npm - @tmorrow/cre8-wc - Versions diffs - 1.2.7 → 2.0.1 - Mend

@tmorrow/cre8-wc 1.2.7 → 2.0.1

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 (114) hide show

package/cdn/cre8-wc.esm.js +9404 -7399
package/cdn/cre8-wc.esm.js.map +1 -1
package/cdn/cre8-wc.min.js +5839 -3834
package/cdn/cre8-wc.min.js.map +1 -1
package/lib/components/accordion-item/accordion-item.js +1 -1
package/lib/components/accordion-item/accordion-item.js.map +1 -1
package/lib/components/alert/alert.js +6 -6
package/lib/components/alert/alert.js.map +1 -1
package/lib/components/badge/badge.d.ts +1 -1
package/lib/components/badge/badge.js.map +1 -1
package/lib/components/breadcrumbs-item/breadcrumbs-item.js +1 -1
package/lib/components/breadcrumbs-item/breadcrumbs-item.js.map +1 -1
package/lib/components/checkbox-field-item/checkbox-field-item.js +1 -1
package/lib/components/checkbox-field-item/checkbox-field-item.js.map +1 -1
package/lib/components/date-picker/date-picker.styles.d.ts.map +1 -1
package/lib/components/date-picker/date-picker.styles.js +955 -1
package/lib/components/date-picker/date-picker.styles.js.map +1 -1
package/lib/components/dropdown/dropdown.js +1 -1
package/lib/components/dropdown/dropdown.js.map +1 -1
package/lib/components/field-note/field-note.js +2 -2
package/lib/components/field-note/field-note.js.map +1 -1
package/lib/components/icon/icon.d.ts +1 -1
package/lib/components/icon/icon.d.ts.map +1 -1
package/lib/components/icon/icon.js +39 -41
package/lib/components/icon/icon.js.map +1 -1
package/lib/components/inline-alert/inline-alert.js +5 -5
package/lib/components/inline-alert/inline-alert.js.map +1 -1
package/lib/components/link/link.js +1 -1
package/lib/components/link/link.js.map +1 -1
package/lib/components/modal/modal.js +6 -6
package/lib/components/modal/modal.js.map +1 -1
package/lib/components/multi-select/multi-select.js +2 -2
package/lib/components/multi-select/multi-select.js.map +1 -1
package/lib/components/pagination/pagination.js +5 -5
package/lib/components/pagination/pagination.js.map +1 -1
package/lib/components/percent-bar/percent-bar.js +1 -1
package/lib/components/percent-bar/percent-bar.js.map +1 -1
package/lib/components/remove-tag/remove-tag.js +1 -1
package/lib/components/remove-tag/remove-tag.js.map +1 -1
package/lib/components/select/select.js +1 -1
package/lib/components/select/select.js.map +1 -1
package/lib/components/select-tile/select-tile.js +1 -1
package/lib/components/select-tile/select-tile.js.map +1 -1
package/lib/components/select-tile/select-tile.styles.d.ts.map +1 -1
package/lib/components/select-tile/select-tile.styles.js +1055 -1
package/lib/components/select-tile/select-tile.styles.js.map +1 -1
package/lib/components/table-row/table-row.js +1 -1
package/lib/components/table-row/table-row.js.map +1 -1
package/lib/components/tag/tag.js +1 -1
package/lib/components/tag/tag.js.map +1 -1
package/lib/icons/Account.svg +3 -0
package/lib/icons/Account_Filled.svg +3 -0
package/lib/icons/Arrow_-_Left.svg +3 -0
package/lib/icons/Arrow_-_Left_Filled.svg +3 -0
package/lib/icons/Caret_Double_Left.svg +3 -0
package/lib/icons/Caret_Double_Right.svg +3 -0
package/lib/icons/Caret_Down.svg +3 -0
package/lib/icons/Caret_Down_Filled.svg +3 -0
package/lib/icons/Caret_Left.svg +3 -0
package/lib/icons/Caret_Right.svg +3 -0
package/lib/icons/Caret_Up.svg +3 -0
package/lib/icons/Cart.svg +3 -0
package/lib/icons/Chat_Default.svg +3 -0
package/lib/icons/Check.svg +3 -0
package/lib/icons/Check_Filled.svg +3 -0
package/lib/icons/Clear_X.svg +3 -0
package/lib/icons/Close.svg +3 -0
package/lib/icons/Download.svg +3 -0
package/lib/icons/Edit.svg +3 -0
package/lib/icons/Ellipsis.svg +3 -0
package/lib/icons/Ellipsis_Filled.svg +3 -0
package/lib/icons/Error.svg +3 -0
package/lib/icons/Error_Filled.svg +3 -0
package/lib/icons/External_Link.svg +3 -0
package/lib/icons/Globe.svg +3 -0
package/lib/icons/Help.svg +3 -0
package/lib/icons/Help_Filled.svg +3 -0
package/lib/icons/Info.svg +3 -0
package/lib/icons/Lightbulb.svg +3 -0
package/lib/icons/Lightbulb_Filled.svg +3 -0
package/lib/icons/Location.svg +3 -0
package/lib/icons/Medication.svg +3 -0
package/lib/icons/Menu.svg +3 -0
package/lib/icons/Message_Unread.svg +3 -0
package/lib/icons/Message_Unread_Filled.svg +3 -0
package/lib/icons/Minus.svg +3 -0
package/lib/icons/Notification.svg +3 -0
package/lib/icons/Play_Arrow.svg +3 -0
package/lib/icons/Play_Circle.svg +3 -0
package/lib/icons/Rectangle.svg +1 -0
package/lib/icons/Refill.svg +4 -0
package/lib/icons/Search.svg +3 -0
package/lib/icons/Spinner_75.svg +3 -0
package/lib/icons/Undo.svg +3 -0
package/lib/icons/Vaccinations.svg +5 -0
package/lib/icons/Warning.svg +3 -0
package/lib/icons/add.svg +2 -2
package/lib/icons/calendar.svg +2 -4
package/lib/icons/wellness.svg +2 -6
package/mcp-manifest.json +3 -3
package/package.json +1 -1
package/lib/icons/check.svg +0 -3
package/lib/icons/close.svg +0 -3
package/lib/icons/download.svg +0 -5
package/lib/icons/edit.svg +0 -5
package/lib/icons/ellipsis.svg +0 -3
package/lib/icons/error.svg +0 -3
package/lib/icons/globe.svg +0 -3
package/lib/icons/help.svg +0 -3
package/lib/icons/info.svg +0 -3
package/lib/icons/menu.svg +0 -5
package/lib/icons/minus.svg +0 -6
package/lib/icons/search.svg +0 -10
package/lib/icons/warning.svg +0 -3

