npm - @tmorrow/cre8-wc - Versions diffs - 1.1.2 → 1.1.3 - Mend

@tmorrow/cre8-wc 1.1.2 → 1.1.3

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

package/lib/design-tokens/tokens_netflix.theme.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"tokens_netflix.theme.js","sourceRoot":"","sources":["../../design-tokens/tokens_netflix.theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAEvB,MAAM,OAAO,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkyBnB,CAAC;AAGF,eAAe,OAAO,CAAC","sourcesContent":["import {css} from 'lit';\n\n const netflix = css`\n@font-face {\n font-family: 'Netflix Sans';\n src: url('https://assets.nflxext.com/ffe/siteui/fonts/netflix-sans/v3/NetflixSans_W_Rg.woff2') format('woff2'),\n url('https://assets.nflxext.com/ffe/siteui/fonts/netflix-sans/v3/NetflixSans_W_Rg.woff') format('woff');\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: 'Netflix Sans';\n src: url('https://assets.nflxext.com/ffe/siteui/fonts/netflix-sans/v3/NetflixSans_W_Bd.woff2') format('woff2'),\n url('https://assets.nflxext.com/ffe/siteui/fonts/netflix-sans/v3/NetflixSans_W_Bd.woff') format('woff');\n font-weight: 700;\n font-style: bold;\n}\n@font-face {\n font-family: 'Netflix Sans';\n src: url('https://assets.nflxext.com/ffe/siteui/fonts/netflix-sans/v3/NetflixSans_W_Lt.woff2') format('woff2'),\n url('https://assets.nflxext.com/ffe/siteui/fonts/netflix-sans/v3/NetflixSans_W_Lt.woff') format('woff');\n font-weight: 300;\n font-style: light;\n}\n:root {\n --cre8-color-bg-brand: #e50914;\n --cre8-color-bg-brand-hover: #c11119;\n --cre8-color-content-brand-subtle: #b82869;\n --cre8-color-header-bg-default: #000;\n --cre8-color-header-inverse-bg-default: #fff;\n --cre8-color-header-menu-bg-default: #000;\n --cre8-color-header-menu-inverse-bg-default: #fff;\n --cre8-color-header-menu-bg-hover: #232323;\n --cre8-color-header-menu-inverse-bg-hover: #e50914;\n --cre8-color-header-menu-bg-focus: #232323;\n --cre8-color-header-menu-inverse-bg-focus: #e50914;\n --cre8-color-header-menu-bg-active: #c11119;\n --cre8-color-header-menu-inverse-bg-active: #fff;\n --cre8-color-header-menu-bg-pressed: #c11119;\n --cre8-color-header-menu-inverse-bg-pressed: #fff;\n --cre8-color-header-menu-bg-selected: #232323;\n --cre8-color-header-menu-inverse-bg-selected: #e50914;\n --cre8-color-header-menu-content-default: #fff;\n --cre8-color-header-menu-inverse-content-default: #e50914;\n --cre8-color-header-menu-content-hover: #fff;\n --cre8-color-header-menu-inverse-content-hover: #fff;\n --cre8-color-header-menu-content-focus: #fff;\n --cre8-color-header-menu-inverse-content-focus: #fff;\n --cre8-color-header-menu-content-active: #fff;\n --cre8-color-header-menu-inverse-content-active: #fff;\n --cre8-color-header-menu-content-pressed: #fff;\n --cre8-color-header-menu-inverse-content-pressed: #fff;\n --cre8-color-header-menu-content-selected: #fff;\n --cre8-color-header-menu-inverse-content-selected: #fff;\n --cre8-color-header-menu-border-default: rgba(0,0,0,0);\n --cre8-color-header-menu-inverse-border-default: rgba(0,0,0,0);\n --cre8-color-header-menu-border-hover: #e50914;\n --cre8-color-header-menu-inverse-border-hover: #fff;\n --cre8-color-header-menu-border-focus: #e50914;\n --cre8-color-header-menu-inverse-border-focus: #fff;\n --cre8-color-header-menu-border-active: #c11119;\n --cre8-color-header-menu-inverse-border-active: #fff;\n --cre8-color-header-menu-border-pressed: #c11119;\n --cre8-color-header-menu-inverse-border-pressed: #fff;\n --cre8-color-header-menu-border-selected: #e50914;\n --cre8-color-header-menu-inverse-border-selected: #232323;\n --cre8-color-header-submenu-bg-default: #000;\n --cre8-color-header-submenu-inverse-bg-default: #fff;\n --cre8-color-header-submenu-bg-hover: #232323;\n --cre8-color-header-submenu-inverse-bg-hover: #e50914;\n --cre8-color-header-submenu-bg-focus: #000;\n --cre8-color-header-submenu-inverse-bg-focus: #fff;\n --cre8-color-header-submenu-bg-active: #c11119;\n --cre8-color-header-submenu-inverse-bg-active: #fff;\n --cre8-color-header-submenu-bg-pressed: #c11119;\n --cre8-color-header-submenu-inverse-bg-pressed: #fff;\n --cre8-color-header-submenu-bg-selected: #232323;\n --cre8-color-header-submenu-inverse-bg-selected: #e50914;\n --cre8-color-header-submenu-content-default: #fff;\n --cre8-color-header-submenu-inverse-content-default: #e50914;\n --cre8-color-header-submenu-content-hover: #fff;\n --cre8-color-header-submenu-inverse-content-hover: #fff;\n --cre8-color-header-submenu-content-focus: #fff;\n --cre8-color-header-submenu-inverse-content-focus: #fff;\n --cre8-color-header-submenu-content-active: #fff;\n --cre8-color-header-submenu-inverse-content-active: #fff;\n --cre8-color-header-submenu-content-pressed: #fff;\n --cre8-color-header-submenu-inverse-content-pressed: #fff;\n --cre8-color-header-submenu-content-selected: #fff;\n --cre8-color-header-submenu-inverse-content-selected: #fff;\n --cre8-color-header-submenu-border-default: #000;\n --cre8-color-header-submenu-inverse-border-default: #fff;\n --cre8-color-header-submenu-border-hover: #232323;\n --cre8-color-header-submenu-inverse-border-hover: #e50914;\n --cre8-color-header-submenu-border-focus: #e50914;\n --cre8-color-header-submenu-inverse-border-focus: #fff;\n --cre8-color-header-submenu-border-active: #c11119;\n --cre8-color-header-submenu-inverse-border-active: #fff;\n --cre8-color-header-submenu-border-pressed: #c11119;\n --cre8-color-header-submenu-inverse-border-pressed: #fff;\n --cre8-color-header-submenu-border-selected: #e50914;\n --cre8-color-header-submenu-inverse-border-selected: #232323;\n --cre8-color-header-bg-secondary: #232323;\n --cre8-color-header-inverse-bg-secondary: #fff;\n --cre8-color-header-bg-tertiary: #232323;\n --cre8-color-header-inverse-bg-tertiary: #fff;\n --cre8-color-footer-bg-default: #000;\n --cre8-color-footer-bg-secondary: #232323;\n --cre8-color-footer-content-secondary: #fff;\n --cre8-color-footer-link-hover: #e50914;\n --cre8-color-footer-link-default: #e50914;\n --cre8-spacing-0: 0rem;\n --cre8-spacing-2: 0.125rem;\n --cre8-spacing-4: 0.25rem;\n --cre8-spacing-6: 0.375rem;\n --cre8-spacing-8: 0.5rem;\n --cre8-spacing-12: 0.75rem;\n --cre8-spacing-14: 0.875rem;\n --cre8-spacing-16: 1rem;\n --cre8-spacing-18: 1.125rem;\n --cre8-spacing-24: 1.5rem;\n --cre8-spacing-32: 2rem;\n --cre8-spacing-40: 2.5rem;\n --cre8-spacing-48: 3rem;\n --cre8-spacing-64: 4rem;\n --cre8-spacing-80: 5rem;\n --cre8-spacing-96: 6rem;\n --cre8-spacing-120: 7.5rem;\n --cre8-spacing-160: 10rem;\n --cre8-button-padding-vertical-small: 0.5rem;\n --cre8-button-padding-vertical-large: 1rem;\n --cre8-button-padding-vertical-medium: 0.75rem;\n --cre8-button-padding-vertical-icon-only: 0.5rem;\n --cre8-button-padding-vertical-small-icon-only: 0.5rem;\n --cre8-button-padding-vertical-medium-icon-only: 1rem;\n --cre8-button-padding-vertical-large-icon-only: 1rem;\n --cre8-button-padding-horizontal-small: 1rem;\n --cre8-button-padding-horizontal-medium: 1.5rem;\n --cre8-button-padding-horizontal-large: 2rem;\n --cre8-button-padding-horizontal-icon-only: 0.5rem;\n --cre8-button-padding-horizontal-small-icon-only: 0.5rem;\n --cre8-button-padding-horizontal-medium-icon-only: 1rem;\n --cre8-button-padding-horizontal-large-icon-only: 1rem;\n --cre8-color-button-primary-bg: #e50914;\n --cre8-color-button-primary-inverse-bg: #fff;\n --cre8-color-button-primary-bg-hover: #c11119;\n --cre8-color-button-primary-inverse-bg-hover: #fff;\n --cre8-color-button-primary-bg-active: #b82869;\n --cre8-color-button-primary-inverse-bg-active: #fff;\n --cre8-color-button-primary-bg-disabled: #ececec;\n --cre8-color-button-primary-inverse-bg-disabled: #ababab;\n --cre8-color-button-primary-content: #fff;\n --cre8-color-button-primary-inverse-content: #e50914;\n --cre8-color-button-primary-content-hover: #fff;\n --cre8-color-button-primary-inverse-content-hover: #e50914;\n --cre8-color-button-primary-content-active: #fff;\n --cre8-color-button-primary-inverse-content-active: #e50914;\n --cre8-color-button-primary-content-disabled: #949494;\n --cre8-color-button-primary-inverse-content-disabled: #6c6c6c;\n --cre8-color-button-primary-border: #e50914;\n --cre8-color-button-primary-inverse-border: #fff;\n --cre8-color-button-primary-border-hover: #c11119;\n --cre8-color-button-primary-inverse-border-hover: #fff;\n --cre8-color-button-primary-border-active: #b82869;\n --cre8-color-button-primary-inverse-border-active: #fff;\n --cre8-color-button-primary-border-disabled: #ececec;\n --cre8-color-button-primary-inverse-border-disabled: #ababab;\n --cre8-color-button-primary-outline: #e50914;\n --cre8-color-button-primary-inverse-outline: #fff;\n --cre8-color-button-primary-danger-bg: #b82869;\n --cre8-color-button-primary-danger-inverse-bg: #fff;\n --cre8-color-button-primary-danger-bg-hover: #c11119;\n --cre8-color-button-primary-danger-inverse-bg-hover: #fff;\n --cre8-color-button-primary-danger-bg-active: #e50914;\n --cre8-color-button-primary-danger-inverse-bg-active: #fff;\n --cre8-color-button-primary-danger-bg-disabled: #ececec;\n --cre8-color-button-primary-danger-inverse-bg-disabled: #ababab;\n --cre8-color-button-primary-danger-content: #fff;\n --cre8-color-button-primary-danger-inverse-content: #e50914;\n --cre8-color-button-primary-danger-content-hover: #fff;\n --cre8-color-button-primary-danger-inverse-content-hover: #e50914;\n --cre8-color-button-primary-danger-content-active: #fff;\n --cre8-color-button-primary-danger-inverse-content-active: #e50914;\n --cre8-color-button-primary-danger-content-disabled: #949494;\n --cre8-color-button-primary-danger-inverse-content-disabled: #6c6c6c;\n --cre8-color-button-primary-danger-border: #b82869;\n --cre8-color-button-primary-danger-inverse-border: #fff;\n --cre8-color-button-primary-danger-border-hover: #c11119;\n --cre8-color-button-primary-danger-inverse-border-hover: #fff;\n --cre8-color-button-primary-danger-border-active: #e50914;\n --cre8-color-button-primary-danger-inverse-border-active: #fff;\n --cre8-color-button-primary-danger-border-disabled: #ececec;\n --cre8-color-button-primary-danger-inverse-border-disabled: #ababab;\n --cre8-color-button-primary-danger-outline: #e50914;\n --cre8-color-button-primary-danger-inverse-outline: #fff;\n --cre8-color-button-secondary-neutral-bg: rgba(0,0,0,0);\n --cre8-color-button-secondary-neutral-inverse-bg: rgba(0,0,0,0);\n --cre8-color-button-secondary-neutral-content: #fff;\n --cre8-color-button-secondary-neutral-inverse-content: #e50914;\n --cre8-color-button-secondary-neutral-border: #fff;\n --cre8-color-button-secondary-neutral-inverse-border: #e50914;\n --cre8-color-button-secondary-neutral-bg-hover: rgba(0,0,0,0.10);\n --cre8-color-button-secondary-neutral-inverse-bg-hover: rgba(0,0,0,0.20);\n --cre8-color-button-secondary-neutral-content-hover: #fff;\n --cre8-color-button-secondary-neutral-inverse-content-hover: #e50914;\n --cre8-color-button-secondary-neutral-border-hover: #fff;\n --cre8-color-button-secondary-neutral-inverse-border-hover: #e50914;\n --cre8-color-button-secondary-neutral-border-active: #fff;\n --cre8-color-button-secondary-neutral-inverse-border-active: #e50914;\n --cre8-color-button-secondary-neutral-bg-active: rgba(0,0,0,0.20);\n --cre8-color-button-secondary-neutral-inverse-bg-active: rgba(0,0,0,0.50);\n --cre8-color-button-secondary-neutral-content-active: #fff;\n --cre8-color-button-secondary-neutral-inverse-content-active: #e50914;\n --cre8-color-button-secondary-neutral-bg-disabled: #ececec;\n --cre8-color-button-secondary-neutral-inverse-bg-disabled: #ababab;\n --cre8-color-button-secondary-neutral-border-disabled: #ececec;\n --cre8-color-button-secondary-neutral-inverse-border-disabled: #ababab;\n --cre8-color-button-secondary-neutral-content-disabled: #949494;\n --cre8-color-button-secondary-neutral-inverse-content-disabled: #6c6c6c;\n --cre8-color-button-secondary-neutral-outline: #e50914;\n --cre8-color-button-secondary-neutral-inverse-outline: #fff;\n --cre8-color-button-secondary-bg: rgba(0,0,0,0);\n --cre8-color-button-secondary-inverse-bg: rgba(0,0,0,0);\n --cre8-color-button-secondary-bg-hover: #232323;\n --cre8-color-button-secondary-inverse-bg-hover: rgba(0,0,0,0);\n --cre8-color-button-secondary-bg-active: #232323;\n --cre8-color-button-secondary-inverse-bg-active: #fff;\n --cre8-color-button-secondary-bg-disabled: #ececec;\n --cre8-color-button-secondary-inverse-bg-disabled: rgba(0,0,0,0);\n --cre8-color-button-secondary-content: #fff;\n --cre8-color-button-secondary-inverse-content: #e50914;\n --cre8-color-button-secondary-content-hover: #fff;\n --cre8-color-button-secondary-inverse-content-hover: #e50914;\n --cre8-color-button-secondary-content-active: #fff;\n --cre8-color-button-secondary-inverse-content-active: #e50914;\n --cre8-color-button-secondary-content-disabled: #949494;\n --cre8-color-button-secondary-inverse-content-disabled: #ababab;\n --cre8-color-button-secondary-border: #fff;\n --cre8-color-button-secondary-inverse-border: #e50914;\n --cre8-color-button-secondary-border-hover: #fff;\n --cre8-color-button-secondary-inverse-border-hover: #e50914;\n --cre8-color-button-secondary-border-active: #fff;\n --cre8-color-button-secondary-inverse-border-active: #e50914;\n --cre8-color-button-secondary-border-disabled: #ececec;\n --cre8-color-button-secondary-inverse-border-disabled: #ababab;\n --cre8-color-button-secondary-outline: #e50914;\n --cre8-color-button-secondary-inverse-outline: #fff;\n --cre8-color-button-secondary-danger-bg: rgba(0,0,0,0);\n --cre8-color-button-secondary-danger-inverse-bg: rgba(0,0,0,0);\n --cre8-color-button-secondary-danger-bg-hover: #c11119;\n --cre8-color-button-secondary-danger-inverse-bg-hover: #fff;\n --cre8-color-button-secondary-danger-bg-active: #e50914;\n --cre8-color-button-secondary-danger-inverse-bg-active: #fff;\n --cre8-color-button-secondary-danger-bg-disabled: #ececec;\n --cre8-color-button-secondary-danger-inverse-bg-disabled: #ababab;\n --cre8-color-button-secondary-danger-content: #fff;\n --cre8-color-button-secondary-danger-inverse-content: #e50914;\n --cre8-color-button-secondary-danger-content-hover: #fff;\n --cre8-color-button-secondary-danger-inverse-content-hover: #e50914;\n --cre8-color-button-secondary-danger-content-active: #fff;\n --cre8-color-button-secondary-danger-inverse-content-active: #e50914;\n --cre8-color-button-secondary-danger-content-disabled: #949494;\n --cre8-color-button-secondary-danger-inverse-content-disabled: #6c6c6c;\n --cre8-color-button-secondary-danger-border: #b82869;\n --cre8-color-button-secondary-danger-inverse-border: #fff;\n --cre8-color-button-secondary-danger-border-hover: #c11119;\n --cre8-color-button-secondary-danger-inverse-border-hover: #fff;\n --cre8-color-button-secondary-danger-border-active: #e50914;\n --cre8-color-button-secondary-danger-inverse-border-active: #fff;\n --cre8-color-button-secondary-danger-border-disabled: #ececec;\n --cre8-color-button-secondary-danger-inverse-border-disabled: #ababab;\n --cre8-color-button-secondary-danger-outline: #e50914;\n --cre8-color-button-secondary-danger-inverse-outline: #fff;\n --cre8-color-button-tertiary-bg: rgba(0,0,0,0);\n --cre8-color-button-tertiary-inverse-bg: rgba(0,0,0,0);\n --cre8-color-button-tertiary-bg-hover: rgba(0,0,0,0);\n --cre8-color-button-tertiary-inverse-bg-hover: rgba(0,0,0,0);\n --cre8-color-button-tertiary-bg-active: rgba(0,0,0,0);\n --cre8-color-button-tertiary-inverse-bg-active: #fff;\n --cre8-color-button-tertiary-bg-disabled: rgba(0,0,0,0);\n --cre8-color-button-tertiary-inverse-bg-disabled: rgba(0,0,0,0);\n --cre8-color-button-tertiary-content: #fff;\n --cre8-color-button-tertiary-inverse-content: #e50914;\n --cre8-color-button-tertiary-content-hover: #fff;\n --cre8-color-button-tertiary-inverse-content-hover: #e50914;\n --cre8-color-button-tertiary-content-active: #fff;\n --cre8-color-button-tertiary-inverse-content-active: #e50914;\n --cre8-color-button-tertiary-content-disabled: #949494;\n --cre8-color-button-tertiary-inverse-content-disabled: #ababab;\n --cre8-color-button-tertiary-border: rgba(0,0,0,0);\n --cre8-color-button-tertiary-inverse-border: rgba(0,0,0,0);\n --cre8-color-button-tertiary-border-hover: #fff;\n --cre8-color-button-tertiary-inverse-border-hover: #e50914;\n --cre8-color-button-tertiary-border-active: #fff;\n --cre8-color-button-tertiary-inverse-border-active: #e50914;\n --cre8-color-button-tertiary-border-disabled: rgba(0,0,0,0);\n --cre8-color-button-tertiary-inverse-border-disabled: rgba(0,0,0,0);\n --cre8-color-button-tertiary-outline: #e50914;\n --cre8-color-button-tertiary-inverse-outline: #fff;\n --cre8-color-button-tertiary-neutral-bg: rgba(0,0,0,0);\n --cre8-color-button-tertiary-neutral-inverse-bg: rgba(0,0,0,0);\n --cre8-color-button-tertiary-neutral-content: #fff;\n --cre8-typography-body-xlarge-strong-font-family: 'Netflix Sans', Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;\n --cre8-typography-body-xlarge-strong-text-transform: none;\n --cre8-typography-body-xlarge-link-font-family: 'Netflix Sans', Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;\n --cre8-typography-body-xlarge-link-text-transform: none;\n --cre8-typography-body-large-font-family: 'Netflix Sans', Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;\n --cre8-typography-body-large-text-transform: none;\n --cre8-typography-body-large-strong-font-family: 'Netflix Sans', Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;\n --cre8-typography-body-large-strong-text-transform: none;\n --cre8-typography-body-default-font-family: 'Netflix Sans', Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;\n --cre8-typography-body-default-text-transform: none;\n --cre8-typography-body-default-strong-font-family: 'Netflix Sans', Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;\n --cre8-typography-body-default-strong-text-transform: none;\n --cre8-typography-body-small-font-family: 'Netflix Sans', Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;\n --cre8-typography-body-small-text-transform: none;\n --cre8-typography-body-small-strong-font-family: 'Netflix Sans', Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;\n --cre8-typography-body-small-strong-text-transform: none;\n --cre8-typography-body-large-link-font-family: 'Netflix Sans', Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;\n --cre8-typography-body-large-link-text-transform: none;\n --cre8-typography-body-default-link-font-family: 'Netflix Sans', Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;\n --cre8-typography-body-default-link-text-transform: none;\n --cre8-typography-body-small-link-font-family: 'Netflix Sans', Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;\n --cre8-typography-body-small-link-text-transform: none;\n --cre8-typography-label-default-font-family: 'Netflix Sans', Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;\n --cre8-typography-label-default-text-transform: none;\n --cre8-typography-label-large-font-family: 'Netflix Sans', Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;\n --cre8-typography-label-large-text-transform: none;\n --cre8-typography-label-small-font-family: 'Netflix Sans', Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;\n --cre8-typography-label-small-text-transform: none;\n --cre8-typography-title-xlarge-font-family: 'Netflix Sans', Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;\n --cre8-typography-title-xlarge-text-transform: none;\n --cre8-typography-title-xlarge-mobile-font-family: 'Netflix Sans', Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;\n --cre8-typography-title-xlarge-mobile-text-transform: none;\n --cre8-typography-title-large-font-family: 'Netflix Sans', Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;\n --cre8-typography-title-large-text-transform: none;\n --cre8-typography-title-large-mobile-font-family: 'Netflix Sans', Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;\n --cre8-typography-title-large-mobile-text-transform: none;\n --cre8-typography-title-default-font-family: 'Netflix Sans', Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;\n --cre8-typography-title-default-text-transform: none;\n --cre8-typography-title-default-mobile-font-family: 'Netflix Sans', Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;\n --cre8-typography-title-default-mobile-text-transform: none;\n --cre8-typography-title-small-font-family: 'Netflix Sans', Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;\n --cre8-typography-title-small-text-transform: none;\n --cre8-typography-title-small-mobile-font-family: 'Netflix Sans', Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;\n --cre8-typography-title-small-mobile-text-transform: none;\n --cre8-typography-headline-large-font-family: 'Netflix Sans', Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;\n --cre8-typography-headline-large-text-transform: none;\n --cre8-typography-headline-large-mobile-font-family: 'Netflix Sans', Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;\n --cre8-typography-headline-large-mobile-text-transform: none;\n --cre8-typography-headline-default-font-family: 'Netflix Sans', Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;\n --cre8-typography-headline-default-text-transform: none;\n --cre8-typography-headline-default-mobile-font-family: 'Netflix Sans', Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;\n --cre8-typography-headline-default-mobile-text-transform: none;\n --cre8-typography-headline-small-font-family: 'Netflix Sans', Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;\n --cre8-typography-headline-small-text-transform: none;\n --cre8-typography-headline-small-mobile-font-family: 'Netflix Sans', Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;\n --cre8-typography-headline-small-mobile-text-transform: none;\n --cre8-typography-headline-xsmall-font-family: 'Netflix Sans', Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;\n --cre8-typography-headline-xsmall-text-transform: none;\n --cre8-typography-headline-xsmall-mobile-font-family: 'Netflix Sans', Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;\n --cre8-typography-headline-xsmall-mobile-text-transform: none;\n --cre8-typography-display-large-font-family: 'Netflix Sans', Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;\n --cre8-typography-display-large-text-transform: none;\n --cre8-typography-display-large-mobile-font-family: 'Netflix Sans', Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;\n --cre8-typography-display-large-mobile-text-transform: none;\n --cre8-typography-display-default-font-family: 'Netflix Sans', Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;\n --cre8-typography-display-default-text-transform: none;\n --cre8-typography-display-default-mobile-font-family: 'Netflix Sans', Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;\n --cre8-typography-display-default-mobile-text-transform: none;\n --cre8-typography-display-small-font-family: 'Netflix Sans', Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;\n --cre8-typography-display-small-text-transform: none;\n --cre8-typography-display-small-mobile-font-family: 'Netflix Sans', Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;\n --cre8-typography-display-small-mobile-text-transform: none;\n --cre8-typography-meta-default-font-family: 'Netflix Sans', Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;\n --cre8-typography-meta-default-text-transform: uppercase;\n --cre8-typography-meta-default-sentence-case-font-family: 'Netflix Sans', Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;\n --cre8-typography-meta-default-sentence-case-text-transform: none;\n --cre8-typography-meta-large-font-family: 'Netflix Sans', Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;\n --cre8-typography-meta-large-text-transform: uppercase;\n --cre8-typography-meta-small-font-family: 'Netflix Sans', Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;\n --cre8-typography-meta-small-font-weight: 700;\n --cre8-typography-meta-small-line-height: 1.2;\n --cre8-typography-meta-small-letter-spacing: 0.1em;\n\n /* --- Generic Brand/Surface/Content/Border Tokens --- */\n --cre8-color-bg-default: #000;\n --cre8-color-bg-subtle: #232323;\n --cre8-color-bg-inverse: #fff;\n --cre8-color-content-default: #fff;\n --cre8-color-content-subtle: #b3b3b3;\n --cre8-color-content-inverse: #000;\n --cre8-color-border-default: #232323;\n --cre8-color-border-subtle: #333;\n --cre8-color-border-inverse: #fff;\n\n /* --- Typography Tokens (font-size, weight, line-height, letter-spacing) --- */\n --cre8-typography-body-default-font-size: 1rem;\n --cre8-typography-body-default-font-weight: 400;\n --cre8-typography-body-default-line-height: 1.5;\n --cre8-typography-body-default-letter-spacing: normal;\n\n --cre8-typography-body-large-font-size: 1.125rem;\n --cre8-typography-body-large-font-weight: 400;\n --cre8-typography-body-large-line-height: 1.5;\n --cre8-typography-body-large-letter-spacing: normal;\n\n --cre8-typography-body-small-font-size: 0.875rem;\n --cre8-typography-body-small-font-weight: 400;\n --cre8-typography-body-small-line-height: 1.5;\n --cre8-typography-body-small-letter-spacing: normal;\n\n --cre8-typography-title-large-font-size: 2rem;\n --cre8-typography-title-large-font-weight: 700;\n --cre8-typography-title-large-line-height: 1.2;\n --cre8-typography-title-large-letter-spacing: normal;\n\n --cre8-typography-title-default-font-size: 1.5rem;\n --cre8-typography-title-default-font-weight: 700;\n --cre8-typography-title-default-line-height: 1.2;\n --cre8-typography-title-default-letter-spacing: normal;\n\n --cre8-typography-title-small-font-size: 1.25rem;\n --cre8-typography-title-small-font-weight: 700;\n --cre8-typography-title-small-line-height: 1.2;\n --cre8-typography-title-small-letter-spacing: normal;\n\n --cre8-typography-label-default-font-size: 0.875rem;\n --cre8-typography-label-default-font-weight: 500;\n --cre8-typography-label-default-line-height: 1.2;\n --cre8-typography-label-default-letter-spacing: 0.05em;\n\n --cre8-typography-label-large-font-size: 1rem;\n --cre8-typography-label-large-font-weight: 500;\n --cre8-typography-label-large-line-height: 1.2;\n --cre8-typography-label-large-letter-spacing: 0.05em;\n\n --cre8-typography-label-small-font-size: 0.75rem;\n --cre8-typography-label-small-font-weight: 500;\n --cre8-typography-label-small-line-height: 1.2;\n --cre8-typography-label-small-letter-spacing: 0.05em;\n\n --cre8-typography-headline-large-font-size: 2.5rem;\n --cre8-typography-headline-large-font-weight: 700;\n --cre8-typography-headline-large-line-height: 1.1;\n --cre8-typography-headline-large-letter-spacing: normal;\n\n --cre8-typography-headline-default-font-size: 2rem;\n --cre8-typography-headline-default-font-weight: 700;\n --cre8-typography-headline-default-line-height: 1.1;\n --cre8-typography-headline-default-letter-spacing: normal;\n\n --cre8-typography-headline-small-font-size: 1.5rem;\n --cre8-typography-headline-small-font-weight: 700;\n --cre8-typography-headline-small-line-height: 1.1;\n --cre8-typography-headline-small-letter-spacing: normal;\n\n --cre8-typography-display-large-font-size: 3rem;\n --cre8-typography-display-large-font-weight: 700;\n --cre8-typography-display-large-line-height: 1.1;\n --cre8-typography-display-large-letter-spacing: normal;\n\n --cre8-typography-display-default-font-size: 2.5rem;\n --cre8-typography-display-default-font-weight: 700;\n --cre8-typography-display-default-line-height: 1.1;\n --cre8-typography-display-default-letter-spacing: normal;\n\n --cre8-typography-display-small-font-size: 2rem;\n --cre8-typography-display-small-font-weight: 700;\n --cre8-typography-display-small-line-height: 1.1;\n --cre8-typography-display-small-letter-spacing: normal;\n\n --cre8-typography-meta-default-font-size: 0.75rem;\n --cre8-typography-meta-default-font-weight: 700;\n --cre8-typography-meta-default-line-height: 1.2;\n --cre8-typography-meta-default-letter-spacing: 0.1em;\n\n --cre8-typography-meta-large-font-size: 0.875rem;\n --cre8-typography-meta-large-font-weight: 700;\n --cre8-typography-meta-large-line-height: 1.2;\n --cre8-typography-meta-large-letter-spacing: 0.1em;\n\n --cre8-typography-meta-small-font-size: 0.625rem;\n --cre8-typography-meta-small-font-weight: 700;\n --cre8-typography-meta-small-line-height: 1.2;\n --cre8-typography-meta-small-letter-spacing: 0.1em;\n\n --cre8-border-radius-default: 0.5rem;\n --cre8-shadow-default: 0 0.25rem 0.5rem 0 rgba(0,0,0,0.8);\n --cre8-desktop-menu-padding-vertical-padding: 1rem;\n --cre8-desktop-menu-padding-horizontal-padding: 0.5rem;\n --cre8-color-button-tertiary-neutral-inverse-content: #ffffff;\n --cre8-color-button-tertiary-neutral-border: rgba(45, 45, 45, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-border: rgba(45, 45, 45, 0.0);\n --cre8-color-button-tertiary-neutral-bg-hover: rgba(45, 45, 45, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-bg-hover: rgba(45, 45, 45, 0.0);\n --cre8-color-button-tertiary-neutral-content-hover: #2d2d2d;\n --cre8-color-button-tertiary-neutral-inverse-content-hover: #ffffff;\n --cre8-color-button-tertiary-neutral-border-hover: #2d2d2d;\n --cre8-color-button-tertiary-neutral-inverse-border-hover: #ffffff;\n --cre8-color-button-tertiary-neutral-border-active: #2d2d2d;\n --cre8-color-button-tertiary-neutral-inverse-border-active: #ffffff;\n --cre8-color-button-tertiary-neutral-bg-active: rgba(45, 45, 45, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-bg-active: rgba(45, 45, 45, 0.0);\n --cre8-color-button-tertiary-neutral-content-active: #2d2d2d;\n --cre8-color-button-tertiary-neutral-inverse-content-active: #ffffff;\n --cre8-color-button-tertiary-neutral-bg-disabled: rgba(45, 45, 45, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-bg-disabled: rgba(45, 45, 45, 0.0);\n --cre8-color-button-tertiary-neutral-border-disabled: rgba(45, 45, 45, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-border-disabled: rgba(45, 45, 45, 0.0);\n --cre8-color-button-tertiary-neutral-content-disabled: #949494;\n --cre8-color-button-tertiary-neutral-inverse-content-disabled: #6c6c6c;\n --cre8-color-button-tertiary-danger-bg: rgba(45, 45, 45, 0.0);\n --cre8-color-button-tertiary-danger-inverse-bg: rgba(45, 45, 45, 0.0);\n --cre8-color-button-tertiary-danger-bg-hover: #aa1313;\n --cre8-color-button-tertiary-danger-inverse-bg-hover: #f5a8a8;\n --cre8-color-button-tertiary-danger-bg-active: #7a0000;\n --cre8-color-button-tertiary-danger-inverse-bg-active: #fccaca;\n --cre8-color-button-tertiary-danger-bg-disabled: #eaeaea;\n --cre8-color-button-tertiary-danger-inverse-bg-disabled: #ababab;\n --cre8-color-button-tertiary-danger-content: #d02525;\n --cre8-color-button-tertiary-danger-inverse-content: #ff5c5c;\n --cre8-color-button-tertiary-danger-content-hover: #ffffff;\n --cre8-color-button-tertiary-danger-inverse-content-hover: #2d2d2d;\n --cre8-color-button-tertiary-danger-content-active: #ffffff;\n --cre8-color-button-tertiary-danger-inverse-content-active: #2d2d2d;\n --cre8-color-button-tertiary-danger-content-disabled: #949494;\n --cre8-color-button-tertiary-danger-inverse-content-disabled: #6c6c6c;\n --cre8-color-button-tertiary-danger-border: rgba(45, 45, 45, 0.0);\n --cre8-color-button-tertiary-danger-inverse-border: rgba(45, 45, 45, 0.0);\n --cre8-color-button-tertiary-danger-border-hover: #aa1313;\n --cre8-color-button-tertiary-danger-inverse-border-hover: #f5a8a8;\n --cre8-color-button-tertiary-danger-border-active: #7a0000;\n --cre8-color-button-tertiary-danger-inverse-border-active: #fccaca;\n --cre8-color-button-tertiary-danger-border-disabled: #eaeaea;\n --cre8-color-button-tertiary-danger-inverse-border-disabled: #ababab;\n --cre8-color-bg-default-hover: #ffffff;\n --cre8-color-bg-default-active: #E3FAFC;\n --cre8-color-bg-moderate: #818181;\n --cre8-color-bg-inverse-moderate: #ababab;\n --cre8-color-bg-strong: #2d2d2d;\n --cre8-color-bg-disabled: #eaeaea;\n --cre8-color-bg-brand-active: #C5F6FA;\n --cre8-color-bg-brand-strong: #0c8599;\n --cre8-color-bg-brand-strong-hover: #05333A;\n --cre8-color-bg-brand-strong-active: #042D34;\n --cre8-color-bg-brand-xstrong: #05333A;\n --cre8-color-bg-brand-xstrong-hover: #042D34;\n --cre8-color-bg-brand-xstrong-active: #042D34;\n --cre8-color-bg-success: #F5EAFB;\n --cre8-color-bg-success-strong: #CC5DE8;\n --cre8-color-bg-error: #ffebeb;\n --cre8-color-bg-error-strong: #d02525;\n --cre8-color-bg-warning: #fcf5e5;\n --cre8-color-bg-warning-strong: #e89f12;\n --cre8-color-bg-info: #ebf2ff;\n --cre8-color-bg-info-strong: #1963e1;\n --cre8-color-bg-attention: #ffffff;\n --cre8-color-bg-attention-strong: #22B8CF;\n --cre8-color-bg-opacity-transparent: rgba(45, 45, 45, 0.0);\n --cre8-color-bg-opacity-default: rgba(45, 45, 45, 0.50);\n --cre8-color-bg-active: #2d2d2d;\n --cre8-color-bg-inverse-active: #ffffff;\n --cre8-color-content-disabled: #949494;\n --cre8-color-content-knockout: #ffffff;\n --cre8-color-content-brand: #0c8599;\n --cre8-color-content-brand-strong: #0c8599;\n --cre8-color-content-brand-knockout: #F5EAFB;\n --cre8-color-content-success: #CC5DE8;\n --cre8-color-content-success-icon: #CC5DE8;\n --cre8-color-content-error: #d02525;\n --cre8-color-content-error-icon: #d02525;\n --cre8-color-content-warning-icon: #2d2d2d;\n --cre8-color-content-info-icon: #1963e1;\n --cre8-color-content-attention-icon: #22B8CF;\n --cre8-color-content-link: #0c8599;\n --cre8-color-content-inverse-link: #F3D9FA;\n --cre8-color-content-link-hover: #05333A;\n --cre8-color-content-inverse-link-hover: #EEBEFA;\n --cre8-color-content-link-focus: #ffffff;\n --cre8-color-content-inverse-link-focus: #2d2d2d;\n --cre8-color-content-link-visited: #7522d9;\n --cre8-color-content-inverse-link-visited: #ecc8e4;\n --cre8-color-content-link-disabled: #949494;\n --cre8-color-content-inverse-link-disabled: #eaeaea;\n --cre8-color-content-link-active: #042D34;\n --cre8-color-content-inverse-link-active: #E599F7;\n --cre8-color-border-strong: #6c6c6c;\n --cre8-color-border-knockout: #ffffff;\n --cre8-color-border-disabled: #ababab;\n --cre8-color-border-brand: #0c8599;\n --cre8-color-border-brand-subtle: #66D9E8;\n --cre8-color-border-brand-strong: #0c8599;\n --cre8-color-border-success: #DA77F2;\n --cre8-color-border-error: #e93a3a;\n --cre8-color-border-warning: #e89f12;\n --cre8-color-border-info: #1963e1;\n --cre8-color-border-attention: #22B8CF;\n --cre8-color-border-transparent: rgba(45, 45, 45, 0.0);\n --cre8-color-border-active-outline: #05333A;\n --cre8-color-border-inverse-active-outline: #F3D9FA;\n --cre8-font-size-0: 0.75rem;\n --cre8-font-size-1: 0.875rem;\n --cre8-font-size-2: 1rem;\n --cre8-font-size-3: 1.125rem;\n --cre8-font-size-4: 1.25rem;\n --cre8-font-size-5: 1.5rem;\n --cre8-font-size-6: 1.75rem;\n --cre8-font-size-7: 2rem;\n --cre8-font-size-8: 2.5rem;\n --cre8-font-size-9: 3rem;\n --cre8-font-size-10: 3.5rem;\n --cre8-font-size-11: 4rem;\n --cre8-font-size-12: 4.5rem;\n --cre8-font-size-13: 5rem;\n --cre8-letter-spacing-0: -1.5;\n --cre8-letter-spacing-1: -1;\n --cre8-letter-spacing-2: -0.5;\n --cre8-letter-spacing-3: 0;\n --cre8-letter-spacing-4: 2;\n --cre8-letter-spacing-5: 1;\n --cre8-letter-spacing-6: 1.5;\n --cre8-paragraph-spacing-0: 0;\n --cre8-text-case-none: none;\n --cre8-text-case-uppercase: uppercase;\n --cre8-text-decoration-none: none;\n --cre8-text-decoration-underline: underline;\n --cre8-paragraph-indent-0: 0px;\n --cre8-border-radius-small: 4px;\n --cre8-border-radius-large: 16px;\n --cre8-border-radius-round: 900px;\n --cre8-border-radius-button: 8px;\n --cre8-border-radius-badge: 4px;\n --cre8-border-radius-tabs: 8px;\n --cre8-border-radius-container: 16px;\n --cre8-border-radius-field: 8px;\n --cre8-border-radius-field-brand: 8px;\n --cre8-border-radius-brand: 8px;\n --cre8-border-radius-none: 0px;\n --cre8-border-width-none: 0rem;\n --cre8-border-width-default: 0.0625rem;\n --cre8-border-width-focus: 0.125rem;\n --cre8-border-width-large: 0.25rem;\n --cre8-border-width-button-tertiary-outline-focus: 0.125rem;\n --cre8-border-width-button-default: 0.125rem;\n --cre8-border-width-tab-selected: 0.125rem;\n --cre8-border-width-tab-default: 0.125rem;\n --cre8-border-style-button-tertiary-outline-focus: solid;\n --cre8-border-style-default: solid;\n --cre8-shadow-button: none;\n --cre8-shadow-none: none;\n --cre8-shadow-large: 0 10px 12px 0 rgba(0,0,0,0.2);\n --cre8-shadow-small: 0 1px 2px 1px rgba(0,0,0,0.2);\n --cre8-color-link-bg-active: #333333;\n --cre8-font-families-inter: \"Inter\", sans-serif;\n --cre8-font-weights-inter-0: 400;\n --cre8-font-weights-inter-1: 500;\n --cre8-font-weights-inter-2: 700;\n --cre8-font-weights-inter-3: 600;\n --cre8-line-heights-0: 1.25;\n --cre8-line-heights-1: 1.12;\n --cre8-line-heights-2: 1.1400000000000001;\n --cre8-line-heights-3: 1.2;\n --cre8-line-heights-4: 1.3;\n --cre8-line-heights-5: 1.33;\n --cre8-line-heights-6: 1.4000000000000001;\n --cre8-line-heights-7: 1.5;\n --cre8-line-heights-8: 1.43;\n --cre8-line-heights-9: 1.11;\n --cre8-line-heights-10: 1.1300000000000001;\n --cre8-line-heights-11: 1.16;\n --cre8-line-heights-12: 0.48;\n --cre8-line-heights-13: 0.4;\n --cre8-line-heights-14: 0.32;\n --cre8-line-heights-15: 0.28;\n --cre8-line-heights-16: 0.24;\n --cre8-line-heights-17: 0.2;\n --cre8-line-heights-18: 0.16;\n --cre8-icon-size-small: 0.875rem;\n --cre8-icon-size-default: 1rem;\n --cre8-icon-size-large: 1.125rem;\n --cre8-badge-padding-horizontal: 0.375rem;\n --cre8-badge-padding-vertical: 0.125rem;\n --cre8-progress-meter-height: 0.5rem;\n --cre8-breakpoint-xsm: 375px;\n --cre8-breakpoint-sm: 560px;\n --cre8-breakpoint-md: 768px;\n --cre8-breakpoint-lg: 960px;\n --cre8-breakpoint-xl: 1200px;\n --cre8-breakpoint-xxl: 1400px;\n --cre8-typography-body-xlarge-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-xlarge-font-size: var(--cre8-font-size-5);\n --cre8-typography-body-xlarge-font-weight: var(--cre8-font-weights-inter-0);\n --cre8-typography-body-xlarge-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-xlarge-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-xlarge-text-transform: var(--cre8-text-case-none);\n --cre8-typography-body-xlarge-strong-font-size: var(--cre8-font-size-5);\n --cre8-typography-body-xlarge-strong-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-xlarge-strong-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-xlarge-strong-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-xlarge-link-font-size: var(--cre8-font-size-5);\n --cre8-typography-body-xlarge-link-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-xlarge-link-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-xlarge-link-text-decoration: var(--cre8-text-decoration-underline);\n --cre8-typography-body-large-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-large-strong-font-size: var(--cre8-font-size-3);\n --cre8-typography-body-large-strong-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-large-strong-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-large-strong-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-default-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-default-strong-font-size: var(--cre8-font-size-2);\n --cre8-typography-body-default-strong-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-default-strong-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-default-strong-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-small-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-small-strong-font-size: var(--cre8-font-size-1);\n --cre8-typography-body-small-strong-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-small-strong-line-height: var(--cre8-line-heights-8);\n --cre8-typography-body-small-strong-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-large-link-font-size: var(--cre8-font-size-3);\n --cre8-typography-body-large-link-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-large-link-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-large-link-text-decoration: var(--cre8-text-decoration-underline);\n --cre8-typography-body-default-link-font-size: var(--cre8-font-size-2);\n --cre8-typography-body-default-link-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-default-link-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-default-link-text-decoration: var(--cre8-text-decoration-underline);\n --cre8-typography-body-small-link-font-size: var(--cre8-font-size-1);\n --cre8-typography-body-small-link-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-small-link-line-height: var(--cre8-line-heights-8);\n --cre8-typography-body-small-link-text-decoration: var(--cre8-text-decoration-underline);\n --cre8-typography-label-default-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-label-large-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-label-small-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-xlarge-font-size: var(--cre8-font-size-8);\n --cre8-typography-title-xlarge-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-xlarge-line-height: var(--cre8-line-heights-4);\n --cre8-typography-title-xlarge-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-xlarge-mobile-font-size: var(--cre8-font-size-7);\n --cre8-typography-title-xlarge-mobile-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-xlarge-mobile-line-height: var(--cre8-line-heights-4);\n --cre8-typography-title-xlarge-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-large-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-large-mobile-font-size: var(--cre8-font-size-5);\n --cre8-typography-title-large-mobile-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-large-mobile-line-height: var(--cre8-line-heights-1);\n --cre8-typography-title-large-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-default-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-default-mobile-font-size: var(--cre8-font-size-3);\n --cre8-typography-title-default-mobile-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-default-mobile-line-height: var(--cre8-line-heights-2);\n --cre8-typography-title-default-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-small-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-small-mobile-font-size: var(--cre8-font-size-2);\n --cre8-typography-title-small-mobile-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-small-mobile-line-height: var(--cre8-line-heights-6);\n --cre8-typography-title-small-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-large-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-large-mobile-font-size: var(--cre8-font-size-8);\n --cre8-typography-headline-large-mobile-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-large-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-large-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-default-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-default-mobile-font-size: var(--cre8-font-size-7);\n --cre8-typography-headline-default-mobile-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-default-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-default-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-small-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-small-mobile-font-size: var(--cre8-font-size-6);\n --cre8-typography-headline-small-mobile-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-small-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-small-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-xsmall-font-size: var(--cre8-font-size-5);\n --cre8-typography-headline-xsmall-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-xsmall-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-xsmall-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-xsmall-mobile-font-size: var(--cre8-font-size-5);\n --cre8-typography-headline-xsmall-mobile-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-xsmall-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-xsmall-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-display-large-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-display-large-mobile-font-size: var(--cre8-font-size-12);\n --cre8-typography-display-large-mobile-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-display-large-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-display-large-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-display-default-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-display-default-mobile-font-size: var(--cre8-font-size-10);\n --cre8-typography-display-default-mobile-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-display-default-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-display-default-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-display-small-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-display-small-mobile-font-size: var(--cre8-font-size-8);\n --cre8-typography-display-small-mobile-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-display-small-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-display-small-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-meta-default-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-meta-default-sentence-case-font-size: var(--cre8-font-size-2);\n --cre8-typography-meta-default-sentence-case-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-meta-default-sentence-case-line-height: var(--cre8-line-heights-11);\n --cre8-typography-meta-default-sentence-case-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-meta-large-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-meta-small-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-meta-small-text-transform: var(--cre8-text-case-uppercase);\n}\n`;\n\n\nexport default netflix; "]}

