@usecapsule/core-components 3.8.1 → 3.8.2-dev.1

package/dist/cjs/loader.cjs.js

@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["cpsl-hero.cjs",[[1,"cpsl-hero",{"height":[2],"hideFadeOut":[4,"hide-fade-out"],"variant":[513],"title":[513],"subtitle":[513],"withDefaultTheme":[4,"with-default-theme"]}]]],["cpsl-modal-v2.cjs",[[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.cjs",[[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.cjs",[[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.cjs",[[1,"cpsl-grid",{"fixed":[4]}]]],["cpsl-identicon.cjs",[[1,"cpsl-identicon",{"hash":[1],"size":[1],"variant":[1]}]]],["cpsl-info-box.cjs",[[1,"cpsl-info-box"]]],["cpsl-row.cjs",[[1,"cpsl-row"]]],["cpsl-alert_34.cjs",[[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);
+  return index.bootstrapLazy([["cpsl-hero.cjs",[[1,"cpsl-hero",{"height":[2],"hideFadeOut":[4,"hide-fade-out"],"variant":[513],"title":[513],"subtitle":[513],"withDefaultTheme":[4,"with-default-theme"]}]]],["cpsl-modal-v2.cjs",[[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.cjs",[[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.cjs",[[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.cjs",[[1,"cpsl-grid",{"fixed":[4]}]]],["cpsl-identicon.cjs",[[1,"cpsl-identicon",{"hash":[1],"size":[1],"variant":[1]}]]],["cpsl-info-box.cjs",[[1,"cpsl-info-box"]]],["cpsl-row.cjs",[[1,"cpsl-row"]]],["cpsl-alert_34.cjs",[[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);
 };
 
 exports.setNonce = index.setNonce;

package/dist/collection/components/cpsl-alert/cpsl-alert.js

@@ -2,6 +2,7 @@ import { Host, h } from "@stencil/core";
 export class CpslAlert {
     constructor() {
         this.icon = undefined;
+        this.noIcon = undefined;
         this.variant = 'error';
         this.filled = undefined;
     }
@@ -26,7 +27,7 @@ export class CpslAlert {
         }
     }
     render() {
-        return (h(Host, { key: 'b3d99e91886b9f3c226c607a2755ec07eb490284', class: { error: this.variant === 'error', warning: this.variant === 'warning', success: this.variant === 'success', filled: this.filled } }, h("div", { key: '18d3cdfce1717d8980133650e37350e299badb73', class: "alert-container" }, h("div", { key: 'a5974d2702eb9da75b7b09cc922d9beebbc0cef1', class: "title-container" }, this.iconType && h("cpsl-icon", { key: 'c700339138baadd297ba39f5f28a9d519d467988', icon: this.iconType }), h("slot", { key: 'f3f6d037235e72ecfd91a70bfef118bbebe9563a' })), h("slot", { key: '06bf3e5d838e39a4771aef6bbf343d55142f1a0f', name: "subtitle" }))));
+        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" }))));
     }
     static get is() { return "cpsl-alert"; }
     static get encapsulation() { return "shadow"; }
@@ -65,6 +66,23 @@ export class CpslAlert {
                 "attribute": "icon",
                 "reflect": false
             },
+            "noIcon": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Hides the icon."
+                },
+                "attribute": "no-icon",
+                "reflect": false
+            },
             "variant": {
                 "type": "string",
                 "mutable": false,

package/dist/collection/components/cpsl-alert/cpsl-alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"cpsl-alert.js","sourceRoot":"","sources":["../../../../src/components/cpsl-alert/cpsl-alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQzD,MAAM,OAAO,SAAS;;;uBAW2C,OAAO;;;IAOtE,IAAY,QAAQ;QAClB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,OAAO,IAAI,CAAC,IAAI,CAAC;QACnB,CAAC;QAED,QAAQ,IAAI,CAAC,OAAO,EAAE,CAAC;YACrB,KAAK,QAAQ,CAAC,CAAC,CAAC;gBACd,OAAO,SAAS,CAAC;YACnB,CAAC;YACD,KAAK,SAAS,CAAC,CAAC,CAAC;gBACf,OAAO,aAAa,CAAC;YACvB,CAAC;YACD,KAAK,SAAS,CAAC,CAAC,CAAC;gBACf,OAAO,aAAa,CAAC;YACvB,CAAC;YACD,KAAK,OAAO,CAAC;YACb,OAAO,CAAC,CAAC,CAAC;gBACR,OAAO,aAAa,CAAC;YACvB,CAAC;QACH,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,KAAK,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE;YAC7I,4DAAK,KAAK,EAAC,iBAAiB;gBAC1B,4DAAK,KAAK,EAAC,iBAAiB;oBACzB,IAAI,CAAC,QAAQ,IAAI,kEAAW,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAI;oBACpD,8DAAa,CACT;gBACN,6DAAM,IAAI,EAAC,UAAU,GAAQ,CACzB,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\nimport { IconType } from '../../interface';\n\n@Component({\n  tag: 'cpsl-alert',\n  styleUrl: 'cpsl-alert.scss',\n  shadow: true,\n})\nexport class CpslAlert {\n  /**\n   * The name of the icon to show.\n   */\n  @Prop() icon?: IconType;\n\n  /**\n   * The variant of alert.\n   * Options are: `\"error\"` | `\"warning\"` | `\"success\"` | `\"custom\"`\n   * Default is: `\"error\"`.\n   */\n  @Prop() variant?: 'error' | 'warning' | 'success' | 'custom' = 'error';\n\n  /**\n   * Whether to show the alert with a filled background based on the variant\n   */\n  @Prop() filled?: boolean;\n\n  private get iconType(): IconType | undefined {\n    if (this.icon) {\n      return this.icon;\n    }\n\n    switch (this.variant) {\n      case 'custom': {\n        return undefined;\n      }\n      case 'success': {\n        return 'checkCircle';\n      }\n      case 'warning': {\n        return 'alertCircle';\n      }\n      case 'error':\n      default: {\n        return 'alertCircle';\n      }\n    }\n  }\n\n  render() {\n    return (\n      <Host class={{ error: this.variant === 'error', warning: this.variant === 'warning', success: this.variant === 'success', filled: this.filled }}>\n        <div class=\"alert-container\">\n          <div class=\"title-container\">\n            {this.iconType && <cpsl-icon icon={this.iconType} />}\n            <slot></slot>\n          </div>\n          <slot name=\"subtitle\"></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"cpsl-alert.js","sourceRoot":"","sources":["../../../../src/components/cpsl-alert/cpsl-alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQzD,MAAM,OAAO,SAAS;;;;uBAgB2C,OAAO;;;IAOtE,IAAY,QAAQ;QAClB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,OAAO,IAAI,CAAC,IAAI,CAAC;QACnB,CAAC;QAED,QAAQ,IAAI,CAAC,OAAO,EAAE,CAAC;YACrB,KAAK,QAAQ,CAAC,CAAC,CAAC;gBACd,OAAO,SAAS,CAAC;YACnB,CAAC;YACD,KAAK,SAAS,CAAC,CAAC,CAAC;gBACf,OAAO,aAAa,CAAC;YACvB,CAAC;YACD,KAAK,SAAS,CAAC,CAAC,CAAC;gBACf,OAAO,aAAa,CAAC;YACvB,CAAC;YACD,KAAK,OAAO,CAAC;YACb,OAAO,CAAC,CAAC,CAAC;gBACR,OAAO,aAAa,CAAC;YACvB,CAAC;QACH,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,KAAK,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE;YAC7I,4DAAK,KAAK,EAAC,iBAAiB;gBAC1B,4DAAK,KAAK,EAAC,iBAAiB;oBACzB,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,QAAQ,IAAI,kEAAW,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAI;oBACpE,8DAAa,CACT;gBACN,6DAAM,IAAI,EAAC,UAAU,GAAQ,CACzB,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\nimport { IconType } from '../../interface';\n\n@Component({\n  tag: 'cpsl-alert',\n  styleUrl: 'cpsl-alert.scss',\n  shadow: true,\n})\nexport class CpslAlert {\n  /**\n   * The name of the icon to show.\n   */\n  @Prop() icon?: IconType;\n\n  /**\n   * Hides the icon.\n   */\n  @Prop() noIcon?: boolean;\n\n  /**\n   * The variant of alert.\n   * Options are: `\"error\"` | `\"warning\"` | `\"success\"` | `\"custom\"`\n   * Default is: `\"error\"`.\n   */\n  @Prop() variant?: 'error' | 'warning' | 'success' | 'custom' = 'error';\n\n  /**\n   * Whether to show the alert with a filled background based on the variant\n   */\n  @Prop() filled?: boolean;\n\n  private get iconType(): IconType | undefined {\n    if (this.icon) {\n      return this.icon;\n    }\n\n    switch (this.variant) {\n      case 'custom': {\n        return undefined;\n      }\n      case 'success': {\n        return 'checkCircle';\n      }\n      case 'warning': {\n        return 'alertCircle';\n      }\n      case 'error':\n      default: {\n        return 'alertCircle';\n      }\n    }\n  }\n\n  render() {\n    return (\n      <Host class={{ error: this.variant === 'error', warning: this.variant === 'warning', success: this.variant === 'success', filled: this.filled }}>\n        <div class=\"alert-container\">\n          <div class=\"title-container\">\n            {!this.noIcon && this.iconType && <cpsl-icon icon={this.iconType} />}\n            <slot></slot>\n          </div>\n          <slot name=\"subtitle\"></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/cpsl-text/cpsl-text.css

@@ -55,15 +55,6 @@
    */
 :host {
   display: block;
-}
-
-:host p,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
   font-family: var(--cpsl-font-family, inherit);
   padding: 0px;
   margin: 0px;
@@ -71,238 +62,352 @@ h6 {
   -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 {
-  /* Code for Firefox */
-  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;
+
+:host(.primary) {
+  color: var(--color-override, var(--cpsl-color-text-primary));
 }
-:host p.primary,
-h1.primary,
-h2.primary,
-h3.primary,
-h4.primary,
-h5.primary,
-h6.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 p.secondary,
-h1.secondary,
-h2.secondary,
-h3.secondary,
-h4.secondary,
-h5.secondary,
-h6.secondary {
+
+: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 p.tertiary,
-h1.tertiary,
-h2.tertiary,
-h3.tertiary,
-h4.tertiary,
-h5.tertiary,
-h6.tertiary {
+
+: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 p.subtle,
-h1.subtle,
-h2.subtle,
-h3.subtle,
-h4.subtle,
-h5.subtle,
-h6.subtle {
+
+: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 p.inverted,
-h1.inverted,
-h2.inverted,
-h3.inverted,
-h4.inverted,
-h5.inverted,
-h6.inverted {
+
+: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 p.error,
-h1.error,
-h2.error,
-h3.error,
-h4.error,
-h5.error,
-h6.error {
+
+: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 p.contrast,
-h1.contrast,
-h2.contrast,
-h3.contrast,
-h4.contrast,
-h5.contrast,
-h6.contrast {
+
+: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 p.regular,
-h1.regular,
-h2.regular,
-h3.regular,
-h4.regular,
-h5.regular,
-h6.regular {
+
+: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 p.medium,
-h1.medium,
-h2.medium,
-h3.medium,
-h4.medium,
-h5.medium,
-h6.medium {
+
+:host(.medium) {
   font-weight: 500;
 }
-:host p.semi-bold,
-h1.semi-bold,
-h2.semi-bold,
-h3.semi-bold,
-h4.semi-bold,
-h5.semi-bold,
-h6.semi-bold {
+: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 p.bold,
-h1.bold,
-h2.bold,
-h3.bold,
-h4.bold,
-h5.bold,
-h6.bold {
+
+: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 p.body-2xs,
-h1.body-2xs,
-h2.body-2xs,
-h3.body-2xs,
-h4.body-2xs,
-h5.body-2xs,
-h6.body-2xs {
+
+:host(.body-2xs) {
   font-size: var(--cpsl-font-size-body-2xs);
 }
-:host p.body-xs,
-h1.body-xs,
-h2.body-xs,
-h3.body-xs,
-h4.body-xs,
-h5.body-xs,
-h6.body-xs {
+: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 p.body-s,
-h1.body-s,
-h2.body-s,
-h3.body-s,
-h4.body-s,
-h5.body-s,
-h6.body-s {
+
+: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 p.body-m,
-h1.body-m,
-h2.body-m,
-h3.body-m,
-h4.body-m,
-h5.body-m,
-h6.body-m {
+
+: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 p.body-l,
-h1.body-l,
-h2.body-l,
-h3.body-l,
-h4.body-l,
-h5.body-l,
-h6.body-l {
+
+: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 p.body-xl,
-h1.body-xl,
-h2.body-xl,
-h3.body-xl,
-h4.body-xl,
-h5.body-xl,
-h6.body-xl {
+
+: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 p.heading-xs,
-h1.heading-xs,
-h2.heading-xs,
-h3.heading-xs,
-h4.heading-xs,
-h5.heading-xs,
-h6.heading-xs {
+
+:host(.heading-xs) {
   font-size: var(--cpsl-font-size-heading-xs);
 }
-:host p.heading-s,
-h1.heading-s,
-h2.heading-s,
-h3.heading-s,
-h4.heading-s,
-h5.heading-s,
-h6.heading-s {
+: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 p.heading-m,
-h1.heading-m,
-h2.heading-m,
-h3.heading-m,
-h4.heading-m,
-h5.heading-m,
-h6.heading-m {
+
+:host(.heading-m) {
   font-size: var(--cpsl-font-size-heading-m);
   letter-spacing: -0.4px;
 }
-:host p.heading-l,
-h1.heading-l,
-h2.heading-l,
-h3.heading-l,
-h4.heading-l,
-h5.heading-l,
-h6.heading-l {
+: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 p.heading-xl,
-h1.heading-xl,
-h2.heading-xl,
-h3.heading-xl,
-h4.heading-xl,
-h5.heading-xl,
-h6.heading-xl {
+: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 p.heading-2xl,
-h1.heading-2xl,
-h2.heading-2xl,
-h3.heading-2xl,
-h4.heading-2xl,
-h5.heading-2xl,
-h6.heading-2xl {
+: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 {
+  /* Code for Firefox */
+  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;
 }