package/lib/components/date-picker/date-picker.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"date-picker.styles.js","sourceRoot":"","sources":["../../../components/date-picker/date-picker.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,MAAM,GAAG,GAAG,CAAA,o0KAAo0K,CAAC;AACv1K,eAAe,MAAM,CAAC","sourcesContent":["import { css } from 'lit';\nconst styles = css`,::slotted(),:before,:after{box-sizing:border-box}:root{--size-base-unit: 0.5rem}[dir=rtl]{--rtlTranslateX: 50%;--rtlGradientToRight: 270deg;--rtlRotate45Inverse: -45deg}:host{--cre8-z-index-1: 1;--cre8-z-index-50: 50;--cre8-z-index-100: 100;--cre8-z-index-200: 200;--cre8-z-index-1030: 1030;--cre8-anim-fade-quick: 0.35s;--cre8-anim-ease: ease}@keyframes fadeIn{100%{opacity:1}}@keyframes slideIn{100%{transform:translateX(0)}}@keyframes slideInFwd{100%{width:272px;height:272px}}@keyframes slideOutRight{100%{width:272px;height:272px}}@keyframes slideUp{100%{transform:translateY(0)}}@media(width >= 481px){@keyframes slideInFwd{100%{width:417px;height:417px}}@keyframes slideOutRight{100%{width:417px;height:417px}}}@media(width >= 48rem){@keyframes slideInFwd{100%{width:330px;height:330px}}@keyframes slideOutRight{100%{width:330px;height:330px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 60rem){@keyframes slideInFwd{100%{width:460px;height:460px}}@keyframes slideOutRight{100%{width:460px;height:460px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 75rem){@keyframes slideInFwd{100%{width:592px;height:591px}}@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 87.5rem){@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 120px))}}}@media(width >= 2200px){@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 592px))}}}span.ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple 600ms linear;background-color:var(--ripple-bg-color)}@keyframes ripple{to{transform:scale(4);opacity:1}}:root{--size-base-unit: 0.5rem}[dir=rtl]{--rtlTranslateX: 50%;--rtlGradientToRight: 270deg;--rtlRotate45Inverse: -45deg}:host{display:block}.cre8-c-date-picker__label{font-family:var(--cre8-typography-label-small-font-family);font-size:var(--cre8-typography-label-small-font-size);font-weight:var(--cre8-typography-label-small-font-weight);line-height:var(--cre8-typography-label-small-line-height);text-decoration:var(--cre8-typography-label-small-text-decoration);text-transform:var(--cre8-typography-label-small-text-transform);display:block;margin-bottom:0.5rem}.cre8-c-date-picker__body{position:relative;display:flex;align-items:center}input::-webkit-calendar-picker-indicator{display:none}input[type=date]::-webkit-input-placeholder{visibility:hidden !important}.cre8-c-date-picker__calendar-icon-button{position:absolute;right:0.5rem;background:var(--cre8-color-bg-default);border:none;border-radius:0;--cre8-icon-height: size(3);--cre8-icon-width: size(3)}.cre8-c-date-picker--disabled .cre8-c-date-picker__calendar-icon-button,.cre8-c-date-picker--read-only .cre8-c-date-picker__calendar-icon-button{background:var(--cre8-color-bg-disabled)}.cre8-c-date-picker__input{font-family:var(--cre8-typography-body-default-font-family);font-size:var(--cre8-typography-body-default-font-size);font-weight:var(--cre8-typography-body-default-font-weight);line-height:var(--cre8-typography-body-default-line-height);text-decoration:var(--cre8-typography-body-default-text-decoration);text-transform:var(--cre8-typography-body-default-text-transform);outline:var(--cre8-border-width-focus) solid rgba(0,0,0,0);outline-offset:0.125rem;-webkit-appearance:none;width:100%;border-width:var(--cre8-border-width-default);border-style:solid;border-color:var(--cre8-color-border-strong);border-radius:var(--cre8-border-radius-default);padding:0.75rem 0.5rem;color:var(--cre8-color-content-default);background-color:var(--cre8-color-bg-default);transition:outline-color var(--cre8-anim-fade-quick) var(--cre8-anim-ease),border-color var(--cre8-anim-fade-quick) var(--cre8-anim-ease),background-color var(--cre8-anim-fade-quick) var(--cre8-anim-ease),color var(--cre8-anim-fade-quick) var(--cre8-anim-ease)}.cre8-c-date-picker__input:hover:not(:disabled),.cre8-c-date-picker__input:focus:not(:disabled),.cre8-c-date-picker__input:active:not(:disabled),.cre8-c-date-picker__input:focus-visible{outline:var(--cre8-border-width-focus) solid var(--cre8-color-border-active-outline);outline-offset:0.125rem}.cre8-is-error .cre8-c-date-picker__input:hover:not(:disabled),.cre8-is-error .cre8-c-date-picker__input:focus:not(:disabled),.cre8-is-error .cre8-c-date-picker__input:active:not(:disabled),.cre8-is-error .cre8-c-date-picker__input:focus-visible{outline-color:var(--cre8-color-border-error)}.cre8-is-success .cre8-c-date-picker__input:hover:not(:disabled),.cre8-is-success .cre8-c-date-picker__input:focus:not(:disabled),.cre8-is-success .cre8-c-date-picker__input:active:not(:disabled),.cre8-is-success .cre8-c-date-picker__input:focus-visible{outline-color:var(--cre8-color-border-success)}.cre8-c-date-picker__input:disabled{background-color:var(--cre8-color-bg-disabled);border-color:var(--cre8-color-border-disabled);color:var(--cre8-color-content-disabled);cursor:not-allowed}.cre8-c-date-picker__input:disabled::placeholder{color:var(--cre8-color-content-disabled)}.cre8-c-date-picker__input::placeholder{color:var(--cre8-color-content-subtle)}.cre8-is-error .cre8-c-date-picker__input{border-color:var(--cre8-color-border-error)}.cre8-is-success .cre8-c-date-picker__input{border-color:var(--cre8-color-border-success)}.cre8-c-date-picker__input:read-only{background-color:var(--cre8-color-bg-disabled);border-color:var(--cre8-color-border-disabled);cursor:default}`;\nexport default styles;\n"]}
1	+ {"version":3,"file":"date-picker.styles.js","sourceRoot":"","sources":["../../../components/date-picker/date-picker.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA07BhB,CAAC;AACH,eAAe,MAAM,CAAC","sourcesContent":["import { css } from 'lit';\nconst styles = css`.cre8-u-content-knockout-brand {\n color: var(----cre8-color-content-knockout-brand);\n}\n\n.cre8-u-is-hidden {\n display: none !important;\n visibility: hidden !important;\n}\n\n.cre8-u-is-vishidden {\n position: absolute !important;\n overflow: hidden;\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n}\n\n@media all and (min-width: 23.4375rem) {\n .cre8-u-hide-sm {\n display: none !important;\n }\n}\n@media all and (min-width: 35rem) {\n .cre8-u-hide-sm-2 {\n display: none !important;\n }\n}\n@media all and (min-width: 48rem) {\n .cre8-u-hide-md {\n display: none !important;\n }\n}\n@media all and (min-width: 60rem) {\n .cre8-u-hide-lg {\n display: none !important;\n }\n}\n@media all and (min-width: 75rem) {\n .cre8-u-hide-xl {\n display: none !important;\n }\n}\n@media all and (max-width: 23.4375rem) {\n .cre8-u-show-sm {\n display: none !important;\n }\n}\n@media all and (max-width: 35rem) {\n .cre8-u-show-sm-2 {\n display: none !important;\n }\n}\n@media all and (max-width: 48rem) {\n .cre8-u-show-md {\n display: none !important;\n }\n}\n@media all and (max-width: 60rem) {\n .cre8-u-show-lg {\n display: none !important;\n }\n}\n@media all and (max-width: 75rem) {\n .cre8-u-show-xl {\n display: none !important;\n }\n}\n.cre8-u-margin-none {\n margin: 0 !important;\n}\n\n.cre8-u-margin-sm {\n margin: size(1) !important;\n}\n\n.cre8-u-margin-md {\n margin: size(2) !important;\n}\n\n.cre8-u-margin-lg {\n margin: size(3) !important;\n}\n\n.cre8-u-margin-xl {\n margin: size(4) !important;\n}\n\n.cre8-u-margin-xxl {\n margin: size(8) !important;\n}\n\n.cre8-u-margin-top-none {\n margin-top: 0 !important;\n}\n\n.cre8-u-margin-top-sm {\n margin-top: size(1) !important;\n}\n\n.cre8-u-margin-top-md {\n margin-top: size(2) !important;\n}\n\n.cre8-u-margin-top-lg {\n margin-top: size(3) !important;\n}\n\n.cre8-u-margin-top-xl {\n margin-top: size(4) !important;\n}\n\n.cre8-u-margin-top-xxl {\n margin-top: size(8) !important;\n}\n\n.cre8-u-margin-right-none {\n margin-right: 0 !important;\n}\n\n.cre8-u-margin-right-sm {\n margin-right: size(1) !important;\n}\n\n.cre8-u-margin-right-md {\n margin-right: size(2) !important;\n}\n\n.cre8-u-margin-right-lg {\n margin-right: size(3) !important;\n}\n\n.cre8-u-margin-right-xl {\n margin-right: size(4) !important;\n}\n\n.cre8-u-margin-right-xxl {\n margin-right: size(8) !important;\n}\n\n.cre8-u-margin-bottom-none {\n margin-bottom: 0 !important;\n}\n\n.cre8-u-margin-bottom-sm {\n margin-bottom: size(1) !important;\n}\n\n.cre8-u-margin-bottom-md {\n margin-bottom: size(2) !important;\n}\n\n.cre8-u-margin-bottom-lg {\n margin-bottom: size(3) !important;\n}\n\n.cre8-u-margin-bottom-xl {\n margin-bottom: size(4) !important;\n}\n\n.cre8-u-margin-bottom-xxl {\n margin-bottom: size(8) !important;\n}\n\n.cre8-u-margin-bottom-xl-xxl {\n margin-bottom: size(4) !important;\n}\n\n@media all and (min-width: 768px) {\n .cre8-u-margin-bottom-xl-xxl {\n margin-bottom: size(8) !important;\n }\n}\n.cre8-u-margin-left-none {\n margin-left: 0 !important;\n}\n\n.cre8-u-margin-left-sm {\n margin-left: size(1) !important;\n}\n\n.cre8-u-margin-left-md {\n margin-left: size(2) !important;\n}\n\n.cre8-u-margin-left-lg {\n margin-left: size(3) !important;\n}\n\n.cre8-u-margin-left-xl {\n margin-left: size(4) !important;\n}\n\n.cre8-u-margin-left-xxl {\n margin-left: size(8) !important;\n}\n\n.cre8-u-padding-none {\n padding: 0 !important;\n}\n\n.cre8-u-padding-sm {\n padding: size(1) !important;\n}\n\n.cre8-u-padding-md {\n padding: size(2) !important;\n}\n\n.cre8-u-padding-lg {\n padding: size(3) !important;\n}\n\n.cre8-u-padding-xl {\n padding: size(4) !important;\n}\n\n.cre8-u-padding-xxl {\n padding: size(8) !important;\n}\n\n.cre8-u-padding-top-none {\n padding-top: 0 !important;\n}\n\n.cre8-u-padding-top-sm {\n padding-top: size(1) !important;\n}\n\n.cre8-u-padding-top-md {\n padding-top: size(2) !important;\n}\n\n.cre8-u-padding-top-lg {\n padding-top: size(3) !important;\n}\n\n.cre8-u-padding-top-xl {\n padding-top: size(4) !important;\n}\n\n.cre8-u-padding-top-xxl {\n padding-top: size(8) !important;\n}\n\n.cre8-u-padding-right-none {\n padding-right: 0 !important;\n}\n\n.cre8-u-padding-right-sm {\n padding-right: size(1) !important;\n}\n\n.cre8-u-padding-right-md {\n padding-right: size(2) !important;\n}\n\n.cre8-u-padding-right-lg {\n padding-right: size(3) !important;\n}\n\n.cre8-u-padding-right-xl {\n padding-right: size(4) !important;\n}\n\n.cre8-u-padding-right-xxl {\n padding-right: size(8) !important;\n}\n\n.cre8-u-padding-bottom-none {\n padding-bottom: 0 !important;\n}\n\n.cre8-u-padding-bottom-sm {\n padding-bottom: size(1) !important;\n}\n\n.cre8-u-padding-bottom-md {\n padding-bottom: size(2) !important;\n}\n\n.cre8-u-padding-bottom-lg {\n padding-bottom: size(3) !important;\n}\n\n.cre8-u-padding-bottom-xl {\n padding-bottom: size(4) !important;\n}\n\n.cre8-u-padding-bottom-xxl {\n padding-bottom: size(8) !important;\n}\n\n.cre8-u-padding-left-none {\n padding-left: 0 !important;\n}\n\n.cre8-u-padding-left-sm {\n padding-left: size(1) !important;\n}\n\n.cre8-u-padding-left-md {\n padding-left: size(2) !important;\n}\n\n.cre8-u-padding-left-lg {\n padding-left: size(3) !important;\n}\n\n.cre8-u-padding-left-xl {\n padding-left: size(4) !important;\n}\n\n.cre8-u-padding-left-xxl {\n padding-left: size(8) !important;\n}\n\n.cre8-u-display-flex {\n display: flex !important;\n}\n\n.cre8-u-display-block {\n display: block !important;\n}\n\nbody {\n font-family: var(--cre8-typography-body-default-font-family);\n font-size: var(--cre8-typography-body-default-font-size);\n font-weight: var(--cre8-typography-body-default-font-weight);\n line-height: var(--cre8-typography-body-default-line-height);\n -webkit-text-decoration: var(--cre8-typography-body-default-text-decoration);\n text-decoration: var(--cre8-typography-body-default-text-decoration);\n text-transform: var(--cre8-typography-body-default-text-transform);\n display: flex;\n flex-direction: column;\n padding: 0;\n margin: 0;\n color: var(--cre8-color-content-default);\n background: var(--background-default);\n}\n\n@media all and (min-width: 60rem) {\n .page-container {\n background: linear-gradient(90deg, #fff 0, #fff 66.66%, #f8f8f9 0, #f8f8f9 0);\n }\n}\n.band__inner {\n margin-left: 2rem;\n margin-right: 2rem;\n}\n\n@media all and (min-width: 60rem) {\n .band__inner {\n margin-right: 0;\n }\n}\nimg {\n max-width: 100%;\n height: auto;\n}\n\n/*\n Border-Box http:/paulirish.com/2012/box-sizing-border-box-ftw/\n /\n,\n::slotted(),\n:before,\n:after {\n box-sizing: border-box;\n}\n\n:root {\n --size-base-unit: 0.5rem;\n}\n\n/\n RTL support for values logical properties can't automatically adjust for\n * 1) Percentage based horizontal translate values need to be flipped\n * 2) Background gradients using \"to-right\" or \"to-left\" need to be switched to using deg values.\n * 3) Inverse items that have 45degs\n /\n[dir=rtl] {\n --rtlTranslateX: 50%;\n / 1 /\n --rtlGradientToRight: 270deg;\n / 2 /\n --rtlRotate45Inverse: -45deg;\n / 3 /\n}\n\n/\n Visible focus outline for elements on a light background\n /\n/\n Visible focus outline for elements with an error status\n /\n/\n Visible focus outline for elements on a dark background\n /\n/\n Focus state for themes that need a dashed outline for focus\n* state\n/\n/\n * Invisible focus outline for elements that need a more visible\n * focus state for high-contrast mode\n /\n/\n Visually hidden from display\n /\n/\n=======\nAnimations\n=======\n/\n:host {\n --cre8-z-index-1: 1;\n --cre8-z-index-50: 50;\n --cre8-z-index-100: 100;\n --cre8-z-index-200: 200;\n --cre8-z-index-1030: 1030;\n --cre8-anim-fade-quick: 0.35s;\n --cre8-anim-ease: ease;\n}\n\n@keyframes fadeIn {\n 100% {\n opacity: 1;\n }\n}\n@keyframes slideIn {\n 100% {\n transform: translateX(0);\n }\n}\n@keyframes slideInFwd {\n 100% {\n width: 272px;\n height: 272px;\n }\n}\n@keyframes slideOutRight {\n 100% {\n width: 272px;\n height: 272px;\n }\n}\n@keyframes slideUp {\n 100% {\n transform: translateY(0);\n }\n}\n@media (width >= 481px) {\n @keyframes slideInFwd {\n 100% {\n width: 417px;\n height: 417px;\n }\n }\n @keyframes slideOutRight {\n 100% {\n width: 417px;\n height: 417px;\n }\n }\n}\n@media (width >= 48rem) {\n @keyframes slideInFwd {\n 100% {\n width: 330px;\n height: 330px;\n }\n }\n @keyframes slideOutRight {\n 100% {\n width: 330px;\n height: 330px;\n transform: translateX(calc(100vw - 45px));\n }\n }\n}\n@media (width >= 60rem) {\n @keyframes slideInFwd {\n 100% {\n width: 460px;\n height: 460px;\n }\n }\n @keyframes slideOutRight {\n 100% {\n width: 460px;\n height: 460px;\n transform: translateX(calc(100vw - 45px));\n }\n }\n}\n@media (width >= 75rem) {\n @keyframes slideInFwd {\n 100% {\n width: 592px;\n height: 591px;\n }\n }\n @keyframes slideOutRight {\n 100% {\n width: 592px;\n height: 591px;\n transform: translateX(calc(100vw - 45px));\n }\n }\n}\n@media (width >= 87.5rem) {\n @keyframes slideOutRight {\n 100% {\n width: 592px;\n height: 591px;\n transform: translateX(calc(100vw - 120px));\n }\n }\n}\n@media (width >= 2200px) {\n @keyframes slideOutRight {\n 100% {\n width: 592px;\n height: 591px;\n transform: translateX(calc(100vw - 592px));\n }\n }\n}\nspan.ripple {\n position: absolute;\n border-radius: 50%;\n transform: scale(0);\n animation: ripple 600ms linear;\n background-color: var(--ripple-bg-color);\n}\n\n@keyframes ripple {\n to {\n transform: scale(4);\n opacity: 1;\n }\n}\n:root {\n --size-base-unit: 0.5rem;\n}\n\n/\n RTL support for values logical properties can't automatically adjust for\n * 1) Percentage based horizontal translate values need to be flipped\n * 2) Background gradients using \"to-right\" or \"to-left\" need to be switched to using deg values.\n * 3) Inverse items that have 45degs\n /\n[dir=rtl] {\n --rtlTranslateX: 50%;\n / 1 /\n --rtlGradientToRight: 270deg;\n / 2 /\n --rtlRotate45Inverse: -45deg;\n / 3 /\n}\n\n/\n Visible focus outline for elements on a light background\n /\n/\n Visible focus outline for elements with an error status\n /\n/\n Visible focus outline for elements on a dark background\n /\n/\n Focus state for themes that need a dashed outline for focus\n* state\n/\n/\n * Invisible focus outline for elements that need a more visible\n * focus state for high-contrast mode\n /\n/\n Visually hidden from display\n /\n/\n Border-Box http:/paulirish.com/2012/box-sizing-border-box-ftw/\n /\n,\n::slotted(),\n:before,\n:after {\n box-sizing: border-box;\n}\n\n:root {\n --size-base-unit: 0.5rem;\n}\n\n/\n RTL support for values logical properties can't automatically adjust for\n * 1) Percentage based horizontal translate values need to be flipped\n * 2) Background gradients using \"to-right\" or \"to-left\" need to be switched to using deg values.\n * 3) Inverse items that have 45degs\n /\n[dir=rtl] {\n --rtlTranslateX: 50%;\n / 1 /\n --rtlGradientToRight: 270deg;\n / 2 /\n --rtlRotate45Inverse: -45deg;\n / 3 /\n}\n\n/\n Visible focus outline for elements on a light background\n /\n/\n Visible focus outline for elements with an error status\n /\n/\n Visible focus outline for elements on a dark background\n /\n/\n Focus state for themes that need a dashed outline for focus\n* state\n/\n/\n * Invisible focus outline for elements that need a more visible\n * focus state for high-contrast mode\n /\n/\n Visually hidden from display\n /\n/\n=======\nAnimations\n=======\n/\n:host {\n --cre8-z-index-1: 1;\n --cre8-z-index-50: 50;\n --cre8-z-index-100: 100;\n --cre8-z-index-200: 200;\n --cre8-z-index-1030: 1030;\n --cre8-anim-fade-quick: 0.35s;\n --cre8-anim-ease: ease;\n}\n\n@keyframes fadeIn {\n 100% {\n opacity: 1;\n }\n}\n@keyframes slideIn {\n 100% {\n transform: translateX(0);\n }\n}\n@keyframes slideInFwd {\n 100% {\n width: 272px;\n height: 272px;\n }\n}\n@keyframes slideOutRight {\n 100% {\n width: 272px;\n height: 272px;\n }\n}\n@keyframes slideUp {\n 100% {\n transform: translateY(0);\n }\n}\n@media (width >= 481px) {\n @keyframes slideInFwd {\n 100% {\n width: 417px;\n height: 417px;\n }\n }\n @keyframes slideOutRight {\n 100% {\n width: 417px;\n height: 417px;\n }\n }\n}\n@media (width >= 48rem) {\n @keyframes slideInFwd {\n 100% {\n width: 330px;\n height: 330px;\n }\n }\n @keyframes slideOutRight {\n 100% {\n width: 330px;\n height: 330px;\n transform: translateX(calc(100vw - 45px));\n }\n }\n}\n@media (width >= 60rem) {\n @keyframes slideInFwd {\n 100% {\n width: 460px;\n height: 460px;\n }\n }\n @keyframes slideOutRight {\n 100% {\n width: 460px;\n height: 460px;\n transform: translateX(calc(100vw - 45px));\n }\n }\n}\n@media (width >= 75rem) {\n @keyframes slideInFwd {\n 100% {\n width: 592px;\n height: 591px;\n }\n }\n @keyframes slideOutRight {\n 100% {\n width: 592px;\n height: 591px;\n transform: translateX(calc(100vw - 45px));\n }\n }\n}\n@media (width >= 87.5rem) {\n @keyframes slideOutRight {\n 100% {\n width: 592px;\n height: 591px;\n transform: translateX(calc(100vw - 120px));\n }\n }\n}\n@media (width >= 2200px) {\n @keyframes slideOutRight {\n 100% {\n width: 592px;\n height: 591px;\n transform: translateX(calc(100vw - 592px));\n }\n }\n}\nspan.ripple {\n position: absolute;\n border-radius: 50%;\n transform: scale(0);\n animation: ripple 600ms linear;\n background-color: var(--ripple-bg-color);\n}\n\n@keyframes ripple {\n to {\n transform: scale(4);\n opacity: 1;\n }\n}\n:root {\n --size-base-unit: 0.5rem;\n}\n\n/\n RTL support for values logical properties can't automatically adjust for\n * 1) Percentage based horizontal translate values need to be flipped\n * 2) Background gradients using \"to-right\" or \"to-left\" need to be switched to using deg values.\n * 3) Inverse items that have 45degs\n /\n[dir=rtl] {\n --rtlTranslateX: 50%;\n / 1 /\n --rtlGradientToRight: 270deg;\n / 2 /\n --rtlRotate45Inverse: -45deg;\n / 3 /\n}\n\n/\n Visible focus outline for elements on a light background\n /\n/\n Visible focus outline for elements with an error status\n /\n/\n Visible focus outline for elements on a dark background\n /\n/\n Focus state for themes that need a dashed outline for focus\n* state\n/\n/\n * Invisible focus outline for elements that need a more visible\n * focus state for high-contrast mode\n /\n/\n Visually hidden from display\n /\n:host {\n display: block;\n}\n\n/* \n * Date Field Label \n /\n.cre8-c-date-picker__label {\n font-family: var(--cre8-typography-label-small-font-family);\n font-size: var(--cre8-typography-label-small-font-size);\n font-weight: var(--cre8-typography-label-small-font-weight);\n line-height: var(--cre8-typography-label-small-line-height);\n text-decoration: var(--cre8-typography-label-small-text-decoration);\n text-transform: var(--cre8-typography-label-small-text-transform);\n display: block;\n margin-bottom: 0.5rem;\n margin-left: var(--cre8-input-label-margin-left, 0px);\n}\n\n/* \n * Date Field Body\n * 1) The div that contains the input and icons \n /\n.cre8-c-date-picker__body {\n position: relative;\n display: flex;\n align-items: center;\n}\n\n/* \n * Date Field Default Calendar Icon Button\n * 1) Removes default calendar button and default calendar in Chrome\n /\ninput::-webkit-calendar-picker-indicator {\n display: none;\n}\n\ninput[type=date]::-webkit-input-placeholder {\n visibility: hidden !important;\n}\n\n.cre8-c-date-picker__calendar-icon-button {\n position: absolute;\n right: 0.5rem;\n background: var(--cre8-color-bg-default);\n border: none;\n border-radius: 0;\n --cre8-icon-height: size(3);\n --cre8-icon-width: size(3);\n}\n.cre8-c-date-picker--disabled .cre8-c-date-picker__calendar-icon-button, .cre8-c-date-picker--read-only .cre8-c-date-picker__calendar-icon-button {\n background: var(--cre8-color-bg-disabled);\n}\n\n/* \n * Date Field Input \n * 1) The html5 input element\n /\n.cre8-c-date-picker__input {\n font-family: var(--cre8-typography-body-default-font-family);\n font-size: var(--cre8-typography-body-default-font-size);\n font-weight: var(--cre8-typography-body-default-font-weight);\n line-height: var(--cre8-typography-body-default-line-height);\n text-decoration: var(--cre8-typography-body-default-text-decoration);\n text-transform: var(--cre8-typography-body-default-text-transform);\n outline: var(--cre8-border-width-focus) solid transparent;\n outline-offset: 0.125rem;\n --size-base-unit: .5rem;\n -webkit-appearance: none;\n width: 100%;\n border-width: var(--cre8-border-width-default);\n border-style: solid;\n border-color: var(--cre8-color-border-strong);\n border-radius: var(--cre8-border-radius-default);\n padding: var(--cre8-input-padding, 0.75rem 0.5rem);\n color: var(--cre8-color-content-default);\n background-color: var(--cre8-color-bg-default);\n transition: outline-color var(--cre8-anim-fade-quick) var(--cre8-anim-ease), border-color var(--cre8-anim-fade-quick) var(--cre8-anim-ease), background-color var(--cre8-anim-fade-quick) var(--cre8-anim-ease), color var(--cre8-anim-fade-quick) var(--cre8-anim-ease);\n /\n Hover, focus, active, and focus-visible styles for default input elements\n /\n}\n.cre8-c-date-picker__input:hover:not(:disabled), .cre8-c-date-picker__input:focus:not(:disabled), .cre8-c-date-picker__input:active:not(:disabled), .cre8-c-date-picker__input:focus-visible {\n outline: var(--cre8-border-width-focus) solid var(--cre8-color-border-active-outline);\n outline-offset: 0.125rem;\n /\n Error state\n /\n}\n.cre8-is-error .cre8-c-date-picker__input:hover:not(:disabled), .cre8-is-error .cre8-c-date-picker__input:focus:not(:disabled), .cre8-is-error .cre8-c-date-picker__input:active:not(:disabled), .cre8-is-error .cre8-c-date-picker__input:focus-visible {\n outline-color: var(--cre8-color-border-error);\n}\n.cre8-c-date-picker__input:hover:not(:disabled), .cre8-c-date-picker__input:focus:not(:disabled), .cre8-c-date-picker__input:active:not(:disabled), .cre8-c-date-picker__input:focus-visible {\n /\n Success state\n /\n}\n.cre8-is-success .cre8-c-date-picker__input:hover:not(:disabled), .cre8-is-success .cre8-c-date-picker__input:focus:not(:disabled), .cre8-is-success .cre8-c-date-picker__input:active:not(:disabled), .cre8-is-success .cre8-c-date-picker__input:focus-visible {\n outline-color: var(--cre8-color-border-success);\n}\n.cre8-c-date-picker__input {\n /\n Disabled styles for default input elements\n /\n}\n.cre8-c-date-picker__input:disabled {\n background-color: var(--cre8-color-bg-disabled);\n border-color: var(--cre8-color-border-disabled);\n color: var(--cre8-color-content-disabled);\n cursor: not-allowed;\n /\n Disabled text colors\n /\n}\n.cre8-c-date-picker__input:disabled::placeholder {\n color: var(--cre8-color-content-disabled);\n}\n.cre8-c-date-picker__input {\n /\n Placeholder styles for default input elements\n /\n}\n.cre8-c-date-picker__input::placeholder {\n color: var(--cre8-color-content-subtle);\n}\n.cre8-c-date-picker__input {\n /\n Error state for default input elements\n /\n}\n.cre8-is-error .cre8-c-date-picker__input {\n border-color: var(--cre8-color-border-error);\n}\n.cre8-c-date-picker__input {\n /\n Success state for default input elements\n /\n}\n.cre8-is-success .cre8-c-date-picker__input {\n border-color: var(--cre8-color-border-success);\n}\n.cre8-c-date-picker__input {\n /\n Readonly input styles\n */\n}\n.cre8-c-date-picker__input:read-only {\n background-color: var(--cre8-color-bg-disabled);\n border-color: var(--cre8-color-border-disabled);\n cursor: default;\n}`;\nexport default styles;\n"]}

package/lib/components/dropdown/dropdown.js CHANGED Viewed

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, nothing, } from 'lit';
 import { property, query, state } from 'lit/decorators.js';