package/lib/directives/if-truthy.js ADDED Viewed

@@ -0,0 +1,24 @@
+import { noChange } from 'lit';
+import { Directive, directive, PartType, } from 'lit-html/directive.js';
+class IfTruthyDirective extends Directive {
+    constructor(partInfo) {
+        super(partInfo);
+        if (partInfo.type !== PartType.ATTRIBUTE) {
+            throw new Error('The `ifTruthy` directive can only be used in attributes');
+        }
+    }
+    // @eslint-ignore this is an override of Directive's update function
+    update(part, [value]) {
+        if (value) {
+            return value;
+        }
+        part.element.removeAttribute(part.name);
+        return noChange;
+    }
+    render([value]) {
+        return value;
+    }
+}
+export const ifTruthy = directive(IfTruthyDirective);
+export default ifTruthy;
+//# sourceMappingURL=if-truthy.js.map

package/lib/directives/if-truthy.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"if-truthy.js","sourceRoot":"","sources":["../../directives/if-truthy.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAC/B,OAAO,EACH,SAAS,EAAE,SAAS,EAAY,QAAQ,GAC3C,MAAM,uBAAuB,CAAC;AAE/B,MAAM,iBAAkB,SAAQ,SAAS;IACrC,YAAY,QAAkB;QAC1B,KAAK,CAAC,QAAQ,CAAC,CAAC;QAChB,IAAI,QAAQ,CAAC,IAAI,KAAK,QAAQ,CAAC,SAAS,EAAE,CAAC;YACvC,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAC;QAC/E,CAAC;IACL,CAAC;IAED,oEAAoE;IACpE,MAAM,CAAC,IAAmB,EAAE,CAAC,KAAK,CAA4B;QAC1D,IAAI,KAAK,EAAE,CAAC;YACR,OAAO,KAAK,CAAC;QACjB,CAAC;QAED,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAExC,OAAO,QAAQ,CAAC;IACpB,CAAC;IAED,MAAM,CAAC,CAAC,KAAK,CAAW;QACpB,OAAO,KAAK,CAAC;IACjB,CAAC;CACJ;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,SAAS,CAAC,iBAAiB,CAAC,CAAC;AAErD,eAAe,QAAQ,CAAC","sourcesContent":["import { noChange } from 'lit';\nimport {\n Directive, directive, PartInfo, PartType, AttributePart, DirectiveParameters,\n} from 'lit-html/directive.js';\n\nclass IfTruthyDirective extends Directive {\n constructor(partInfo: PartInfo) {\n super(partInfo);\n if (partInfo.type !== PartType.ATTRIBUTE) {\n throw new Error('The `ifTruthy` directive can only be used in attributes');\n }\n }\n\n // @eslint-ignore this is an override of Directive's update function\n update(part: AttributePart, [value]: DirectiveParameters<this>) {\n if (value) {\n return value;\n }\n\n part.element.removeAttribute(part.name);\n\n return noChange;\n }\n\n render([value]: string[]) {\n return value;\n }\n}\n\nexport const ifTruthy = directive(IfTruthyDirective);\n\nexport default ifTruthy;\n"]}

