npm - @tmorrow/cre8-wc - Versions diffs - 1.1.7 → 1.2.2 - Mend

@tmorrow/cre8-wc 1.1.7 → 1.2.2

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

package/lib/components/heading/heading.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"heading.styles.js","sourceRoot":"","sources":["../../../components/heading/heading.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,MAAM,GAAG,GAAG,CAAA,qvaAAqva,CAAC;AACxwa,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:inline;text-align:left}.cre8-c-heading,.cre8-c-heading--title-large{font-family:var(--cre8-typography-title-large-mobile-font-family);font-size:var(--cre8-typography-title-large-mobile-font-size);font-weight:var(--cre8-typography-title-large-mobile-font-weight);line-height:var(--cre8-typography-title-large-mobile-line-height);text-decoration:var(--cre8-typography-title-large-mobile-text-decoration);text-transform:var(--cre8-typography-title-large-mobile-text-transform)}@media all and (min-width: 768px){.cre8-c-heading,.cre8-c-heading--title-large{font-family:var(--cre8-typography-title-large-font-family);font-size:var(--cre8-typography-title-large-font-size);font-weight:var(--cre8-typography-title-large-font-weight);line-height:var(--cre8-typography-title-large-line-height);text-decoration:var(--cre8-typography-title-large-text-decoration);text-transform:var(--cre8-typography-title-large-text-transform)}}.cre8-c-heading,.cre8-c-heading--title-large{margin:0;color:var(--cre8-color-content-default)}.cre8-c-heading--headline-large{font-family:var(--cre8-typography-headline-large-mobile-font-family);font-size:var(--cre8-typography-headline-large-mobile-font-size);font-weight:var(--cre8-typography-headline-large-mobile-font-weight);line-height:var(--cre8-typography-headline-large-mobile-line-height);text-decoration:var(--cre8-typography-headline-large-mobile-text-decoration);text-transform:var(--cre8-typography-headline-large-mobile-text-transform)}@media all and (min-width: 768px){.cre8-c-heading--headline-large{font-family:var(--cre8-typography-headline-large-font-family);font-size:var(--cre8-typography-headline-large-font-size);font-weight:var(--cre8-typography-headline-large-font-weight);line-height:var(--cre8-typography-headline-large-line-height);text-decoration:var(--cre8-typography-headline-large-text-decoration);text-transform:var(--cre8-typography-headline-large-text-transform)}}.cre8-c-heading--headline-default{font-family:var(--cre8-typography-headline-default-mobile-font-family);font-size:var(--cre8-typography-headline-default-mobile-font-size);font-weight:var(--cre8-typography-headline-default-mobile-font-weight);line-height:var(--cre8-typography-headline-default-mobile-line-height);text-decoration:var(--cre8-typography-headline-default-mobile-text-decoration);text-transform:var(--cre8-typography-headline-default-mobile-text-transform)}@media all and (min-width: 768px){.cre8-c-heading--headline-default{font-family:var(--cre8-typography-headline-default-font-family);font-size:var(--cre8-typography-headline-default-font-size);font-weight:var(--cre8-typography-headline-default-font-weight);line-height:var(--cre8-typography-headline-default-line-height);text-decoration:var(--cre8-typography-headline-default-text-decoration);text-transform:var(--cre8-typography-headline-default-text-transform)}}.cre8-c-heading--headline-small{font-family:var(--cre8-typography-headline-small-mobile-font-family);font-size:var(--cre8-typography-headline-small-mobile-font-size);font-weight:var(--cre8-typography-headline-small-mobile-font-weight);line-height:var(--cre8-typography-headline-small-mobile-line-height);text-decoration:var(--cre8-typography-headline-small-mobile-text-decoration);text-transform:var(--cre8-typography-headline-small-mobile-text-transform)}@media all and (min-width: 768px){.cre8-c-heading--headline-small{font-family:var(--cre8-typography-headline-small-font-family);font-size:var(--cre8-typography-headline-small-font-size);font-weight:var(--cre8-typography-headline-small-font-weight);line-height:var(--cre8-typography-headline-small-line-height);text-decoration:var(--cre8-typography-headline-small-text-decoration);text-transform:var(--cre8-typography-headline-small-text-transform)}}.cre8-c-heading--title-xlarge{font-family:var(--cre8-typography-title-xlarge-mobile-font-family);font-size:var(--cre8-typography-title-xlarge-mobile-font-size);font-weight:var(--cre8-typography-title-xlarge-mobile-font-weight);line-height:var(--cre8-typography-title-xlarge-mobile-line-height);text-decoration:var(--cre8-typography-title-xlarge-mobile-text-decoration);text-transform:var(--cre8-typography-title-xlarge-mobile-text-transform)}@media all and (min-width: 768px){.cre8-c-heading--title-xlarge{font-family:var(--cre8-typography-title-xlarge-font-family);font-size:var(--cre8-typography-title-xlarge-font-size);font-weight:var(--cre8-typography-title-xlarge-font-weight);line-height:var(--cre8-typography-title-xlarge-line-height);text-decoration:var(--cre8-typography-title-xlarge-text-decoration);text-transform:var(--cre8-typography-title-xlarge-text-transform)}}.cre8-c-heading--title-large{font-family:var(--cre8-typography-title-large-mobile-font-family);font-size:var(--cre8-typography-title-large-mobile-font-size);font-weight:var(--cre8-typography-title-large-mobile-font-weight);line-height:var(--cre8-typography-title-large-mobile-line-height);text-decoration:var(--cre8-typography-title-large-mobile-text-decoration);text-transform:var(--cre8-typography-title-large-mobile-text-transform)}@media all and (min-width: 768px){.cre8-c-heading--title-large{font-family:var(--cre8-typography-title-large-font-family);font-size:var(--cre8-typography-title-large-font-size);font-weight:var(--cre8-typography-title-large-font-weight);line-height:var(--cre8-typography-title-large-line-height);text-decoration:var(--cre8-typography-title-large-text-decoration);text-transform:var(--cre8-typography-title-large-text-transform)}}.cre8-c-heading--title-default{font-family:var(--cre8-typography-title-default-mobile-font-family);font-size:var(--cre8-typography-title-default-mobile-font-size);font-weight:var(--cre8-typography-title-default-mobile-font-weight);line-height:var(--cre8-typography-title-default-mobile-line-height);text-decoration:var(--cre8-typography-title-default-mobile-text-decoration);text-transform:var(--cre8-typography-title-default-mobile-text-transform)}@media all and (min-width: 768px){.cre8-c-heading--title-default{font-family:var(--cre8-typography-title-default-font-family);font-size:var(--cre8-typography-title-default-font-size);font-weight:var(--cre8-typography-title-default-font-weight);line-height:var(--cre8-typography-title-default-line-height);text-decoration:var(--cre8-typography-title-default-text-decoration);text-transform:var(--cre8-typography-title-default-text-transform)}}.cre8-c-heading--title-small{font-family:var(--cre8-typography-title-small-mobile-font-family);font-size:var(--cre8-typography-title-small-mobile-font-size);font-weight:var(--cre8-typography-title-small-mobile-font-weight);line-height:var(--cre8-typography-title-small-mobile-line-height);text-decoration:var(--cre8-typography-title-small-mobile-text-decoration);text-transform:var(--cre8-typography-title-small-mobile-text-transform)}@media all and (min-width: 768px){.cre8-c-heading--title-small{font-family:var(--cre8-typography-title-small-font-family);font-size:var(--cre8-typography-title-small-font-size);font-weight:var(--cre8-typography-title-small-font-weight);line-height:var(--cre8-typography-title-small-line-height);text-decoration:var(--cre8-typography-title-small-text-decoration);text-transform:var(--cre8-typography-title-small-text-transform)}}.cre8-c-heading--display-small{font-family:var(--cre8-typography-display-small-mobile-font-family);font-size:var(--cre8-typography-display-small-mobile-font-size);font-weight:var(--cre8-typography-display-small-mobile-font-weight);line-height:var(--cre8-typography-display-small-mobile-line-height);text-decoration:var(--cre8-typography-display-small-mobile-text-decoration);text-transform:var(--cre8-typography-display-small-mobile-text-transform)}@media all and (min-width: 768px){.cre8-c-heading--display-small{font-family:var(--cre8-typography-display-small-font-family);font-size:var(--cre8-typography-display-small-font-size);font-weight:var(--cre8-typography-display-small-font-weight);line-height:var(--cre8-typography-display-small-line-height);text-decoration:var(--cre8-typography-display-small-text-decoration);text-transform:var(--cre8-typography-display-small-text-transform)}}.cre8-c-heading--display-default{font-family:var(--cre8-typography-display-default-mobile-font-family);font-size:var(--cre8-typography-display-default-mobile-font-size);font-weight:var(--cre8-typography-display-default-mobile-font-weight);line-height:var(--cre8-typography-display-default-mobile-line-height);text-decoration:var(--cre8-typography-display-default-mobile-text-decoration);text-transform:var(--cre8-typography-display-default-mobile-text-transform)}@media all and (min-width: 768px){.cre8-c-heading--display-default{font-family:var(--cre8-typography-display-default-font-family);font-size:var(--cre8-typography-display-default-font-size);font-weight:var(--cre8-typography-display-default-font-weight);line-height:var(--cre8-typography-display-default-line-height);text-decoration:var(--cre8-typography-display-default-text-decoration);text-transform:var(--cre8-typography-display-default-text-transform)}}.cre8-c-heading--label-large{font-family:var(--cre8-typography-label-large-font-family);font-size:var(--cre8-typography-label-large-font-size);font-weight:var(--cre8-typography-label-large-font-weight);line-height:var(--cre8-typography-label-large-line-height);text-decoration:var(--cre8-typography-label-large-text-decoration);text-transform:var(--cre8-typography-label-large-text-transform)}.cre8-c-heading--label-default{font-family:var(--cre8-typography-label-default-font-family);font-size:var(--cre8-typography-label-default-font-size);font-weight:var(--cre8-typography-label-default-font-weight);line-height:var(--cre8-typography-label-default-line-height);text-decoration:var(--cre8-typography-label-default-text-decoration);text-transform:var(--cre8-typography-label-default-text-transform)}.cre8-c-heading--label-small{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)}.cre8-c-heading--meta-large{font-family:var(--cre8-typography-meta-large-font-family);font-size:var(--cre8-typography-meta-large-font-size);font-weight:var(--cre8-typography-meta-large-font-weight);line-height:var(--cre8-typography-meta-large-line-height);text-decoration:var(--cre8-typography-meta-large-text-decoration);text-transform:var(--cre8-typography-meta-large-text-transform);text-transform:uppercase}.cre8-c-heading--meta-default{font-family:var(--cre8-typography-meta-default-font-family);font-size:var(--cre8-typography-meta-default-font-size);font-weight:var(--cre8-typography-meta-default-font-weight);line-height:var(--cre8-typography-meta-default-line-height);text-decoration:var(--cre8-typography-meta-default-text-decoration);text-transform:var(--cre8-typography-meta-default-text-transform);text-transform:uppercase}.cre8-c-heading--meta-small{font-family:var(--cre8-typography-meta-small-font-family);font-size:var(--cre8-typography-meta-small-font-size);font-weight:var(--cre8-typography-meta-small-font-weight);line-height:var(--cre8-typography-meta-small-line-height);text-decoration:var(--cre8-typography-meta-small-text-decoration);text-transform:var(--cre8-typography-meta-small-text-transform);text-transform:uppercase}.cre8-c-heading--brand-color{color:var(--cre8-color-content-brand-strong)}.cre8-c-heading--brand-color.cre8-c-heading--inverted{color:var(--cre8-color-content-brand-knockout)}.cre8-c-heading--inverted{color:var(--cre8-color-content-knockout)}`;\nexport default styles;\n"]}
1	+ {"version":3,"file":"heading.styles.js","sourceRoot":"","sources":["../../../components/heading/heading.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAu4BhB,CAAC;AACH,eAAe,MAAM,CAAC","sourcesContent":["import { css } from 'lit';\nconst styles = css`@charset \"UTF-8\";\n.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:host {\n display: inline;\n text-align: left;\n}\n\n/\n DefaultHeading component styling/Heading title-large\n /\n.cre8-c-heading,\n.cre8-c-heading--title-large {\n font-family: var(--cre8-typography-title-large-mobile-font-family);\n font-size: var(--cre8-typography-title-large-mobile-font-size);\n font-weight: var(--cre8-typography-title-large-mobile-font-weight);\n line-height: var(--cre8-typography-title-large-mobile-line-height);\n text-decoration: var(--cre8-typography-title-large-mobile-text-decoration);\n text-transform: var(--cre8-typography-title-large-mobile-text-transform);\n}\n@media all and (min-width: 768px) {\n .cre8-c-heading,\n .cre8-c-heading--title-large {\n font-family: var(--cre8-typography-title-large-font-family);\n font-size: var(--cre8-typography-title-large-font-size);\n font-weight: var(--cre8-typography-title-large-font-weight);\n line-height: var(--cre8-typography-title-large-line-height);\n text-decoration: var(--cre8-typography-title-large-text-decoration);\n text-transform: var(--cre8-typography-title-large-text-transform);\n }\n}\n.cre8-c-heading,\n.cre8-c-heading--title-large {\n margin: 0;\n color: var(--cre8-color-content-default);\n}\n\n/\n Heading with theme headline-large preset applied\n /\n.cre8-c-heading--headline-large {\n font-family: var(--cre8-typography-headline-large-mobile-font-family);\n font-size: var(--cre8-typography-headline-large-mobile-font-size);\n font-weight: var(--cre8-typography-headline-large-mobile-font-weight);\n line-height: var(--cre8-typography-headline-large-mobile-line-height);\n text-decoration: var(--cre8-typography-headline-large-mobile-text-decoration);\n text-transform: var(--cre8-typography-headline-large-mobile-text-transform);\n}\n@media all and (min-width: 768px) {\n .cre8-c-heading--headline-large {\n font-family: var(--cre8-typography-headline-large-font-family);\n font-size: var(--cre8-typography-headline-large-font-size);\n font-weight: var(--cre8-typography-headline-large-font-weight);\n line-height: var(--cre8-typography-headline-large-line-height);\n text-decoration: var(--cre8-typography-headline-large-text-decoration);\n text-transform: var(--cre8-typography-headline-large-text-transform);\n }\n}\n\n/\n Heading with theme headline-default preset applied\n /\n.cre8-c-heading--headline-default {\n font-family: var(--cre8-typography-headline-default-mobile-font-family);\n font-size: var(--cre8-typography-headline-default-mobile-font-size);\n font-weight: var(--cre8-typography-headline-default-mobile-font-weight);\n line-height: var(--cre8-typography-headline-default-mobile-line-height);\n text-decoration: var(--cre8-typography-headline-default-mobile-text-decoration);\n text-transform: var(--cre8-typography-headline-default-mobile-text-transform);\n}\n@media all and (min-width: 768px) {\n .cre8-c-heading--headline-default {\n font-family: var(--cre8-typography-headline-default-font-family);\n font-size: var(--cre8-typography-headline-default-font-size);\n font-weight: var(--cre8-typography-headline-default-font-weight);\n line-height: var(--cre8-typography-headline-default-line-height);\n text-decoration: var(--cre8-typography-headline-default-text-decoration);\n text-transform: var(--cre8-typography-headline-default-text-transform);\n }\n}\n\n/\n Heading with theme headline-small preset applied\n /\n.cre8-c-heading--headline-small {\n font-family: var(--cre8-typography-headline-small-mobile-font-family);\n font-size: var(--cre8-typography-headline-small-mobile-font-size);\n font-weight: var(--cre8-typography-headline-small-mobile-font-weight);\n line-height: var(--cre8-typography-headline-small-mobile-line-height);\n text-decoration: var(--cre8-typography-headline-small-mobile-text-decoration);\n text-transform: var(--cre8-typography-headline-small-mobile-text-transform);\n}\n@media all and (min-width: 768px) {\n .cre8-c-heading--headline-small {\n font-family: var(--cre8-typography-headline-small-font-family);\n font-size: var(--cre8-typography-headline-small-font-size);\n font-weight: var(--cre8-typography-headline-small-font-weight);\n line-height: var(--cre8-typography-headline-small-line-height);\n text-decoration: var(--cre8-typography-headline-small-text-decoration);\n text-transform: var(--cre8-typography-headline-small-text-transform);\n }\n}\n\n/\n Heading with theme title-xlarge preset applied\n /\n.cre8-c-heading--title-xlarge {\n font-family: var(--cre8-typography-title-xlarge-mobile-font-family);\n font-size: var(--cre8-typography-title-xlarge-mobile-font-size);\n font-weight: var(--cre8-typography-title-xlarge-mobile-font-weight);\n line-height: var(--cre8-typography-title-xlarge-mobile-line-height);\n text-decoration: var(--cre8-typography-title-xlarge-mobile-text-decoration);\n text-transform: var(--cre8-typography-title-xlarge-mobile-text-transform);\n}\n@media all and (min-width: 768px) {\n .cre8-c-heading--title-xlarge {\n font-family: var(--cre8-typography-title-xlarge-font-family);\n font-size: var(--cre8-typography-title-xlarge-font-size);\n font-weight: var(--cre8-typography-title-xlarge-font-weight);\n line-height: var(--cre8-typography-title-xlarge-line-height);\n text-decoration: var(--cre8-typography-title-xlarge-text-decoration);\n text-transform: var(--cre8-typography-title-xlarge-text-transform);\n }\n}\n\n/\n Heading with theme title-large preset applied\n /\n.cre8-c-heading--title-large {\n font-family: var(--cre8-typography-title-large-mobile-font-family);\n font-size: var(--cre8-typography-title-large-mobile-font-size);\n font-weight: var(--cre8-typography-title-large-mobile-font-weight);\n line-height: var(--cre8-typography-title-large-mobile-line-height);\n text-decoration: var(--cre8-typography-title-large-mobile-text-decoration);\n text-transform: var(--cre8-typography-title-large-mobile-text-transform);\n}\n@media all and (min-width: 768px) {\n .cre8-c-heading--title-large {\n font-family: var(--cre8-typography-title-large-font-family);\n font-size: var(--cre8-typography-title-large-font-size);\n font-weight: var(--cre8-typography-title-large-font-weight);\n line-height: var(--cre8-typography-title-large-line-height);\n text-decoration: var(--cre8-typography-title-large-text-decoration);\n text-transform: var(--cre8-typography-title-large-text-transform);\n }\n}\n\n/\n Heading with theme title-default preset applied\n /\n.cre8-c-heading--title-default {\n font-family: var(--cre8-typography-title-default-mobile-font-family);\n font-size: var(--cre8-typography-title-default-mobile-font-size);\n font-weight: var(--cre8-typography-title-default-mobile-font-weight);\n line-height: var(--cre8-typography-title-default-mobile-line-height);\n text-decoration: var(--cre8-typography-title-default-mobile-text-decoration);\n text-transform: var(--cre8-typography-title-default-mobile-text-transform);\n}\n@media all and (min-width: 768px) {\n .cre8-c-heading--title-default {\n font-family: var(--cre8-typography-title-default-font-family);\n font-size: var(--cre8-typography-title-default-font-size);\n font-weight: var(--cre8-typography-title-default-font-weight);\n line-height: var(--cre8-typography-title-default-line-height);\n text-decoration: var(--cre8-typography-title-default-text-decoration);\n text-transform: var(--cre8-typography-title-default-text-transform);\n }\n}\n\n/\n Heading with theme title-small preset applied\n /\n.cre8-c-heading--title-small {\n font-family: var(--cre8-typography-title-small-mobile-font-family);\n font-size: var(--cre8-typography-title-small-mobile-font-size);\n font-weight: var(--cre8-typography-title-small-mobile-font-weight);\n line-height: var(--cre8-typography-title-small-mobile-line-height);\n text-decoration: var(--cre8-typography-title-small-mobile-text-decoration);\n text-transform: var(--cre8-typography-title-small-mobile-text-transform);\n}\n@media all and (min-width: 768px) {\n .cre8-c-heading--title-small {\n font-family: var(--cre8-typography-title-small-font-family);\n font-size: var(--cre8-typography-title-small-font-size);\n font-weight: var(--cre8-typography-title-small-font-weight);\n line-height: var(--cre8-typography-title-small-line-height);\n text-decoration: var(--cre8-typography-title-small-text-decoration);\n text-transform: var(--cre8-typography-title-small-text-transform);\n }\n}\n\n/\n Heading with theme display-small preset applied\n /\n.cre8-c-heading--display-small {\n font-family: var(--cre8-typography-display-small-mobile-font-family);\n font-size: var(--cre8-typography-display-small-mobile-font-size);\n font-weight: var(--cre8-typography-display-small-mobile-font-weight);\n line-height: var(--cre8-typography-display-small-mobile-line-height);\n text-decoration: var(--cre8-typography-display-small-mobile-text-decoration);\n text-transform: var(--cre8-typography-display-small-mobile-text-transform);\n}\n@media all and (min-width: 768px) {\n .cre8-c-heading--display-small {\n font-family: var(--cre8-typography-display-small-font-family);\n font-size: var(--cre8-typography-display-small-font-size);\n font-weight: var(--cre8-typography-display-small-font-weight);\n line-height: var(--cre8-typography-display-small-line-height);\n text-decoration: var(--cre8-typography-display-small-text-decoration);\n text-transform: var(--cre8-typography-display-small-text-transform);\n }\n}\n\n/\n Heading with theme display-default preset applied\n /\n.cre8-c-heading--display-default {\n font-family: var(--cre8-typography-display-default-mobile-font-family);\n font-size: var(--cre8-typography-display-default-mobile-font-size);\n font-weight: var(--cre8-typography-display-default-mobile-font-weight);\n line-height: var(--cre8-typography-display-default-mobile-line-height);\n text-decoration: var(--cre8-typography-display-default-mobile-text-decoration);\n text-transform: var(--cre8-typography-display-default-mobile-text-transform);\n}\n@media all and (min-width: 768px) {\n .cre8-c-heading--display-default {\n font-family: var(--cre8-typography-display-default-font-family);\n font-size: var(--cre8-typography-display-default-font-size);\n font-weight: var(--cre8-typography-display-default-font-weight);\n line-height: var(--cre8-typography-display-default-line-height);\n text-decoration: var(--cre8-typography-display-default-text-decoration);\n text-transform: var(--cre8-typography-display-default-text-transform);\n }\n}\n\n/\n Heading with theme label-large preset applied\n /\n.cre8-c-heading--label-large {\n font-family: var(--cre8-typography-label-large-font-family);\n font-size: var(--cre8-typography-label-large-font-size);\n font-weight: var(--cre8-typography-label-large-font-weight);\n line-height: var(--cre8-typography-label-large-line-height);\n text-decoration: var(--cre8-typography-label-large-text-decoration);\n text-transform: var(--cre8-typography-label-large-text-transform);\n}\n\n/\n Heading with theme label-default preset applied\n /\n.cre8-c-heading--label-default {\n font-family: var(--cre8-typography-label-default-font-family);\n font-size: var(--cre8-typography-label-default-font-size);\n font-weight: var(--cre8-typography-label-default-font-weight);\n line-height: var(--cre8-typography-label-default-line-height);\n text-decoration: var(--cre8-typography-label-default-text-decoration);\n text-transform: var(--cre8-typography-label-default-text-transform);\n}\n\n/\n Heading with theme label-small preset applied\n /\n.cre8-c-heading--label-small {\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}\n\n/\n Heading with theme meta-default preset applied\n /\n.cre8-c-heading--meta-large {\n font-family: var(--cre8-typography-meta-large-font-family);\n font-size: var(--cre8-typography-meta-large-font-size);\n font-weight: var(--cre8-typography-meta-large-font-weight);\n line-height: var(--cre8-typography-meta-large-line-height);\n text-decoration: var(--cre8-typography-meta-large-text-decoration);\n text-transform: var(--cre8-typography-meta-large-text-transform);\n text-transform: uppercase;\n}\n\n/\n Heading with theme meta-default preset applied\n /\n.cre8-c-heading--meta-default {\n font-family: var(--cre8-typography-meta-default-font-family);\n font-size: var(--cre8-typography-meta-default-font-size);\n font-weight: var(--cre8-typography-meta-default-font-weight);\n line-height: var(--cre8-typography-meta-default-line-height);\n text-decoration: var(--cre8-typography-meta-default-text-decoration);\n text-transform: var(--cre8-typography-meta-default-text-transform);\n text-transform: uppercase;\n}\n\n/\n Heading with theme meta-small preset applied\n /\n.cre8-c-heading--meta-small {\n font-family: var(--cre8-typography-meta-small-font-family);\n font-size: var(--cre8-typography-meta-small-font-size);\n font-weight: var(--cre8-typography-meta-small-font-weight);\n line-height: var(--cre8-typography-meta-small-line-height);\n text-decoration: var(--cre8-typography-meta-small-text-decoration);\n text-transform: var(--cre8-typography-meta-small-text-transform);\n text-transform: uppercase;\n}\n\n/\n Heading with brand color applied\n */\n.cre8-c-heading--brand-color {\n color: var(--cre8-color-content-brand-strong);\n}\n.cre8-c-heading--brand-color.cre8-c-heading--inverted {\n color: var(--cre8-color-content-brand-knockout);\n}\n\n.cre8-c-heading--inverted {\n color: var(--cre8-color-content-knockout);\n}`;\nexport default styles;\n"]}

package/lib/components/hero/hero.styles.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"hero.styles.d.ts","sourceRoot":"","sources":["../../../components/hero/hero.styles.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,MAAM,~~yBAA6sG~~,CAAC;~~AAC1tG~~,eAAe,MAAM,CAAC"}
1	+ {"version":3,"file":"hero.styles.d.ts","sourceRoot":"","sources":["../../../components/hero/hero.styles.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,MAAM,yBAgtBV,CAAC;AACH,eAAe,MAAM,CAAC"}