@helsenorge/designsystem-react 6.0.0-beta.9 → 6.0.1

package/components/Panel/styles.module.scss

@@ -4,11 +4,6 @@
 @import '../../scss/palette';
 @import '../../scss/font-settings';
 
-.panel-wrapper {
-  width: 100%;
-  outline: none;
-}
-
 @mixin panel-padding {
   padding: getSpacer(s) getSpacer(s) getSpacer(s) getSpacer(s);
 
@@ -35,161 +30,186 @@
   }
 }
 
+$layout-sm-gap: getSpacer(s);
+$layout-md-col-gap: getSpacer(m);
+
+.panel-wrapper {
+  width: 100%;
+  outline: none;
+}
+
 .panel {
   @include panel-padding;
 
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
   outline: none;
   position: relative;
   width: 100%;
   box-sizing: border-box;
 
-  &__container {
+  &__layout-1,
+  &__layout-2,
+  &__layout-3 {
+    display: grid;
+    grid-auto-rows: auto;
+    grid-template-columns: 1fr;
+    gap: $layout-sm-gap $layout-sm-gap;
+    width: 100%;
+
     @media (min-width: map.get($grid-breakpoints, md)) {
-      display: flex;
-      flex-direction: row;
-      flex: 1;
+      column-gap: $layout-md-col-gap;
     }
+  }
 
-    &--prioritiseMetaDataInContentB,
-    &--layout3 {
-      @media (min-width: map.get($grid-breakpoints, lg)) {
-        display: flex;
-        flex-direction: row;
-      }
+  &__layout-1 {
+    &--with-icon {
+      grid-template-columns: auto 1fr;
     }
-    &--layout2#{&}--prioritiseMetaDataInContentB {
-      @media (min-width: map.get($grid-breakpoints, md)) {
-        display: flex;
-        flex-direction: row;
+
+    @media (min-width: map.get($grid-breakpoints, md)) {
+      grid-template-rows: auto auto;
+      grid-template-columns: 1fr auto;
+
+      &--with-icon {
+        grid-template-columns: auto 1fr auto;
       }
-    }
-    &--layout1#{&}--prioritiseMetaDataInContentB {
-      @media (min-width: map.get($grid-breakpoints, lg)) {
-        display: block;
+
+      &__content-a {
+        grid-column: span 2;
       }
     }
+  }
 
-    &--grow {
-      flex: 1;
+  &__layout-2 {
+    &--with-icon {
+      grid-template-columns: auto 1fr;
     }
-  }
 
-  &--with-icon {
-    display: flex;
-    flex-direction: row;
+    @media (min-width: map.get($grid-breakpoints, md)) {
+      grid-template-rows: auto auto;
+      grid-template-columns: 1fr auto;
 
-    @include panel-padding-icon;
-  }
+      &--with-icon {
+        grid-template-columns: auto 1fr auto;
+      }
 
-  &__icon {
-    padding-right: getSpacer(s);
+      &__content-a {
+        grid-row: span 2;
+      }
 
-    @media (min-width: map.get($grid-breakpoints, md)) {
-      padding-right: getSpacer(l);
+      &__last-column {
+        max-width: 200px;
+      }
     }
 
-    &--right {
-      padding-left: getSpacer(s);
+    @media (min-width: map.get($grid-breakpoints, lg)) {
+      grid-template-columns: minmax(auto, 760px) auto;
+
+      &--with-icon {
+        grid-template-columns: auto minmax(auto, 760px) auto;
+      }
     }
   }
 
-  &__badge {
-    display: inline-block;
-    vertical-align: text-bottom;
-  }
+  &__layout-3 {
+    &--with-icon {
+      grid-template-columns: auto 1fr;
+    }
 
-  &__content-left {
-    &--flex {
-      display: flex;
+    &__last-column {
+      display: grid;
+      row-gap: $layout-sm-gap;
     }
-  }
 
-  &__content-right {
-    &--layout1 {
-      display: flex;
-      flex-direction: column;
+    @media (min-width: map.get($grid-breakpoints, lg)) {
+      grid-template-rows: auto;
 
-      @media (min-width: map.get($grid-breakpoints, md)) {
-        flex-direction: row;
+      &--a {
+        grid-template-columns: 3fr 2fr;
+      }
+      &--a#{&}--with-icon {
+        grid-template-columns: auto 3fr 2fr;
       }
-    }
 
-    &--layout2 {
-      display: flex;
-      flex-direction: column;
+      &--b {
+        grid-template-columns: 4.5fr 5.5fr;
+      }
+      &--b#{&}--with-icon {
+        grid-template-columns: auto 4.5fr 5.5fr;
+      }
 
-      @media (min-width: map.get($grid-breakpoints, md)) {
-        max-width: 200px;
+      &--c {
+        grid-template-columns: 3.5fr 6.5fr;
+      }
+      &--c#{&}--with-icon {
+        grid-template-columns: auto 3.5fr 6.5fr;
       }
-    }
 
-    &--layout3 {
-      display: flex;
-      flex-direction: column;
-      padding-left: 0;
+      &__last-column {
+        grid-template-columns: 1fr auto;
+        column-gap: $layout-md-col-gap;
 
-      @media (min-width: map.get($grid-breakpoints, lg)) {
-        flex-direction: row;
-        padding-left: getSpacer(m);
+        &__content-b {
+          flex: 1;
+        }
       }
     }
+  }
 
-    &--layout3a {
-      flex: 0.4;
-    }
+  &--with-icon {
+    @include panel-padding-icon;
+  }
 
-    &--layout3b {
-      flex: 0.55;
-    }
+  &__icon {
+    grid-row: span 3;
 
-    &--layout3c {
-      flex: 0.65;
+    &--no-content {
+      grid-row: span 2;
     }
 
-    &--prioritiseMetaDataInContentB {
-      padding-bottom: getSpacer(s);
-      order: 1;
-
+    &--layout-1,
+    &--layout-2 {
       @media (min-width: map.get($grid-breakpoints, md)) {
-        order: 2;
+        grid-row: span 2;
+        padding-right: getSpacer(2xs);
       }
     }
 
-    &--layout2#{&}--prioritiseMetaDataInContentB {
-      @media (min-width: map.get($grid-breakpoints, md)) {
-        padding-bottom: 0;
-      }
+    @media (min-width: map.get($grid-breakpoints, lg)) {
+      grid-row: span 2;
+      padding-right: getSpacer(2xs);
     }
-    &--layout3#{&}--prioritiseMetaDataInContentB {
+
+    &--layout-3 {
+      grid-row: span 2;
+
       @media (min-width: map.get($grid-breakpoints, lg)) {
-        padding-bottom: 0;
+        grid-row: span 1;
       }
     }
   }
 
+  &__badge {
+    display: inline-block;
+    vertical-align: text-bottom;
+  }
+
   &__btn-container {
     display: flex;
     flex-direction: column;
+    justify-content: flex-end;
 
     &--no-content-b {
       @media (min-width: map.get($grid-breakpoints, lg)) {
-        align-self: flex-end;
         flex-direction: row;
+        grid-column: span 2;
       }
     }
 
-    &--layout3 {
-      display: flex;
-      align-self: initial;
+    &--no-button {
       flex-direction: column;
-
-      @media (min-width: map.get($grid-breakpoints, lg)) {
-        align-self: flex-end;
-      }
-    }
-
-    &--padding-top {
-      padding-top: getSpacer(s);
     }
   }
 
@@ -212,8 +232,6 @@
     }
   }
 
-  // Panel variants
-
   &--fill {
     background-color: $neutral50;
   }
@@ -283,7 +301,6 @@
     cursor: pointer;
   }
 
-  // Panel status
   &--status {
     &::before {
       content: '';
@@ -316,6 +333,23 @@
   }
 }
 
+.title-container {
+  padding-bottom: getSpacer(s);
+
+  &--no-content-a {
+    padding-bottom: 0;
+  }
+
+  &__title {
+    vertical-align: top;
+    display: inline;
+
+    &--badge {
+      padding-right: getSpacer(2xs);
+    }
+  }
+}
+
 .panel-details {
   background-color: $neutral50;
   display: none;
@@ -340,17 +374,14 @@
   &--white {
     background: $white;
   }
-
-  &--with-icon {
-    @include panel-padding-icon;
-  }
 }
 
 .status-message {
   font-size: $font-size-sm;
   color: $cherry500;
   display: flex;
-  margin-bottom: getSpacer(2xs);
+  margin-bottom: getSpacer(2xs) * -1;
+  grid-column: 1 / -1;
 
   span {
     padding-left: 5px;
@@ -363,93 +394,8 @@
   }
 }
 
-.panel-content-a {
-  flex: 1;
-  padding-right: 0;
-
-  @media (min-width: map.get($grid-breakpoints, md)) {
-    padding-right: getSpacer(m);
-  }
-
-  &__title-container {
-    padding-bottom: getSpacer(s);
-  }
-
-  &__title {
-    vertical-align: top;
-    display: inline;
-
-    &--badge {
-      padding-right: getSpacer(2xs);
-    }
-  }
-
-  &--layout3a {
-    flex: 0.6;
-  }
-
-  &--layout3b {
-    flex: 0.45;
-  }
-
-  &--layout3c {
-    flex: 0.35;
-  }
-
-  &--prioritiseMetaDataInContentB {
-    padding-bottom: getSpacer(s);
-
-    @media (min-width: map.get($grid-breakpoints, md)) {
-      padding-bottom: 0;
-    }
-  }
-}
-
-.panel-content-b {
-  flex: 1;
-  padding-top: 0;
-
-  @media (min-width: map.get($grid-breakpoints, lg)) {
-    padding-top: getSpacer(s);
-  }
-
-  &--layout1 {
-    padding-top: getSpacer(s);
-    padding-left: 0;
-
-    @media (min-width: map.get($grid-breakpoints, md)) {
-      padding-right: getSpacer(m);
-    }
-
-    @media (min-width: map.get($grid-breakpoints, lg)) {
-      padding-top: getSpacer(s);
-    }
-  }
-
-  &--layout2 {
-    padding-top: getSpacer(s);
-
-    @media (min-width: map.get($grid-breakpoints, md)) {
-      padding-top: 0;
-    }
-  }
-
-  &--layout3 {
-    padding-top: getSpacer(s);
-
-    @media (min-width: map.get($grid-breakpoints, lg)) {
-      padding-right: getSpacer(m);
-      padding-top: 0;
-    }
-  }
-
-  &--prioritiseMetaDataInContentB {
-    padding-top: 0;
-
-    @media (min-width: map.get($grid-breakpoints, lg)) {
-      padding-top: 0;
-    }
-  }
+.header-container {
+  grid-column: 1 / -1;
 }
 
 .datetime-container {

package/components/Panel/styles.module.scss.d.ts

@@ -1,30 +1,33 @@
 export type Styles = {
   'datetime-container': string;
   'datetime-container__icon': string;
+  'header-container': string;
   panel: string;
   panel__badge: string;
   'panel__btn-container': string;
-  'panel__btn-container--layout3': string;
+  'panel__btn-container--no-button': string;
   'panel__btn-container--no-content-b': string;
-  'panel__btn-container--padding-top': string;
-  panel__container: string;
-  'panel__container--grow': string;
-  'panel__container--layout1': string;
-  'panel__container--layout2': string;
-  'panel__container--layout3': string;
-  'panel__container--prioritiseMetaDataInContentB': string;
-  'panel__content-left--flex': string;
-  'panel__content-right--layout1': string;
-  'panel__content-right--layout2': string;
-  'panel__content-right--layout3': string;
-  'panel__content-right--layout3a': string;
-  'panel__content-right--layout3b': string;
-  'panel__content-right--layout3c': string;
-  'panel__content-right--prioritiseMetaDataInContentB': string;
   'panel__details-btn': string;
   panel__expand: string;
   panel__icon: string;
-  'panel__icon--right': string;
+  'panel__icon--layout-1': string;
+  'panel__icon--layout-2': string;
+  'panel__icon--layout-3': string;
+  'panel__icon--no-content': string;
+  'panel__layout-1': string;
+  'panel__layout-1__content-a': string;
+  'panel__layout-1--with-icon': string;
+  'panel__layout-2': string;
+  'panel__layout-2__content-a': string;
+  'panel__layout-2__last-column': string;
+  'panel__layout-2--with-icon': string;
+  'panel__layout-3': string;
+  'panel__layout-3__last-column': string;
+  'panel__layout-3__last-column__content-b': string;
+  'panel__layout-3--a': string;
+  'panel__layout-3--b': string;
+  'panel__layout-3--c': string;
+  'panel__layout-3--with-icon': string;
   'panel--button': string;
   'panel--clickable': string;
   'panel--draft': string;
@@ -38,27 +41,17 @@ export type Styles = {
   'panel--stroke': string;
   'panel--white': string;
   'panel--with-icon': string;
-  'panel-content-a': string;
-  'panel-content-a__title': string;
-  'panel-content-a__title--badge': string;
-  'panel-content-a__title-container': string;
-  'panel-content-a--layout3a': string;
-  'panel-content-a--layout3b': string;
-  'panel-content-a--layout3c': string;
-  'panel-content-a--prioritiseMetaDataInContentB': string;
-  'panel-content-b': string;
-  'panel-content-b--layout1': string;
-  'panel-content-b--layout2': string;
-  'panel-content-b--layout3': string;
-  'panel-content-b--prioritiseMetaDataInContentB': string;
   'panel-details': string;
   'panel-details--line': string;
   'panel-details--open': string;
   'panel-details--white': string;
-  'panel-details--with-icon': string;
   'panel-wrapper': string;
   'status-message': string;
   'status-message--new': string;
+  'title-container': string;
+  'title-container__title': string;
+  'title-container__title--badge': string;
+  'title-container--no-content-a': string;
 };
 
 export type ClassNames = keyof Styles;

package/components/PanelList/PanelList.js

@@ -3,15 +3,15 @@ import p from "classnames";
 import { AnalyticsId as f } from "../../constants.js";
 import P, { PanelVariant as l } from "../Panel/Panel.js";
 import r from "./styles.module.scss";
-const y = (t) => a.isValidElement(t) && t.type === P, N = a.forwardRef(function(o, i) {
+const u = (t) => a.isValidElement(t) && t.type === P, y = a.forwardRef(function(o, i) {
   const { testId: m, children: d, variant: n = l.fill } = o, c = (e, s) => a.cloneElement(e, {
     variant: n,
     noTopBorder: n === l.line && !s,
     className: p(e.props.className, n !== l.line && r["panel-list__panel"])
   });
-  return /* @__PURE__ */ a.createElement("div", { ref: i, "data-testid": m, className: r["panel-list"], "data-analyticsid": f.PanelList }, a.Children.map(d, (e, s) => y(e) ? c(e, s === 0) : e));
-}), w = N;
+  return /* @__PURE__ */ a.createElement("div", { ref: i, "data-testid": m, className: r["panel-list"], "data-analyticsid": f.PanelList }, a.Children.map(d, (e, s) => u(e) ? c(e, s === 0) : e));
+}), v = y;
 export {
-  w as default
+  v as default
 };
 //# sourceMappingURL=PanelList.js.map

package/components/PanelList/PanelList.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelList.js","sources":["../../../src/components/PanelList/PanelList.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport Panel, { PanelProps, PanelVariant } from '../Panel';\n\nimport styles from './styles.module.scss';\n\ninterface PanelListProps {\n  /** Panels to render inside the PanelList */\n  children?: React.ReactNode;\n  /** Changes the visual representation of the panel. Default: fill */\n  variant?: keyof typeof PanelVariant;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nconst isPanelComponent = (element: {} | null | undefined): element is React.ReactElement<PanelProps> =>\n  React.isValidElement<PanelProps>(element) && (element as React.ReactElement).type === Panel;\n\nconst PanelList = React.forwardRef(function BadgeForwardedRef(props: PanelListProps, ref: React.ForwardedRef<HTMLDivElement>) {\n  const { testId, children, variant = PanelVariant.fill } = props;\n\n  const renderPanel = (panel: React.ReactElement<PanelProps>, firstChild: boolean) =>\n    React.cloneElement(panel, {\n      variant: variant,\n      noTopBorder: variant === PanelVariant.line && !firstChild,\n      className: classNames(panel.props.className, variant !== PanelVariant.line && styles['panel-list__panel']),\n    });\n\n  return (\n    <div ref={ref} data-testid={testId} className={styles['panel-list']} data-analyticsid={AnalyticsId.PanelList}>\n      {React.Children.map(children, (child, index) => (isPanelComponent(child) ? renderPanel(child, index === 0) : child))}\n    </div>\n  );\n});\n\nexport default PanelList;\n"],"names":["isPanelComponent","element","React","Panel","PanelList","props","ref","testId","children","variant","PanelVariant","renderPanel","panel","firstChild","classNames","styles","AnalyticsId","child","index","PanelList$1"],"mappings":";;;;;AAkBA,MAAMA,IAAmB,CAACC,MACxBC,EAAM,eAA2BD,CAAO,KAAMA,EAA+B,SAASE,GAElFC,IAAYF,EAAM,WAAW,SAA2BG,GAAuBC,GAAyC;AAC5H,QAAM,EAAE,QAAAC,GAAQ,UAAAC,GAAU,SAAAC,IAAUC,EAAa,KAAS,IAAAL,GAEpDM,IAAc,CAACC,GAAuCC,MAC1DX,EAAM,aAAaU,GAAO;AAAA,IACxB,SAAAH;AAAA,IACA,aAAaA,MAAYC,EAAa,QAAQ,CAACG;AAAA,IAC/C,WAAWC,EAAWF,EAAM,MAAM,WAAWH,MAAYC,EAAa,QAAQK,EAAO,mBAAmB,CAAC;AAAA,EAAA,CAC1G;AAEH,SACG,gBAAAb,EAAA,cAAA,OAAA,EAAI,KAAAI,GAAU,eAAaC,GAAQ,WAAWQ,EAAO,YAAY,GAAG,oBAAkBC,EAAY,UAAA,GAChGd,EAAM,SAAS,IAAIM,GAAU,CAACS,GAAOC,MAAWlB,EAAiBiB,CAAK,IAAIN,EAAYM,GAAOC,MAAU,CAAC,IAAID,CAAM,CACrH;AAEJ,CAAC,GAEDE,IAAef;"}
+{"version":3,"file":"PanelList.js","sources":["../../../src/components/PanelList/PanelList.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport Panel, { PanelProps, PanelVariant } from '../Panel';\n\nimport styles from './styles.module.scss';\n\ninterface PanelListProps {\n  /** Panels to render inside the PanelList */\n  children?: React.ReactNode;\n  /** Changes the visual representation of the panel. Default: fill */\n  variant?: keyof typeof PanelVariant;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nconst isPanelComponent = (element: {} | null | undefined): element is React.ReactElement<PanelProps> =>\n  React.isValidElement<PanelProps>(element) && (element as React.ReactElement).type === Panel;\n\nconst PanelList = React.forwardRef(function BadgeForwardedRef(props: PanelListProps, ref: React.ForwardedRef<HTMLDivElement>) {\n  const { testId, children, variant = PanelVariant.fill } = props;\n\n  const renderPanel = (panel: React.ReactElement<PanelProps>, firstChild: boolean) =>\n    React.cloneElement(panel, {\n      variant: variant,\n      noTopBorder: variant === PanelVariant.line && !firstChild,\n      className: classNames(panel.props.className, variant !== PanelVariant.line && styles['panel-list__panel']),\n    });\n\n  return (\n    <div ref={ref} data-testid={testId} className={styles['panel-list']} data-analyticsid={AnalyticsId.PanelList}>\n      {React.Children.map(children, (child, index) => (isPanelComponent(child) ? renderPanel(child, index === 0) : child))}\n    </div>\n  );\n});\n\nexport default PanelList;\n"],"names":["isPanelComponent","element","React","Panel","PanelList","props","ref","testId","children","variant","PanelVariant","renderPanel","panel","firstChild","classNames","styles","AnalyticsId","child","index","PanelList$1"],"mappings":";;;;;AAkBA,MAAMA,IAAmB,CAACC,MACxBC,EAAM,eAA2BD,CAAO,KAAMA,EAA+B,SAASE,GAElFC,IAAYF,EAAM,WAAW,SAA2BG,GAAuBC,GAAyC;AAC5H,QAAM,EAAE,QAAAC,GAAQ,UAAAC,GAAU,SAAAC,IAAUC,EAAa,KAAS,IAAAL,GAEpDM,IAAc,CAACC,GAAuCC,MAC1DX,EAAM,aAAaU,GAAO;AAAA,IACxB,SAAAH;AAAA,IACA,aAAaA,MAAYC,EAAa,QAAQ,CAACG;AAAA,IAC/C,WAAWC,EAAWF,EAAM,MAAM,WAAWH,MAAYC,EAAa,QAAQK,EAAO,mBAAmB,CAAC;AAAA,EAAA,CAC1G;AAEH,SACGb,gBAAAA,EAAA,cAAA,OAAA,EAAI,KAAAI,GAAU,eAAaC,GAAQ,WAAWQ,EAAO,YAAY,GAAG,oBAAkBC,EAAY,UAAA,GAChGd,EAAM,SAAS,IAAIM,GAAU,CAACS,GAAOC,MAAWlB,EAAiBiB,CAAK,IAAIN,EAAYM,GAAOC,MAAU,CAAC,IAAID,CAAM,CACrH;AAEJ,CAAC,GAEDE,IAAef;"}

package/components/PopMenu/PopMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopMenu.d.ts","sourceRoot":"","sources":["../../../src/components/PopMenu/PopMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAchD,OAAiB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAKtD,oBAAY,cAAc;IACxB,OAAO,aAAa;IACpB,MAAM,YAAY;IAClB,WAAW,iBAAiB;CAC7B;AAED,MAAM,WAAW,YAAY;IAC3B,2DAA2D;IAC3D,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;IAC5C,kDAAkD;IAClD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,0CAA0C;IAC1C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,yDAAyD;IACzD,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,gEAAgE;IAChE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iEAAiE;IACjE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,sDAAsD;IACtD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yDAAyD;IACzD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,0DAA0D;IAC1D,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAwE1C,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"PopMenu.d.ts","sourceRoot":"","sources":["../../../src/components/PopMenu/PopMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAchD,OAAiB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAKtD,oBAAY,cAAc;IACxB,OAAO,aAAa;IACpB,MAAM,YAAY;IAClB,WAAW,iBAAiB;CAC7B;AAED,MAAM,WAAW,YAAY;IAC3B,2DAA2D;IAC3D,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;IAC5C,kDAAkD;IAClD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,0CAA0C;IAC1C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,yDAAyD;IACzD,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,gEAAgE;IAChE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iEAAiE;IACjE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,sDAAsD;IACtD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yDAAyD;IACzD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,0DAA0D;IAC1D,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA6E1C,CAAC;AAEF,eAAe,OAAO,CAAC"}