@dso-toolkit/core 62.25.0 → 62.27.0

package/dist/collection/components/annotation-button/annotation-button.css

@@ -24,10 +24,10 @@ label.dso-primary {
   display: inline-block;
   font-size: 1em;
   font-weight: 500;
-  margin-bottom: 0;
+  margin-block-end: 0;
   text-decoration: none;
   touch-action: manipulation;
-  text-align: left;
+  text-align: start;
   user-select: none;
   vertical-align: middle;
   background-color: #39870c;
@@ -37,8 +37,9 @@ label.dso-primary {
   border-style: solid;
   border-radius: 4px;
   line-height: 1.5;
-  min-width: 56px;
-  padding: 11px 15px;
+  min-inline-size: 56px;
+  padding-block: 11px;
+  padding-inline: 15px;
 }
 a.dso-primary:focus, a.dso-primary:focus-visible,
 button.dso-primary:focus,
@@ -59,7 +60,7 @@ label.dso-primary.extern::after,
 label.dso-primary.download::after {
   content: "";
   display: inline-block;
-  margin-left: 8px;
+  margin-inline-start: 8px;
 }
 a.dso-primary:hover,
 button.dso-primary:hover,
@@ -101,20 +102,20 @@ label.dso-primary.dso-small svg.di,
 label.dso-primary.dso-small.extern::after,
 label.dso-primary.dso-small.download::after,
 label.dso-primary.dso-small.dso-spinner::before {
-  margin-bottom: -4px;
-  margin-top: -4px;
+  margin-block-end: -4px;
+  margin-block-start: -4px;
 }
 a.dso-primary.dso-small.dso-spinner-left::before,
 button.dso-primary.dso-small.dso-spinner-left::before,
 label.dso-primary.dso-small.dso-spinner-left::before {
-  height: 16px;
-  width: 16px;
+  block-size: 16px;
+  inline-size: 16px;
 }
 a.dso-primary.dso-small.dso-spinner-right::after,
 button.dso-primary.dso-small.dso-spinner-right::after,
 label.dso-primary.dso-small.dso-spinner-right::after {
-  height: 16px;
-  width: 16px;
+  block-size: 16px;
+  inline-size: 16px;
 }
 a.dso-primary dso-icon,
 a.dso-primary svg.di,
@@ -122,8 +123,8 @@ button.dso-primary dso-icon,
 button.dso-primary svg.di,
 label.dso-primary dso-icon,
 label.dso-primary svg.di {
-  margin-left: -8px;
-  margin-right: 8px;
+  margin-inline-start: -8px;
+  margin-inline-end: 8px;
 }
 a.dso-primary span + dso-icon,
 a.dso-primary span + svg.di,
@@ -131,8 +132,8 @@ button.dso-primary span + dso-icon,
 button.dso-primary span + svg.di,
 label.dso-primary span + dso-icon,
 label.dso-primary span + svg.di {
-  margin-left: 8px;
-  margin-right: -8px;
+  margin-inline-start: 8px;
+  margin-inline-end: -8px;
 }
 a.dso-primary.dso-spinner-left[disabled], a.dso-primary.dso-spinner-right[disabled],
 button.dso-primary.dso-spinner-left[disabled],
@@ -150,10 +151,10 @@ label.dso-primary.dso-spinner-left::before {
   background-repeat: no-repeat;
   content: "";
   display: inline-block;
-  height: 24px;
+  block-size: 24px;
   vertical-align: top;
-  width: 24px;
-  margin-right: 8px;
+  inline-size: 24px;
+  margin-inline-end: 8px;
 }
 a.dso-primary.dso-spinner-right::after,
 button.dso-primary.dso-spinner-right::after,
@@ -162,10 +163,10 @@ label.dso-primary.dso-spinner-right::after {
   background-repeat: no-repeat;
   content: "";
   display: inline-block;
-  height: 24px;
+  block-size: 24px;
   vertical-align: top;
-  width: 24px;
-  margin-left: 8px;
+  inline-size: 24px;
+  margin-inline-start: 8px;
 }
 a.dso-primary.download::after,
 button.dso-primary.download::after,
@@ -173,9 +174,9 @@ label.dso-primary.download::after {
   background: url("./dso-icons.svg#img-download-wit") no-repeat;
   background-position: center;
   background-size: cover;
-  height: 24px;
+  block-size: 24px;
   vertical-align: top;
-  width: 24px;
+  inline-size: 24px;
 }
 a.dso-primary.extern::after,
 button.dso-primary.extern::after,
@@ -183,9 +184,9 @@ label.dso-primary.extern::after {
   background: url("./dso-icons.svg#img-external-link-wit") no-repeat;
   background-position: center;
   background-size: cover;
-  height: 24px;
+  block-size: 24px;
   vertical-align: top;
-  width: 24px;
+  inline-size: 24px;
 }
 a.dso-secondary,
 button.dso-secondary,
@@ -193,10 +194,10 @@ label.dso-secondary {
   display: inline-block;
   font-size: 1em;
   font-weight: 500;
-  margin-bottom: 0;
+  margin-block-end: 0;
   text-decoration: none;
   touch-action: manipulation;
-  text-align: left;
+  text-align: start;
   user-select: none;
   vertical-align: middle;
   background-color: #fff;
@@ -206,8 +207,9 @@ label.dso-secondary {
   border-style: solid;
   border-radius: 4px;
   line-height: 1.5;
-  min-width: 56px;
-  padding: 11px 15px;
+  min-inline-size: 56px;
+  padding-block: 11px;
+  padding-inline: 15px;
 }
 a.dso-secondary:focus, a.dso-secondary:focus-visible,
 button.dso-secondary:focus,
@@ -228,7 +230,7 @@ label.dso-secondary.extern::after,
 label.dso-secondary.download::after {
   content: "";
   display: inline-block;
-  margin-left: 8px;
+  margin-inline-start: 8px;
 }
 a.dso-secondary:hover,
 button.dso-secondary:hover,
@@ -270,20 +272,20 @@ label.dso-secondary.dso-small svg.di,
 label.dso-secondary.dso-small.extern::after,
 label.dso-secondary.dso-small.download::after,
 label.dso-secondary.dso-small.dso-spinner::before {
-  margin-bottom: -4px;
-  margin-top: -4px;
+  margin-block-end: -4px;
+  margin-block-start: -4px;
 }
 a.dso-secondary.dso-small.dso-spinner-left::before,
 button.dso-secondary.dso-small.dso-spinner-left::before,
 label.dso-secondary.dso-small.dso-spinner-left::before {
-  height: 16px;
-  width: 16px;
+  block-size: 16px;
+  inline-size: 16px;
 }
 a.dso-secondary.dso-small.dso-spinner-right::after,
 button.dso-secondary.dso-small.dso-spinner-right::after,
 label.dso-secondary.dso-small.dso-spinner-right::after {
-  height: 16px;
-  width: 16px;
+  block-size: 16px;
+  inline-size: 16px;
 }
 a.dso-secondary dso-icon,
 a.dso-secondary svg.di,
@@ -291,8 +293,8 @@ button.dso-secondary dso-icon,
 button.dso-secondary svg.di,
 label.dso-secondary dso-icon,
 label.dso-secondary svg.di {
-  margin-left: -8px;
-  margin-right: 8px;
+  margin-inline-start: -8px;
+  margin-inline-end: 8px;
 }
 a.dso-secondary span + dso-icon,
 a.dso-secondary span + svg.di,
@@ -300,8 +302,8 @@ button.dso-secondary span + dso-icon,
 button.dso-secondary span + svg.di,
 label.dso-secondary span + dso-icon,
 label.dso-secondary span + svg.di {
-  margin-left: 8px;
-  margin-right: -8px;
+  margin-inline-start: 8px;
+  margin-inline-end: -8px;
 }
 a.dso-secondary.dso-spinner-left[disabled], a.dso-secondary.dso-spinner-right[disabled],
 button.dso-secondary.dso-spinner-left[disabled],
@@ -319,10 +321,10 @@ label.dso-secondary.dso-spinner-left::before {
   background-repeat: no-repeat;
   content: "";
   display: inline-block;
-  height: 24px;
+  block-size: 24px;
   vertical-align: top;
-  width: 24px;
-  margin-right: 8px;
+  inline-size: 24px;
+  margin-inline-end: 8px;
 }
 a.dso-secondary.dso-spinner-left:not([disabled]):hover::before,
 button.dso-secondary.dso-spinner-left:not([disabled]):hover::before,
@@ -331,16 +333,16 @@ label.dso-secondary.dso-spinner-left:not([disabled]):hover::before {
   background-repeat: no-repeat;
   content: "";
   display: inline-block;
-  height: 24px;
+  block-size: 24px;
   vertical-align: top;
-  width: 24px;
-  margin-right: 8px;
+  inline-size: 24px;
+  margin-inline-end: 8px;
 }
 a.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before,
 button.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before,
 label.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before {
-  height: 16px;
-  width: 16px;
+  block-size: 16px;
+  inline-size: 16px;
 }
 a.dso-secondary.dso-spinner-right::after,
 button.dso-secondary.dso-spinner-right::after,
@@ -349,10 +351,10 @@ label.dso-secondary.dso-spinner-right::after {
   background-repeat: no-repeat;
   content: "";
   display: inline-block;
-  height: 24px;
+  block-size: 24px;
   vertical-align: top;
-  width: 24px;
-  margin-left: 8px;
+  inline-size: 24px;
+  margin-inline-start: 8px;
 }
 a.dso-secondary.dso-spinner-right:not([disabled]):hover::after,
 button.dso-secondary.dso-spinner-right:not([disabled]):hover::after,
@@ -361,16 +363,16 @@ label.dso-secondary.dso-spinner-right:not([disabled]):hover::after {
   background-repeat: no-repeat;
   content: "";
   display: inline-block;
-  height: 24px;
+  block-size: 24px;
   vertical-align: top;
-  width: 24px;
-  margin-left: 8px;
+  inline-size: 24px;
+  margin-inline-start: 8px;
 }
 a.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after,
 button.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after,
 label.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after {
-  height: 16px;
-  width: 16px;
+  block-size: 16px;
+  inline-size: 16px;
 }
 a.dso-secondary.download::after,
 button.dso-secondary.download::after,
@@ -378,9 +380,9 @@ label.dso-secondary.download::after {
   background: url("./dso-icons.svg#img-download") no-repeat;
   background-position: center;
   background-size: cover;
-  height: 24px;
+  block-size: 24px;
   vertical-align: top;
-  width: 24px;
+  inline-size: 24px;
 }
 a.dso-secondary.download:hover::after,
 button.dso-secondary.download:hover::after,
@@ -398,9 +400,9 @@ label.dso-secondary.extern::after {
   background: url("./dso-icons.svg#img-external-link") no-repeat;
   background-position: center;
   background-size: cover;
-  height: 24px;
+  block-size: 24px;
   vertical-align: top;
-  width: 24px;
+  inline-size: 24px;
 }
 a.dso-secondary.extern:hover::after,
 button.dso-secondary.extern:hover::after,
@@ -418,10 +420,10 @@ label.dso-tertiary {
   display: inline-block;
   font-size: 1em;
   font-weight: 500;
-  margin-bottom: 0;
+  margin-block-end: 0;
   text-decoration: none;
   touch-action: manipulation;
-  text-align: left;
+  text-align: start;
   user-select: none;
   vertical-align: middle;
   border: 0;
@@ -449,7 +451,7 @@ label.dso-tertiary.extern::after,
 label.dso-tertiary.download::after {
   content: "";
   display: inline-block;
-  margin-left: 8px;
+  margin-inline-start: 8px;
 }
 a.dso-tertiary[disabled],
 button.dso-tertiary[disabled],
@@ -479,13 +481,14 @@ a.dso-tertiary.dso-align,
 button.dso-tertiary.dso-align,
 label.dso-tertiary.dso-align {
   line-height: calc(1.5em - 1px);
-  padding: 11px 0;
+  padding-block: 11px;
+  padding-inline: 0;
   position: relative;
 }
 a.dso-tertiary.dso-truncate,
 button.dso-tertiary.dso-truncate,
 label.dso-tertiary.dso-truncate {
-  max-width: 100%;
+  max-inline-size: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -497,10 +500,10 @@ label.dso-tertiary.dso-spinner-left::before {
   background-repeat: no-repeat;
   content: "";
   display: inline-block;
-  height: 24px;
+  block-size: 24px;
   vertical-align: middle;
-  width: 24px;
-  margin-right: 8px;
+  inline-size: 24px;
+  margin-inline-end: 8px;
 }
 a.dso-tertiary.dso-spinner-right::after,
 button.dso-tertiary.dso-spinner-right::after,
@@ -509,10 +512,10 @@ label.dso-tertiary.dso-spinner-right::after {
   background-repeat: no-repeat;
   content: "";
   display: inline-block;
-  height: 24px;
+  block-size: 24px;
   vertical-align: middle;
-  width: 24px;
-  margin-left: 8px;
+  inline-size: 24px;
+  margin-inline-start: 8px;
 }
 a.dso-tertiary dso-icon + span:not(.sr-only),
 a.dso-tertiary svg.di + span:not(.sr-only),
@@ -526,7 +529,7 @@ label.dso-tertiary dso-icon + span:not(.sr-only),
 label.dso-tertiary svg.di + span:not(.sr-only),
 label.dso-tertiary span:not(.sr-only) + dso-icon,
 label.dso-tertiary span:not(.sr-only) + svg.di {
-  margin-left: 8px;
+  margin-inline-start: 8px;
 }
 a.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),
 a.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),
@@ -540,7 +543,7 @@ label.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),
 label.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),
 label.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,
 label.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up {
-  margin-left: 4px;
+  margin-inline-start: 4px;
 }
 a.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),
 a.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),
