@tmorrow/cre8-wc 1.0.25 → 1.1.1

package/lib/cdn-entry.d.ts

@@ -5,6 +5,10 @@
  * (which auto-registers them as custom elements) and re-exports them for
  * programmatic access.
  *
+ * It also re-exports Lit primitives (html, css, LitElement, etc.) so that
+ * consumers can write their own Lit components using the same Lit instance
+ * bundled here, avoiding duplicate Lit copies and reactive-element errors.
+ *
  * Usage via script tag (IIFE):
  *   <script src="https://cdn.example.com/cre8-wc.min.js"></script>
  *   <cre8-button>Click me</cre8-button>
@@ -15,9 +19,23 @@
  *
  * Usage via ES module:
  *   <script type="module">
- *     import { Cre8Button } from 'https://cdn.example.com/cre8-wc.esm.js';
+ *     import { Cre8Button, html, css, LitElement } from 'https://cdn.example.com/cre8-wc.esm.js';
  *   </script>
  */
+export { LitElement, html, css, svg, nothing, noChange, ReactiveElement } from 'lit';
+export { classMap } from 'lit/directives/class-map.js';
+export { styleMap } from 'lit/directives/style-map.js';
+export { ifDefined } from 'lit/directives/if-defined.js';
+export { repeat } from 'lit/directives/repeat.js';
+export { unsafeHTML } from 'lit/directives/unsafe-html.js';
+export { until } from 'lit/directives/until.js';
+export { live } from 'lit/directives/live.js';
+export { ref, createRef } from 'lit/directives/ref.js';
+export { guard } from 'lit/directives/guard.js';
+export { cache } from 'lit/directives/cache.js';
+export { property, state, customElement, query, queryAll } from 'lit/decorators.js';
+export { Cre8Element } from './components/cre8-element';
+export { Cre8FormElement } from './components/cre8-form-element';
 import { Cre8Accordion } from './components/accordion/accordion';
 import { Cre8AccordionItem } from './components/accordion-item/accordion-item';
 import { Cre8Alert } from './components/alert/alert';
@@ -101,6 +119,6 @@ import { Cre8TextPassage } from './components/text-passage/text-passage';
 import { Cre8Tooltip } from './components/tooltip/tooltip';
 import { Cre8UtilityNav } from './components/utility-nav/utility-nav';
 import { Cre8UtilityNavItem } from './components/utility-nav-item/utility-nav-item';
-export declare const version = "1.0.10";
+export declare const version = "1.0.26";
 export { Cre8Accordion, Cre8AccordionItem, Cre8Alert, Cre8Badge, Cre8Band, Cre8Breadcrumbs, Cre8BreadcrumbsItem, Cre8Button, Cre8ButtonGroup, Cre8Card, Cre8Chart, Cre8CheckboxField, Cre8CheckboxFieldItem, Cre8DangerButton, Cre8DatePicker, Cre8Divider, Cre8Dropdown, Cre8DropdownItem, Cre8Feature, Cre8Field, Cre8FieldNote, Cre8Footer, Cre8GlobalNav, Cre8GlobalNavItem, Cre8Grid, Cre8GridItem, Cre8Header, Cre8Heading, Cre8Hero, Cre8Icon, Cre8InlineAlert, Cre8Layout, Cre8LayoutContainer, Cre8LayoutSection, Cre8LinelengthContainer, Cre8Link, Cre8LinkList, Cre8LinkListItem, Cre8List, Cre8ListItem, Cre8LoadingSpinner, Cre8Logo, Cre8Main, Cre8Modal, Cre8MultiSelect, Cre8NavContainer, Cre8PageHeader, Cre8Pagination, Cre8PercentBar, Cre8Popover, Cre8PrimaryNav, Cre8PrimaryNavItem, Cre8ProgressMeter, Cre8RadioField, Cre8RadioFieldItem, Cre8RemoveTag, Cre8Section, Cre8Select, Cre8SelectTile, Cre8SelectTileList, Cre8SkeletonLoader, Cre8SplitButton, Cre8Submenu, Cre8SubmenuItem, Cre8Tab, Cre8TabPanel, Cre8Table, Cre8TableBody, Cre8TableCell, Cre8TableHeader, Cre8TableHeaderCell, Cre8TableObject, Cre8TableRow, Cre8Tabs, Cre8Tag, Cre8TagList, Cre8TertiaryNav, Cre8TertiaryNavItem, Cre8TextLink, Cre8TextPassage, Cre8Tooltip, Cre8UtilityNav, Cre8UtilityNavItem, };
 //# sourceMappingURL=cdn-entry.d.ts.map