package/lib/directives/spread.js ADDED Viewed

@@ -0,0 +1,29 @@
+import { noChange } from 'lit';
+import { Directive, directive, PartType, } from 'lit-html/directive.js';
+class Spread extends Directive {
+    constructor(partInfo) {
+        super(partInfo);
+        if (partInfo.type !== PartType.ELEMENT) {
+            throw new Error('The `spread` directive can only be used in the element context');
+        }
+    }
+    // @ts-ignore known bug in our spread operator
+    update(part, [props]) {
+        Object.entries(props).forEach(([k, v]) => {
+            if (typeof v === 'string' && v.length > 0) {
+                part.element.setAttribute(k, v);
+            }
+            if (typeof v === 'boolean') {
+                // @ts-ignore known bug in our spread operator
+                part.element[k] = v;
+            }
+        });
+        return noChange;
+    }
+    render(_props) {
+        return '';
+    }
+}
+export const spread = directive(Spread);
+export default spread;
+//# sourceMappingURL=spread.js.map

package/lib/directives/spread.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"spread.js","sourceRoot":"","sources":["../../directives/spread.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,QAAQ,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EACH,SAAS,EAAE,SAAS,EAAY,QAAQ,GAC3C,MAAM,uBAAuB,CAAC;AAE/B,MAAM,MAAO,SAAQ,SAAS;IAC1B,YAAY,QAAkB;QAC1B,KAAK,CAAC,QAAQ,CAAC,CAAC;QAChB,IAAI,QAAQ,CAAC,IAAI,KAAK,QAAQ,CAAC,OAAO,EAAE,CAAC;YACrC,MAAM,IAAI,KAAK,CAAC,gEAAgE,CAAC,CAAC;QACtF,CAAC;IACL,CAAC;IAEH,8CAA8C;IAC5C,MAAM,CAAC,IAAiB,EAAE,CAAC,KAAK,CAA4B;QACxD,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE;YACrC,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACxC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YACpC,CAAC;YACD,IAAI,OAAO,CAAC,KAAK,SAAS,EAAE,CAAC;gBACjC,8CAA8C;gBACtC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;YACxB,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,OAAO,QAAQ,CAAC;IACpB,CAAC;IAED,MAAM,CAAC,MAAW;QACd,OAAO,EAAE,CAAC;IACd,CAAC;CACJ;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AAExC,eAAe,MAAM,CAAC","sourcesContent":["import { ElementPart, noChange } from 'lit';\nimport {\n Directive, directive, PartInfo, PartType, DirectiveParameters,\n} from 'lit-html/directive.js';\n\nclass Spread extends Directive {\n constructor(partInfo: PartInfo) {\n super(partInfo);\n if (partInfo.type !== PartType.ELEMENT) {\n throw new Error('The `spread` directive can only be used in the element context');\n }\n }\n\n // @ts-ignore known bug in our spread operator\n update(part: ElementPart, [props]: DirectiveParameters<this>) {\n Object.entries(props).forEach(([k, v]) => {\n if (typeof v === 'string' && v.length > 0) {\n part.element.setAttribute(k, v);\n }\n if (typeof v === 'boolean') {\n // @ts-ignore known bug in our spread operator\n part.element[k] = v;\n }\n });\n\n return noChange;\n }\n\n render(_props: any) {\n return '';\n }\n}\n\nexport const spread = directive(Spread);\n\nexport default spread;\n"]}