@@ -566,7 +569,7 @@ label.dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,
 label.dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,
 label.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],
 label.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] {
-  margin-left: 0;
+  margin-inline-start: 0;
 }
 a.dso-tertiary dso-icon,
 a.dso-tertiary svg.di,
@@ -585,7 +588,7 @@ button.dso-tertiary.download::after,
 label.dso-tertiary.extern::after,
 label.dso-tertiary.download::after {
   position: relative;
-  top: -2px;
+  inset-block-start: -2px;
 }
 a.dso-tertiary.download::after,
 button.dso-tertiary.download::after,
@@ -593,9 +596,9 @@ label.dso-tertiary.download::after {
   background: url("./dso-icons.svg#img-download") no-repeat;
   background-position: center;
   background-size: cover;
-  height: 24px;
+  block-size: 24px;
   vertical-align: top;
-  width: 24px;
+  inline-size: 24px;
 }
 a.dso-tertiary.download[disabled]::after,
 button.dso-tertiary.download[disabled]::after,
@@ -615,9 +618,9 @@ label.dso-tertiary.extern::after {
   background: url("./dso-icons.svg#img-external-link") no-repeat;
   background-position: center;
   background-size: cover;
-  height: 24px;
+  block-size: 24px;
   vertical-align: top;
-  width: 24px;
+  inline-size: 24px;
 }
 a.dso-tertiary.extern[disabled]::after,
 button.dso-tertiary.extern[disabled]::after,