package/lib/cdn-entry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cdn-entry.d.ts","sourceRoot":"","sources":["../cdn-entry.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"cdn-entry.d.ts","sourceRoot":"","sources":["../cdn-entry.ts"],"names":[],"mappings":"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"}

package/lib/components/accordion/accordion.js

@@ -1,59 +1,13 @@
-import { css as l, html as b } from "lit";
-import { property as n } from "lit/decorators.js";
-import { Cre8Element as u } from "../cre8-element.js";
-const v = l`@import '../../design-tokens/core/scss/theming/component';
-
-//## ACCORDION
-
-:host {
-  display: block;
-}
-
-.cre8-c-accordion {
-  --cre8-accordion-border-top: var(--cre8-border-width-none);
-  --cre8-accordion-border-bottom: var(--cre8-border-width-none);
-  ::slotted(cre8-accordion:not(:last-child)) {
-    --cre8-accordion-border-bottom: var(--cre8-border-width-default) var(--cre8-border-style-default) var(--cre8-color-border-default);
-  }
-  border: var(--cre8-border-width-none);
-  border-radius: var(--cre8-border-radius-none);
-}
-
-.cre8-c-inner-divider {
-  ::slotted(cre8-accordion-item:last-child) {
-    border-bottom: var(--cre8-border-width-none);
-  }
-  ::slotted(cre8-accordion-item:not(first-child)) {
-    border-top: var(--cre8-border-width-default) var(--cre8-border-style-default) var(--cre8-color-border-default);
-  }
-  ::slotted(cre8-accordion-item:first-child) {
-    border-top: var(--cre8-border-width-none);
-  }
-}
-
-.cre8-c-accordion--border-rectangle {
-  border: var(--cre8-border-width-default) var(--cre8-border-style-default) var(--cre8-color-border-default);
-  border-radius: var(--cre8-border-radius-none);
-}
-
-.cre8-c-accordion--border-rounded-bottom {
-  border: var(--cre8-border-width-default) var(--cre8-border-style-default) var(--cre8-color-border-default);
-  border-radius: 0 0 var(--cre8-border-radius-default) var(--cre8-border-radius-default);
-}
-.cre8-c-accordion--border-rounded {
-  border: var(--cre8-border-width-default) var(--cre8-border-style-default) var(--cre8-color-border-default);
-  border-radius: var(--cre8-border-radius-default);
-}
-.cre8-c-accordiong-group--list {
-  list-style: none;
-}
-`;
-var f = Object.defineProperty, s = (t, o, a, h) => {
-  for (var r = void 0, d = t.length - 1, i; d >= 0; d--)
-    (i = t[d]) && (r = i(o, a, r) || r);
-  return r && f(o, a, r), r;
+import { css as l, html as h } from "lit";
+import { property as s } from "lit/decorators.js";
+import { Cre8Element as b } from "../cre8-element.js";
+const p = l`*,::slotted(*),*:before,*:after{box-sizing:border-box}:root{--size-base-unit: 0.5rem}[dir=rtl]{--rtlTranslateX: 50%;--rtlGradientToRight: 270deg;--rtlRotate45Inverse: -45deg}:host{--cre8-z-index-1: 1;--cre8-z-index-50: 50;--cre8-z-index-100: 100;--cre8-z-index-200: 200;--cre8-z-index-1030: 1030;--cre8-anim-fade-quick: 0.35s;--cre8-anim-ease: ease}@keyframes fadeIn{100%{opacity:1}}@keyframes slideIn{100%{transform:translateX(0)}}@keyframes slideInFwd{100%{width:272px;height:272px}}@keyframes slideOutRight{100%{width:272px;height:272px}}@keyframes slideUp{100%{transform:translateY(0)}}@media(width >= 481px){@keyframes slideInFwd{100%{width:417px;height:417px}}@keyframes slideOutRight{100%{width:417px;height:417px}}}@media(width >= 48rem){@keyframes slideInFwd{100%{width:330px;height:330px}}@keyframes slideOutRight{100%{width:330px;height:330px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 60rem){@keyframes slideInFwd{100%{width:460px;height:460px}}@keyframes slideOutRight{100%{width:460px;height:460px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 75rem){@keyframes slideInFwd{100%{width:592px;height:591px}}@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 87.5rem){@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 120px))}}}@media(width >= 2200px){@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 592px))}}}span.ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple 600ms linear;background-color:var(--ripple-bg-color)}@keyframes ripple{to{transform:scale(4);opacity:1}}:root{--size-base-unit: 0.5rem}[dir=rtl]{--rtlTranslateX: 50%;--rtlGradientToRight: 270deg;--rtlRotate45Inverse: -45deg}:host{display:block}.cre8-c-accordion{--cre8-accordion-border-top: var(--cre8-border-width-none);--cre8-accordion-border-bottom: var(--cre8-border-width-none)}.cre8-c-accordion ::slotted(cre8-accordion:not(:last-child)){--cre8-accordion-border-bottom: var(--cre8-border-width-default) var(--cre8-border-style-default) var(--cre8-color-border-default)}.cre8-c-accordion{border:var(--cre8-border-width-none);border-radius:var(--cre8-border-radius-none)}.cre8-c-inner-divider ::slotted(cre8-accordion-item:last-child){border-bottom:var(--cre8-border-width-none)}.cre8-c-inner-divider ::slotted(cre8-accordion-item:not(first-child)){border-top:var(--cre8-border-width-default) var(--cre8-border-style-default) var(--cre8-color-border-default)}.cre8-c-inner-divider ::slotted(cre8-accordion-item:first-child){border-top:var(--cre8-border-width-none)}.cre8-c-accordion--border-rectangle{border:var(--cre8-border-width-default) var(--cre8-border-style-default) var(--cre8-color-border-default);border-radius:var(--cre8-border-radius-none)}.cre8-c-accordion--border-rounded-bottom{border:var(--cre8-border-width-default) var(--cre8-border-style-default) var(--cre8-color-border-default);border-radius:0 0 var(--cre8-border-radius-default) var(--cre8-border-radius-default)}.cre8-c-accordion--border-rounded{border:var(--cre8-border-width-default) var(--cre8-border-style-default) var(--cre8-color-border-default);border-radius:var(--cre8-border-radius-default)}.cre8-c-accordiong-group--list{list-style:none}`;
+var m = Object.defineProperty, n = (a, t, i, f) => {
+  for (var r = void 0, d = a.length - 1, c; d >= 0; d--)
+    (c = a[d]) && (r = c(t, i, r) || r);
+  return r && m(t, i, r), r;
 };
-const c = class c extends u {
+const o = class o extends b {
   constructor() {
     super(...arguments), this.hasDivider = !1;
   }
@@ -61,27 +15,27 @@ const c = class c extends u {
     super.connectedCallback();
   }
   render() {
-    const o = this.componentClassNames("cre8-c-accordion", {
+    const t = this.componentClassNames("cre8-c-accordion", {
       "cre8-c-inner-divider": this.hasDivider === !0,
       "cre8-c-accordion--border-none": this.borderType === void 0 || this.borderType === "none",
       "cre8-c-accordion--border-rectangle": this.borderType === "rectangle",
       "cre8-c-accordion--border-rounded-bottom": this.borderType === "rounded-bottom",
       "cre8-c-accordion--border-rounded": this.borderType === "rounded"
     });
-    return b`
-      <div class="${o}">
+    return h`
+      <div class="${t}">
         <slot> </slot>
       </div>
     `;
   }
 };
-c.styles = [v];
-let e = c;
-s([
-  n()
+o.styles = [p];
+let e = o;
+n([
+  s()
 ], e.prototype, "borderType");
-s([
-  n({ type: Boolean, reflect: !0 })
+n([
+  s({ type: Boolean, reflect: !0 })
 ], e.prototype, "hasDivider");
 customElements.get("cre8-accordion") === void 0 && customElements.define("cre8-accordion", e);
 export {

package/lib/components/accordion/accordion.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.styles.d.ts","sourceRoot":"","sources":["../../../components/accordion/accordion.styles.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,MAAM,yBA8CX,CAAC;AACF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"accordion.styles.d.ts","sourceRoot":"","sources":["../../../components/accordion/accordion.styles.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,MAAM,yBAA4uG,CAAC;AACzvG,eAAe,MAAM,CAAC"}

package/lib/components/accordion-item/accordion-item.js

@@ -1,224 +1,21 @@
-import { a as h } from "../../icon-DImqxDiW.js";
-import { css as b, html as i } from "lit";
-import { property as o, state as p } from "lit/decorators.js";
-import { ifDefined as m } from "lit-html/directives/if-defined.js";
-import u from "classnames";
-import { Cre8Element as v } from "../cre8-element.js";
+import { a as h } from "../../icon-D22g8aWB.js";
+import { css as p, html as c } from "lit";
+import { property as t, state as m } from "lit/decorators.js";
+import { ifDefined as f } from "lit-html/directives/if-defined.js";
+import g from "classnames";
+import { Cre8Element as y } from "../cre8-element.js";
 import "../button/button.js";
-const g = b`@import '../../design-tokens/core/scss/theming/component';
-
-/**
-* Accordion Item panel button
-* 1) Icon rotating on open was causing scrollbar to continuously appear/disappear
-*    during the animation, overflow-x: hidden; prevents this from happening
-*/
-
-:host {
-  display: block;
-  ::slotted(*) {
-    text-align: left;
-    width: 100%;
-  }
-}
-
-.cre8-c-accordion-item {
-  border-bottom: var(--cre8-accordion-item-border-bottom);
-  border-radius: var(--cre8-border-radius-none);
-  --cre8-u-icon-display: flex;
-  --cre8-u-icon-align-items: center;
-  --cre8-u-icon-justify-content: center;
-  padding: calc(8px * 3) calc(8px * 1);
-}
-.cre8-c-accordion-item--small cre8-heading button {
-  @include cre8-typography-title-default();
-}
-.cre8-c-accordion-item--large cre8-heading button {
-  @include cre8-typography-title-large();
-}
-.cre8-c-accordion-item__body {
-  margin-right: calc(8px * 0);
-  margin-left: calc(8px * 0);
-  padding: calc(8px * 0);
-  overflow: hidden;
-  visibility: hidden;
-  transition: height var(--cre8-anim-fade-quick) var(--cre8-anim-ease), visibility var(--cre8-anim-fade-quick) var(--cre8-anim-ease);
-
-  .cre8-c-accordion-item.cre8-is-active & {
-    visibility: visible;
-  }
-}
-
-.cre8-c-accordion-item__body-inner {
-  display: flex;
-  @include cre8-typography-body-default();
-  padding: calc(8px * 1) calc(8px * 6) calc(8px * 0) calc(8px * 1);
-}
-
-cre8-icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: calc(8px * 3);
-  min-height: calc(8px * 3);
-  min-width: calc(8px * 3);
-  transition: transform var(--cre8-anim-fade-quick) var(--cre8-anim-ease);
-  width: calc(8px * 3);
-
-  .cre8-c-accordion-item.cre8-is-active & {
-    transform: rotate(180deg);
-  }
-}
-
-.cre8-c-accordion-item__icon {
-  align-items: center;
-  background: var(--cre8-color-bg-brand-strong);
-  border-radius: var(--cre8-border-radius-round);
-  color: var(--cre8-color-content-knockout);
-  display: flex;
-  height: calc(8px * 4);
-  justify-content: center;
-  margin-left: calc(8px * 1);
-  margin-right: calc(8px * 0.25);
-  min-height: calc(8px * 4);
-  min-width: calc(8px * 4);
-  width: calc(8px * 4);
-
-  .cre8-c-accordion-item.cre8-is-active & {
-    background: var(--cre8-color-button-secondary-bg);
-    border: var(--cre8-border-width-default) var(--cre8-border-style-default) var(--cre8-color-button-secondary-border);
-    color: var(--cre8-color-button-secondary-content);
-
-    &:hover {
-      border-color: var(--cre8-color-button-secondary-border-hover);
-      background-color: var(--cre8-color-button-secondary-bg-hover);
-      color: var(--cre8-color-button-secondary-content-hover);
-    }
-
-    &:focus {
-      border-radius: var(--cre8-border-radius-default);
-      box-shadow: calc(8px * 0) calc(8px * 0) calc(8px * 0) calc(8px * 0.25) var(--cre8-color-border-active-outline);
-      outline: none;
-
-      .cre8-c-accordion-item__icon {
-        border-color: var(--cre8-color-button-secondary-border-active);
-        color: var(--cre8-color-button-secondary-content-active);
-        background-color: var(--cre8-color-button-secondary-bg-active);
-      }
-      .cre8-c-accordion-item__tertiary-icon {
-        border-color: var(--cre8-color-border-transparent);
-        color: var(--cre8-color-button-tertiary-content-active);
-        background-color: var(--cre8-color-bg-transparent);
-      }
-    }
-  }
-}
-
-.cre8-c-accordion-item__button {
-  color: var(--cre8-color-content-default);
-  display: block;
-  appearance: none;
-  background-color: var(--cre8-color-bg-transparent);
-  border: var(--cre8-border-width-none);
-  cursor: pointer;
-  padding: calc(8px * 0.5) calc(8px * 1);
-  overflow-x: hidden;
-  transition: color var(--cre8-anim-fade-quick) var(--cre8-anim-ease);
-  width: 100%;
-
-  &.cre8-brand-color {
-    color: var(--cre8-color-content-brand-strong);
-  }
-
-  &.cre8-u-justify-content-start {
-    justify-content: flex-start;
-    .cre8-c-accordion-item__icon-before {
-      margin-left: calc(8px * 0);
-    }
-  }
-
-  &:hover {
-    .cre8-c-accordion-item__icon {
-      border-color: var(--cre8-color-button-primary-border-hover);
-      background-color: var(--cre8-color-button-primary-bg-hover);
-      color: var(--cre8-color-button-primary-content-hover);
-      .cre8-c-accordion-item.cre8-is-active & {
-        border-color: var(--cre8-color-button-secondary-border-hover);
-        background-color: var(--cre8-color-button-secondary-bg-hover);
-        color: var(--cre8-color-button-secondary-content-hover);
-      }
-    }
-    .cre8-c-accordion-item__tertiary-icon {
-      border-color: var(--cre8-color-border-transparent);
-      color: var(--cre8-color-button-tertiary-content-hover);
-      background-color: var(--cre8-color-bg-transparent);
-    }
-  }
-
-  &:focus {
-    border-radius: var(--cre8-border-radius-default);
-    box-shadow: calc(8px * 0) calc(8px * 0) calc(8px * 0) calc(8px * 0.25) var(--cre8-color-border-active-outline);
-    outline: none;
-
-    .cre8-c-accordion-item__icon {
-      border-color: var(--cre8-color-button-primary-border-active);
-      color: var(--cre8-color-button-primary-content-active);
-      background-color: var(--cre8-color-button-primary-bg-active);
-    }
-    .cre8-c-accordion-item__tertiary-icon {
-      border-color: var(--cre8-color-border-transparent);
-      color: var(--cre8-color-button-tertiary-content-active);
-      background-color: var(--cre8-color-bg-transparent);
-    }
-  }
-}
-.cre8-c-accordion-item--icon-before {
-  .cre8-c-accordion-item__body {
-    margin-left: calc(8px * 5);
-  }
-}
-
-.cre8-c-accordion-item__icon-before {
-  margin-right: calc(8px * 1.5);
-
-  h4[slot='header'] {
-    display: block;
-    pointer-events: none;
-  }
-}
-
-.cre8-c-accordion-item__button slot {
-  display: contents;
-  text-align: initial;
-}
-.cre8-c-accordion-item--icon-before-heading-text{
-  display: flex;
-  text-align: left;
-  flex-direction: row;
-  justify-content: flex-start;
-  align-items: center;
-  width: 100%;
-  min-width: 100%
-}
-.cre8-c-accordion-item--icon-after-heading-text{
-  display: flex;
-  text-align: left;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-  min-width: 100%
-}
-`;
-var f = Object.defineProperty, r = (d, t, a, y) => {
-  for (var c = void 0, n = d.length - 1, l; n >= 0; n--)
-    (l = d[n]) && (c = l(t, a, c) || c);
-  return c && f(t, a, c), c;
+const b = p`*,::slotted(*),*:before,*:after{box-sizing:border-box}:root{--size-base-unit: 0.5rem}[dir=rtl]{--rtlTranslateX: 50%;--rtlGradientToRight: 270deg;--rtlRotate45Inverse: -45deg}:host{--cre8-z-index-1: 1;--cre8-z-index-50: 50;--cre8-z-index-100: 100;--cre8-z-index-200: 200;--cre8-z-index-1030: 1030;--cre8-anim-fade-quick: 0.35s;--cre8-anim-ease: ease}@keyframes fadeIn{100%{opacity:1}}@keyframes slideIn{100%{transform:translateX(0)}}@keyframes slideInFwd{100%{width:272px;height:272px}}@keyframes slideOutRight{100%{width:272px;height:272px}}@keyframes slideUp{100%{transform:translateY(0)}}@media(width >= 481px){@keyframes slideInFwd{100%{width:417px;height:417px}}@keyframes slideOutRight{100%{width:417px;height:417px}}}@media(width >= 48rem){@keyframes slideInFwd{100%{width:330px;height:330px}}@keyframes slideOutRight{100%{width:330px;height:330px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 60rem){@keyframes slideInFwd{100%{width:460px;height:460px}}@keyframes slideOutRight{100%{width:460px;height:460px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 75rem){@keyframes slideInFwd{100%{width:592px;height:591px}}@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 87.5rem){@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 120px))}}}@media(width >= 2200px){@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 592px))}}}span.ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple 600ms linear;background-color:var(--ripple-bg-color)}@keyframes ripple{to{transform:scale(4);opacity:1}}:root{--size-base-unit: 0.5rem}[dir=rtl]{--rtlTranslateX: 50%;--rtlGradientToRight: 270deg;--rtlRotate45Inverse: -45deg}:host{display:block}:host ::slotted(*){text-align:left;width:100%}.cre8-c-accordion-item{border-bottom:var(--cre8-accordion-item-border-bottom);border-radius:var(--cre8-border-radius-none);--cre8-u-icon-display: flex;--cre8-u-icon-align-items: center;--cre8-u-icon-justify-content: center;padding:1.5rem 0.5rem}.cre8-c-accordion-item--small cre8-heading button{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-accordion-item--small cre8-heading button{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-accordion-item--large cre8-heading button{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-accordion-item--large cre8-heading button{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-accordion-item__body{margin-right:0rem;margin-left:0rem;padding:0rem;overflow:hidden;visibility:hidden;transition:height var(--cre8-anim-fade-quick) var(--cre8-anim-ease),visibility var(--cre8-anim-fade-quick) var(--cre8-anim-ease)}.cre8-c-accordion-item.cre8-is-active .cre8-c-accordion-item__body{visibility:visible}.cre8-c-accordion-item__body-inner{display:flex;font-family:var(--cre8-typography-body-default-font-family);font-size:var(--cre8-typography-body-default-font-size);font-weight:var(--cre8-typography-body-default-font-weight);line-height:var(--cre8-typography-body-default-line-height);text-decoration:var(--cre8-typography-body-default-text-decoration);text-transform:var(--cre8-typography-body-default-text-transform);padding:0.5rem 3rem 0rem 0.5rem}cre8-icon{display:flex;align-items:center;justify-content:center;height:1.5rem;min-height:1.5rem;min-width:1.5rem;transition:transform var(--cre8-anim-fade-quick) var(--cre8-anim-ease);width:1.5rem}.cre8-c-accordion-item.cre8-is-active cre8-icon{transform:rotate(180deg)}.cre8-c-accordion-item__icon{align-items:center;background:var(--cre8-color-bg-brand-strong);border-radius:var(--cre8-border-radius-round);color:var(--cre8-color-content-knockout);display:flex;height:2rem;justify-content:center;margin-left:0.5rem;margin-right:0.125rem;min-height:2rem;min-width:2rem;width:2rem}.cre8-c-accordion-item.cre8-is-active .cre8-c-accordion-item__icon{background:var(--cre8-color-button-secondary-bg);border:var(--cre8-border-width-default) var(--cre8-border-style-default) var(--cre8-color-button-secondary-border);color:var(--cre8-color-button-secondary-content)}.cre8-c-accordion-item.cre8-is-active .cre8-c-accordion-item__icon:hover{border-color:var(--cre8-color-button-secondary-border-hover);background-color:var(--cre8-color-button-secondary-bg-hover);color:var(--cre8-color-button-secondary-content-hover)}.cre8-c-accordion-item.cre8-is-active .cre8-c-accordion-item__icon:focus{border-radius:var(--cre8-border-radius-default);box-shadow:0rem 0rem 0rem 0.125rem var(--cre8-color-border-active-outline);outline:none}.cre8-c-accordion-item.cre8-is-active .cre8-c-accordion-item__icon:focus .cre8-c-accordion-item__icon{border-color:var(--cre8-color-button-secondary-border-active);color:var(--cre8-color-button-secondary-content-active);background-color:var(--cre8-color-button-secondary-bg-active)}.cre8-c-accordion-item.cre8-is-active .cre8-c-accordion-item__icon:focus .cre8-c-accordion-item__tertiary-icon{border-color:var(--cre8-color-border-transparent);color:var(--cre8-color-button-tertiary-content-active);background-color:var(--cre8-color-bg-transparent)}.cre8-c-accordion-item__button{color:var(--cre8-color-content-default);display:block;appearance:none;background-color:var(--cre8-color-bg-transparent);border:var(--cre8-border-width-none);cursor:pointer;padding:0.25rem 0.5rem;overflow-x:hidden;transition:color var(--cre8-anim-fade-quick) var(--cre8-anim-ease);width:100%}.cre8-c-accordion-item__button.cre8-brand-color{color:var(--cre8-color-content-brand-strong)}.cre8-c-accordion-item__button.cre8-u-justify-content-start{justify-content:flex-start}.cre8-c-accordion-item__button.cre8-u-justify-content-start .cre8-c-accordion-item__icon-before{margin-left:0rem}.cre8-c-accordion-item__button:hover .cre8-c-accordion-item__icon{border-color:var(--cre8-color-button-primary-border-hover);background-color:var(--cre8-color-button-primary-bg-hover);color:var(--cre8-color-button-primary-content-hover)}.cre8-c-accordion-item.cre8-is-active .cre8-c-accordion-item__button:hover .cre8-c-accordion-item__icon{border-color:var(--cre8-color-button-secondary-border-hover);background-color:var(--cre8-color-button-secondary-bg-hover);color:var(--cre8-color-button-secondary-content-hover)}.cre8-c-accordion-item__button:hover .cre8-c-accordion-item__tertiary-icon{border-color:var(--cre8-color-border-transparent);color:var(--cre8-color-button-tertiary-content-hover);background-color:var(--cre8-color-bg-transparent)}.cre8-c-accordion-item__button:focus{border-radius:var(--cre8-border-radius-default);box-shadow:0rem 0rem 0rem 0.125rem var(--cre8-color-border-active-outline);outline:none}.cre8-c-accordion-item__button:focus .cre8-c-accordion-item__icon{border-color:var(--cre8-color-button-primary-border-active);color:var(--cre8-color-button-primary-content-active);background-color:var(--cre8-color-button-primary-bg-active)}.cre8-c-accordion-item__button:focus .cre8-c-accordion-item__tertiary-icon{border-color:var(--cre8-color-border-transparent);color:var(--cre8-color-button-tertiary-content-active);background-color:var(--cre8-color-bg-transparent)}.cre8-c-accordion-item--icon-before .cre8-c-accordion-item__body{margin-left:2.5rem}.cre8-c-accordion-item__icon-before{margin-right:0.75rem}.cre8-c-accordion-item__icon-before h4[slot=header]{display:block;pointer-events:none}.cre8-c-accordion-item__button slot{display:contents;text-align:initial}.cre8-c-accordion-item--icon-before-heading-text{display:flex;text-align:left;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;min-width:100%}.cre8-c-accordion-item--icon-after-heading-text{display:flex;text-align:left;flex-direction:row;justify-content:space-between;align-items:center;width:100%;min-width:100%}`;
+var v = Object.defineProperty, r = (l, o, a, u) => {
+  for (var i = void 0, n = l.length - 1, s; n >= 0; n--)
+    (s = l[n]) && (i = s(o, a, i) || i);
+  return i && v(o, a, i), i;
 };
-const s = class s extends v {
+const d = class d extends y {
   constructor() {
     super(), this.isActive = !1, this.size = "sm", this.headingTagVariant = "h3";
-    const t = Math.floor(Math.random() * 9e5) + 1e5;
-    this._ariaControls = `cre8-accordion-item-details-${t}`, this.accordionItemId = this.accordionItemId ?? `cre8-accordion-item-${t}`;
+    const o = Math.floor(Math.random() * 9e5) + 1e5;
+    this._ariaControls = `cre8-accordion-item-details-${o}`, this.accordionItemId = this.accordionItemId ?? `cre8-accordion-item-${o}`;
   }
   connectedCallback() {
     super.connectedCallback(), this._setContentHeight(), this.isActive && (this._fullyOpen = !0, this._setContentHeight());
@@ -234,17 +31,17 @@ const s = class s extends v {
     }, 50));
   }
   render() {
-    const t = this.componentClassNames("cre8-c-accordion-item", {
+    const o = this.componentClassNames("cre8-c-accordion-item", {
       "cre8-is-active": this.isActive,
       "cre8-c-accordion-item--icon-before": this.iconBefore,
       "cre8-c-accordion-item--small": this.size === "sm",
       "cre8-c-accordion-item--large": this.size === "lg"
-    }), a = u("cre8-c-accordion-item__button", {
+    }), a = g("cre8-c-accordion-item__button", {
       "cre8-is-active": this.isActive,
       "cre8-u-justify-content-start": this.iconBefore,
       "cre8-brand-color": this.brandHeader === !0
     });
-    return i` <div id=${this.accordionItemId} class="${t}">
+    return c` <div id=${this.accordionItemId} class="${o}">
       <cre8-heading
         type=${this.size === "lg" ? "title-large" : "title-default"}
         part="heading"
@@ -254,25 +51,25 @@ const s = class s extends v {
       >
         <button
           class="${a}"
-          aria-expanded="${m(this.isActive)}"
+          aria-expanded="${f(this.isActive)}"
           aria-controls="${this._ariaControls}"
           part="button"
           role="button"
           id="${this.id}"
           @click=${this._toggleAccordionItem}
         >
-          ${this.iconBefore ? i`
+          ${this.iconBefore ? c`
             <div class="cre8-c-accordion-item--icon-before-heading-text">
                 <div
                   class=${this.tertiaryIcon ? "cre8-c-accordion-item__tertiary-icon cre8-c-accordion-item__icon-before" : "cre8-c-accordion-item__icon cre8-c-accordion-item__icon-before"}
                 >
                   <cre8-icon rotate="180" svg=${h} aria-hidden="true"></cre8-icon>
                 </div>
-                ${this.heading ?? i` <slot name="heading"></slot>`}
+                ${this.heading ?? c` <slot name="heading"></slot>`}
             </div>
-              ` : i`
+              ` : c`
           <div class="cre8-c-accordion-item--icon-after-heading-text">
-            ${this.heading ?? i` <slot name="heading"></slot>`}
+            ${this.heading ?? c` <slot name="heading"></slot>`}
                 <div
                   class=${this.tertiaryIcon ? "cre8-c-accordion-item__tertiary-icon cre8-c-accordion-item__icon-after" : "cre8-c-accordion-item__icon cre8-c-accordion-item__icon-after"}
                 >
@@ -295,40 +92,40 @@ const s = class s extends v {
     </div>`;
   }
 };
-s.styles = [g];
-let e = s;
+d.styles = [b];
+let e = d;
 r([
-  o({ type: Boolean, reflect: !0 })
+  t({ type: Boolean, reflect: !0 })
 ], e.prototype, "isActive");
 r([
-  o({ type: String, reflect: !0 })
+  t({ type: String, reflect: !0 })
 ], e.prototype, "accordionItemId");
 r([
-  o({ type: Boolean, reflect: !0 })
+  t({ type: Boolean, reflect: !0 })
 ], e.prototype, "iconBefore");
 r([
-  o({ type: Boolean, reflect: !0 })
+  t({ type: Boolean, reflect: !0 })
 ], e.prototype, "tertiaryIcon");
 r([
-  o({ reflect: !0 })
+  t({ reflect: !0 })
 ], e.prototype, "size");
 r([
-  o({ reflect: !0 })
+  t({ reflect: !0 })
 ], e.prototype, "headingTagVariant");
 r([
-  o({ type: String })
+  t({ type: String })
 ], e.prototype, "heading");
 r([
-  o({ type: Boolean })
+  t({ type: Boolean })
 ], e.prototype, "brandHeader");
 r([
-  o({ attribute: "aria-controls" })
+  t({ attribute: "aria-controls" })
 ], e.prototype, "_ariaControls");
 r([
-  p()
+  m()
 ], e.prototype, "_height");
 r([
-  p()
+  m()
 ], e.prototype, "_fullyOpen");
 customElements.get("cre8-accordion-item") === void 0 && customElements.define("cre8-accordion-item", e);
 export {

package/lib/components/accordion-item/accordion-item.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-item.styles.d.ts","sourceRoot":"","sources":["../../../components/accordion-item/accordion-item.styles.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,MAAM,yBA2MX,CAAC;AACF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"accordion-item.styles.d.ts","sourceRoot":"","sources":["../../../components/accordion-item/accordion-item.styles.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,MAAM,yBAA0hS,CAAC;AACviS,eAAe,MAAM,CAAC"}