scb-wc-test 0.1.112 → 0.1.113

package/all.js

@@ -15,6 +15,7 @@ import './mvc/components/scb-card/scb-card.js';
 import './mvc/components/scb-checkbox/scb-checkbox-group.js';
 import './mvc/components/scb-checkbox/scb-checkbox.js';
 import './mvc/components/scb-chip/scb-chip.js';
+import './mvc/components/scb-cookies-consent/scb-cookies-consent.js';
 import './mvc/components/scb-datepicker/scb-datepicker.js';
 import './mvc/components/scb-dialog/scb-dialog.js';
 import './mvc/components/scb-divider/scb-divider.js';
@@ -87,6 +88,7 @@ import './scb-card/scb-card.js';
 import './scb-checkbox/scb-checkbox-group.js';
 import './scb-checkbox/scb-checkbox.js';
 import './scb-chip/scb-chip.js';
+import './scb-cookies-consent/scb-cookies-consent.js';
 import './scb-datepicker/scb-datepicker.js';
 import './scb-dialog/scb-dialog.js';
 import './scb-divider/scb-divider.js';

package/index.d.ts

@@ -11,6 +11,7 @@ export * from './scb-card/scb-card';
 export * from './scb-checkbox/scb-checkbox-group';
 export * from './scb-checkbox/scb-checkbox';
 export * from './scb-chip/scb-chip';
+export * from './scb-cookies-consent/scb-cookies-consent';
 export * from './scb-datepicker/scb-datepicker';
 export * from './scb-dialog/scb-dialog';
 export * from './scb-divider/scb-divider';

package/index.js

@@ -4,133 +4,135 @@ import { ScbAppBar as p } from "./scb-app-bar/scb-app-bar.js";
 import { ScbAvatar as b } from "./scb-avatar/scb-avatar.js";
 import { ScbBadge as f } from "./scb-badge/scb-badge.js";
 import { SCBBreadcrumbItem as i } from "./scb-breadcrumb/scb-breadcrumb-item.js";
-import { SCBBreadcrumb as n } from "./scb-breadcrumb/scb-breadcrumb.js";
-import { ScbButton as l } from "./scb-button/scb-button.js";
-import { ScbCalendarCard as I } from "./scb-calendar-card/scb-calendar-card.js";
+import { SCBBreadcrumb as d } from "./scb-breadcrumb/scb-breadcrumb.js";
+import { ScbButton as C } from "./scb-button/scb-button.js";
+import { ScbCalendarCard as s } from "./scb-calendar-card/scb-calendar-card.js";
 import { ScbCard as B } from "./scb-card/scb-card.js";
 import { ScbCheckboxGroup as D } from "./scb-checkbox/scb-checkbox-group.js";
-import { ScbCheckbox as k } from "./scb-checkbox/scb-checkbox.js";
+import { ScbCheckbox as T } from "./scb-checkbox/scb-checkbox.js";
 import { ScbChip as F } from "./scb-chip/scb-chip.js";