@@ -663,7 +666,7 @@ a.dso-tertiary, a.dso-tertiary:visited {
 .dso-tertiary + .dso-primary,
 .dso-tertiary + .dso-secondary,
 .dso-tertiary + .dso-tertiary {
-  margin-left: 16px;
+  margin-inline-start: 16px;
 }
 
 dso-annotation-button {

package/dist/collection/components/annotation-output/annotation-output.css

@@ -7,21 +7,21 @@ dso-annotation-output {
   background-color: #f2f2f2;
   clear: both;
   display: flex;
-  margin-bottom: 2px;
-  margin-top: 8px;
-  padding-left: 16px;
-  padding-right: 8px;
-  padding-top: 8px;
-  padding-bottom: 8px;
+  margin-block-end: 2px;
+  margin-block-start: 8px;
+  padding-inline-start: 16px;
+  padding-inline-end: 8px;
+  padding-block-start: 8px;
+  padding-block-end: 8px;
 }
 .dso-annotation-header > [slot=title] {
   color: #000;
   font-size: 1.25rem;
-  margin-bottom: 0;
-  margin-top: 0;
+  margin-block-end: 0;
+  margin-block-start: 0;
 }
 .dso-annotation-header > :nth-child(2) {
-  margin-left: auto;
+  margin-inline-start: auto;
 }
 
 dso-responsive-element[small] .dso-annotation-header,
@@ -38,13 +38,13 @@ dso-responsive-element[small] .dso-annotation-header *[slot=addons],
 dso-responsive-element[medium] .dso-annotation-header *[slot=addons] {
   grid-row: 2;
   grid-column: 1;
-  margin-left: initial;
+  margin-inline-start: initial;
 }
 dso-responsive-element[small] .dso-annotation-header .dso-annotation-close-button,
 dso-responsive-element[medium] .dso-annotation-header .dso-annotation-close-button {
   grid-row: 1;
   grid-column: 2;
-  margin-left: 8px;
+  margin-inline-start: 8px;
   text-align: end;
 }
 
@@ -55,10 +55,10 @@ dso-responsive-element[medium] .dso-annotation-header .dso-annotation-close-butt
   background-color: #f2f2f2;
   border-color: #f2f2f2;
   color: #191919;
-  padding-left: 16px;
-  padding-right: 8px;
-  padding-top: 8px;
-  padding-bottom: 8px;
+  padding-inline-start: 16px;
+  padding-inline-end: 8px;
+  padding-block-start: 8px;
+  padding-block-end: 8px;
 }
 .dso-annotation-content a:is(.download, .download:hover, .download:focus-visible) {
   background-image: url("./dso-icons.svg#img-download-zwart");
@@ -74,7 +74,7 @@ dso-responsive-element[medium] .dso-annotation-header .dso-annotation-close-butt
 }
 
 .dso-annotation-close-button {
-  margin-left: 32px;
+  margin-inline-start: 32px;
 }
 
 .dso-annotation-prefix {

package/dist/collection/components/attachments-counter/attachments-counter.css

@@ -10,8 +10,8 @@
 
 .sr-only {
   position: absolute;
-  width: 1px;
-  height: 1px;
+  inline-size: 1px;
+  block-size: 1px;
   padding: 0;
   margin: -1px;
   overflow: hidden;

package/dist/collection/components/attachments-counter/attachments-counter.js

@@ -4,7 +4,7 @@ export class AttachmentsCounter {
         this.count = undefined;
     }
     render() {
-        return (h("span", { key: '54b3a9b513d57c2ee0aa40d654e365445affd021', class: "dso-attachments" }, this.count, " ", h("span", { key: 'ca1ae3ac9b052e1e4aba77487aa82c91c1d8577c', class: "sr-only" }, "bijlage", this.count !== 1 ? "n" : ""), h("dso-icon", { key: '234da788bfb62fce6fa08f6d99fd0fc7a863b5f8', icon: "paperclip" })));
+        return (h("span", { key: '6c0172efe12b76d30a79941c0de5354e6fba5d13', class: "dso-attachments" }, this.count, " ", h("span", { key: '098cc1c6e75dbce12fe21911001f245230520ad5', class: "sr-only" }, "bijlage", this.count !== 1 ? "n" : ""), h("dso-icon", { key: 'aafb92bb71efa0b7ee151c7f2b330586cc31bcda', icon: "paperclip" })));
     }
     static get is() { return "dso-attachments-counter"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/autosuggest/autosuggest.css

@@ -11,24 +11,28 @@ ul,
   border-radius: 4px;
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
   list-style-type: none;
-  margin-top: 2px;
-  padding: 4px 0;
+  margin-block-start: 2px;
+  padding-block: 4px;
+  padding-inline: 0;
   position: absolute;
-  left: 0;
-  right: 0;
-  top: 100%;
+  inset-inline-start: 0;
+  inset-inline-end: 0;
+  inset-block-start: 100%;
   z-index: 200;
 }
 
 .autosuggest-progress-box {
-  padding: 12px 8px;
+  padding-block: 12px;
+  padding-inline: 8px;
 }
 
 ul {
-  padding: 8px 0;
+  padding-block: 8px;
+  padding-inline: 0;
 }
 ul li {
-  padding: 4px 16px;
+  padding-block: 4px;
+  padding-inline: 16px;
 }
 ul li .suggestion-row {
   display: flex;

package/dist/collection/components/autosuggest/autosuggest.js

@@ -283,7 +283,7 @@ export class Autosuggest {
         }, []);
     }
     render() {
-        return (h(Fragment, null, h("slot", { key: '35cf8591164d444dfb2728da5f638ecae1c223a0' }), this.loading && this.showLoading ? (h("div", { class: "autosuggest-progress-box" }, h("dso-progress-indicator", { label: this.loadingLabel }))) : (h("ul", { role: "listbox", "aria-live": "polite", id: this.listboxId, "aria-labelledby": this.labelId, ref: (element) => (this.listbox = element), hidden: !this.showSuggestions && !this.notFound }, (this.showSuggestions &&
+        return (h(Fragment, null, h("slot", { key: '25902d545f68c0bc90c42e9fb768e080c1c8a891' }), this.loading && this.showLoading ? (h("div", { class: "autosuggest-progress-box" }, h("dso-progress-indicator", { label: this.loadingLabel }))) : (h("ul", { role: "listbox", "aria-live": "polite", id: this.listboxId, "aria-labelledby": this.labelId, ref: (element) => (this.listbox = element), hidden: !this.showSuggestions && !this.notFound }, (this.showSuggestions &&
             this.suggestions &&
             this.suggestions.map((suggestion) => (h("li", { role: "option", id: this.listboxItemId(suggestion), key: suggestion.value, onMouseEnter: () => this.selectSuggestion(suggestion), onMouseLeave: () => this.resetSelectedSuggestion(), onClick: () => this.pickSelectedValue(), "aria-selected": (suggestion === this.selectedSuggestion).toString(), "aria-label": suggestion.value }, h("div", { class: "suggestion-row" }, h("span", { class: "value" }, this.handleMark(suggestion, suggestion.value, "value")), suggestion.type ? (h("span", { class: "type" }, this.handleMark(suggestion, suggestion.type, "type"))) : undefined), suggestion.extras &&
                 this.getChunkedExtras(suggestion.extras).map((chunk, index) => (h("div", { class: "suggestion-row" }, chunk.map((c, i) => (h("span", { class: "extra" }, this.handleMark(suggestion, c, "extra", index * 2 + i))))))))))) ||

package/dist/collection/components/badge/badge.css

@@ -10,8 +10,8 @@
 
 .sr-only {
   position: absolute;
-  width: 1px;
-  height: 1px;
+  inline-size: 1px;
+  block-size: 1px;
   padding: 0;
   margin: -1px;
   overflow: hidden;
@@ -25,8 +25,9 @@
   display: inline-block;
   font-size: 0.875em;
   line-height: 1;
-  min-width: 1.5rem;
-  padding: 4px 8px;
+  min-inline-size: 1.5rem;
+  padding-block: 4px;
+  padding-inline: 8px;
   text-align: center;
 }
 .dso-badge {

package/dist/collection/components/badge/badge.interfaces.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=badge.interfaces.js.map

package/dist/collection/components/badge/badge.interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.interfaces.js","sourceRoot":"","sources":["../../../../src/components/badge/badge.interfaces.ts"],"names":[],"mappings":"","sourcesContent":["export type BadgeStatus = \"primary\" | \"success\" | \"info\" | \"warning\" | \"danger\" | \"error\" | \"outline\" | \"attention\";\r\n"]}

package/dist/collection/components/badge/badge.js

@@ -5,7 +5,7 @@ export class Badge {
         this.status = undefined;
     }
     render() {
-        return (h("span", { key: 'fd6c32075509a81c31f1e21afab9de5aa7e38039', class: clsx("dso-badge", { [`badge-${this.status}`]: this.status }) }, h("slot", { key: 'ad352b0cfe534421fd566277b54c31c2bcaabcf9' })));
+        return (h("span", { key: '915074c0cc5bbbc08128dfd4a421c6bcde03b28c', class: clsx("dso-badge", { [`badge-${this.status}`]: this.status }) }, h("slot", { key: '9c2de7dabf46af1b6619dc36e8022322c1e59803' })));
     }
     static get is() { return "dso-badge"; }
     static get encapsulation() { return "shadow"; }
@@ -25,9 +25,15 @@ export class Badge {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "\"primary\" | \"success\" | \"info\" | \"warning\" | \"danger\" | \"error\" | \"outline\" | \"attention\"",
+                    "original": "BadgeStatus",
                     "resolved": "\"attention\" | \"danger\" | \"error\" | \"info\" | \"outline\" | \"primary\" | \"success\" | \"warning\" | undefined",
-                    "references": {}
+                    "references": {
+                        "BadgeStatus": {
+                            "location": "import",
+                            "path": "./badge.interfaces",
+                            "id": "src/components/badge/badge.interfaces.ts::BadgeStatus"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": true,

package/dist/collection/components/badge/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,OAAO,KAAK;;;;IAOhB,MAAM;QACJ,OAAO,CACL,6DAAM,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC,SAAS,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC;YACvE,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\n\r\n@Component({\r\n  tag: \"dso-badge\",\r\n  styleUrl: \"badge.scss\",\r\n  shadow: true,\r\n})\r\nexport class Badge {\r\n  /**\r\n   * The status of the Badge.\r\n   */\r\n  @Prop()\r\n  status?: \"primary\" | \"success\" | \"info\" | \"warning\" | \"danger\" | \"error\" | \"outline\" | \"attention\";\r\n\r\n  render() {\r\n    return (\r\n      <span class={clsx(\"dso-badge\", { [`badge-${this.status}`]: this.status })}>\r\n        <slot></slot>\r\n      </span>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,IAAI,MAAM,MAAM,CAAC;AAQxB,MAAM,OAAO,KAAK;;;;IAOhB,MAAM;QACJ,OAAO,CACL,6DAAM,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC,SAAS,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC;YACvE,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\nimport { BadgeStatus } from \"./badge.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-badge\",\r\n  styleUrl: \"badge.scss\",\r\n  shadow: true,\r\n})\r\nexport class Badge {\r\n  /**\r\n   * The status of the Badge.\r\n   */\r\n  @Prop()\r\n  status?: BadgeStatus;\r\n\r\n  render() {\r\n    return (\r\n      <span class={clsx(\"dso-badge\", { [`badge-${this.status}`]: this.status })}>\r\n        <slot></slot>\r\n      </span>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/banner/banner.css

@@ -9,9 +9,11 @@
 }
 
 .dso-banner {
-  padding: 16px 0;
+  padding-block: 16px;
+  padding-inline: 0;
   position: relative;
 }
 .dso-banner.dso-compact {
-  padding: 12px 0;
+  padding-block: 12px;
+  padding-inline: 0;
 }

package/dist/collection/components/banner/banner.js

@@ -7,9 +7,9 @@ export class Banner {
         this.noIcon = true;
     }
     render() {
-        return (h("section", { key: 'b8ca330b6db6505cf178f85cf8f970012b13585d', class: clsx("dso-banner", `alert-${this.status}`, {
+        return (h("section", { key: '7b598c5ca499588cfeb894d65864f28adc552c71', class: clsx("dso-banner", `alert-${this.status}`, {
                 "dso-compact": this.compact,
-            }), role: "alert" }, h("slot", { key: 'f759d4207e830eb6a420d660b2a40775df7a0573' })));
+            }), role: "alert" }, h("slot", { key: '4ecf1e6d785c3b006a7042245c3f6ae8511a47ad' })));
     }
     static get is() { return "dso-banner"; }
     static get encapsulation() { return "shadow"; }