-import svgCaretDown from '@tmorrow/cre8-wc/icons/System/Filled/Caret_Down.svg?raw';
+import svgCaretDown from '@tmorrow/cre8-wc/icons/Caret_Down_Filled.svg?raw';
 import { Cre8Element } from '../cre8-element';
 import styles from './dropdown.styles.js';
 /**

package/lib/components/dropdown/dropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../components/dropdown/dropdown.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,GAAI,MAAM,KAAK,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,YAAY,MAAM,~~yDAAyD~~,CAAC;~~AACnF~~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","sourcesContent":["import { html, nothing, } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport svgCaretDown from '@tmorrow/cre8-wc/icons/~~System/Filled/Caret_Down~~.svg?raw';\nimport { Cre8Element } from '../cre8-element';\nimport styles from './dropdown.styles.js';\n\n/*\n The Dropdown menu itself is a container that can host multiple interactive items, commonly formatted as a list\n /\n\nexport class Cre8Dropdown extends Cre8Element {\n static styles = [styles];\n\n @state() open = false;\n\n /\n Dropdown header\n /\n @property({ type: String })\n buttonText = '';\n\n /\n Enables scrolling once content reached to specified height, the height should mention in px units, ex: 100px\n /\n @property()\n maxHeight?: string;\n\n @query('.cre8-c-dropdown')\n dropdownContent!: HTMLElement;\n\n /\n button text represents as a link\n */\n @property()\n dropdownWithLink = false;\n\n constructor() {\n super();\n this._closeDropdown.bind(this);\n }\n\n connectedCallback() {\n super.connectedCallback();\n document.addEventListener('click', this._closeDropdown);\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n document.removeEventListener('click', this._closeDropdown);\n }\n\n private _toggleDropdown(e: Event) {\n e.preventDefault();\n e.stopPropagation();\n this.open = !this.open;\n if (this.open) {\n this._updateDropdownPosition();\n }\n }\n\n\n private _updateDropdownPosition() {\n if (this.dropdownContent && this.open) {\n if (this.maxHeight) {\n this.dropdownContent.style.maxHeight = this.maxHeight;\n this.dropdownContent.style.overflowY = 'auto';\n }\n if (this.dropdownWithLink) {\n this.dropdownContent.style.top = '85%';\n }\n }\n }\n\n private _closeDropdown() {\n this.open = false;\n }\n\n render() {\n const componentClassNames = this.componentClassNames('cre8-c-dropdown', {\n 'cre8-c-dropdown--close': !this.open,\n 'cre8-c-dropdown--open': this.open,\n });\n\n return html`\n <div class=\"cre8-c-dropdown-container\">\n ${this.dropdownWithLink\n ? html`<a href=\"#\" aria-haspopup=\"true\" class=\"cre8-c-dropdown--toggle cre8-c-dropdown--link\" aria-expanded=\"${this.open ? 'true' : 'false'}\" @click=\"${this._toggleDropdown}\">${this.buttonText}\n ${this.buttonText\n ? html`<cre8-icon svg='${svgCaretDown}' aria-hidden=\"true\" class=\"cre8-c-dropdown--icon-link\"></cre8-icon>`\n : nothing}\n </a>`\n : html`<button aria-haspopup=\"true\" class=\"cre8-c-dropdown--toggle cre8-c-dropdown--button\" aria-expanded=\"${this.open ? 'true' : 'false'}\" @click=\"${this._toggleDropdown}\">${this.buttonText}\n ${this.buttonText\n ? html`<cre8-icon svg='${svgCaretDown}' aria-hidden=\"true\" class=\"cre8-c-dropdown--icon-button\"></cre8-icon>`\n : nothing}\n </button>`\n}\n <ul role=\"list\" class=\"${componentClassNames}\">\n <slot></slot>\n </ul>\n </div>\n `;\n }\n}\n\nif (customElements.get('cre8-dropdown') === undefined) {\n customElements.define('cre8-dropdown', Cre8Dropdown);\n}\ndeclare global {\n interface HTMLElementTagNameMap {\n 'cre8-dropdown': Cre8Dropdown;\n }\n}\n\nexport default Cre8Dropdown;\n"]}
1	+ {"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../components/dropdown/dropdown.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing, } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport svgCaretDown from '@tmorrow/cre8-wc/icons/Caret_Down_Filled.svg?raw';\nimport { Cre8Element } from '../cre8-element';\nimport styles from './dropdown.styles.js';\n\n/*\n The Dropdown menu itself is a container that can host multiple interactive items, commonly formatted as a list\n /\n\nexport class Cre8Dropdown extends Cre8Element {\n static styles = [styles];\n\n @state() open = false;\n\n /\n Dropdown header\n /\n @property({ type: String })\n buttonText = '';\n\n /\n Enables scrolling once content reached to specified height, the height should mention in px units, ex: 100px\n /\n @property()\n maxHeight?: string;\n\n @query('.cre8-c-dropdown')\n dropdownContent!: HTMLElement;\n\n /\n button text represents as a link\n */\n @property()\n dropdownWithLink = false;\n\n constructor() {\n super();\n this._closeDropdown.bind(this);\n }\n\n connectedCallback() {\n super.connectedCallback();\n document.addEventListener('click', this._closeDropdown);\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n document.removeEventListener('click', this._closeDropdown);\n }\n\n private _toggleDropdown(e: Event) {\n e.preventDefault();\n e.stopPropagation();\n this.open = !this.open;\n if (this.open) {\n this._updateDropdownPosition();\n }\n }\n\n\n private _updateDropdownPosition() {\n if (this.dropdownContent && this.open) {\n if (this.maxHeight) {\n this.dropdownContent.style.maxHeight = this.maxHeight;\n this.dropdownContent.style.overflowY = 'auto';\n }\n if (this.dropdownWithLink) {\n this.dropdownContent.style.top = '85%';\n }\n }\n }\n\n private _closeDropdown() {\n this.open = false;\n }\n\n render() {\n const componentClassNames = this.componentClassNames('cre8-c-dropdown', {\n 'cre8-c-dropdown--close': !this.open,\n 'cre8-c-dropdown--open': this.open,\n });\n\n return html`\n <div class=\"cre8-c-dropdown-container\">\n ${this.dropdownWithLink\n ? html`<a href=\"#\" aria-haspopup=\"true\" class=\"cre8-c-dropdown--toggle cre8-c-dropdown--link\" aria-expanded=\"${this.open ? 'true' : 'false'}\" @click=\"${this._toggleDropdown}\">${this.buttonText}\n ${this.buttonText\n ? html`<cre8-icon svg='${svgCaretDown}' aria-hidden=\"true\" class=\"cre8-c-dropdown--icon-link\"></cre8-icon>`\n : nothing}\n </a>`\n : html`<button aria-haspopup=\"true\" class=\"cre8-c-dropdown--toggle cre8-c-dropdown--button\" aria-expanded=\"${this.open ? 'true' : 'false'}\" @click=\"${this._toggleDropdown}\">${this.buttonText}\n ${this.buttonText\n ? html`<cre8-icon svg='${svgCaretDown}' aria-hidden=\"true\" class=\"cre8-c-dropdown--icon-button\"></cre8-icon>`\n : nothing}\n </button>`\n}\n <ul role=\"list\" class=\"${componentClassNames}\">\n <slot></slot>\n </ul>\n </div>\n `;\n }\n}\n\nif (customElements.get('cre8-dropdown') === undefined) {\n customElements.define('cre8-dropdown', Cre8Dropdown);\n}\ndeclare global {\n interface HTMLElementTagNameMap {\n 'cre8-dropdown': Cre8Dropdown;\n }\n}\n\nexport default Cre8Dropdown;\n"]}