-import { ScbDatepicker as P } from "./scb-datepicker/scb-datepicker.js";
-import { ScbDialog as G } from "./scb-dialog/scb-dialog.js";
-import { ScbDivider as A } from "./scb-divider/scb-divider.js";
-import { ScbDrawerItem as M } from "./scb-drawer/scb-drawer-item.js";
-import { ScbDrawerSection as z } from "./scb-drawer/scb-drawer-section.js";
-import { ScbDrawer as K } from "./scb-drawer/scb-drawer.js";
-import { ScbSubDrawer as O } from "./scb-drawer/scb-sub-drawer.js";
-import { ScbFactCardContent as V } from "./scb-fact-card/scb-fact-card-content.js";
-import { ScbFactCard as q } from "./scb-fact-card/scb-fact-card.js";
-import { ScbFooterSection as J } from "./scb-footer/scb-footer-section.js";
-import { ScbFooter as W } from "./scb-footer/scb-footer.js";
-import { ScbGridItem as Y } from "./scb-grid/scb-grid-item.js";
-import { ScbGrid as _ } from "./scb-grid/scb-grid.js";
-import { ScbStack as rr } from "./scb-grid/scb-stack.js";
-import { ScbHeaderDrawerGroup as er } from "./scb-header/scb-header-drawer-group.js";
-import { ScbHeaderDrawerItem as cr } from "./scb-header/scb-header-drawer-item.js";
-import { ScbHeaderTab as pr } from "./scb-header/scb-header-tab.js";
-import { ScbHeaderUtility as br } from "./scb-header/scb-header-utility.js";
-import { ScbHeader as fr } from "./scb-header/scb-header.js";
-import { ScbHorizontalScroller as ir } from "./scb-horizontal-scroller/scb-horizontal-scroller.js";
-import { ScbIconButton as nr } from "./scb-icon-button/scb-icon-button.js";
-import { ScbKeyFigureCard as lr } from "./scb-keyfigure-card/scb-keyfigure-card.js";
-import { ScbLink as Ir } from "./scb-link/scb-link.js";
-import { ScbListItem as Br } from "./scb-list/scb-list-item.js";
-import { ScbList as Dr } from "./scb-list/scb-list.js";
-import { ScbMenuItem as kr } from "./scb-menu/scb-menu-item.js";
-import { ScbMenu as Fr } from "./scb-menu/scb-menu.js";
-import { ScbSubMenu as Pr } from "./scb-menu/scb-sub-menu.js";
-import { ScbNotificationCard as Gr } from "./scb-notification-card/scb-notification-card.js";
-import { ScbPagination as Ar } from "./scb-pagination/scb-pagination.js";
-import { ScbProgressIndicator as Mr } from "./scb-progress-indicator/scb-progress-indicator.js";
-import { ScbProgressStep as zr } from "./scb-progress-stepper/scb-progress-step.js";
-import { ScbProgressStepper as Kr } from "./scb-progress-stepper/scb-progress-stepper.js";
-import { ScbRadioButton as Or } from "./scb-radio-button/scb-radio-button.js";
-import { ScbRadioGroup as Vr } from "./scb-radio-button/scb-radio-group.js";
-import { ScbSearch as qr } from "./scb-search/scb-search.js";
-import { ScbSegmentedButton as Jr } from "./scb-segmented-button/scb-segmented-button.js";
-import { ScbSegmentedItem as Wr } from "./scb-segmented-button/scb-segmented-item.js";
-import { ScbSelectOption as Yr } from "./scb-select/scb-select-option.js";
-import { ScbSelect as _r } from "./scb-select/scb-select.js";
-import { ScbSkeleton as ro } from "./scb-skeleton/scb-skeleton.js";
-import { ScbSnackbar as eo } from "./scb-snackbar/scb-snackbar.js";
-import { ScbStatusPill as co } from "./scb-status-pill/scb-status-pill.js";
-import { ScbStep as po } from "./scb-stepper/scb-step.js";
-import { ScbStepper as bo } from "./scb-stepper/scb-stepper.js";
-import { ScbSwitch as fo } from "./scb-switch/scb-switch.js";
-import { ScbPrimaryTab as io } from "./scb-tabs/scb-primary-tab.js";
-import { ScbSecondaryTab as uo } from "./scb-tabs/scb-secondary-tab.js";
-import { ScbTabs as Co } from "./scb-tabs/scb-tabs.js";
-import { ScbTextField as so } from "./scb-textfield/scb-textfield.js";
-import { ScbTocItem as go } from "./scb-toc/scb-toc-item.js";
-import { ScbToc as To } from "./scb-toc/scb-toc.js";
-import { ScbTooltip as wo } from "./scb-tooltip/scb-tooltip.js";
-import { ScbViz as Ho } from "./scb-viz/scb-viz.js";
+import { ScbCookiesConsent as P } from "./scb-cookies-consent/scb-cookies-consent.js";
+import { ScbDatepicker as G } from "./scb-datepicker/scb-datepicker.js";
+import { ScbDialog as A } from "./scb-dialog/scb-dialog.js";
+import { ScbDivider as M } from "./scb-divider/scb-divider.js";
+import { ScbDrawerItem as z } from "./scb-drawer/scb-drawer-item.js";
+import { ScbDrawerSection as K } from "./scb-drawer/scb-drawer-section.js";
+import { ScbDrawer as O } from "./scb-drawer/scb-drawer.js";
+import { ScbSubDrawer as V } from "./scb-drawer/scb-sub-drawer.js";
+import { ScbFactCardContent as q } from "./scb-fact-card/scb-fact-card-content.js";
+import { ScbFactCard as J } from "./scb-fact-card/scb-fact-card.js";
+import { ScbFooterSection as W } from "./scb-footer/scb-footer-section.js";
+import { ScbFooter as Y } from "./scb-footer/scb-footer.js";
+import { ScbGridItem as _ } from "./scb-grid/scb-grid-item.js";
+import { ScbGrid as rr } from "./scb-grid/scb-grid.js";
+import { ScbStack as er } from "./scb-grid/scb-stack.js";
+import { ScbHeaderDrawerGroup as cr } from "./scb-header/scb-header-drawer-group.js";
+import { ScbHeaderDrawerItem as pr } from "./scb-header/scb-header-drawer-item.js";
+import { ScbHeaderTab as br } from "./scb-header/scb-header-tab.js";
+import { ScbHeaderUtility as fr } from "./scb-header/scb-header-utility.js";
+import { ScbHeader as ir } from "./scb-header/scb-header.js";
+import { ScbHorizontalScroller as dr } from "./scb-horizontal-scroller/scb-horizontal-scroller.js";
+import { ScbIconButton as Cr } from "./scb-icon-button/scb-icon-button.js";
+import { ScbKeyFigureCard as sr } from "./scb-keyfigure-card/scb-keyfigure-card.js";
+import { ScbLink as Br } from "./scb-link/scb-link.js";
+import { ScbListItem as Dr } from "./scb-list/scb-list-item.js";
+import { ScbList as Tr } from "./scb-list/scb-list.js";
+import { ScbMenuItem as Fr } from "./scb-menu/scb-menu-item.js";
+import { ScbMenu as Pr } from "./scb-menu/scb-menu.js";
+import { ScbSubMenu as Gr } from "./scb-menu/scb-sub-menu.js";
+import { ScbNotificationCard as Ar } from "./scb-notification-card/scb-notification-card.js";
+import { ScbPagination as Mr } from "./scb-pagination/scb-pagination.js";
+import { ScbProgressIndicator as zr } from "./scb-progress-indicator/scb-progress-indicator.js";
+import { ScbProgressStep as Kr } from "./scb-progress-stepper/scb-progress-step.js";
+import { ScbProgressStepper as Or } from "./scb-progress-stepper/scb-progress-stepper.js";
+import { ScbRadioButton as Vr } from "./scb-radio-button/scb-radio-button.js";
+import { ScbRadioGroup as qr } from "./scb-radio-button/scb-radio-group.js";
+import { ScbSearch as Jr } from "./scb-search/scb-search.js";
+import { ScbSegmentedButton as Wr } from "./scb-segmented-button/scb-segmented-button.js";
+import { ScbSegmentedItem as Yr } from "./scb-segmented-button/scb-segmented-item.js";
+import { ScbSelectOption as _r } from "./scb-select/scb-select-option.js";
+import { ScbSelect as ro } from "./scb-select/scb-select.js";
+import { ScbSkeleton as eo } from "./scb-skeleton/scb-skeleton.js";
+import { ScbSnackbar as co } from "./scb-snackbar/scb-snackbar.js";
+import { ScbStatusPill as po } from "./scb-status-pill/scb-status-pill.js";
+import { ScbStep as bo } from "./scb-stepper/scb-step.js";
+import { ScbStepper as fo } from "./scb-stepper/scb-stepper.js";
+import { ScbSwitch as io } from "./scb-switch/scb-switch.js";
+import { ScbPrimaryTab as uo } from "./scb-tabs/scb-primary-tab.js";
+import { ScbSecondaryTab as lo } from "./scb-tabs/scb-secondary-tab.js";
+import { ScbTabs as Io } from "./scb-tabs/scb-tabs.js";
+import { ScbTextField as go } from "./scb-textfield/scb-textfield.js";
+import { ScbTocItem as ko } from "./scb-toc/scb-toc-item.js";
+import { ScbToc as wo } from "./scb-toc/scb-toc.js";
+import { ScbTooltip as Ho } from "./scb-tooltip/scb-tooltip.js";
+import { ScbViz as ho } from "./scb-viz/scb-viz.js";
 export {
-  n as SCBBreadcrumb,
+  d as SCBBreadcrumb,
   i as SCBBreadcrumbItem,
   c as ScbAccordion,
   e as ScbAccordionItem,
   p as ScbAppBar,
   b as ScbAvatar,
   f as ScbBadge,
-  l as ScbButton,
-  I as ScbCalendarCard,
+  C as ScbButton,
+  s as ScbCalendarCard,
   B as ScbCard,
-  k as ScbCheckbox,
+  T as ScbCheckbox,
   D as ScbCheckboxGroup,
   F as ScbChip,
-  P as ScbDatepicker,
-  G as ScbDialog,
-  A as ScbDivider,
-  K as ScbDrawer,
-  M as ScbDrawerItem,
-  z as ScbDrawerSection,
-  q as ScbFactCard,
-  V as ScbFactCardContent,
-  W as ScbFooter,
-  J as ScbFooterSection,
-  _ as ScbGrid,
-  Y as ScbGridItem,
-  fr as ScbHeader,
-  er as ScbHeaderDrawerGroup,
-  cr as ScbHeaderDrawerItem,
-  pr as ScbHeaderTab,
-  br as ScbHeaderUtility,
-  ir as ScbHorizontalScroller,
-  nr as ScbIconButton,
-  lr as ScbKeyFigureCard,
-  Ir as ScbLink,
-  Dr as ScbList,
-  Br as ScbListItem,
-  Fr as ScbMenu,
-  kr as ScbMenuItem,
-  Gr as ScbNotificationCard,
-  Ar as ScbPagination,
-  io as ScbPrimaryTab,
-  Mr as ScbProgressIndicator,
-  zr as ScbProgressStep,
-  Kr as ScbProgressStepper,
-  Or as ScbRadioButton,
-  Vr as ScbRadioGroup,
-  qr as ScbSearch,
-  uo as ScbSecondaryTab,
-  Jr as ScbSegmentedButton,
-  Wr as ScbSegmentedItem,
-  _r as ScbSelect,
-  Yr as ScbSelectOption,
-  ro as ScbSkeleton,
-  eo as ScbSnackbar,
-  rr as ScbStack,
-  co as ScbStatusPill,
-  po as ScbStep,
-  bo as ScbStepper,
-  O as ScbSubDrawer,
-  Pr as ScbSubMenu,
-  fo as ScbSwitch,
-  Co as ScbTabs,
-  so as ScbTextField,
-  To as ScbToc,
-  go as ScbTocItem,
-  wo as ScbTooltip,
-  Ho as ScbViz
+  P as ScbCookiesConsent,
+  G as ScbDatepicker,
+  A as ScbDialog,
+  M as ScbDivider,
+  O as ScbDrawer,
+  z as ScbDrawerItem,
+  K as ScbDrawerSection,
+  J as ScbFactCard,
+  q as ScbFactCardContent,
+  Y as ScbFooter,
+  W as ScbFooterSection,
+  rr as ScbGrid,
+  _ as ScbGridItem,
+  ir as ScbHeader,
+  cr as ScbHeaderDrawerGroup,
+  pr as ScbHeaderDrawerItem,
+  br as ScbHeaderTab,
+  fr as ScbHeaderUtility,
+  dr as ScbHorizontalScroller,
+  Cr as ScbIconButton,
+  sr as ScbKeyFigureCard,
+  Br as ScbLink,
+  Tr as ScbList,
+  Dr as ScbListItem,
+  Pr as ScbMenu,
+  Fr as ScbMenuItem,
+  Ar as ScbNotificationCard,
+  Mr as ScbPagination,
+  uo as ScbPrimaryTab,
+  zr as ScbProgressIndicator,
+  Kr as ScbProgressStep,
+  Or as ScbProgressStepper,
+  Vr as ScbRadioButton,
+  qr as ScbRadioGroup,
+  Jr as ScbSearch,
+  lo as ScbSecondaryTab,
+  Wr as ScbSegmentedButton,
+  Yr as ScbSegmentedItem,
+  ro as ScbSelect,
+  _r as ScbSelectOption,
+  eo as ScbSkeleton,
+  co as ScbSnackbar,
+  er as ScbStack,
+  po as ScbStatusPill,
+  bo as ScbStep,
+  fo as ScbStepper,
+  V as ScbSubDrawer,
+  Gr as ScbSubMenu,
+  io as ScbSwitch,
+  Io as ScbTabs,
+  go as ScbTextField,
+  wo as ScbToc,
+  ko as ScbTocItem,
+  Ho as ScbTooltip,
+  ho as ScbViz
 };