package/lib/index.js CHANGED Viewed

@@ -1,168 +1,84 @@
-import { Cre8Accordion as o } from "./components/accordion/accordion.js";
-import { Cre8AccordionItem as m } from "./components/accordion-item/accordion-item.js";
-import { Cre8UtilityNav as p } from "./components/utility-nav/utility-nav.js";
-import { Cre8UtilityNavItem as f } from "./components/utility-nav-item/utility-nav-item.js";
-import { Cre8Tooltip as i } from "./components/tooltip/tooltip.js";
-import { Cre8TextPassage as n } from "./components/text-passage/text-passage.js";
-import { Cre8TextLink as T } from "./components/text-link/text-link.js";
-import { Cre8TertiaryNavItem as c } from "./components/tertiary-nav-item/tertiary-nav-item.js";
-import { Cre8TertiaryNav as u } from "./components/tertiary-nav/tertiary-nav.js";
-import { Cre8TagList as s } from "./components/tag-list/tag-list.js";
-import { Cre8Tag as v } from "./components/tag/tag.js";
-import { Cre8Tabs as y } from "./components/tabs/tabs.js";
-import { Cre8TableRow as N } from "./components/table-row/table-row.js";
-import { Cre8TableObject as k } from "./components/table-object/table-object.js";
-import { Cre8TableHeaderCell as H } from "./components/table-header-cell/table-header-cell.js";
-import { Cre8TableHeader as G } from "./components/table-header/table-header.js";
-import { Cre8TableCell as A } from "./components/table-cell/table-cell.js";
-import { Cre8TableBody as R } from "./components/table-body/table-body.js";
-import { Cre8Table as U } from "./components/table/table.js";
-import { Cre8TabPanel as O } from "./components/tab-panel/tab-panel.js";
-import { Cre8Tab as z } from "./components/tab/tab.js";
-import { Cre8SubmenuItem as J } from "./components/submenu-item/submenu-item.js";
-import { Cre8Submenu as Q } from "./components/submenu/submenu.js";
-import { Cre8SplitButton as W } from "./components/split-button/split-button.js";
-import { Cre8SkeletonLoader as Y } from "./components/skeleton-loader/skeleton-loader.js";
-import { Cre8SelectTileList as _ } from "./components/select-tile-list/select-tile-list.js";
-import { Cre8SelectTile as rr } from "./components/select-tile/select-tile.js";
-import { Cre8Select as or } from "./components/select/select.js";
-import { Cre8Section as mr } from "./components/section/section.js";
-import { Cre8RadioFieldItem as pr } from "./components/radio-field-item/radio-field-item.js";
-import { Cre8RadioField as fr } from "./components/radio-field/radio-field.js";
-import { Cre8ProgressMeter as ir } from "./components/progress-meter/progress-meter.js";
-import { Cre8PrimaryNavItem as nr } from "./components/primary-nav-item/primary-nav-item.js";
-import { Cre8PrimaryNav as Tr } from "./components/primary-nav/primary-nav.js";
-import { Cre8Pagination as cr } from "./components/pagination/pagination.js";
-import { Cre8Popover as ur } from "./components/popover/popover.js";
-import { Cre8PageHeader as sr } from "./components/page-header/page-header.js";
-import { Cre8NavContainer as vr } from "./components/nav-container/nav-container.js";
-import { Cre8Modal as yr } from "./components/modal/modal.js";
-import { Cre8Main as Nr } from "./components/main/main.js";
-import { Cre8MultiSelect as kr } from "./components/multi-select/multi-select.js";
-import { Cre8Logo as Hr } from "./components/logo/logo.js";
-import { Cre8LoadingSpinner as Gr } from "./components/loading-spinner/loading-spinner.js";
-import { Cre8ListItem as Ar } from "./components/list-item/list-item.js";
-import { Cre8List as Rr } from "./components/list/list.js";
-import { Cre8LinkListItem as Ur } from "./components/link-list-item/link-list-item.js";
-import { Cre8LinkList as Or } from "./components/link-list/link-list.js";
-import { Cre8Link as zr } from "./components/link/link.js";
-import { Cre8LinelengthContainer as Jr } from "./components/linelength-container/linelength-container.js";
-import { Cre8LayoutSection as Qr } from "./components/layout-section/layout-section.js";
-import { Cre8LayoutContainer as Wr } from "./components/layout-container/layout-container.js";
-import { Cre8Layout as Yr } from "./components/layout/layout.js";
-import { Cre8InlineAlert as _r } from "./components/inline-alert/inline-alert.js";
-import { C as re } from "./icon-D22g8aWB.js";
-import { Cre8Hero as oe } from "./components/hero/hero.js";
-import { Cre8Heading as me } from "./components/heading/heading.js";
-import { Cre8Header as pe } from "./components/header/header.js";
-import { Cre8GridItem as fe } from "./components/grid-item/grid-item.js";
-import { Cre8Grid as ie } from "./components/grid/grid.js";
-import { Cre8GlobalNavItem as ne } from "./components/global-nav-item/global-nav-item.js";
-import { Cre8GlobalNav as Te } from "./components/global-nav/global-nav.js";
-import { Cre8Footer as ce } from "./components/footer/footer.js";
-import { Cre8FieldNote as ue } from "./components/field-note/field-note.js";
-import { Cre8Field as se } from "./components/field/field.js";
-import { Cre8Feature as ve } from "./components/feature/feature.js";
-import { Cre8DropdownItem as ye } from "./components/dropdown-item/dropdown-item.js";
-import { Cre8Dropdown as Ne } from "./components/dropdown/dropdown.js";
-import { Cre8Divider as ke } from "./components/divider/divider.js";
-import { Cre8DatePicker as He } from "./components/date-picker/date-picker.js";
-import { Cre8CheckboxFieldItem as Ge } from "./components/checkbox-field-item/checkbox-field-item.js";
-import { Cre8CheckboxField as Ae } from "./components/checkbox-field/checkbox-field.js";
-import { Cre8Card as Re } from "./components/card/card.js";
-import { Cre8ButtonGroup as Ue } from "./components/button-group/button-group.js";
-import { Cre8Button as Oe } from "./components/button/button.js";
-import { Cre8BreadcrumbsItem as ze } from "./components/breadcrumbs-item/breadcrumbs-item.js";
-import { Cre8Breadcrumbs as Je } from "./components/breadcrumbs/breadcrumbs.js";
-import { Cre8Band as Qe } from "./components/band/band.js";
-import { Cre8Badge as We } from "./components/badge/badge.js";
-import { Cre8Alert as Ye } from "./components/alert/alert.js";
-import { Cre8RemoveTag as _e } from "./components/remove-tag/remove-tag.js";
-import { Cre8DangerButton as ro } from "./components/danger-button/danger-button.js";
-import { Cre8PercentBar as oo } from "./components/percent-bar/percent-bar.js";
-import { Cre8Chart as mo } from "./components/chart/chart.js";
-export {
-  o as Cre8Accordion,
-  m as Cre8AccordionItem,
-  Ye as Cre8Alert,
-  We as Cre8Badge,
-  Qe as Cre8Band,
-  Je as Cre8Breadcrumbs,
-  ze as Cre8BreadcrumbsItem,
-  Oe as Cre8Button,
-  Ue as Cre8ButtonGroup,
-  Re as Cre8Card,
-  mo as Cre8Chart,
-  Ae as Cre8CheckboxField,
-  Ge as Cre8CheckboxFieldItem,
-  ro as Cre8DangerButton,
-  He as Cre8DatePicker,
-  ke as Cre8Divider,
-  Ne as Cre8Dropdown,
-  ye as Cre8DropdownItem,
-  ve as Cre8Feature,
-  se as Cre8Field,
-  ue as Cre8FieldNote,
-  ce as Cre8Footer,
-  Te as Cre8GlobalNav,
-  ne as Cre8GlobalNavItem,
-  ie as Cre8Grid,
-  fe as Cre8GridItem,
-  pe as Cre8Header,
-  me as Cre8Heading,
-  oe as Cre8Hero,
-  re as Cre8Icon,
-  _r as Cre8InlineAlert,
-  Yr as Cre8Layout,
-  Wr as Cre8LayoutContainer,
-  Qr as Cre8LayoutSection,
-  Jr as Cre8LinelengthContainer,
-  zr as Cre8Link,
-  Or as Cre8LinkList,
-  Ur as Cre8LinkListItem,
-  Rr as Cre8List,
-  Ar as Cre8ListItem,
-  Gr as Cre8LoadingSpinner,
-  Hr as Cre8Logo,
-  Nr as Cre8Main,
-  yr as Cre8Modal,
-  kr as Cre8MultiSelect,
-  vr as Cre8NavContainer,
-  sr as Cre8PageHeader,
-  cr as Cre8Pagination,
-  oo as Cre8PercentBar,
-  ur as Cre8Popover,
-  Tr as Cre8PrimaryNav,
-  nr as Cre8PrimaryNavItem,
-  ir as Cre8ProgressMeter,
-  fr as Cre8RadioField,
-  pr as Cre8RadioFieldItem,
-  _e as Cre8RemoveTag,
-  mr as Cre8Section,
-  or as Cre8Select,
-  rr as Cre8SelectTile,
-  _ as Cre8SelectTileList,
-  Y as Cre8SkeletonLoader,
-  W as Cre8SplitButton,
-  Q as Cre8Submenu,
-  J as Cre8SubmenuItem,
-  z as Cre8Tab,
-  O as Cre8TabPanel,
-  U as Cre8Table,
-  R as Cre8TableBody,
-  A as Cre8TableCell,
-  G as Cre8TableHeader,
-  H as Cre8TableHeaderCell,
-  k as Cre8TableObject,
-  N as Cre8TableRow,
-  y as Cre8Tabs,
-  v as Cre8Tag,
-  s as Cre8TagList,
-  u as Cre8TertiaryNav,
-  c as Cre8TertiaryNavItem,
-  T as Cre8TextLink,
-  n as Cre8TextPassage,
-  i as Cre8Tooltip,
-  p as Cre8UtilityNav,
-  f as Cre8UtilityNavItem
-};
+export { Cre8Accordion } from './components/accordion/accordion.js';
+export { Cre8AccordionItem } from './components/accordion-item/accordion-item.js';
+export { Cre8UtilityNav } from './components/utility-nav/utility-nav.js';
+export { Cre8UtilityNavItem } from './components/utility-nav-item/utility-nav-item.js';
+export { Cre8Tooltip } from './components/tooltip/tooltip.js';
+export { Cre8TextPassage } from './components/text-passage/text-passage.js';
+export { Cre8TextLink } from './components/text-link/text-link.js';
+export { Cre8TertiaryNavItem } from './components/tertiary-nav-item/tertiary-nav-item.js';
+export { Cre8TertiaryNav } from './components/tertiary-nav/tertiary-nav.js';
+export { Cre8TagList } from './components/tag-list/tag-list.js';
+export { Cre8Tag } from './components/tag/tag.js';
+export { Cre8Tabs } from './components/tabs/tabs.js';
+export { Cre8TableRow } from './components/table-row/table-row.js';
+export { Cre8TableObject } from './components/table-object/table-object.js';
+export { Cre8TableHeaderCell } from './components/table-header-cell/table-header-cell.js';
+export { Cre8TableHeader } from './components/table-header/table-header.js';
+export { Cre8TableCell } from './components/table-cell/table-cell.js';
+export { Cre8TableBody } from './components/table-body/table-body.js';
+export { Cre8Table } from './components/table/table.js';
+export { Cre8TabPanel } from './components/tab-panel/tab-panel.js';
+export { Cre8Tab } from './components/tab/tab.js';
+export { Cre8SubmenuItem } from './components/submenu-item/submenu-item.js';
+export { Cre8Submenu } from './components/submenu/submenu.js';
+export { Cre8SplitButton } from './components/split-button/split-button.js';
+export { Cre8SkeletonLoader } from './components/skeleton-loader/skeleton-loader.js';
+export { Cre8SelectTileList } from './components/select-tile-list/select-tile-list.js';
+export { Cre8SelectTile } from './components/select-tile/select-tile.js';
+export { Cre8Select } from './components/select/select.js';
+export { Cre8Section } from './components/section/section.js';
+export { Cre8RadioFieldItem } from './components/radio-field-item/radio-field-item.js';
+export { Cre8RadioField } from './components/radio-field/radio-field.js';
+export { Cre8ProgressMeter } from './components/progress-meter/progress-meter.js';
+export { Cre8PrimaryNavItem } from './components/primary-nav-item/primary-nav-item.js';
+export { Cre8PrimaryNav } from './components/primary-nav/primary-nav.js';
+export { Cre8Pagination } from './components/pagination/pagination.js';
+export { Cre8Popover } from './components/popover/popover.js';
+export { Cre8PageHeader } from './components/page-header/page-header.js';
+export { Cre8NavContainer } from './components/nav-container/nav-container.js';
+export { Cre8Modal } from './components/modal/modal.js';
+export { Cre8Main } from './components/main/main.js';
+export { Cre8MultiSelect } from './components/multi-select/multi-select.js';
+export { Cre8Logo } from './components/logo/logo.js';
+export { Cre8LoadingSpinner } from './components/loading-spinner/loading-spinner.js';
+export { Cre8ListItem } from './components/list-item/list-item.js';
+export { Cre8List } from './components/list/list.js';
+export { Cre8LinkListItem } from './components/link-list-item/link-list-item.js';
+export { Cre8LinkList } from './components/link-list/link-list.js';
+export { Cre8Link } from './components/link/link.js';
+export { Cre8LinelengthContainer } from './components/linelength-container/linelength-container.js';
+export { Cre8LayoutSection } from './components/layout-section/layout-section.js';
+export { Cre8LayoutContainer } from './components/layout-container/layout-container.js';
+export { Cre8Layout } from './components/layout/layout.js';
+export { Cre8InlineAlert } from './components/inline-alert/inline-alert.js';
+export { Cre8Icon } from './components/icon/icon.js';
+export { Cre8Hero } from './components/hero/hero.js';
+export { Cre8Heading } from './components/heading/heading.js';
+export { Cre8Header } from './components/header/header.js';
+export { Cre8GridItem } from './components/grid-item/grid-item.js';
+export { Cre8Grid } from './components/grid/grid.js';
+export { Cre8GlobalNavItem } from './components/global-nav-item/global-nav-item.js';
+export { Cre8GlobalNav } from './components/global-nav/global-nav.js';
+export { Cre8Footer } from './components/footer/footer.js';
+export { Cre8FieldNote } from './components/field-note/field-note.js';
+export { Cre8Field } from './components/field/field.js';
+export { Cre8Feature } from './components/feature/feature.js';
+export { Cre8DropdownItem } from './components/dropdown-item/dropdown-item.js';
+export { Cre8Dropdown } from './components/dropdown/dropdown.js';
+export { Cre8Divider } from './components/divider/divider.js';
+export { Cre8DatePicker } from './components/date-picker/date-picker.js';
+export { Cre8CheckboxFieldItem } from './components/checkbox-field-item/checkbox-field-item.js';
+export { Cre8CheckboxField } from './components/checkbox-field/checkbox-field.js';
+export { Cre8Card } from './components/card/card.js';
+export { Cre8ButtonGroup } from './components/button-group/button-group.js';
+export { Cre8Button } from './components/button/button.js';
+export { Cre8BreadcrumbsItem } from './components/breadcrumbs-item/breadcrumbs-item.js';
+export { Cre8Breadcrumbs } from './components/breadcrumbs/breadcrumbs.js';
+export { Cre8Band } from './components/band/band.js';
+export { Cre8Badge } from './components/badge/badge.js';
+export { Cre8Alert } from './components/alert/alert.js';
+export { Cre8RemoveTag } from './components/remove-tag/remove-tag.js';
+export { Cre8DangerButton } from './components/danger-button/danger-button.js';
+export { Cre8PercentBar } from './components/percent-bar/percent-bar.js';
+export { Cre8Chart } from './components/chart/chart.js';
+//# sourceMappingURL=index.js.map