package/lib/components/field-note/field-note.js CHANGED Viewed

@@ -4,8 +4,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import svgCheckCircle from '@tmorrow/cre8-wc/icons/System/Filled/Check.svg?raw';
-import svgErrorFilled from '@tmorrow/cre8-wc/icons/System/Filled/Error.svg?raw';
+import svgCheckCircle from '@tmorrow/cre8-wc/icons/Check_Filled.svg?raw';
+import svgErrorFilled from '@tmorrow/cre8-wc/icons/Error_Filled.svg?raw';
 import { html, } from 'lit';
 import { property } from 'lit/decorators.js';
 import { Cre8Element } from '../cre8-element';

package/lib/components/field-note/field-note.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"field-note.js","sourceRoot":"","sources":["../../../components/field-note/field-note.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,cAAc,MAAM,~~oDAAoD~~,CAAC;~~AAChF~~,OAAO,cAAc,MAAM,~~oDAAoD~~,CAAC;~~AAChF~~,OAAO,EAAE,IAAI,GAAI,MAAM,KAAK,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,cAAc,CAAC;AACtB,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAE5C;;;;GAIG;AAEH,MAAM,OAAO,aAAc,SAAQ,WAAW;IAwB5C;;OAEG;IACH,iBAAiB;QACb,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACjC,OAAO,QAAQ,CAAC;QACpB,CAAC;QACD,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM;QACF,MAAM,kBAAkB,GAAG,IAAI,CAAC,mBAAmB,CAAC,mBAAmB,EAAE;YACrE,eAAe,EAAE,IAAI,CAAC,OAAO;YAC7B,iBAAiB,EAAE,IAAI,CAAC,SAAS;SACpC,CAAC,CAAC;QAEH,OAAO,IAAI,CAAA;;uBAEM,IAAI,CAAC,iBAAiB,EAAE,IAAI,KAAK;mBACrC,kBAAkB;UAC3B,IAAI,CAAC,OAAO,KAAK,IAAI;YACvB,CAAC,CAAC,IAAI,CAAA,gDAAgD,cAAc,oCAAoC;YACxG,CAAC,CAAC,EACV;cACc,IAAI,CAAC,SAAS,KAAK,IAAI;YAC7B,CAAC,CAAC,IAAI,CAAA,gDAAgD,cAAc,mCAAmC;YACvG,CAAC,CAAC,EACV;;;KAGK,CAAC;IACJ,CAAC;;AAtDQ,oBAAM,GAAG,CAAC,MAAM,CAAC,CAAC;AAOvB;IADH,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CACrB;AAOlB;IADH,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDACnB;AAOpB;IADH,QAAQ,EAAE;+CACW;AAoCxB,IAAI,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,SAAS,EAAE,CAAC;IACtD,cAAc,CAAC,MAAM,CAAC,iBAAiB,EAAE,aAAa,CAAC,CAAC;AAC5D,CAAC;AAQD,eAAe,aAAa,CAAC","sourcesContent":["import svgCheckCircle from '@tmorrow/cre8-wc/icons/~~System/Filled/Check~~.svg?raw';\nimport svgErrorFilled from '@tmorrow/cre8-wc/icons/~~System/Filled/Error~~.svg?raw';\nimport { html, } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { Cre8Element } from '../cre8-element';\nimport '../icon/icon';\nimport styles from './field-note.styles.js';\n\n/*\n Field Note gives direction on how to fill out a form field and to alert users of form errors and successes.\n * It’s used below an input field and never on its own.\n * @slot - The note content\n /\n\nexport class Cre8FieldNote extends Cre8Element {\n static styles = [styles];\n\n /\n Changes the component's treatment to represent an error\n * @attr {boolean}\n /\n @property({ type: Boolean, reflect: true })\n isError?: boolean;\n\n /\n Changes the component's treatment to represent a success\n * @attr {boolean}\n /\n @property({ type: Boolean, reflect: true })\n isSuccess?: boolean;\n\n /\n DEPRECATED: Icon name used for the icon before to the field note\n * @deprecated\n /\n @property()\n iconName?: string;\n\n /\n Check if there are success or error states and set \"aria-live=polite\"\n */\n fieldNoteAriaLive(): 'polite' \| 'off' \| 'assertive' {\n if (this.isError \|\| this.isSuccess) {\n return 'polite';\n }\n return null;\n }\n\n render() {\n const componentClassName = this.componentClassNames('cre8-c-field-note', {\n 'cre8-is-error': this.isError,\n 'cre8-is-success': this.isSuccess,\n });\n\n return html`\n <div\n aria-live=\"${this.fieldNoteAriaLive() ?? 'off'}\"\n class=\"${componentClassName}\">\n ${this.isError === true\n ? html`<cre8-icon class=\"cre8-field-note-icon\" svg='${svgErrorFilled}' aria-hidden=\"true\" ></cre8-icon>`\n : ''\n}\n ${this.isSuccess === true\n ? html`<cre8-icon class=\"cre8-field-note-icon\" svg='${svgCheckCircle}' aria-hidden=\"true\"></cre8-icon>`\n : ''\n}\n <div><slot></slot></div>\n </div>\n `;\n }\n}\n\nif (customElements.get('cre8-field-note') === undefined) {\n customElements.define('cre8-field-note', Cre8FieldNote);\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'cre8-field-note': Cre8FieldNote;\n }\n}\n\nexport default Cre8FieldNote;\n"]}
1	+ {"version":3,"file":"field-note.js","sourceRoot":"","sources":["../../../components/field-note/field-note.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,cAAc,MAAM,6CAA6C,CAAC;AACzE,OAAO,cAAc,MAAM,6CAA6C,CAAC;AACzE,OAAO,EAAE,IAAI,GAAI,MAAM,KAAK,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,cAAc,CAAC;AACtB,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAE5C;;;;GAIG;AAEH,MAAM,OAAO,aAAc,SAAQ,WAAW;IAwB5C;;OAEG;IACH,iBAAiB;QACb,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACjC,OAAO,QAAQ,CAAC;QACpB,CAAC;QACD,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM;QACF,MAAM,kBAAkB,GAAG,IAAI,CAAC,mBAAmB,CAAC,mBAAmB,EAAE;YACrE,eAAe,EAAE,IAAI,CAAC,OAAO;YAC7B,iBAAiB,EAAE,IAAI,CAAC,SAAS;SACpC,CAAC,CAAC;QAEH,OAAO,IAAI,CAAA;;uBAEM,IAAI,CAAC,iBAAiB,EAAE,IAAI,KAAK;mBACrC,kBAAkB;UAC3B,IAAI,CAAC,OAAO,KAAK,IAAI;YACvB,CAAC,CAAC,IAAI,CAAA,gDAAgD,cAAc,oCAAoC;YACxG,CAAC,CAAC,EACV;cACc,IAAI,CAAC,SAAS,KAAK,IAAI;YAC7B,CAAC,CAAC,IAAI,CAAA,gDAAgD,cAAc,mCAAmC;YACvG,CAAC,CAAC,EACV;;;KAGK,CAAC;IACJ,CAAC;;AAtDQ,oBAAM,GAAG,CAAC,MAAM,CAAC,CAAC;AAOvB;IADH,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CACrB;AAOlB;IADH,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDACnB;AAOpB;IADH,QAAQ,EAAE;+CACW;AAoCxB,IAAI,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,SAAS,EAAE,CAAC;IACtD,cAAc,CAAC,MAAM,CAAC,iBAAiB,EAAE,aAAa,CAAC,CAAC;AAC5D,CAAC;AAQD,eAAe,aAAa,CAAC","sourcesContent":["import svgCheckCircle from '@tmorrow/cre8-wc/icons/Check_Filled.svg?raw';\nimport svgErrorFilled from '@tmorrow/cre8-wc/icons/Error_Filled.svg?raw';\nimport { html, } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { Cre8Element } from '../cre8-element';\nimport '../icon/icon';\nimport styles from './field-note.styles.js';\n\n/*\n Field Note gives direction on how to fill out a form field and to alert users of form errors and successes.\n * It’s used below an input field and never on its own.\n * @slot - The note content\n /\n\nexport class Cre8FieldNote extends Cre8Element {\n static styles = [styles];\n\n /\n Changes the component's treatment to represent an error\n * @attr {boolean}\n /\n @property({ type: Boolean, reflect: true })\n isError?: boolean;\n\n /\n Changes the component's treatment to represent a success\n * @attr {boolean}\n /\n @property({ type: Boolean, reflect: true })\n isSuccess?: boolean;\n\n /\n DEPRECATED: Icon name used for the icon before to the field note\n * @deprecated\n /\n @property()\n iconName?: string;\n\n /\n Check if there are success or error states and set \"aria-live=polite\"\n */\n fieldNoteAriaLive(): 'polite' \| 'off' \| 'assertive' {\n if (this.isError \|\| this.isSuccess) {\n return 'polite';\n }\n return null;\n }\n\n render() {\n const componentClassName = this.componentClassNames('cre8-c-field-note', {\n 'cre8-is-error': this.isError,\n 'cre8-is-success': this.isSuccess,\n });\n\n return html`\n <div\n aria-live=\"${this.fieldNoteAriaLive() ?? 'off'}\"\n class=\"${componentClassName}\">\n ${this.isError === true\n ? html`<cre8-icon class=\"cre8-field-note-icon\" svg='${svgErrorFilled}' aria-hidden=\"true\" ></cre8-icon>`\n : ''\n}\n ${this.isSuccess === true\n ? html`<cre8-icon class=\"cre8-field-note-icon\" svg='${svgCheckCircle}' aria-hidden=\"true\"></cre8-icon>`\n : ''\n}\n <div><slot></slot></div>\n </div>\n `;\n }\n}\n\nif (customElements.get('cre8-field-note') === undefined) {\n customElements.define('cre8-field-note', Cre8FieldNote);\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'cre8-field-note': Cre8FieldNote;\n }\n}\n\nexport default Cre8FieldNote;\n"]}

package/lib/components/icon/icon.d.ts CHANGED Viewed

@@ -25,7 +25,7 @@ import { Cre8Element } from '../cre8-element';
  * If you need to install a newer version than what's included, please see
  * the [installation instructions for svgs](https:/git.express-scripts.com/ExpressScripts/svgs#installation).
  * - Import the component (this is the icon container): `import '@cre8_dev/svgs';`
- * - Import an svg as a string: `import svgInfo from 'cre8_dev/svgs/lib/icons/System/Regular/Info.svg?raw';`
+ * - Import an svg as a string: `import svgInfo from '@tmorrow/cre8-wc/icons/Info.svg?raw';`
  *
  * Your import paths may be different depending on your project's build configuration.
  * Please see [Importing Icons](https:/static-dev.esi-memberweb-dev.aws.evernorthcloud.com/svgs/?path=/story/icon-sets-importing-icons--page)

package/lib/components/icon/icon.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../components/icon/icon.ts"],"names":[],"mappings":"AAGA,OAAO,EAAQ,cAAc,~~EAAI~~,MAAM,KAAK,CAAC;~~AA0D7C~~,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAI9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH,qBAAa,QAAS,SAAQ,WAAW;IACrC,MAAM,CAAC,MAAM,4BAAY;IAEzB;;;;OAIG;~~IAEC~~,SAAS,CAAC,EAAE,OAAO,CAAC;~~IAExB~~;;;;OAIG;~~IAEC~~,IAAI,EAAE,MAAM,CAAC;IAGb,GAAG,CAAC,~~EAAC~~,MAAM,CAAA;~~IACf~~;;;;;OAKG;~~IAEC~~,OAAO,CAAC,EAAE,MAAM,CAAc;~~IAElC~~;;;;OAIG;~~IAEC~~,SAAS,CAAC,EAAE,MAAM,CAAC;~~IAEvB~~;;;OAGG;IACH,WAAW;IAaX,MAAM;~~CA2FL~~;~~AAOL~~,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,WAAW,EAAE,QAAQ,CAAC;KACzB;IACD,UAAU,MAAM;QACZ,aAAa,CAAC,EAAE,MAAM,CAAC;KAC1B;CACJ;AAED,eAAe,QAAQ,CAAC"}
1	+ {"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../components/icon/icon.ts"],"names":[],"mappings":"AAGA,OAAO,EAAQ,cAAc,EAAG,MAAM,KAAK,CAAC;AAyD5C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAI9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH,qBAAa,QAAS,SAAQ,WAAW;IACrC,MAAM,CAAC,MAAM,4BAAY;IAEzB;;;;OAIG;IAEH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IAEH,IAAI,EAAE,MAAM,CAAC;IAGb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;;;;OAKG;IAEH,OAAO,CAAC,EAAE,MAAM,CAAc;IAE9B;;;;OAIG;IAEH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,WAAW;IAaX,MAAM;CA0FT;AAOD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,WAAW,EAAE,QAAQ,CAAC;KACzB;IACD,UAAU,MAAM;QACZ,aAAa,CAAC,EAAE,MAAM,CAAC;KAC1B;CACJ;AAED,eAAe,QAAQ,CAAC"}

package/lib/components/icon/icon.js CHANGED Viewed

@@ -10,45 +10,44 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { html, } from 'lit';
 import { unsafeHTML } from 'lit/directives/unsafe-html.js';
 import { property } from 'lit/decorators.js';
-import svgAdd from '@tmorrow/cre8-wc/icons/System/Regular/Add.svg?raw';
-import svgArrowLeft from '@tmorrow/cre8-wc/icons/System/Regular/Arrow_-_Left.svg?raw';
-import svgChat from '@tmorrow/cre8-wc/icons/System/Filled/Chat_Default.svg?raw';
-import svgCalendar from '@tmorrow/cre8-wc/icons/System/Regular/Calendar.svg?raw';
-import svgCaretDown from '@tmorrow/cre8-wc/icons/System/Filled/Caret_Down.svg?raw';
-import svgCheckCircle from '@tmorrow/cre8-wc/icons/System/Filled/Check.svg?raw';
-import svgCheck from '@tmorrow/cre8-wc/icons/System/Regular/Check.svg?raw';
-import svgClose from '@tmorrow/cre8-wc/icons/System/Regular/Close.svg?raw';
-import svgDownload from '@tmorrow/cre8-wc/icons/System/Filled/Download.svg?raw';
-import svgEdit from '@tmorrow/cre8-wc/icons/System/Regular/Edit.svg?raw';
-import svgEllipsis from '@tmorrow/cre8-wc/icons/System/Filled/Ellipsis.svg?raw';
-import svgMessageFilled from '@tmorrow/cre8-wc/icons/System/Filled/Message_Unread.svg?raw';
-import svgMessage from '@tmorrow/cre8-wc/icons/System/Regular/Message_Unread.svg?raw';
-import svgError from '@tmorrow/cre8-wc/icons/System/Regular/Error.svg?raw';
-import svgExternal from '@tmorrow/cre8-wc/icons/System/Regular/External_Link.svg?raw';
-import svgMedication from '@tmorrow/cre8-wc/icons/System/Regular/Medication.svg?raw';
-import svgGlobe from '@tmorrow/cre8-wc/icons/System/Regular/Globe.svg?raw';
-import svgHandHeart from '@tmorrow/cre8-wc/icons/System/Regular/Wellness.svg?raw';
-import svgHelp from '@tmorrow/cre8-wc/icons/System/Regular/Help.svg?raw';
-import svgInfoFilled from '@tmorrow/cre8-wc/icons/System/Filled/Info.svg?raw';
-import svgCaretUp from '@tmorrow/cre8-wc/icons/System/Regular/Caret_Up.svg?raw';
-import svgLightbulb from '@tmorrow/cre8-wc/icons/System/Regular/Lightbulb.svg?raw';
-import svgLocation from '@tmorrow/cre8-wc/icons/System/Filled/Location.svg?raw';
-import svgMenu from '@tmorrow/cre8-wc/icons/System/Regular/Menu.svg?raw';
-import svgMinus from '@tmorrow/cre8-wc/icons/System/Regular/Minus.svg?raw';
-import svgAccountFilled from '@tmorrow/cre8-wc/icons/System/Filled/Account.svg?raw';
-import svgNotification from '@tmorrow/cre8-wc/icons/System/Regular/Notification.svg?raw';
-import svgRefill from '@tmorrow/cre8-wc/icons/Marketing/Duotone/Refill.svg?raw';
-import svgAccount from '@tmorrow/cre8-wc/icons/System/Regular/Account.svg?raw';
-import svgPlayFilled from '@tmorrow/cre8-wc/icons/System/Filled/Play_Arrow.svg?raw';
-import svgPlayCircle from '@tmorrow/cre8-wc/icons/System/Regular/Play_Circle.svg?raw';
-import svgSpinner from '@tmorrow/cre8-wc/icons/System/Regular/Spinner/75.svg?raw';
-import svgUndo from '@tmorrow/cre8-wc/icons/System/Regular/Undo.svg?raw';
-import svgSearch from '@tmorrow/cre8-wc/icons/System/Regular/Search.svg?raw';
-import svgCart from '@tmorrow/cre8-wc/icons/System/Regular/Cart.svg?raw';
-import svgRectangle from '@tmorrow/cre8-wc/icons/System/Filled/Shape/Rectangle.svg?raw';
-import svgVaccine from '@tmorrow/cre8-wc/icons/Marketing/Duotone/Vaccinations.svg?raw';
-import svgWarningFilled from '@tmorrow/cre8-wc/icons/System/Filled/Warning.svg?raw';
-import svgCaretDoubleRight from '@tmorrow/cre8-wc/icons/System/Regular/Caret_Double_Right.svg?raw';
+import svgAdd from '@tmorrow/cre8-wc/icons/Add.svg?raw';
+import svgArrowLeft from '@tmorrow/cre8-wc/icons/Arrow_-_Left.svg?raw';
+import svgChat from '@tmorrow/cre8-wc/icons/Chat_Default.svg?raw';
+import svgCalendar from '@tmorrow/cre8-wc/icons/Calendar.svg?raw';
+import svgCaretDown from '@tmorrow/cre8-wc/icons/Caret_Down_Filled.svg?raw';
+import svgCheckCircle from '@tmorrow/cre8-wc/icons/Check_Filled.svg?raw';
+import svgCheck from '@tmorrow/cre8-wc/icons/Check.svg?raw';
+import svgClose from '@tmorrow/cre8-wc/icons/Close.svg?raw';
+import svgDownload from '@tmorrow/cre8-wc/icons/Download.svg?raw';
+import svgEdit from '@tmorrow/cre8-wc/icons/Edit.svg?raw';
+import svgEllipsis from '@tmorrow/cre8-wc/icons/Ellipsis_Filled.svg?raw';
+import svgMessageFilled from '@tmorrow/cre8-wc/icons/Message_Unread_Filled.svg?raw';
+import svgMessage from '@tmorrow/cre8-wc/icons/Message_Unread.svg?raw';
+import svgError from '@tmorrow/cre8-wc/icons/Error.svg?raw';
+import svgExternal from '@tmorrow/cre8-wc/icons/External_Link.svg?raw';
+import svgMedication from '@tmorrow/cre8-wc/icons/Medication.svg?raw';
+import svgGlobe from '@tmorrow/cre8-wc/icons/Globe.svg?raw';
+import svgHelp from '@tmorrow/cre8-wc/icons/Help.svg?raw';
+import svgInfoFilled from '@tmorrow/cre8-wc/icons/Info.svg?raw';
+import svgCaretUp from '@tmorrow/cre8-wc/icons/Caret_Up.svg?raw';
+import svgLightbulb from '@tmorrow/cre8-wc/icons/Lightbulb.svg?raw';
+import svgLocation from '@tmorrow/cre8-wc/icons/Location.svg?raw';
+import svgMenu from '@tmorrow/cre8-wc/icons/Menu.svg?raw';
+import svgMinus from '@tmorrow/cre8-wc/icons/Minus.svg?raw';
+import svgAccountFilled from '@tmorrow/cre8-wc/icons/Account_Filled.svg?raw';
+import svgNotification from '@tmorrow/cre8-wc/icons/Notification.svg?raw';
+import svgRefill from '@tmorrow/cre8-wc/icons/Refill.svg?raw';
+import svgAccount from '@tmorrow/cre8-wc/icons/Account.svg?raw';
+import svgPlayFilled from '@tmorrow/cre8-wc/icons/Play_Arrow.svg?raw';
+import svgPlayCircle from '@tmorrow/cre8-wc/icons/Play_Circle.svg?raw';
+import svgSpinner from '@tmorrow/cre8-wc/icons/Spinner_75.svg?raw';
+import svgUndo from '@tmorrow/cre8-wc/icons/Undo.svg?raw';
+import svgSearch from '@tmorrow/cre8-wc/icons/Search.svg?raw';
+import svgCart from '@tmorrow/cre8-wc/icons/Cart.svg?raw';
+import svgRectangle from '@tmorrow/cre8-wc/icons/Rectangle.svg?raw';
+import svgVaccine from '@tmorrow/cre8-wc/icons/Vaccinations.svg?raw';
+import svgWarningFilled from '@tmorrow/cre8-wc/icons/Warning.svg?raw';
+import svgCaretDoubleRight from '@tmorrow/cre8-wc/icons/Caret_Double_Right.svg?raw';
 import svgErrorAlt from '@tmorrow/cre8-wc/icons/error-alt.svg?raw';
 import svgEsi from '@tmorrow/cre8-wc/icons/express-scripts.svg?raw';
 import svgInsta from '@tmorrow/cre8-wc/icons/instagram.svg?raw';
@@ -92,7 +91,7 @@ import iconSprite from '@tmorrow/cre8-wc/icons/cre8-icons.svg?raw';
  * If you need to install a newer version than what's included, please see
  * the [installation instructions for svgs](https:/git.express-scripts.com/ExpressScripts/svgs#installation).
  * - Import the component (this is the icon container): `import '@cre8_dev/svgs';`
- * - Import an svg as a string: `import svgInfo from 'cre8_dev/svgs/lib/icons/System/Regular/Info.svg?raw';`
+ * - Import an svg as a string: `import svgInfo from '@tmorrow/cre8-wc/icons/Info.svg?raw';`
  *
  * Your import paths may be different depending on your project's build configuration.
  * Please see [Importing Icons](https:/static-dev.esi-memberweb-dev.aws.evernorthcloud.com/svgs/?path=/story/icon-sets-importing-icons--page)
@@ -152,7 +151,6 @@ export class Cre8Icon extends Cre8Element {
         iconMap['external-file'] = html `<svg src='${svgExternal}' container-class="${componentClassName}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`;
         iconMap['find-drug'] = html `<svg src='${svgMedication}' container-class="${componentClassName}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`;
         iconMap['globe'] = html `<svg src='${svgGlobe}' container-class="${componentClassName}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`;
-        iconMap['hand-heart'] = html `<svg src='${svgHandHeart}' container-class="${componentClassName}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`;
         iconMap['help'] = html `<svg src='${svgHelp}' container-class="${componentClassName}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`;
         iconMap['info'] = html `<svg src='${svgInfoFilled}' container-class="${componentClassName}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`;
         iconMap['instagram'] = html `<svg src='${svgInsta}' container-class="${componentClassName}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`;

package/lib/components/icon/icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../components/icon/icon.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable max-len /\n/ eslint-disable dot-notation /\n/ eslint-disable max-statements /\nimport { html, TemplateResult, } from 'lit';\nimport {unsafeHTML} from 'lit/directives/unsafe-html.js';\nimport { property } from 'lit/decorators.js';\nimport svgAdd from '@tmorrow/cre8-wc/icons/System/Regular/Add.svg?raw';\nimport svgArrowLeft from '@tmorrow/cre8-wc/icons/System/Regular/Arrow_-_Left.svg?raw';\nimport svgChat from '@tmorrow/cre8-wc/icons/System/Filled/Chat_Default.svg?raw';\nimport svgCalendar from '@tmorrow/cre8-wc/icons/System/Regular/Calendar.svg?raw';\nimport svgCaretDown from '@tmorrow/cre8-wc/icons/System/Filled/Caret_Down.svg?raw';\nimport svgCheckCircle from '@tmorrow/cre8-wc/icons/System/Filled/Check.svg?raw';\nimport svgCheck from '@tmorrow/cre8-wc/icons/System/Regular/Check.svg?raw';\nimport svgClose from '@tmorrow/cre8-wc/icons/System/Regular/Close.svg?raw';\nimport svgDownload from '@tmorrow/cre8-wc/icons/System/Filled/Download.svg?raw';\nimport svgEdit from '@tmorrow/cre8-wc/icons/System/Regular/Edit.svg?raw';\nimport svgEllipsis from '@tmorrow/cre8-wc/icons/System/Filled/Ellipsis.svg?raw';\nimport svgMessageFilled from '@tmorrow/cre8-wc/icons/System/Filled/Message_Unread.svg?raw';\nimport svgMessage from '@tmorrow/cre8-wc/icons/System/Regular/Message_Unread.svg?raw';\nimport svgError from '@tmorrow/cre8-wc/icons/System/Regular/Error.svg?raw';\nimport svgExternal from '@tmorrow/cre8-wc/icons/System/Regular/External_Link.svg?raw';\nimport svgMedication from '@tmorrow/cre8-wc/icons/System/Regular/Medication.svg?raw';\nimport svgGlobe from '@tmorrow/cre8-wc/icons/System/Regular/Globe.svg?raw';\nimport svgHandHeart from '@tmorrow/cre8-wc/icons/System/Regular/Wellness.svg?raw';\nimport svgHelp from '@tmorrow/cre8-wc/icons/System/Regular/Help.svg?raw';\nimport svgInfoFilled from '@tmorrow/cre8-wc/icons/System/Filled/Info.svg?raw';\nimport svgCaretUp from '@tmorrow/cre8-wc/icons/System/Regular/Caret_Up.svg?raw';\nimport svgLightbulb from '@tmorrow/cre8-wc/icons/System/Regular/Lightbulb.svg?raw';\nimport svgLocation from '@tmorrow/cre8-wc/icons/System/Filled/Location.svg?raw';\nimport svgMenu from '@tmorrow/cre8-wc/icons/System/Regular/Menu.svg?raw';\nimport svgMinus from '@tmorrow/cre8-wc/icons/System/Regular/Minus.svg?raw';\nimport svgAccountFilled from '@tmorrow/cre8-wc/icons/System/Filled/Account.svg?raw';\nimport svgNotification from '@tmorrow/cre8-wc/icons/System/Regular/Notification.svg?raw';\nimport svgRefill from '@tmorrow/cre8-wc/icons/Marketing/Duotone/Refill.svg?raw';\nimport svgAccount from '@tmorrow/cre8-wc/icons/System/Regular/Account.svg?raw';\nimport svgPlayFilled from '@tmorrow/cre8-wc/icons/System/Filled/Play_Arrow.svg?raw';\nimport svgPlayCircle from '@tmorrow/cre8-wc/icons/System/Regular/Play_Circle.svg?raw';\nimport svgSpinner from '@tmorrow/cre8-wc/icons/System/Regular/Spinner/75.svg?raw';\nimport svgUndo from '@tmorrow/cre8-wc/icons/System/Regular/Undo.svg?raw';\nimport svgSearch from '@tmorrow/cre8-wc/icons/System/Regular/Search.svg?raw';\nimport svgCart from '@tmorrow/cre8-wc/icons/System/Regular/Cart.svg?raw';\nimport svgRectangle from '@tmorrow/cre8-wc/icons/System/Filled/Shape/Rectangle.svg?raw';\nimport svgVaccine from '@tmorrow/cre8-wc/icons/Marketing/Duotone/Vaccinations.svg?raw';\nimport svgWarningFilled from '@tmorrow/cre8-wc/icons/System/Filled/Warning.svg?raw';\nimport svgCaretDoubleRight from '@tmorrow/cre8-wc/icons/System/Regular/Caret_Double_Right.svg?raw';\nimport svgErrorAlt from '@tmorrow/cre8-wc/icons/error-alt.svg?raw';\nimport svgEsi from '@tmorrow/cre8-wc/icons/express-scripts.svg?raw';\nimport svgInsta from '@tmorrow/cre8-wc/icons/instagram.svg?raw';\nimport svgLinkedin from '@tmorrow/cre8-wc/icons/linkedin.svg?raw';\nimport svgOpen from '@tmorrow/cre8-wc/icons/open.svg?raw';\nimport svgPause from '@tmorrow/cre8-wc/icons/pause.svg?raw';\nimport svgPersonBubble from '@tmorrow/cre8-wc/icons/person-bubble.svg?raw';\nimport svgPinterest from '@tmorrow/cre8-wc/icons/pinterest.svg?raw';\nimport svgRss from '@tmorrow/cre8-wc/icons/rss-feed.svg?raw';\nimport svgRx from '@tmorrow/cre8-wc/icons/rx.svg?raw';\nimport svgSwap from '@tmorrow/cre8-wc/icons/swap.svg?raw';\nimport svgThumbsUp from '@tmorrow/cre8-wc/icons/thumb-up.svg?raw';\nimport svgTrendFlat from '@tmorrow/cre8-wc/icons/trending-flat.svg?raw';\nimport svgTrendUp from '@tmorrow/cre8-wc/icons/trending-up.svg?raw';\nimport svgTwitter from '@tmorrow/cre8-wc/icons/twitter.svg?raw';\n\nimport { Cre8Element } from '../cre8-element';\nimport styles from './icon.styles.js';\nimport iconSprite from '@tmorrow/cre8-wc/icons/cre8-icons.svg?raw';\n\n/\n \n * <svg> is a web component, which can be used with any frontend framework and use any svg.\n * It takes raw svgs as props and renders them.\n \n 'svg-legacy' will be deprecated in Web Components v0.5.0\n \n - [List of new figma icons](https:/www.figma.com/file/j1a0rBkoH65XiGKfq7ppWa/Iconography?type=design&node-id=2037-5773&mode=design&t=6ZzC6KH3Gkxf3fj5-4)\n * - The new `svg` from the svg package: https:/static-dev.esi-memberweb-dev.aws.evernorthcloud.com/svgs/.\n \n ##Usability Considerations\n * - If the icon is decorative: set `aria-hidden` to true.\n * - If the icon is interactive (not decorative): set `aria-hidden` to false and add the `aria-label`\n * - If the icon is key to functionality from a screen reader perspective, it is required to add `aria-label`\n * which will describe the icon.\n * For example, if the icon is a close button, setting `aria-label=\"Close\"`will give\n * the SVG an aria-label to make it sufficiently accessible.\n \n [More information on Accessibility with svgs](https:/static-dev.esi-memberweb-dev.aws.evernorthcloud.com/svgs/?path=/story/getting-started-accessibility--page)\n \n ##How to use\n * Cre8 Web Components (cre8-wc) includes the `cre8_dev/svgs` package.\n * If you need to install a newer version than what's included, please see\n * the [installation instructions for svgs](https:/git.express-scripts.com/ExpressScripts/svgs#installation).\n * - Import the component (this is the icon container): `import '@cre8_dev/svgs';`\n * - Import an svg as a string: `import svgInfo from 'cre8_dev/svgs/lib/icons/System/Regular/Info.svg?raw';`\n \n Your import paths may be different depending on your project's build configuration.\n * Please see [Importing Icons](https:/static-dev.esi-memberweb-dev.aws.evernorthcloud.com/svgs/?path=/story/icon-sets-importing-icons--page)\n * of the `cre8_dev/svgs` documentation for more information.\n /\n\nexport class Cre8Icon extends Cre8Element {\n static styles = [styles];\n\n /\n Focusable\n \n @required\n /\n @property({ type: Boolean, reflect: true })\n focusable?: boolean;\n\n /\n Icon name (this method of passing in svgs is to be deprecated)\n \n @required\n /\n @property()\n name: string;\n\n @property({reflect:true})\n svg?:string\n /\n Icon path\n * 1) This points to the file where the icon sprite lives\n * 2) This method of pathing will soon be depricated\n \n /\n @property()\n iconUrl?: string = iconSprite;\n\n /*\n Icon Title, this string is used for the aira-label of the svg\n \n @required\n /\n @property()\n iconTitle?: string;\n\n /\n Get the path to the icons, either by overriding it on the window\n * or by using the bundled icon path\n /\n getIconPath() {\n if (window.Cre8_ICON_URL) {\n return window.Cre8_ICON_URL;\n }\n\n const script = document.querySelector<HTMLScriptElement>('script[src$=\"icon\"]');\n if (script) {\n return `${script.src.replace(/^(.+)\\/.$/, '$1')}/svgs/svgs.svg?raw`;\n }\n\n return this.iconUrl;\n }\n\n render() {\n const componentClassName = this.componentClassNames('cre8-c-icon-wrapper', {});\n\n const iconMap: { [name: string]: TemplateResult<1> } = {};\n\n iconMap['add'] = html`<svg src=${svgAdd} container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['arrow-back'] = html`<svg src='${svgArrowLeft}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['arrow-forward'] = html`<svg src='${svgArrowLeft}' rotate=\"180\" container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['attention'] = html`<svg src='${svgChat}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['calendar'] = html`<svg src='${svgCalendar}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['calendar-datepicker'] = html`<svg src='${svgCalendar}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\" height=\"24\" width=\"24\"></svg>`;\n iconMap['caret-down'] = html`<svg src='${svgCaretDown}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['caret-double-left'] = html`<svg src='${svgCaretDoubleRight}' rotate=\"180\" container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['caret-double-right'] = html`<svg src='${svgCaretDoubleRight}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['check-circle'] = html`<svg src='${svgCheckCircle}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['check'] = html`<svg src='${svgCheck}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['close'] = html`<svg src='${svgClose}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['delta-down'] = html`<svg src='${svgCaretDown}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['delta-up'] = html`<svg src='${svgCaretDown}' flip=\"vertical\" container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['download'] = html`<svg src='${svgDownload}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['edit'] = html`<svg src='${svgEdit}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['ellipsis'] = html`<svg src='${svgEllipsis}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['email'] = html`${svgMessageFilled}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['envelope'] = html`<svg src='${svgMessage}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['error-alt'] = html`<svg src='${svgErrorAlt}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['error-round'] = html`<svg src='${svgError}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['error'] = html`<svg src='${svgError}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['express-scripts'] = html`<svg src='${svgEsi}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['external-file'] = html`<svg src='${svgExternal}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['find-drug'] = html`<svg src='${svgMedication}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['globe'] = html`<svg src='${svgGlobe}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['hand-heart'] = html`<svg src='${svgHandHeart}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['help'] = html`<svg src='${svgHelp}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['info'] = html`<svg src='${svgInfoFilled}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['instagram'] = html`<svg src='${svgInsta}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['keyboard-arrow-down'] = html`<svg src='${svgCaretUp}' rotate=\"180\" container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['keyboard-arrow-left'] = html`<svg src='${svgCaretUp}' rotate=\"-90\" container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['keyboard-arrow-right'] = html`<svg src='${svgCaretUp}' rotate=\"90\" container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['keyboard-arrow-up'] = html`<svg src='${svgCaretUp}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['language'] = html`<svg src='${svgGlobe}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['light-bulb'] = html`<svg src='${svgLightbulb}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['linkedin'] = html`<svg src='${svgLinkedin}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['location-on'] = html`<svg src='${svgLocation}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['menu'] = html`<svg src='${svgMenu}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['minus'] = html`<svg src='${svgMinus}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['neutral'] = html`<svg src='${svgAccountFilled}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['notifications'] = html`<svg src='${svgNotification}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['open'] = html`<svg src='${svgOpen}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['order-status'] = html`<svg src='${svgRefill}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['pause'] = html`<svg src='${svgPause}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['people'] = html`<svg src='${svgAccount}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['person-bubble'] = html`<svg src='${svgPersonBubble}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['person'] = html`<svg src='${svgAccountFilled}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['pinterest'] = html`<svg src='${svgPinterest}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['play-arrow'] = html`<svg src='${svgPlayFilled}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['play-circle-outline'] = html`<svg src='${svgPlayCircle}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['progress-spinner'] = html`<svg src='${svgSpinner}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['replay'] = html`<svg src='${svgUndo}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['rss-feed'] = html`<svg src='${svgRss}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['rx'] = html`<svg src='${svgRx}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['search'] = html`<svg src='${svgSearch}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['shop'] = html`<svg src='${svgCart}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['spinner'] = html`<svg src='${svgSpinner}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['square'] = html`<svg src='${svgRectangle}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['success'] = html`<svg src='${svgCheckCircle}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['swap'] = html`<svg src='${svgSwap}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['thumb-up'] = html`<svg src='${svgThumbsUp}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['trending-flat'] = html`<svg src='${svgTrendFlat}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['trending-up'] = html`<svg src='${svgTrendUp}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['twitter'] = html`<svg src='${svgTwitter}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['vaccine'] = html`<svg src='${svgVaccine}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['warning'] = html`<svg src='${svgWarningFilled}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n\n const iconPath = this.getIconPath();\n\n // if (iconMap[this.name] !== undefined) {\n // return iconMap[this.name];\n // }\n if (!this.name && !this.svg) {\n console.warn('Cre8Icon: No icon name or svg provided. Please provide either a name or svg.');\n return html``;\n }\n\n return html`\n ${this.svg ? html`<span class=\"${componentClassName}\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\">${unsafeHTML(this.svg)}</span>` : html`\n <span class=\"${componentClassName}\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\">\n <svg class=\"cre8-c-icon\" xmlns=\"http://www.w3.org/2000/svg\" focusable=\"${this.focusable ? 'true' : 'false'}\" role=\"img\">\n <use href=\"${iconPath}#${this.name}\"></use>\n </svg>\n </span>` }`;\n }\n }\n\n\nif (customElements.get('cre8-icon') === undefined) {\n customElements.define('cre8-icon', Cre8Icon);\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'cre8-icon': Cre8Icon;\n }\n interface Window {\n Cre8_ICON_URL?: string;\n }\n}\n\nexport default Cre8Icon;\n"]}
1	+ {"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../components/icon/icon.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable max-len /\n/ eslint-disable dot-notation /\n/ eslint-disable max-statements /\nimport { html, TemplateResult, } from 'lit';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport { property } from 'lit/decorators.js';\nimport svgAdd from '@tmorrow/cre8-wc/icons/Add.svg?raw';\nimport svgArrowLeft from '@tmorrow/cre8-wc/icons/Arrow_-_Left.svg?raw';\nimport svgChat from '@tmorrow/cre8-wc/icons/Chat_Default.svg?raw';\nimport svgCalendar from '@tmorrow/cre8-wc/icons/Calendar.svg?raw';\nimport svgCaretDown from '@tmorrow/cre8-wc/icons/Caret_Down_Filled.svg?raw';\nimport svgCheckCircle from '@tmorrow/cre8-wc/icons/Check_Filled.svg?raw';\nimport svgCheck from '@tmorrow/cre8-wc/icons/Check.svg?raw';\nimport svgClose from '@tmorrow/cre8-wc/icons/Close.svg?raw';\nimport svgDownload from '@tmorrow/cre8-wc/icons/Download.svg?raw';\nimport svgEdit from '@tmorrow/cre8-wc/icons/Edit.svg?raw';\nimport svgEllipsis from '@tmorrow/cre8-wc/icons/Ellipsis_Filled.svg?raw';\nimport svgMessageFilled from '@tmorrow/cre8-wc/icons/Message_Unread_Filled.svg?raw';\nimport svgMessage from '@tmorrow/cre8-wc/icons/Message_Unread.svg?raw';\nimport svgError from '@tmorrow/cre8-wc/icons/Error.svg?raw';\nimport svgExternal from '@tmorrow/cre8-wc/icons/External_Link.svg?raw';\nimport svgMedication from '@tmorrow/cre8-wc/icons/Medication.svg?raw';\nimport svgGlobe from '@tmorrow/cre8-wc/icons/Globe.svg?raw';\nimport svgHelp from '@tmorrow/cre8-wc/icons/Help.svg?raw';\nimport svgInfoFilled from '@tmorrow/cre8-wc/icons/Info.svg?raw';\nimport svgCaretUp from '@tmorrow/cre8-wc/icons/Caret_Up.svg?raw';\nimport svgLightbulb from '@tmorrow/cre8-wc/icons/Lightbulb.svg?raw';\nimport svgLocation from '@tmorrow/cre8-wc/icons/Location.svg?raw';\nimport svgMenu from '@tmorrow/cre8-wc/icons/Menu.svg?raw';\nimport svgMinus from '@tmorrow/cre8-wc/icons/Minus.svg?raw';\nimport svgAccountFilled from '@tmorrow/cre8-wc/icons/Account_Filled.svg?raw';\nimport svgNotification from '@tmorrow/cre8-wc/icons/Notification.svg?raw';\nimport svgRefill from '@tmorrow/cre8-wc/icons/Refill.svg?raw';\nimport svgAccount from '@tmorrow/cre8-wc/icons/Account.svg?raw';\nimport svgPlayFilled from '@tmorrow/cre8-wc/icons/Play_Arrow.svg?raw';\nimport svgPlayCircle from '@tmorrow/cre8-wc/icons/Play_Circle.svg?raw';\nimport svgSpinner from '@tmorrow/cre8-wc/icons/Spinner_75.svg?raw';\nimport svgUndo from '@tmorrow/cre8-wc/icons/Undo.svg?raw';\nimport svgSearch from '@tmorrow/cre8-wc/icons/Search.svg?raw';\nimport svgCart from '@tmorrow/cre8-wc/icons/Cart.svg?raw';\nimport svgRectangle from '@tmorrow/cre8-wc/icons/Rectangle.svg?raw';\nimport svgVaccine from '@tmorrow/cre8-wc/icons/Vaccinations.svg?raw';\nimport svgWarningFilled from '@tmorrow/cre8-wc/icons/Warning.svg?raw';\nimport svgCaretDoubleRight from '@tmorrow/cre8-wc/icons/Caret_Double_Right.svg?raw';\nimport svgErrorAlt from '@tmorrow/cre8-wc/icons/error-alt.svg?raw';\nimport svgEsi from '@tmorrow/cre8-wc/icons/express-scripts.svg?raw';\nimport svgInsta from '@tmorrow/cre8-wc/icons/instagram.svg?raw';\nimport svgLinkedin from '@tmorrow/cre8-wc/icons/linkedin.svg?raw';\nimport svgOpen from '@tmorrow/cre8-wc/icons/open.svg?raw';\nimport svgPause from '@tmorrow/cre8-wc/icons/pause.svg?raw';\nimport svgPersonBubble from '@tmorrow/cre8-wc/icons/person-bubble.svg?raw';\nimport svgPinterest from '@tmorrow/cre8-wc/icons/pinterest.svg?raw';\nimport svgRss from '@tmorrow/cre8-wc/icons/rss-feed.svg?raw';\nimport svgRx from '@tmorrow/cre8-wc/icons/rx.svg?raw';\nimport svgSwap from '@tmorrow/cre8-wc/icons/swap.svg?raw';\nimport svgThumbsUp from '@tmorrow/cre8-wc/icons/thumb-up.svg?raw';\nimport svgTrendFlat from '@tmorrow/cre8-wc/icons/trending-flat.svg?raw';\nimport svgTrendUp from '@tmorrow/cre8-wc/icons/trending-up.svg?raw';\nimport svgTwitter from '@tmorrow/cre8-wc/icons/twitter.svg?raw';\n\nimport { Cre8Element } from '../cre8-element';\nimport styles from './icon.styles.js';\nimport iconSprite from '@tmorrow/cre8-wc/icons/cre8-icons.svg?raw';\n\n/\n \n * <svg> is a web component, which can be used with any frontend framework and use any svg.\n * It takes raw svgs as props and renders them.\n \n 'svg-legacy' will be deprecated in Web Components v0.5.0\n \n - [List of new figma icons](https:/www.figma.com/file/j1a0rBkoH65XiGKfq7ppWa/Iconography?type=design&node-id=2037-5773&mode=design&t=6ZzC6KH3Gkxf3fj5-4)\n * - The new `svg` from the svg package: https:/static-dev.esi-memberweb-dev.aws.evernorthcloud.com/svgs/.\n \n ##Usability Considerations\n * - If the icon is decorative: set `aria-hidden` to true.\n * - If the icon is interactive (not decorative): set `aria-hidden` to false and add the `aria-label`\n * - If the icon is key to functionality from a screen reader perspective, it is required to add `aria-label`\n * which will describe the icon.\n * For example, if the icon is a close button, setting `aria-label=\"Close\"`will give\n * the SVG an aria-label to make it sufficiently accessible.\n \n [More information on Accessibility with svgs](https:/static-dev.esi-memberweb-dev.aws.evernorthcloud.com/svgs/?path=/story/getting-started-accessibility--page)\n \n ##How to use\n * Cre8 Web Components (cre8-wc) includes the `cre8_dev/svgs` package.\n * If you need to install a newer version than what's included, please see\n * the [installation instructions for svgs](https:/git.express-scripts.com/ExpressScripts/svgs#installation).\n * - Import the component (this is the icon container): `import '@cre8_dev/svgs';`\n * - Import an svg as a string: `import svgInfo from '@tmorrow/cre8-wc/icons/Info.svg?raw';`\n \n Your import paths may be different depending on your project's build configuration.\n * Please see [Importing Icons](https:/static-dev.esi-memberweb-dev.aws.evernorthcloud.com/svgs/?path=/story/icon-sets-importing-icons--page)\n * of the `cre8_dev/svgs` documentation for more information.\n /\n\nexport class Cre8Icon extends Cre8Element {\n static styles = [styles];\n\n /\n Focusable\n \n @required\n /\n @property({ type: Boolean, reflect: true })\n focusable?: boolean;\n\n /\n Icon name (this method of passing in svgs is to be deprecated)\n \n @required\n /\n @property()\n name: string;\n\n @property({ reflect: true })\n svg?: string\n /\n Icon path\n * 1) This points to the file where the icon sprite lives\n * 2) This method of pathing will soon be depricated\n \n /\n @property()\n iconUrl?: string = iconSprite;\n\n /*\n Icon Title, this string is used for the aira-label of the svg\n \n @required\n /\n @property()\n iconTitle?: string;\n\n /\n Get the path to the icons, either by overriding it on the window\n * or by using the bundled icon path\n /\n getIconPath() {\n if (window.Cre8_ICON_URL) {\n return window.Cre8_ICON_URL;\n }\n\n const script = document.querySelector<HTMLScriptElement>('script[src$=\"icon\"]');\n if (script) {\n return `${script.src.replace(/^(.+)\\/.$/, '$1')}/svgs/svgs.svg?raw`;\n }\n\n return this.iconUrl;\n }\n\n render() {\n const componentClassName = this.componentClassNames('cre8-c-icon-wrapper', {});\n\n const iconMap: { [name: string]: TemplateResult<1> } = {};\n\n iconMap['add'] = html`<svg src=${svgAdd} container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['arrow-back'] = html`<svg src='${svgArrowLeft}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['arrow-forward'] = html`<svg src='${svgArrowLeft}' rotate=\"180\" container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['attention'] = html`<svg src='${svgChat}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['calendar'] = html`<svg src='${svgCalendar}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['calendar-datepicker'] = html`<svg src='${svgCalendar}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\" height=\"24\" width=\"24\"></svg>`;\n iconMap['caret-down'] = html`<svg src='${svgCaretDown}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['caret-double-left'] = html`<svg src='${svgCaretDoubleRight}' rotate=\"180\" container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['caret-double-right'] = html`<svg src='${svgCaretDoubleRight}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['check-circle'] = html`<svg src='${svgCheckCircle}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['check'] = html`<svg src='${svgCheck}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['close'] = html`<svg src='${svgClose}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['delta-down'] = html`<svg src='${svgCaretDown}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['delta-up'] = html`<svg src='${svgCaretDown}' flip=\"vertical\" container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['download'] = html`<svg src='${svgDownload}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['edit'] = html`<svg src='${svgEdit}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['ellipsis'] = html`<svg src='${svgEllipsis}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['email'] = html`${svgMessageFilled}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['envelope'] = html`<svg src='${svgMessage}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['error-alt'] = html`<svg src='${svgErrorAlt}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['error-round'] = html`<svg src='${svgError}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['error'] = html`<svg src='${svgError}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['express-scripts'] = html`<svg src='${svgEsi}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['external-file'] = html`<svg src='${svgExternal}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['find-drug'] = html`<svg src='${svgMedication}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['globe'] = html`<svg src='${svgGlobe}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['help'] = html`<svg src='${svgHelp}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['info'] = html`<svg src='${svgInfoFilled}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['instagram'] = html`<svg src='${svgInsta}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['keyboard-arrow-down'] = html`<svg src='${svgCaretUp}' rotate=\"180\" container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['keyboard-arrow-left'] = html`<svg src='${svgCaretUp}' rotate=\"-90\" container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['keyboard-arrow-right'] = html`<svg src='${svgCaretUp}' rotate=\"90\" container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['keyboard-arrow-up'] = html`<svg src='${svgCaretUp}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['language'] = html`<svg src='${svgGlobe}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['light-bulb'] = html`<svg src='${svgLightbulb}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['linkedin'] = html`<svg src='${svgLinkedin}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['location-on'] = html`<svg src='${svgLocation}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['menu'] = html`<svg src='${svgMenu}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['minus'] = html`<svg src='${svgMinus}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['neutral'] = html`<svg src='${svgAccountFilled}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['notifications'] = html`<svg src='${svgNotification}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['open'] = html`<svg src='${svgOpen}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['order-status'] = html`<svg src='${svgRefill}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['pause'] = html`<svg src='${svgPause}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['people'] = html`<svg src='${svgAccount}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['person-bubble'] = html`<svg src='${svgPersonBubble}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['person'] = html`<svg src='${svgAccountFilled}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['pinterest'] = html`<svg src='${svgPinterest}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['play-arrow'] = html`<svg src='${svgPlayFilled}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['play-circle-outline'] = html`<svg src='${svgPlayCircle}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['progress-spinner'] = html`<svg src='${svgSpinner}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['replay'] = html`<svg src='${svgUndo}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['rss-feed'] = html`<svg src='${svgRss}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['rx'] = html`<svg src='${svgRx}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['search'] = html`<svg src='${svgSearch}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['shop'] = html`<svg src='${svgCart}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['spinner'] = html`<svg src='${svgSpinner}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['square'] = html`<svg src='${svgRectangle}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['success'] = html`<svg src='${svgCheckCircle}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['swap'] = html`<svg src='${svgSwap}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['thumb-up'] = html`<svg src='${svgThumbsUp}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['trending-flat'] = html`<svg src='${svgTrendFlat}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['trending-up'] = html`<svg src='${svgTrendUp}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['twitter'] = html`<svg src='${svgTwitter}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['vaccine'] = html`<svg src='${svgVaccine}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['warning'] = html`<svg src='${svgWarningFilled}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n\n const iconPath = this.getIconPath();\n\n // if (iconMap[this.name] !== undefined) {\n // return iconMap[this.name];\n // }\n if (!this.name && !this.svg) {\n console.warn('Cre8Icon: No icon name or svg provided. Please provide either a name or svg.');\n return html``;\n }\n\n return html`\n ${this.svg ? html`<span class=\"${componentClassName}\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\">${unsafeHTML(this.svg)}</span>` : html`\n <span class=\"${componentClassName}\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\">\n <svg class=\"cre8-c-icon\" xmlns=\"http://www.w3.org/2000/svg\" focusable=\"${this.focusable ? 'true' : 'false'}\" role=\"img\">\n <use href=\"${iconPath}#${this.name}\"></use>\n </svg>\n </span>` }`;\n }\n}\n\n\nif (customElements.get('cre8-icon') === undefined) {\n customElements.define('cre8-icon', Cre8Icon);\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'cre8-icon': Cre8Icon;\n }\n interface Window {\n Cre8_ICON_URL?: string;\n }\n}\n\nexport default Cre8Icon;\n"]}

package/lib/components/inline-alert/inline-alert.js CHANGED Viewed

@@ -4,11 +4,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import svgWarningFilled from '@tmorrow/cre8-wc/icons/System/Filled/Warning.svg?raw';
-import svgCheckCircle from '@tmorrow/cre8-wc/icons/System/Filled/Check.svg?raw';
-import svgInfoFilled from '@tmorrow/cre8-wc/icons/System/Filled/Info.svg?raw';
-import svgErrorFilled from '@tmorrow/cre8-wc/icons/System/Filled/Error.svg?raw';
-import svgHelpFilled from '@tmorrow/cre8-wc/icons/System/Filled/Help.svg?raw';
+import svgWarningFilled from '@tmorrow/cre8-wc/icons/Warning.svg?raw';
+import svgCheckCircle from '@tmorrow/cre8-wc/icons/Check_Filled.svg?raw';
+import svgInfoFilled from '@tmorrow/cre8-wc/icons/Info.svg?raw';
+import svgErrorFilled from '@tmorrow/cre8-wc/icons/Error_Filled.svg?raw';
+import svgHelpFilled from '@tmorrow/cre8-wc/icons/Help_Filled.svg?raw';
 import { html, nothing, } from 'lit';
 import { property } from 'lit/decorators.js';
 import { Cre8Element } from '../cre8-element';

package/lib/components/inline-alert/inline-alert.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"inline-alert.js","sourceRoot":"","sources":["../../../components/inline-alert/inline-alert.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,gBAAgB,MAAM,~~sDAAsD~~,CAAC;~~AACpF~~,OAAO,cAAc,MAAM,~~oDAAoD~~,CAAC;~~AAChF~~,OAAO,aAAa,MAAM,~~mDAAmD~~,CAAC;~~AAC9E~~,OAAO,cAAc,MAAM,~~oDAAoD~~,CAAC;~~AAChF~~,OAAO,aAAa,MAAM,~~mDAAmD~~,CAAC;~~AAC9E~~,OAAO,EAAE,IAAI,EAAE,OAAO,GAAI,MAAM,KAAK,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,cAAc,CAAC;AAEtB;;;;;;;GAOG;AACH,MAAM,OAAO,eAAgB,SAAQ,WAAW;IAAhD;;QAuBI;;;;WAIG;QAEC,YAAO,GAA6B,QAAQ,CAAC;QAEjD;;;;;;;;WAQG;QAEC,WAAM,GAAiF,MAAM,CAAC;IAiFtG,CAAC;IA/EG;;;;MAIE;IACM,0BAA0B,CAAC,MAAc;QAC7C,QAAQ,MAAM,EAAE,CAAC;YACb,KAAK,OAAO;gBACR,OAAO,IAAI,CAAA;uBACJ,cAAc;8BACP,IAAI,CAAC,SAAS;;+DAEmB,CAAC;YACpD,KAAK,SAAS;gBACV,OAAO,IAAI,CAAA;uBACJ,cAAc;8BACP,IAAI,CAAC,SAAS;;+DAEmB,CAAC;YACpD,KAAK,SAAS;gBACV,OAAO,IAAI,CAAA;uBACJ,gBAAgB;8BACT,IAAI,CAAC,SAAS;;+DAEmB,CAAC;YACpD,KAAK,MAAM;gBACP,OAAO,IAAI,CAAA;uBACJ,aAAa;8BACN,IAAI,CAAC,SAAS;;+DAEmB,CAAC;YACpD,KAAK,MAAM;gBACP,OAAO,IAAI,CAAA;uBACJ,aAAa;8BACN,IAAI,CAAC,SAAS;;+DAEmB,CAAC;YACpD,KAAK,WAAW;gBACZ,OAAO,IAAI,CAAA;uBACJ,aAAa;8BACN,IAAI,CAAC,SAAS;;+DAEmB,CAAC;YACpD,KAAK,SAAS;gBACV,OAAO,IAAI,CAAA;uBACJ,aAAa;8BACN,IAAI,CAAC,SAAS;;+DAEmB,CAAC;YACpD;gBACI,OAAO,OAAO,CAAC;QACvB,CAAC;IACL,CAAC;IAED,MAAM;QACF,MAAM,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,CAAC,qBAAqB,EAAE;YACxE,kCAAkC,EAAE,IAAI,CAAC,OAAO,KAAK,aAAa;YAClE,4BAA4B,EAAE,IAAI,CAAC,MAAM,KAAK,OAAO;YACrD,8BAA8B,EAAE,IAAI,CAAC,MAAM,KAAK,SAAS;YACzD,8BAA8B,EAAE,IAAI,CAAC,MAAM,KAAK,SAAS;YACzD,gCAAgC,EAAE,IAAI,CAAC,MAAM,KAAK,WAAW;YAC7D,8BAA8B,EAAE,IAAI,CAAC,MAAM,KAAK,SAAS;YACzD,2BAA2B,EAAE,IAAI,CAAC,MAAM,KAAK,MAAM;YACnD,2BAA2B,EAAE,IAAI,CAAC,MAAM,KAAK,MAAM;YACnD,iCAAiC,EAAE,IAAI,CAAC,SAAS;SACpD,CAAC,CAAC;QAEH,OAAO,IAAI,CAAA;sBACG,mBAAmB;cAC3B,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,MAAM;YAClC,CAAC,CAAC,IAAI,CAAA,IAAI,IAAI,CAAC,0BAA0B,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;YACxD,CAAC,CAAC,EACV;;;;;SAKS,CAAC;IACN,CAAC;;AAxHM,sBAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;AAOrB;IADH,QAAQ,EAAE;iDACW;AAOlB;IADH,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACnB;AAMpB;IADH,QAAQ,EAAE;kDACY;AAQnB;IADH,QAAQ,EAAE;gDACsC;AAY7C;IADH,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CACuE;AAmFtG,IAAI,cAAc,CAAC,GAAG,CAAC,mBAAmB,CAAC,KAAK,SAAS,EAAE,CAAC;IACxD,cAAc,CAAC,MAAM,CAAC,mBAAmB,EAAE,eAAe,CAAC,CAAC;AAChE,CAAC;AAQD,eAAe,eAAe,CAAC","sourcesContent":["import svgWarningFilled from '@tmorrow/cre8-wc/icons/~~System/Filled/~~Warning.svg?raw';\nimport svgCheckCircle from '@tmorrow/cre8-wc/icons/~~System/Filled/Check~~.svg?raw';\nimport svgInfoFilled from '@tmorrow/cre8-wc/icons/~~System/Filled/~~Info.svg?raw';\nimport svgErrorFilled from '@tmorrow/cre8-wc/icons/~~System/Filled/Error~~.svg?raw';\nimport svgHelpFilled from '@tmorrow/cre8-wc/icons/~~System/Filled/Help~~.svg?raw';\nimport { html, nothing, } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { Cre8Element } from '../cre8-element';\nimport styles from './inline-alert.styles.js';\nimport '../icon/icon';\n\n/*\n In cases when it is necessary to alert the user but a less strong message that cannot be dismissed is desired,\n * use an in-line contextual alert message as the least \"severe\" message type.\n * These can be displayed anywhere on the page, but should never cover content.\n * Inline alerts do not include a title or close capability and are considered minimally intrusive user messaging.\n \n @slot - The component content\n /\nexport class Cre8InlineAlert extends Cre8Element {\n static styles = [styles];\n\n /\n DEPRECATED: Icon name used for the icon before to the field note\n * @deprecated\n /\n @property()\n iconName?: string;\n\n /\n Full width Inline Alert\n * @attr {boolean}\n /\n @property({ type: Boolean, reflect: true })\n fullWidth?: boolean;\n\n /\n Icon title used for the icon alt text\n /\n @property()\n iconTitle?: string;\n\n /\n Variant\n * - subtle (default) renders an alert message in a padded container with a with a border and background color\n * - transparent renders an alert message with no padded container, border, or background color\n /\n @property()\n variant: 'transparent' \| 'subtle' = 'subtle';\n\n /\n Status\n * - default renders an inline alert with the brand colors\n * - error renders an inline alert with an error state\n * - warning renders an inline alert with a warning state\n * - success renders an inline alert with a success state\n * - attention renders an inline alert with an attention state\n * - neutral renders an inline alert with a nuetral state\n /\n @property({ type: String })\n status?: 'error' \| 'warning' \| 'success' \| 'attention' \| 'neutral' \| 'help' \| 'info' = 'info';\n\n /\n * Maps modal icons and modal status variants to what the alt text of the related icon should be see:\n #\n this provides the recommendated alt text of different statuses\n */\n private mapStatusToIconInlineAlert(status: string) {\n switch (status) {\n case 'error':\n return html`<cre8-icon \n svg='${svgErrorFilled}' \n aria-label=\"${this.iconTitle}\"\n aria-hidden=\"true\"\n class=\"cre8-c-inline-alert__icon\"></cre8-icon>`;\n case 'success':\n return html`<cre8-icon \n svg='${svgCheckCircle}' \n aria-label=\"${this.iconTitle}\"\n aria-hidden=\"true\"\n class=\"cre8-c-inline-alert__icon\"></cre8-icon>`;\n case 'warning':\n return html`<cre8-icon \n svg='${svgWarningFilled}'\n aria-label=\"${this.iconTitle}\"\n aria-hidden=\"true\"\n class=\"cre8-c-inline-alert__icon\"></cre8-icon>`;\n case 'help':\n return html`<cre8-icon \n svg='${svgHelpFilled}'\n aria-label=\"${this.iconTitle}\"\n aria-hidden=\"true\"\n class=\"cre8-c-inline-alert__icon\"></cre8-icon>`;\n case 'info':\n return html`<cre8-icon \n svg='${svgInfoFilled}'\n aria-label=\"${this.iconTitle}\"\n aria-hidden=\"true\"\n class=\"cre8-c-inline-alert__icon\"></cre8-icon>`;\n case 'attention':\n return html`<cre8-icon \n svg='${svgInfoFilled}'\n aria-label=\"${this.iconTitle}\"\n aria-hidden=\"true\"\n class=\"cre8-c-inline-alert__icon\"></cre8-icon>`;\n case 'neutral':\n return html`<cre8-icon \n svg='${svgHelpFilled}'\n aria-label=\"${this.iconTitle}\"\n aria-hidden=\"true\"\n class=\"cre8-c-inline-alert__icon\"></cre8-icon>`;\n default:\n return nothing;\n }\n }\n\n render() {\n const componentClassNames = this.componentClassNames('cre8-c-inline-alert', {\n 'cre8-c-inline-alert--transparent': this.variant === 'transparent',\n 'cre8-c-inline-alert--error': this.status === 'error',\n 'cre8-c-inline-alert--warning': this.status === 'warning',\n 'cre8-c-inline-alert--success': this.status === 'success',\n 'cre8-c-inline-alert--attention': this.status === 'attention',\n 'cre8-c-inline-alert--neutral': this.status === 'neutral',\n 'cre8-c-inline-alert--help': this.status === 'help',\n 'cre8-c-inline-alert--info': this.status === 'info',\n 'cre8-c-inline-alert--full-width': this.fullWidth,\n });\n\n return html`\n <div class=\"${componentClassNames}\">\n ${this.iconName \|\| this.status\n ? html` ${this.mapStatusToIconInlineAlert(this.status)}`\n : ''\n}\n <div class=\"cre8-c-inline-alert__body\">\n <slot></slot>\n </div>\n </div>\n `;\n }\n}\n\nif (customElements.get('cre8-inline-alert') === undefined) {\n customElements.define('cre8-inline-alert', Cre8InlineAlert);\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'cre8-inline-alert': Cre8InlineAlert;\n }\n}\n\nexport default Cre8InlineAlert;\n"]}
1	+ {"version":3,"file":"inline-alert.js","sourceRoot":"","sources":["../../../components/inline-alert/inline-alert.ts"],"names":[],"mappings":"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","sourcesContent":["import svgWarningFilled from '@tmorrow/cre8-wc/icons/Warning.svg?raw';\nimport svgCheckCircle from '@tmorrow/cre8-wc/icons/Check_Filled.svg?raw';\nimport svgInfoFilled from '@tmorrow/cre8-wc/icons/Info.svg?raw';\nimport svgErrorFilled from '@tmorrow/cre8-wc/icons/Error_Filled.svg?raw';\nimport svgHelpFilled from '@tmorrow/cre8-wc/icons/Help_Filled.svg?raw';\nimport { html, nothing, } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { Cre8Element } from '../cre8-element';\nimport styles from './inline-alert.styles.js';\nimport '../icon/icon';\n\n/*\n In cases when it is necessary to alert the user but a less strong message that cannot be dismissed is desired,\n * use an in-line contextual alert message as the least \"severe\" message type.\n * These can be displayed anywhere on the page, but should never cover content.\n * Inline alerts do not include a title or close capability and are considered minimally intrusive user messaging.\n \n @slot - The component content\n /\nexport class Cre8InlineAlert extends Cre8Element {\n static styles = [styles];\n\n /\n DEPRECATED: Icon name used for the icon before to the field note\n * @deprecated\n /\n @property()\n iconName?: string;\n\n /\n Full width Inline Alert\n * @attr {boolean}\n /\n @property({ type: Boolean, reflect: true })\n fullWidth?: boolean;\n\n /\n Icon title used for the icon alt text\n /\n @property()\n iconTitle?: string;\n\n /\n Variant\n * - subtle (default) renders an alert message in a padded container with a with a border and background color\n * - transparent renders an alert message with no padded container, border, or background color\n /\n @property()\n variant: 'transparent' \| 'subtle' = 'subtle';\n\n /\n Status\n * - default renders an inline alert with the brand colors\n * - error renders an inline alert with an error state\n * - warning renders an inline alert with a warning state\n * - success renders an inline alert with a success state\n * - attention renders an inline alert with an attention state\n * - neutral renders an inline alert with a nuetral state\n /\n @property({ type: String })\n status?: 'error' \| 'warning' \| 'success' \| 'attention' \| 'neutral' \| 'help' \| 'info' = 'info';\n\n /\n * Maps modal icons and modal status variants to what the alt text of the related icon should be see:\n #\n this provides the recommendated alt text of different statuses\n */\n private mapStatusToIconInlineAlert(status: string) {\n switch (status) {\n case 'error':\n return html`<cre8-icon \n svg='${svgErrorFilled}' \n aria-label=\"${this.iconTitle}\"\n aria-hidden=\"true\"\n class=\"cre8-c-inline-alert__icon\"></cre8-icon>`;\n case 'success':\n return html`<cre8-icon \n svg='${svgCheckCircle}' \n aria-label=\"${this.iconTitle}\"\n aria-hidden=\"true\"\n class=\"cre8-c-inline-alert__icon\"></cre8-icon>`;\n case 'warning':\n return html`<cre8-icon \n svg='${svgWarningFilled}'\n aria-label=\"${this.iconTitle}\"\n aria-hidden=\"true\"\n class=\"cre8-c-inline-alert__icon\"></cre8-icon>`;\n case 'help':\n return html`<cre8-icon \n svg='${svgHelpFilled}'\n aria-label=\"${this.iconTitle}\"\n aria-hidden=\"true\"\n class=\"cre8-c-inline-alert__icon\"></cre8-icon>`;\n case 'info':\n return html`<cre8-icon \n svg='${svgInfoFilled}'\n aria-label=\"${this.iconTitle}\"\n aria-hidden=\"true\"\n class=\"cre8-c-inline-alert__icon\"></cre8-icon>`;\n case 'attention':\n return html`<cre8-icon \n svg='${svgInfoFilled}'\n aria-label=\"${this.iconTitle}\"\n aria-hidden=\"true\"\n class=\"cre8-c-inline-alert__icon\"></cre8-icon>`;\n case 'neutral':\n return html`<cre8-icon \n svg='${svgHelpFilled}'\n aria-label=\"${this.iconTitle}\"\n aria-hidden=\"true\"\n class=\"cre8-c-inline-alert__icon\"></cre8-icon>`;\n default:\n return nothing;\n }\n }\n\n render() {\n const componentClassNames = this.componentClassNames('cre8-c-inline-alert', {\n 'cre8-c-inline-alert--transparent': this.variant === 'transparent',\n 'cre8-c-inline-alert--error': this.status === 'error',\n 'cre8-c-inline-alert--warning': this.status === 'warning',\n 'cre8-c-inline-alert--success': this.status === 'success',\n 'cre8-c-inline-alert--attention': this.status === 'attention',\n 'cre8-c-inline-alert--neutral': this.status === 'neutral',\n 'cre8-c-inline-alert--help': this.status === 'help',\n 'cre8-c-inline-alert--info': this.status === 'info',\n 'cre8-c-inline-alert--full-width': this.fullWidth,\n });\n\n return html`\n <div class=\"${componentClassNames}\">\n ${this.iconName \|\| this.status\n ? html` ${this.mapStatusToIconInlineAlert(this.status)}`\n : ''\n}\n <div class=\"cre8-c-inline-alert__body\">\n <slot></slot>\n </div>\n </div>\n `;\n }\n}\n\nif (customElements.get('cre8-inline-alert') === undefined) {\n customElements.define('cre8-inline-alert', Cre8InlineAlert);\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'cre8-inline-alert': Cre8InlineAlert;\n }\n}\n\nexport default Cre8InlineAlert;\n"]}

package/lib/components/link/link.js CHANGED Viewed

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import svgArrowLeft from '@tmorrow/cre8-wc/icons/System/Filled/Arrow_-_Left.svg?raw';
+import svgArrowLeft from '@tmorrow/cre8-wc/icons/Arrow_-_Left_Filled.svg?raw';
 import { html, nothing, } from 'lit';
 import { property } from 'lit/decorators.js';
 import { ifDefined } from 'lit-html/directives/if-defined.js';