package/mvc/components/all.js

@@ -11,6 +11,7 @@ import './scb-card/scb-card.js';
 import './scb-checkbox/scb-checkbox.js';
 import './scb-checkbox/scb-checkbox-group.js';
 import './scb-chip/scb-chip.js';
+import './scb-cookies-consent/scb-cookies-consent.js';
 import './scb-datepicker/scb-datepicker.js';
 import './scb-dialog/scb-dialog.js';
 import './scb-divider/scb-divider.js';

package/mvc/components/scb-cookies-consent/scb-cookies-consent.js

@@ -0,0 +1,51 @@
+import{a as p,n as c,i as d,x as f,t as u}from"../../vendor/vendor.js";import"../scb-button/scb-button.js";import"../../vendor/vendor-material.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(o,s,i){try{customElements.get(o)||e(o,s,i)}catch(a){var r=String(a||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw a}}}}catch{}})();var x=Object.defineProperty,h=Object.getOwnPropertyDescriptor,l=(t,e,o,s)=>{for(var i=s>1?void 0:s?h(e,o):e,r=t.length-1,a;r>=0;r--)(a=t[r])&&(i=(s?a(e,o,i):a(i))||i);return s&&i&&x(e,o,i),i};let n=class extends d{constructor(){super(...arguments),this.open=!0,this.title="",this.supportingText="",this.ariaLabel="Cookie-inställningar"}firstUpdated(){this.addEventListener("click",t=>{const e=t.target;e.slot==="buttons"&&(e.id==="accept-btn"?this.closeAndRemove("cookies-accept"):e.id==="decline-btn"?this.closeAndRemove("cookies-decline"):e.id==="handle-btn"&&this.closeAndRemove("cookies-handle"))})}connectedCallback(){super.connectedCallback(),this.id||(this.id="cookie-consent")}closeAndRemove(t){this.dispatchEvent(new CustomEvent(t)),this.remove()}render(){return this.open?f`
+      <div role="dialog" class="cookies-consent" aria-modal="true" aria-label=${this.ariaLabel}>
+        <h2>${this.title}</h2>
+        <div>
+            ${this.supportingText}
+        </div>
+         <div class="button-container">
+            <slot name="buttons"></slot>
+        </div> 
+      </div>
+    `:null}};n.styles=p`
+  :host {
+      position: fixed;
+      width: 650px;
+      display: flex;
+      flex-direction: column;
+      bottom: 32px;
+      left: 32px;
+      background: #fff;
+      color: #222;
+      box-shadow: 0 8px 10px -6px #0000001a, 0 20px 25px -5px #0000001a;
+      color: var(--md-sys-color-on-surface, #0f0865);
+      background: var(--md-sys-color-surface, #fff);
+      border-radius: 16px;
+      padding: 36px 0;
+      z-index: 1000;
+      gap: 16px;
+      font-family: 'Inter', sans-serif;
+  }
+  .cookies-consent {
+      display: flex;
+      flex-direction: column;
+      gap: 16px;
+      padding: 0 20px;
+      box-sizing: border-box;
+      margin: 0 auto;
+      max-width: 1440px;
+      position: relative;
+      width: 100%;
+  }    
+  .cookies-consent h2 {
+      font-size: 16px;
+      line-height: 24px;
+      margin: 0;
+  }
+  .button-container {
+      display: flex;
+      gap: 8px;
+      justify-content: flex-start;
+  }
+`;l([c({type:Boolean})],n.prototype,"open",2);l([c({type:String,reflect:!0})],n.prototype,"title",2);l([c({type:String,attribute:"supporting-text",reflect:!0})],n.prototype,"supportingText",2);l([c({type:String,attribute:"aria-label",reflect:!0})],n.prototype,"ariaLabel",2);n=l([u("scb-cookies-consent")],n);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name":  "scb-wc-test",
-    "version":  "0.1.112",
+    "version":  "0.1.113",
     "type":  "module",
     "main":  "index.js",
     "module":  "index.js",
@@ -123,6 +123,10 @@
                                        "import":  "./scb-chip/scb-chip.js",
                                        "require":  "./scb-chip/scb-chip.js"
                                    },
+                    "./scb-cookies-consent":  {
+                                                  "import":  "./scb-cookies-consent/scb-cookies-consent.js",
+                                                  "require":  "./scb-cookies-consent/scb-cookies-consent.js"
+                                              },
                     "./scb-datepicker":  {
                                              "import":  "./scb-datepicker/scb-datepicker.js",
                                              "require":  "./scb-datepicker/scb-datepicker.js"
@@ -341,5 +345,5 @@
                                   },
                     "./mvc/*":  "./mvc/*"
                 },
-    "buildHash":  "B10F313B2C3B27480883227E72110DB0EB6C38251188E14A847823D36B266345"
+    "buildHash":  "9912A6A6B43D81145F5851FC78928B16730D533E7289472D02B0A64231F56FF0"
 }

package/scb-cookies-consent/scb-cookies-consent.d.ts

@@ -0,0 +1,12 @@
+import { LitElement } from 'lit';
+export declare class ScbCookiesConsent extends LitElement {
+    open: boolean;
+    title: string;
+    supportingText: string;
+    ariaLabel: string;
+    static styles: import('lit').CSSResult;
+    firstUpdated(): void;
+    connectedCallback(): void;
+    closeAndRemove(eventName: string): void;
+    render(): import('lit-html').TemplateResult<1> | null;
+}

package/scb-cookies-consent/scb-cookies-consent.js

@@ -0,0 +1,97 @@
+import { css as c, LitElement as d, html as f } from "lit";
+import { property as r, customElement as x } from "lit/decorators.js";
+import "../scb-button/scb-button.js";
+var u = Object.defineProperty, h = Object.getOwnPropertyDescriptor, s = (i, e, a, n) => {
+  for (var t = n > 1 ? void 0 : n ? h(e, a) : e, l = i.length - 1, p; l >= 0; l--)
+    (p = i[l]) && (t = (n ? p(e, a, t) : p(t)) || t);
+  return n && t && u(e, a, t), t;
+};
+let o = class extends d {
+  constructor() {
+    super(...arguments), this.open = !0, this.title = "", this.supportingText = "", this.ariaLabel = "Cookie-inställningar";
+  }
+  firstUpdated() {
+    this.addEventListener("click", (i) => {
+      const e = i.target;
+      e.slot === "buttons" && (e.id === "accept-btn" ? this.closeAndRemove("cookies-accept") : e.id === "decline-btn" ? this.closeAndRemove("cookies-decline") : e.id === "handle-btn" && this.closeAndRemove("cookies-handle"));
+    });
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.id || (this.id = "cookie-consent");
+  }
+  closeAndRemove(i) {
+    this.dispatchEvent(new CustomEvent(i)), this.remove();
+  }
+  render() {
+    return this.open ? f`
+      <div role="dialog" class="cookies-consent" aria-modal="true" aria-label=${this.ariaLabel}>
+        <h2>${this.title}</h2>
+        <div>
+            ${this.supportingText}
+        </div>
+         <div class="button-container">
+            <slot name="buttons"></slot>
+        </div> 
+      </div>
+    ` : null;
+  }
+};
+o.styles = c`
+  :host {
+      position: fixed;
+      width: 650px;
+      display: flex;
+      flex-direction: column;
+      bottom: 32px;
+      left: 32px;
+      background: #fff;
+      color: #222;
+      box-shadow: 0 8px 10px -6px #0000001a, 0 20px 25px -5px #0000001a;
+      color: var(--md-sys-color-on-surface, #0f0865);
+      background: var(--md-sys-color-surface, #fff);
+      border-radius: 16px;
+      padding: 36px 0;
+      z-index: 1000;
+      gap: 16px;
+      font-family: 'Inter', sans-serif;
+  }
+  .cookies-consent {
+      display: flex;
+      flex-direction: column;
+      gap: 16px;
+      padding: 0 20px;
+      box-sizing: border-box;
+      margin: 0 auto;
+      max-width: 1440px;
+      position: relative;
+      width: 100%;
+  }    
+  .cookies-consent h2 {
+      font-size: 16px;
+      line-height: 24px;
+      margin: 0;
+  }
+  .button-container {
+      display: flex;
+      gap: 8px;
+      justify-content: flex-start;
+  }
+`;
+s([
+  r({ type: Boolean })
+], o.prototype, "open", 2);
+s([
+  r({ type: String, reflect: !0 })
+], o.prototype, "title", 2);
+s([
+  r({ type: String, attribute: "supporting-text", reflect: !0 })
+], o.prototype, "supportingText", 2);
+s([
+  r({ type: String, attribute: "aria-label", reflect: !0 })
+], o.prototype, "ariaLabel", 2);
+o = s([
+  x("scb-cookies-consent")
+], o);
+export {
+  o as ScbCookiesConsent
+};