package/lib/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"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","sourcesContent":["export { type Cre8Element} from './components/cre8-element.js';\nexport { type Cre8FormElement } from './components/cre8-form-element.js';\nexport { Cre8Accordion } from './components/accordion/accordion.js';\nexport { Cre8AccordionItem } from './components/accordion-item/accordion-item.js';\nexport { Cre8UtilityNav } from './components/utility-nav/utility-nav.js';\nexport { Cre8UtilityNavItem } from './components/utility-nav-item/utility-nav-item.js';\nexport { Cre8Tooltip } from './components/tooltip/tooltip.js';\nexport { Cre8TextPassage } from './components/text-passage/text-passage.js';\nexport { Cre8TextLink } from './components/text-link/text-link.js';\nexport { Cre8TertiaryNavItem } from './components/tertiary-nav-item/tertiary-nav-item.js';\nexport { Cre8TertiaryNav } from './components/tertiary-nav/tertiary-nav.js';\nexport { Cre8TagList } from './components/tag-list/tag-list.js';\nexport { Cre8Tag } from './components/tag/tag.js';\nexport { Cre8Tabs } from './components/tabs/tabs.js';\nexport { Cre8TableRow } from './components/table-row/table-row.js';\nexport { Cre8TableObject } from './components/table-object/table-object.js';\nexport { Cre8TableHeaderCell } from './components/table-header-cell/table-header-cell.js';\nexport { Cre8TableHeader } from './components/table-header/table-header.js';\nexport { Cre8TableCell } from './components/table-cell/table-cell.js';\nexport { Cre8TableBody } from './components/table-body/table-body.js';\nexport { Cre8Table } from './components/table/table.js';\nexport { Cre8TabPanel } from './components/tab-panel/tab-panel.js';\nexport { Cre8Tab } from './components/tab/tab.js';\nexport { Cre8SubmenuItem } from './components/submenu-item/submenu-item.js';\nexport { Cre8Submenu } from './components/submenu/submenu.js';\nexport { Cre8SplitButton } from './components/split-button/split-button.js';\nexport { Cre8SkeletonLoader } from './components/skeleton-loader/skeleton-loader.js';\nexport { Cre8SelectTileList } from './components/select-tile-list/select-tile-list.js';\nexport { Cre8SelectTile } from './components/select-tile/select-tile.js';\nexport { Cre8Select } from './components/select/select.js';\nexport { Cre8Section } from './components/section/section.js';\nexport { Cre8RadioFieldItem } from './components/radio-field-item/radio-field-item.js';\nexport { Cre8RadioField } from './components/radio-field/radio-field.js';\nexport { Cre8ProgressMeter } from './components/progress-meter/progress-meter.js';\nexport { Cre8PrimaryNavItem } from './components/primary-nav-item/primary-nav-item.js';\nexport { Cre8PrimaryNav } from './components/primary-nav/primary-nav.js';\nexport { Cre8Pagination } from './components/pagination/pagination.js';\nexport { Cre8Popover } from './components/popover/popover.js';\nexport { Cre8PageHeader } from './components/page-header/page-header.js';\nexport { Cre8NavContainer } from './components/nav-container/nav-container.js';\nexport { Cre8Modal } from './components/modal/modal.js';\nexport { Cre8Main } from './components/main/main.js';\nexport { Cre8MultiSelect } from './components/multi-select/multi-select.js';\nexport { Cre8Logo } from './components/logo/logo.js';\nexport { Cre8LoadingSpinner } from './components/loading-spinner/loading-spinner.js';\nexport { Cre8ListItem } from './components/list-item/list-item.js';\nexport { Cre8List } from './components/list/list.js';\nexport { Cre8LinkListItem } from './components/link-list-item/link-list-item.js';\nexport { Cre8LinkList } from './components/link-list/link-list.js';\nexport { Cre8Link } from './components/link/link.js';\nexport { Cre8LinelengthContainer } from './components/linelength-container/linelength-container.js';\nexport { Cre8LayoutSection } from './components/layout-section/layout-section.js';\nexport { Cre8LayoutContainer } from './components/layout-container/layout-container.js';\nexport { Cre8Layout } from './components/layout/layout.js';\nexport { Cre8InlineAlert } from './components/inline-alert/inline-alert.js';\nexport { Cre8Icon } from './components/icon/icon.js';\nexport { Cre8Hero } from './components/hero/hero.js';\nexport { Cre8Heading } from './components/heading/heading.js';\nexport { Cre8Header } from './components/header/header.js';\nexport { Cre8GridItem } from './components/grid-item/grid-item.js';\nexport { Cre8Grid } from './components/grid/grid.js';\nexport { Cre8GlobalNavItem } from './components/global-nav-item/global-nav-item.js';\nexport { Cre8GlobalNav } from './components/global-nav/global-nav.js';\nexport { Cre8Footer } from './components/footer/footer.js';\nexport { Cre8FieldNote } from './components/field-note/field-note.js';\nexport { Cre8Field } from './components/field/field.js';\nexport { Cre8Feature } from './components/feature/feature.js';\nexport { Cre8DropdownItem } from './components/dropdown-item/dropdown-item.js';\nexport { Cre8Dropdown } from './components/dropdown/dropdown.js';\nexport { Cre8Divider } from './components/divider/divider.js';\nexport { Cre8DatePicker } from './components/date-picker/date-picker.js';\nexport { Cre8CheckboxFieldItem } from './components/checkbox-field-item/checkbox-field-item.js';\nexport { Cre8CheckboxField } from './components/checkbox-field/checkbox-field.js';\nexport { Cre8Card } from './components/card/card.js';\nexport { Cre8ButtonGroup } from './components/button-group/button-group.js';\nexport { Cre8Button } from './components/button/button.js';\nexport { Cre8BreadcrumbsItem } from './components/breadcrumbs-item/breadcrumbs-item.js';\nexport { Cre8Breadcrumbs } from './components/breadcrumbs/breadcrumbs.js';\nexport { Cre8Band } from './components/band/band.js';\nexport { Cre8Badge } from './components/badge/badge.js';\nexport { Cre8Alert } from './components/alert/alert.js';\nexport { Cre8RemoveTag } from './components/remove-tag/remove-tag.js';\nexport { Cre8DangerButton } from './components/danger-button/danger-button.js';\nexport { Cre8PercentBar } from './components/percent-bar/percent-bar.js';\nexport { Cre8Chart } from './components/chart/chart.js';\n"]}

