@usecapsule/core-components 3.8.0 → 3.8.2-dev.1
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/capsule/capsule.esm.js +1 -1
- package/dist/capsule/capsule.esm.js.map +1 -1
- package/dist/capsule/{p-acf73691.entry.js → p-b4250e4d.entry.js} +5 -5
- package/dist/capsule/p-b4250e4d.entry.js.map +1 -0
- package/dist/cjs/capsule.cjs.js +1 -1
- package/dist/cjs/cpsl-alert_34.cjs.entry.js +15 -16
- 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/x.svg +1 -1
- package/dist/collection/components/cpsl-alert/cpsl-alert.js +19 -1
- package/dist/collection/components/cpsl-alert/cpsl-alert.js.map +1 -1
- package/dist/collection/components/cpsl-select-item/cpsl-select-item.css +1 -0
- package/dist/collection/components/cpsl-text/cpsl-text.css +295 -190
- package/dist/collection/components/cpsl-text/cpsl-text.js +10 -12
- package/dist/collection/components/cpsl-text/cpsl-text.js.map +1 -1
- package/dist/esm/capsule.js +1 -1
- package/dist/esm/cpsl-alert_34.entry.js +15 -16
- package/dist/esm/cpsl-alert_34.entry.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/cpsl-alert/cpsl-alert.d.ts +4 -0
- package/dist/types/components.d.ts +8 -0
- package/package.json +8 -3
- package/dist/capsule/p-acf73691.entry.js.map +0 -1
package/dist/esm/capsule.js
CHANGED
@@ -16,7 +16,7 @@ var patchBrowser = () => {
|
|
16
16
|
|
17
17
|
patchBrowser().then(async (options) => {
|
18
18
|
await globalScripts();
|
19
|
-
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",{"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]}]]],["cpsl-info-box",[[1,"cpsl-info-box"]]],["cpsl-row",[[1,"cpsl-row"]]],["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],"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"],"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],"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",{"src":[1],"icon":[1]}],[1,"cpsl-app-bar",{"height":[2],"position":[1],"zIndexOverride":[2,"z-index-override"]}],[1,"cpsl-avatar",{"alt":[1],"src":[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]}],[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"],"mask":[1],"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],"positionX":[32],"positionY":[32],"closePopover":[64]},null,{"trigger":["onTriggerChange"],"triggerAction":["onTriggerChange"],"preventBlur":["onTriggerChange"],"anchorOriginHorizontal":["onAnchorChange"],"anchorOriginVertical":["onAnchorChange"],"open":["onOpenChange"]}],[1,"cpsl-spinner",{"size":[2],"speed":[2]}],[1,"cpsl-button",{"as":[1],"disabled":[516],"fullWidth":[4,"full-width"],"href":[1],"size":[1],"target":[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],"icon":[1]}]]]], options);
|
19
|
+
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",{"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]}]]],["cpsl-info-box",[[1,"cpsl-info-box"]]],["cpsl-row",[[1,"cpsl-row"]]],["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],"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"],"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",{"src":[1],"icon":[1]}],[1,"cpsl-app-bar",{"height":[2],"position":[1],"zIndexOverride":[2,"z-index-override"]}],[1,"cpsl-avatar",{"alt":[1],"src":[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]}],[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"],"mask":[1],"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],"positionX":[32],"positionY":[32],"closePopover":[64]},null,{"trigger":["onTriggerChange"],"triggerAction":["onTriggerChange"],"preventBlur":["onTriggerChange"],"anchorOriginHorizontal":["onAnchorChange"],"anchorOriginVertical":["onAnchorChange"],"open":["onOpenChange"]}],[1,"cpsl-spinner",{"size":[2],"speed":[2]}],[1,"cpsl-button",{"as":[1],"disabled":[516],"fullWidth":[4,"full-width"],"href":[1],"size":[1],"target":[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],"icon":[1]}]]]], options);
|
20
20
|
});
|
21
21
|
|
22
22
|
//# sourceMappingURL=capsule.js.map
|
@@ -8,6 +8,7 @@ const CpslAlert = class {
|
|
8
8
|
constructor(hostRef) {
|
9
9
|
registerInstance(this, hostRef);
|
10
10
|
this.icon = undefined;
|
11
|
+
this.noIcon = undefined;
|
11
12
|
this.variant = 'error';
|
12
13
|
this.filled = undefined;
|
13
14
|
}
|
@@ -32,7 +33,7 @@ const CpslAlert = class {
|
|
32
33
|
}
|
33
34
|
}
|
34
35
|
render() {
|
35
|
-
return (h(Host, { key: '
|
36
|
+
return (h(Host, { key: '2561ee222d31a9b4a646c9c6a1dc2d31aa1f73a6', class: { error: this.variant === 'error', warning: this.variant === 'warning', success: this.variant === 'success', filled: this.filled } }, h("div", { key: '957521833f1a3e18ba6fdea250fbd8c4f3b0bd1a', class: "alert-container" }, h("div", { key: '2acbd6d3c831cd9f48abf6d8f28ffc2128481b5f', class: "title-container" }, !this.noIcon && this.iconType && h("cpsl-icon", { key: '8d09ab4dbc6490e4168d0b4313f8a82f0ed6fa1b', icon: this.iconType }), h("slot", { key: '9d081a5373c75d4e8795365137719890b0718732' })), h("slot", { key: '209565a0b76f197dbdc38666894e45ed1f854ed6', name: "subtitle" }))));
|
36
37
|
}
|
37
38
|
};
|
38
39
|
CpslAlert.style = CpslAlertStyle0;
|
@@ -7791,7 +7792,7 @@ const Wallet = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stro
|
|
7791
7792
|
`;
|
7792
7793
|
|
7793
7794
|
const X = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
7794
|
-
<path d="M17 7L7 17M7 7L17 17" stroke="
|
7795
|
+
<path d="M17 7L7 17M7 7L17 17" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
7795
7796
|
</svg>
|
7796
7797
|
`;
|
7797
7798
|
|
@@ -21126,7 +21127,7 @@ const CpslSelect = class {
|
|
21126
21127
|
let inputIds = 0;
|
21127
21128
|
CpslSelect.style = CpslSelectStyle0;
|
21128
21129
|
|
21129
|
-
const cpslSelectItemCss = ":host{--outer-container-padding-start:8px;--outer-container-padding-end:8px;--outer-container-padding-top:8px;--outer-container-padding-bottom:8px;--container-background-color:var(--cpsl-color-select-surface-default);--container-hover-background-color:var(--cpsl-color-select-surface-hover);--container-border-radius:calc(var(--cpsl-border-radius-select) - 4px);--container-padding-start:8px;--container-padding-end:8px;--container-padding-top:8px;--container-padding-bottom:8px;display:block;font-family:var(--cpsl-font-family, inherit);cursor:pointer}.inner-container{-webkit-padding-start:var(--container-padding-start);padding-inline-start:var(--container-padding-start);-webkit-padding-end:var(--container-padding-end);padding-inline-end:var(--container-padding-end);padding-top:var(--container-padding-top);padding-bottom:var(--container-padding-bottom);background-color:var(--container-background-color);border-radius:var(--container-border-radius);height:100%;display:flex;align-items:center}.outer-container{-webkit-padding-start:var(--outer-container-padding-start);padding-inline-start:var(--outer-container-padding-start);-webkit-padding-end:var(--outer-container-padding-end);padding-inline-end:var(--outer-container-padding-end);padding-top:var(--outer-container-padding-top);padding-bottom:var(--outer-container-padding-bottom);background-color:var(--container-background-color)}.outer-container:hover>.inner-container{background-color:var(--container-hover-background-color)}.selected{background-color:var(--container-hover-background-color)}:host(.in-select-box){--container-background-color:transparent;--container-hover-background-color:transparent;--container-border-width:0px;--container-padding-start:0px;--container-padding-end:0px;--container-padding-top:0px;--container-padding-bottom:0px;flex:1;height:100%}";
|
21130
|
+
const cpslSelectItemCss = ":host{--outer-container-padding-start:8px;--outer-container-padding-end:8px;--outer-container-padding-top:8px;--outer-container-padding-bottom:8px;--container-background-color:var(--cpsl-color-select-surface-default);--container-hover-background-color:var(--cpsl-color-select-surface-hover);--container-border-radius:calc(var(--cpsl-border-radius-select) - 4px);--container-padding-start:8px;--container-padding-end:8px;--container-padding-top:8px;--container-padding-bottom:8px;display:block;font-family:var(--cpsl-font-family, inherit);color:var(--cpsl-color-text-primary);cursor:pointer}.inner-container{-webkit-padding-start:var(--container-padding-start);padding-inline-start:var(--container-padding-start);-webkit-padding-end:var(--container-padding-end);padding-inline-end:var(--container-padding-end);padding-top:var(--container-padding-top);padding-bottom:var(--container-padding-bottom);background-color:var(--container-background-color);border-radius:var(--container-border-radius);height:100%;display:flex;align-items:center}.outer-container{-webkit-padding-start:var(--outer-container-padding-start);padding-inline-start:var(--outer-container-padding-start);-webkit-padding-end:var(--outer-container-padding-end);padding-inline-end:var(--outer-container-padding-end);padding-top:var(--outer-container-padding-top);padding-bottom:var(--outer-container-padding-bottom);background-color:var(--container-background-color)}.outer-container:hover>.inner-container{background-color:var(--container-hover-background-color)}.selected{background-color:var(--container-hover-background-color)}:host(.in-select-box){--container-background-color:transparent;--container-hover-background-color:transparent;--container-border-width:0px;--container-padding-start:0px;--container-padding-end:0px;--container-padding-top:0px;--container-padding-bottom:0px;flex:1;height:100%}";
|
21130
21131
|
const CpslSelectItemStyle0 = cpslSelectItemCss;
|
21131
21132
|
|
21132
21133
|
const CpslSelectItem = class {
|
@@ -21494,35 +21495,35 @@ const getTab = (tabs, tab) => {
|
|
21494
21495
|
};
|
21495
21496
|
CpslTabs.style = CpslTabsStyle0;
|
21496
21497
|
|
21497
|
-
const cpslTextCss = ":host{display:block
|
21498
|
+
const cpslTextCss = ":host{display:block;font-family:var(--cpsl-font-family, inherit);padding:0px;margin:0px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:never}:host(.primary){color:var(--color-override, var(--cpsl-color-text-primary))}:host(.primary)>p,:host(.primary) h1,:host(.primary) h2,:host(.primary) h3,:host(.primary) h4,:host(.primary) h5,:host(.primary) h6{color:var(--color-override, var(--cpsl-color-text-primary))}:host(.secondary){color:var(--color-override, var(--cpsl-color-text-secondary))}:host(.secondary)>p,:host(.secondary) h1,:host(.secondary) h2,:host(.secondary) h3,:host(.secondary) h4,:host(.secondary) h5,:host(.secondary) h6{color:var(--color-override, var(--cpsl-color-text-secondary))}:host(.tertiary){color:var(--color-override, var(--cpsl-color-text-tertiary))}:host(.tertiary)>p,:host(.tertiary) h1,:host(.tertiary) h2,:host(.tertiary) h3,:host(.tertiary) h4,:host(.tertiary) h5,:host(.tertiary) h6{color:var(--color-override, var(--cpsl-color-text-tertiary))}:host(.subtle){color:var(--color-override, var(--cpsl-color-text-subtle))}:host(.subtle)>p,:host(.subtle) h1,:host(.subtle) h2,:host(.subtle) h3,:host(.subtle) h4,:host(.subtle) h5,:host(.subtle) h6{color:var(--color-override, var(--cpsl-color-text-subtle))}:host(.inverted){color:var(--color-override, var(--cpsl-color-text-inverted))}:host(.inverted)>p,:host(.inverted) h1,:host(.inverted) h2,:host(.inverted) h3,:host(.inverted) h4,:host(.inverted) h5,:host(.inverted) h6{color:var(--color-override, var(--cpsl-color-text-inverted))}:host(.error){color:var(--color-override, var(--cpsl-color-text-error))}:host(.error)>p,:host(.error) h1,:host(.error) h2,:host(.error) h3,:host(.error) h4,:host(.error) h5,:host(.error) h6{color:var(--color-override, var(--cpsl-color-text-error))}:host(.contrast){color:var(--color-override, var(--cpsl-color-text-contrast))}:host(.contrast)>p,:host(.contrast) h1,:host(.contrast) h2,:host(.contrast) h3,:host(.contrast) h4,:host(.contrast) h5,:host(.contrast) h6{color:var(--color-override, var(--cpsl-color-text-contrast))}:host(.regular){font-weight:400}:host(.regular)>p,:host(.regular) h1,:host(.regular) h2,:host(.regular) h3,:host(.regular) h4,:host(.regular) h5,:host(.regular) h6{font-weight:400}:host(.medium){font-weight:500}:host(.medium)>p,:host(.medium) h1,:host(.medium) h2,:host(.medium) h3,:host(.medium) h4,:host(.medium) h5,:host(.medium) h6{font-weight:500}:host(.semi-bold){font-weight:600}:host(.semi-bold)>p,:host(.semi-bold) h1,:host(.semi-bold) h2,:host(.semi-bold) h3,:host(.semi-bold) h4,:host(.semi-bold) h5,:host(.semi-bold) h6{font-weight:600}:host(.bold){font-weight:700}:host(.bold)>p,:host(.bold) h1,:host(.bold) h2,:host(.bold) h3,:host(.bold) h4,:host(.bold) h5,:host(.bold) h6{font-weight:700}:host(.body-2xs){font-size:var(--cpsl-font-size-body-2xs)}:host(.body-2xs)>p,:host(.body-2xs) h1,:host(.body-2xs) h2,:host(.body-2xs) h3,:host(.body-2xs) h4,:host(.body-2xs) h5,:host(.body-2xs) h6{font-size:var(--cpsl-font-size-body-2xs)}:host(.body-xs){font-size:var(--cpsl-font-size-body-xs)}:host(.body-xs)>p,:host(.body-xs) h1,:host(.body-xs) h2,:host(.body-xs) h3,:host(.body-xs) h4,:host(.body-xs) h5,:host(.body-xs) h6{font-size:var(--cpsl-font-size-body-xs)}:host(.body-s){font-size:var(--cpsl-font-size-body-s);line-height:142.857%}:host(.body-s)>p,:host(.body-s) h1,:host(.body-s) h2,:host(.body-s) h3,:host(.body-s) h4,:host(.body-s) h5,:host(.body-s) h6{font-size:var(--cpsl-font-size-body-s);line-height:142.857%}:host(.body-m){font-size:var(--cpsl-font-size-body-m);line-height:150%}:host(.body-m)>p,:host(.body-m) h1,:host(.body-m) h2,:host(.body-m) h3,:host(.body-m) h4,:host(.body-m) h5,:host(.body-m) h6{font-size:var(--cpsl-font-size-body-m);line-height:150%}:host(.body-l){font-size:var(--cpsl-font-size-body-l);line-height:140%}:host(.body-l)>p,:host(.body-l) h1,:host(.body-l) h2,:host(.body-l) h3,:host(.body-l) h4,:host(.body-l) h5,:host(.body-l) h6{font-size:var(--cpsl-font-size-body-l);line-height:140%}:host(.body-xl){font-size:var(--cpsl-font-size-body-xl)}:host(.body-xl)>p,:host(.body-xl) h1,:host(.body-xl) h2,:host(.body-xl) h3,:host(.body-xl) h4,:host(.body-xl) h5,:host(.body-xl) h6{font-size:var(--cpsl-font-size-body-xl)}:host(.heading-xs){font-size:var(--cpsl-font-size-heading-xs)}:host(.heading-xs)>p,:host(.heading-xs) h1,:host(.heading-xs) h2,:host(.heading-xs) h3,:host(.heading-xs) h4,:host(.heading-xs) h5,:host(.heading-xs) h6{font-size:var(--cpsl-font-size-heading-xs)}:host(.heading-s){font-size:var(--cpsl-font-size-heading-s)}:host(.heading-s)>p,:host(.heading-s) h1,:host(.heading-s) h2,:host(.heading-s) h3,:host(.heading-s) h4,:host(.heading-s) h5,:host(.heading-s) h6{font-size:var(--cpsl-font-size-heading-s)}:host(.heading-m){font-size:var(--cpsl-font-size-heading-m);letter-spacing:-0.4px}:host(.heading-m)>p,:host(.heading-m) h1,:host(.heading-m) h2,:host(.heading-m) h3,:host(.heading-m) h4,:host(.heading-m) h5,:host(.heading-m) h6{font-size:var(--cpsl-font-size-heading-m);letter-spacing:-0.4px}:host(.heading-l){font-size:var(--cpsl-font-size-heading-l);letter-spacing:-1.12px}:host(.heading-l)>p,:host(.heading-l) h1,:host(.heading-l) h2,:host(.heading-l) h3,:host(.heading-l) h4,:host(.heading-l) h5,:host(.heading-l) h6{font-size:var(--cpsl-font-size-heading-l);letter-spacing:-1.12px}:host(.heading-xl){font-size:var(--cpsl-font-size-heading-xl);letter-spacing:-1.28px}:host(.heading-xl)>p,:host(.heading-xl) h1,:host(.heading-xl) h2,:host(.heading-xl) h3,:host(.heading-xl) h4,:host(.heading-xl) h5,:host(.heading-xl) h6{font-size:var(--cpsl-font-size-heading-xl);letter-spacing:-1.28px}:host(.heading-2xl){font-size:var(--cpsl-font-size-heading-2xl);letter-spacing:-1.44px}:host(.heading-2xl)>p,:host(.heading-2xl) h1,:host(.heading-2xl) h2,:host(.heading-2xl) h3,:host(.heading-2xl) h4,:host(.heading-2xl) h5,:host(.heading-2xl) h6{font-size:var(--cpsl-font-size-heading-2xl);letter-spacing:-1.44px}:host p,h1,h2,h3,h4,h5,h6{font-family:var(--cpsl-font-family, inherit);padding:0px;margin:0px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:never}:host p::-moz-selection,h1::-moz-selection,h2::-moz-selection,h3::-moz-selection,h4::-moz-selection,h5::-moz-selection,h6::-moz-selection{color:var(--cpsl-color-text-inverted) !important;background:var(--cpsl-color-background-64) !important}:host p::selection,h1::selection,h2::selection,h3::selection,h4::selection,h5::selection,h6::selection{color:var(--cpsl-color-text-inverted) !important;background:var(--cpsl-color-background-64) !important}";
|
21498
21499
|
const CpslTextStyle0 = cpslTextCss;
|
21499
21500
|
|
21500
21501
|
const TEXT_EL_PART = 'text-element';
|
21501
21502
|
const CpslText = class {
|
21502
21503
|
constructor(hostRef) {
|
21503
21504
|
registerInstance(this, hostRef);
|
21504
|
-
this.getContent = (
|
21505
|
+
this.getContent = () => {
|
21505
21506
|
switch (this.variant) {
|
21506
21507
|
case 'headingXS': {
|
21507
|
-
return (h("h6", {
|
21508
|
+
return (h("h6", { part: TEXT_EL_PART }, h("slot", null)));
|
21508
21509
|
}
|
21509
21510
|
case 'headingS': {
|
21510
|
-
return (h("h5", {
|
21511
|
+
return (h("h5", { part: TEXT_EL_PART }, h("slot", null)));
|
21511
21512
|
}
|
21512
21513
|
case 'headingM': {
|
21513
|
-
return (h("h4", {
|
21514
|
+
return (h("h4", { part: TEXT_EL_PART }, h("slot", null)));
|
21514
21515
|
}
|
21515
21516
|
case 'headingL': {
|
21516
|
-
return (h("h3", {
|
21517
|
+
return (h("h3", { part: TEXT_EL_PART }, h("slot", null)));
|
21517
21518
|
}
|
21518
21519
|
case 'headingXL': {
|
21519
|
-
return (h("h2", {
|
21520
|
+
return (h("h2", { part: TEXT_EL_PART }, h("slot", null)));
|
21520
21521
|
}
|
21521
21522
|
case 'heading2XL': {
|
21522
|
-
return (h("h1", {
|
21523
|
+
return (h("h1", { part: TEXT_EL_PART }, h("slot", null)));
|
21523
21524
|
}
|
21524
21525
|
default: {
|
21525
|
-
return (h("p", {
|
21526
|
+
return (h("p", { part: TEXT_EL_PART }, h("slot", null)));
|
21526
21527
|
}
|
21527
21528
|
}
|
21528
21529
|
};
|
@@ -21531,8 +21532,7 @@ const CpslText = class {
|
|
21531
21532
|
this.weight = 'regular';
|
21532
21533
|
}
|
21533
21534
|
render() {
|
21534
|
-
return (h(Host, { key: '
|
21535
|
-
classes: {
|
21535
|
+
return (h(Host, { key: '0fe34c3a91b7ac83a985eccbf47aa423c21123c1', class: {
|
21536
21536
|
// COLORS
|
21537
21537
|
'primary': this.color === 'primary',
|
21538
21538
|
'secondary': this.color === 'secondary',
|
@@ -21558,8 +21558,7 @@ const CpslText = class {
|
|
21558
21558
|
'heading-l': this.variant === 'headingL',
|
21559
21559
|
'heading-xl': this.variant === 'headingXL',
|
21560
21560
|
'heading-2xl': this.variant === 'heading2XL',
|
21561
|
-
},
|
21562
|
-
})));
|
21561
|
+
} }, this.getContent()));
|
21563
21562
|
}
|
21564
21563
|
};
|
21565
21564
|
CpslText.style = CpslTextStyle0;
|