package/lib/scripts/convert-scss-to-ts.js ADDED Viewed

@@ -0,0 +1,25 @@
+import fs from 'fs';
+import path from 'path';
+// Use the correct baseDir relative to this script's location
+const baseDir = path.join(__dirname, '../components');
+function walk(dir, callback) {
+    fs.readdirSync(dir, { withFileTypes: true }).forEach(dirent => {
+        const fullPath = path.join(dir, dirent.name);
+        if (dirent.isDirectory()) {
+            walk(fullPath, callback);
+        }
+        else if (dirent.isFile() && dirent.name.endsWith('.scss')) {
+            callback(fullPath);
+        }
+    });
+}
+walk(baseDir, (scssPath) => {
+    const tsPath = scssPath.replace(/\.scss$/, '.ts');
+    const scssContent = fs.readFileSync(scssPath, 'utf8');
+    const tsContent = `import { css } from 'lit';\nconst styles = css\`` +
+        scssContent.replace(/`/g, '\`') +
+        `\`;\nexport default styles;\n`;
+    fs.writeFileSync(tsPath, tsContent, 'utf8');
+    console.log(`Converted: ${scssPath} -> ${tsPath}`);
+});
+//# sourceMappingURL=convert-scss-to-ts.js.map

package/lib/scripts/convert-scss-to-ts.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"convert-scss-to-ts.js","sourceRoot":"","sources":["../../scripts/convert-scss-to-ts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,6DAA6D;AAC7D,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC;AAEtD,SAAS,IAAI,CAAC,GAAW,EAAE,QAAgC;IACzD,EAAE,CAAC,WAAW,CAAC,GAAG,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;QAC5D,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;QAC7C,IAAI,MAAM,CAAC,WAAW,EAAE,EAAE,CAAC;YACzB,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC3B,CAAC;aAAM,IAAI,MAAM,CAAC,MAAM,EAAE,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;YAC5D,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC;AAED,IAAI,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,EAAE;IACzB,MAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAClD,MAAM,WAAW,GAAG,EAAE,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACtD,MAAM,SAAS,GACb,kDAAkD;QAClD,WAAW,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;QAC/B,+BAA+B,CAAC;IAClC,EAAE,CAAC,aAAa,CAAC,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;IAC5C,OAAO,CAAC,GAAG,CAAC,cAAc,QAAQ,OAAO,MAAM,EAAE,CAAC,CAAC;AACrD,CAAC,CAAC,CAAC","sourcesContent":["import fs from 'fs';\nimport path from 'path';\n\n// Use the correct baseDir relative to this script's location\nconst baseDir = path.join(__dirname, '../components');\n\nfunction walk(dir: string, callback: (file: string) => void): void {\n fs.readdirSync(dir, { withFileTypes: true }).forEach(dirent => {\n const fullPath = path.join(dir, dirent.name);\n if (dirent.isDirectory()) {\n walk(fullPath, callback);\n } else if (dirent.isFile() && dirent.name.endsWith('.scss')) {\n callback(fullPath);\n }\n });\n}\n\nwalk(baseDir, (scssPath) => {\n const tsPath = scssPath.replace(/\\.scss$/, '.ts');\n const scssContent = fs.readFileSync(scssPath, 'utf8');\n const tsContent =\n `import { css } from 'lit';\\nconst styles = css\\`` +\n scssContent.replace(/`/g, '\\`') +\n `\\`;\\nexport default styles;\\n`;\n fs.writeFileSync(tsPath, tsContent, 'utf8');\n console.log(`Converted: ${scssPath} -> ${tsPath}`);\n});\n"]}