@uh-design-system/component-library 1.6.0 → 1.7.0-rc.0

package/dist/collection/components/01-base-components/ds-text-area/ds-text-area.css

@@ -4,15 +4,15 @@
   display: block;
 }
 
-:host(.ds-text-area__WN0Emr__host) {
+:host(.ds-text-area__oJU1eo__host) {
   display: inline-block;
 }
 
-:host(.ds-text-area__WN0Emr__host--full-width) {
+:host(.ds-text-area__oJU1eo__host--full-width) {
   width: 100%;
 }
 
-.ds-text-area__WN0Emr {
+.ds-text-area__oJU1eo {
   all: initial;
   display: revert;
   box-sizing: border-box;
@@ -20,26 +20,26 @@
   font-size: var(--ds-fontSize-16);
   display: block;
 }
-.ds-text-area__WN0Emr__field-wrapper {
+.ds-text-area__oJU1eo__field-wrapper {
   display: inline-grid;
   grid-template-columns: min-content;
 }
-.ds-text-area__WN0Emr__field-wrapper--full-width {
+.ds-text-area__oJU1eo__field-wrapper--full-width {
   display: grid;
   width: 100%;
   grid-template-columns: 1fr;
 }
-.ds-text-area__WN0Emr__container:focus-visible {
+.ds-text-area__oJU1eo__container:focus-visible {
   box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);
   outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);
   outline-offset: calc(var(--ds-borderWidth-thin) * 1);
 }
-.ds-text-area__WN0Emr__container:focus-within {
+.ds-text-area__oJU1eo__container:focus-within {
   box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);
   outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);
   outline-offset: calc(var(--ds-borderWidth-thin) * 1);
 }
-.ds-text-area__WN0Emr__container {
+.ds-text-area__oJU1eo__container {
   box-sizing: border-box;
   display: inline-flex;
   position: relative;
@@ -49,76 +49,76 @@
   border-color: var(--ds-borderColor-default);
   padding: 0;
 }
-.ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--invalid {
+.ds-text-area__oJU1eo__container.ds-text-area__oJU1eo__container--invalid {
   background-color: var(--ds-bgColor-danger);
   border-color: var(--ds-borderColor-danger);
 }
-.ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--invalid:hover:not(.ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--invalid:focus-within) {
+.ds-text-area__oJU1eo__container.ds-text-area__oJU1eo__container--invalid:hover:not(.ds-text-area__oJU1eo__container.ds-text-area__oJU1eo__container--invalid:focus-within) {
   background-color: var(--ds-bgColor-danger-hover);
   border-color: var(--ds-borderColor-danger);
 }
-.ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--invalid.ds-text-area__WN0Emr__container--active {
+.ds-text-area__oJU1eo__container.ds-text-area__oJU1eo__container--invalid.ds-text-area__oJU1eo__container--active {
   background-color: var(--ds-bgColor-danger-active);
   border-color: var(--ds-borderColor-danger);
 }
-.ds-text-area__WN0Emr__container--valid {
+.ds-text-area__oJU1eo__container--valid {
   background-color: var(--ds-bgColor-success);
   border-color: var(--ds-borderColor-success);
 }
-.ds-text-area__WN0Emr__container--valid:hover:not(.ds-text-area__WN0Emr__container--valid:focus-within) {
+.ds-text-area__oJU1eo__container--valid:hover:not(.ds-text-area__oJU1eo__container--valid:focus-within) {
   background-color: var(--ds-bgColor-success-hover);
   border-color: var(--ds-borderColor-success);
 }
-.ds-text-area__WN0Emr__container--valid.ds-text-area__WN0Emr__container--active {
+.ds-text-area__oJU1eo__container--valid.ds-text-area__oJU1eo__container--active {
   background-color: var(--ds-bgColor-success-active);
   border-color: var(--ds-borderColor-success);
 }
-.ds-text-area__WN0Emr__container--readonly, .ds-text-area__WN0Emr__container--disabled {
+.ds-text-area__oJU1eo__container--readonly, .ds-text-area__oJU1eo__container--disabled {
   background-color: var(--ds-bgColor-disabled-onLight);
   border-color: var(--ds-borderColor-disabled-onLight);
 }
-.ds-text-area__WN0Emr__container:focus-within:not(.ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--invalid, .ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--valid, .ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--readonly) {
+.ds-text-area__oJU1eo__container:focus-within:not(.ds-text-area__oJU1eo__container.ds-text-area__oJU1eo__container--invalid, .ds-text-area__oJU1eo__container.ds-text-area__oJU1eo__container--valid, .ds-text-area__oJU1eo__container.ds-text-area__oJU1eo__container--readonly) {
   border-color: var(--ds-borderColor-primary);
 }
-.ds-text-area__WN0Emr__container:hover:not(.ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--disabled, .ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--readonly, .ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--active, .ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--invalid, .ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--valid, .ds-text-area__WN0Emr__container:focus-within) {
+.ds-text-area__oJU1eo__container:hover:not(.ds-text-area__oJU1eo__container.ds-text-area__oJU1eo__container--disabled, .ds-text-area__oJU1eo__container.ds-text-area__oJU1eo__container--readonly, .ds-text-area__oJU1eo__container.ds-text-area__oJU1eo__container--active, .ds-text-area__oJU1eo__container.ds-text-area__oJU1eo__container--invalid, .ds-text-area__oJU1eo__container.ds-text-area__oJU1eo__container--valid, .ds-text-area__oJU1eo__container:focus-within) {
   border-color: var(--ds-borderColor-default);
   background-color: var(--ds-bgColor-white-hover);
 }
-.ds-text-area__WN0Emr__container.active:not(.ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--disabled, .ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--readonly, .ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--invalid, .ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--valid) {
+.ds-text-area__oJU1eo__container.active:not(.ds-text-area__oJU1eo__container.ds-text-area__oJU1eo__container--disabled, .ds-text-area__oJU1eo__container.ds-text-area__oJU1eo__container--readonly, .ds-text-area__oJU1eo__container.ds-text-area__oJU1eo__container--invalid, .ds-text-area__oJU1eo__container.ds-text-area__oJU1eo__container--valid) {
   border-color: var(--ds-borderColor-default);
   background-color: var(--ds-bgColor-white-active);
 }
-.ds-text-area__WN0Emr__container--full-width {
+.ds-text-area__oJU1eo__container--full-width {
   width: 100%;
 }
-.ds-text-area__WN0Emr__external-button {
+.ds-text-area__oJU1eo__external-button {
   margin-inline-start: var(--ds-spacing-xSmall);
   align-self: flex-start;
 }
-.ds-text-area__WN0Emr .ds-text-area__WN0Emr ::slotted([slot=suffix]) {
+.ds-text-area__oJU1eo .ds-text-area__oJU1eo ::slotted([slot=suffix]) {
   margin-inline-start: var(--ds-spacing-xSmall);
   align-self: flex-start;
 }
-.ds-text-area__WN0Emr__validity-container {
+.ds-text-area__oJU1eo__validity-container {
   align-items: center;
   font-size: var(--ds-fontSize-14);
 }
-.ds-text-area__WN0Emr__validity-container--has-character-limit {
+.ds-text-area__oJU1eo__validity-container--has-character-limit {
   display: flex;
   gap: var(--ds-spacing-small);
   justify-content: space-between;
 }
-.ds-text-area__WN0Emr__character-count {
+.ds-text-area__oJU1eo__character-count {
   margin-top: var(--ds-spacing-2xSmall);
 }
-.ds-text-area__WN0Emr__character-count--over-limit {
+.ds-text-area__oJU1eo__character-count--over-limit {
   color: var(--ds-textColor-danger);
 }
-.ds-text-area__WN0Emr .ds-text-area__WN0Emr__character-count > small {
+.ds-text-area__oJU1eo .ds-text-area__oJU1eo__character-count > small {
   display: inline-block;
   font-size: inherit;
 }
-.ds-text-area__WN0Emr__textarea {
+.ds-text-area__oJU1eo__textarea {
   font-family: var(--ds-fontFamily-body);
   font-size: var(--ds-fontSize-16);
   font-weight: var(--ds-fontWeight-regular);
@@ -133,7 +133,7 @@
   border: none;
   padding: var(--ds-spacing-2xSmall);
 }
-.ds-text-area__WN0Emr__textarea::placeholder {
+.ds-text-area__oJU1eo__textarea::placeholder {
   font-family: var(--ds-fontFamily-body);
   font-size: var(--ds-fontSize-16);
   font-weight: var(--ds-fontWeight-regular);
@@ -141,32 +141,32 @@
   line-height: var(--ds-lineHeight-large);
   color: var(--ds-textColor-secondary);
 }
-.ds-text-area__WN0Emr__textarea:disabled {
+.ds-text-area__oJU1eo__textarea:disabled {
   color: var(--ds-textColor-disabled-onLight);
   cursor: not-allowed;
 }
-.ds-text-area__WN0Emr__textarea:disabled::placeholder {
+.ds-text-area__oJU1eo__textarea:disabled::placeholder {
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-text-area__WN0Emr__textarea:focus {
+.ds-text-area__oJU1eo__textarea:focus {
   outline: none;
   border: none;
 }
-.ds-text-area__WN0Emr__textarea--resize-both {
+.ds-text-area__oJU1eo__textarea--resize-both {
   resize: both;
 }
-.ds-text-area__WN0Emr__textarea--resize-auto, .ds-text-area__WN0Emr__textarea--resize-none {
+.ds-text-area__oJU1eo__textarea--resize-auto, .ds-text-area__oJU1eo__textarea--resize-none {
   resize: none;
 }
-.ds-text-area__WN0Emr__textarea--resize-auto {
+.ds-text-area__oJU1eo__textarea--resize-auto {
   overflow: hidden;
 }
-.ds-text-area__WN0Emr__textarea--resize-vertical {
+.ds-text-area__oJU1eo__textarea--resize-vertical {
   resize: vertical;
 }
-.ds-text-area__WN0Emr__textarea--resize-horizontal {
+.ds-text-area__oJU1eo__textarea--resize-horizontal {
   resize: horizontal;
 }
-.ds-text-area__WN0Emr__textarea--full-width {
+.ds-text-area__oJU1eo__textarea--full-width {
   width: 100%;
 }

package/dist/collection/components/01-base-components/ds-text-input/ds-text-input.css

@@ -8,20 +8,20 @@
   display: block;
 }
 
-:host(.ds-text-input__WN0Emr__host) {
+:host(.ds-text-input__oJU1eo__host) {
   width: 288px;
 }
 @media (min-width: 75rem) {
-  :host(.ds-text-input__WN0Emr__host) {
+  :host(.ds-text-input__oJU1eo__host) {
     width: 320px;
   }
 }
 
-:host(.ds-text-input__WN0Emr__host--full-width) {
+:host(.ds-text-input__oJU1eo__host--full-width) {
   width: 100%;
 }
 
-.ds-text-input__WN0Emr {
+.ds-text-input__oJU1eo {
   all: initial;
   display: revert;
   box-sizing: border-box;
@@ -29,10 +29,10 @@
   font-size: var(--ds-fontSize-16);
   display: block;
 }
-.ds-text-input__WN0Emr__label-container {
+.ds-text-input__oJU1eo__label-container {
   margin-block-end: var(--ds-spacing-2xSmall);
 }
-.ds-text-input__WN0Emr__label-container label {
+.ds-text-input__oJU1eo__label-container label {
   font-family: var(--ds-fontFamily-body);
   font-size: var(--ds-fontSize-16);
   font-weight: var(--ds-fontWeight-semibold);
@@ -40,7 +40,7 @@
   line-height: var(--ds-lineHeight-large);
   color: var(--ds-textColor-default);
 }
-.ds-text-input__WN0Emr__label-container small {
+.ds-text-input__oJU1eo__label-container small {
   font-family: var(--ds-fontFamily-body);
   font-size: var(--ds-fontSize-14);
   font-weight: var(--ds-fontWeight-regular);
@@ -50,7 +50,7 @@
   margin-block-start: var(--ds-spacing-3xSmall);
   color: var(--ds-textColor-secondary);
 }
-.ds-text-input__WN0Emr__container {
+.ds-text-input__oJU1eo__container {
   box-sizing: border-box;
   width: 100%;
   display: inline-flex;
@@ -62,63 +62,63 @@
   border-color: var(--ds-borderColor-default);
   padding-inline: var(--ds-spacing-xSmall);
 }
-.ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--invalid {
+.ds-text-input__oJU1eo__container.ds-text-input__oJU1eo__container--invalid {
   background-color: var(--ds-bgColor-danger);
   border-color: var(--ds-borderColor-danger);
 }
-.ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--invalid:hover:not(.ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--invalid:focus-within) {
+.ds-text-input__oJU1eo__container.ds-text-input__oJU1eo__container--invalid:hover:not(.ds-text-input__oJU1eo__container.ds-text-input__oJU1eo__container--invalid:focus-within) {
   background-color: var(--ds-bgColor-danger-hover);
   border-color: var(--ds-borderColor-danger);
 }
-.ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--invalid.ds-text-input__WN0Emr__container--active {
+.ds-text-input__oJU1eo__container.ds-text-input__oJU1eo__container--invalid.ds-text-input__oJU1eo__container--active {
   background-color: var(--ds-bgColor-danger-active);
   border-color: var(--ds-borderColor-danger);
 }
-.ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--valid {
+.ds-text-input__oJU1eo__container.ds-text-input__oJU1eo__container--valid {
   background-color: var(--ds-bgColor-success);
   border-color: var(--ds-borderColor-success);
 }
-.ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--valid:hover:not(.ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--valid:focus-within) {
+.ds-text-input__oJU1eo__container.ds-text-input__oJU1eo__container--valid:hover:not(.ds-text-input__oJU1eo__container.ds-text-input__oJU1eo__container--valid:focus-within) {
   background-color: var(--ds-bgColor-success-hover);
   border-color: var(--ds-borderColor-success);
 }
-.ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--valid .ds-text-input__WN0Emr__container--active {
+.ds-text-input__oJU1eo__container.ds-text-input__oJU1eo__container--valid .ds-text-input__oJU1eo__container--active {
   background-color: var(--ds-bgColor-success-active);
   border-color: var(--ds-borderColor-success);
 }
-.ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--readonly, .ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--disabled {
+.ds-text-input__oJU1eo__container.ds-text-input__oJU1eo__container--readonly, .ds-text-input__oJU1eo__container.ds-text-input__oJU1eo__container--disabled {
   background-color: var(--ds-bgColor-disabled-onLight);
   border-color: var(--ds-borderColor-disabled-onLight);
 }
-.ds-text-input__WN0Emr__container:has(span.ds-text-input__WN0Emr__prefix, .ds-text-input__WN0Emr__icon) {
+.ds-text-input__oJU1eo__container:has(span.ds-text-input__oJU1eo__prefix, .ds-text-input__oJU1eo__icon) {
   padding-inline-start: var(--ds-spacing-2xSmall);
 }
-.ds-text-input__WN0Emr__container:has(.ds-text-input__WN0Emr__button) {
+.ds-text-input__oJU1eo__container:has(.ds-text-input__oJU1eo__button) {
   padding-inline-end: unset;
 }
-.ds-text-input__WN0Emr__container:has(input:active):not:has(input:disabled, input:read-only) {
+.ds-text-input__oJU1eo__container:has(input:active):not:has(input:disabled, input:read-only) {
   border-color: var(--ds-borderColor-default);
 }
-.ds-text-input__WN0Emr__container:has(input:active) {
+.ds-text-input__oJU1eo__container:has(input:active) {
   outline: none;
 }
-.ds-text-input__WN0Emr__container.active:not(.ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--disabled, .ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--readonly, .ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--invalid, .ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--valid) {
+.ds-text-input__oJU1eo__container.active:not(.ds-text-input__oJU1eo__container.ds-text-input__oJU1eo__container--disabled, .ds-text-input__oJU1eo__container.ds-text-input__oJU1eo__container--readonly, .ds-text-input__oJU1eo__container.ds-text-input__oJU1eo__container--invalid, .ds-text-input__oJU1eo__container.ds-text-input__oJU1eo__container--valid) {
   border-color: var(--ds-borderColor-default);
   background-color: var(--ds-bgColor-white-active);
 }
-.ds-text-input__WN0Emr__container:hover:not(.ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--disabled, .ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--readonly, .ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--active, .ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--invalid, .ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--valid, .ds-text-input__WN0Emr__container:focus-within) {
+.ds-text-input__oJU1eo__container:hover:not(.ds-text-input__oJU1eo__container.ds-text-input__oJU1eo__container--disabled, .ds-text-input__oJU1eo__container.ds-text-input__oJU1eo__container--readonly, .ds-text-input__oJU1eo__container.ds-text-input__oJU1eo__container--active, .ds-text-input__oJU1eo__container.ds-text-input__oJU1eo__container--invalid, .ds-text-input__oJU1eo__container.ds-text-input__oJU1eo__container--valid, .ds-text-input__oJU1eo__container:focus-within) {
   border-color: var(--ds-borderColor-default);
   background-color: var(--ds-bgColor-white-hover);
 }
-.ds-text-input__WN0Emr__container:has(> input:focus) {
+.ds-text-input__oJU1eo__container:has(> input:focus) {
   box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);
   outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);
   outline-offset: calc(var(--ds-borderWidth-thin) * 1);
 }
-.ds-text-input__WN0Emr__container:has(> input:focus):not(.ds-text-input__WN0Emr__container:has(> input:focus).ds-text-input__WN0Emr__container--invalid, .ds-text-input__WN0Emr__container:has(> input:focus).ds-text-input__WN0Emr__container--valid, .ds-text-input__WN0Emr__container:has(> input:focus).ds-text-input__WN0Emr__container--readonly) {
+.ds-text-input__oJU1eo__container:has(> input:focus):not(.ds-text-input__oJU1eo__container:has(> input:focus).ds-text-input__oJU1eo__container--invalid, .ds-text-input__oJU1eo__container:has(> input:focus).ds-text-input__oJU1eo__container--valid, .ds-text-input__oJU1eo__container:has(> input:focus).ds-text-input__oJU1eo__container--readonly) {
   border-color: var(--ds-borderColor-primary);
 }
-.ds-text-input__WN0Emr__container > input {
+.ds-text-input__oJU1eo__container > input {
   font-family: var(--ds-fontFamily-body);
   font-size: var(--ds-fontSize-16);
   font-weight: var(--ds-fontWeight-regular);
@@ -135,7 +135,7 @@
   padding-block: var(--ds-spacing-4xSmall);
   padding-inline: 0;
 }
-.ds-text-input__WN0Emr__container > input::placeholder {
+.ds-text-input__oJU1eo__container > input::placeholder {
   font-family: var(--ds-fontFamily-body);
   font-size: var(--ds-fontSize-16);
   font-weight: var(--ds-fontWeight-regular);
@@ -143,38 +143,38 @@
   line-height: var(--ds-lineHeight-large);
   color: var(--ds-textColor-secondary);
 }
-.ds-text-input__WN0Emr__container > input:disabled {
+.ds-text-input__oJU1eo__container > input:disabled {
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-text-input__WN0Emr__container > input:disabled::placeholder {
+.ds-text-input__oJU1eo__container > input:disabled::placeholder {
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-text-input__WN0Emr__container > input:focus {
+.ds-text-input__oJU1eo__container > input:focus {
   outline: none;
   border: none;
 }
-.ds-text-input__WN0Emr__container > input[type=number] {
+.ds-text-input__oJU1eo__container > input[type=number] {
   appearance: textfield;
 }
-.ds-text-input__WN0Emr__container > input::-webkit-search-decoration, .ds-text-input__WN0Emr__container > input::-webkit-search-cancel-button, .ds-text-input__WN0Emr__container > input::-webkit-search-results-button, .ds-text-input__WN0Emr__container > input::-webkit-search-results-decoration, .ds-text-input__WN0Emr__container > input::-webkit-inner-spin-button, .ds-text-input__WN0Emr__container > input::-webkit-outer-spin-button {
+.ds-text-input__oJU1eo__container > input::-webkit-search-decoration, .ds-text-input__oJU1eo__container > input::-webkit-search-cancel-button, .ds-text-input__oJU1eo__container > input::-webkit-search-results-button, .ds-text-input__oJU1eo__container > input::-webkit-search-results-decoration, .ds-text-input__oJU1eo__container > input::-webkit-inner-spin-button, .ds-text-input__oJU1eo__container > input::-webkit-outer-spin-button {
   appearance: none;
   margin: 0;
 }
-.ds-text-input__WN0Emr__container:has(span.ds-text-input__WN0Emr__prefix, .ds-text-input__WN0Emr__icon) > input {
+.ds-text-input__oJU1eo__container:has(span.ds-text-input__oJU1eo__prefix, .ds-text-input__oJU1eo__icon) > input {
   padding-inline-start: var(--ds-spacing-2xSmall);
 }
-.ds-text-input__WN0Emr__container span.ds-text-input__WN0Emr__prefix, .ds-text-input__WN0Emr__container span.ds-text-input__WN0Emr__suffix {
+.ds-text-input__oJU1eo__container span.ds-text-input__oJU1eo__prefix, .ds-text-input__oJU1eo__container span.ds-text-input__oJU1eo__suffix {
   font-family: var(--ds-fontFamily-body);
   color: var(--ds-textColor-link-standalone);
 }
-.ds-text-input__WN0Emr__container .ds-text-input__WN0Emr__icon, .ds-text-input__WN0Emr__container ::slotted([slot=prefix]) {
+.ds-text-input__oJU1eo__container .ds-text-input__oJU1eo__icon, .ds-text-input__oJU1eo__container ::slotted([slot=prefix]) {
   height: 1.5rem;
   color: var(--ds-textColor-default);
 }
-.ds-text-input__WN0Emr__container .ds-text-input__WN0Emr__button {
+.ds-text-input__oJU1eo__container .ds-text-input__oJU1eo__button {
   max-height: 40px;
 }
-.ds-text-input__WN0Emr__container .ds-text-input__WN0Emr__button:has(button:focus) {
+.ds-text-input__oJU1eo__container .ds-text-input__oJU1eo__button:has(button:focus) {
   box-shadow: inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);
   outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);
   outline-offset: calc(var(--ds-borderWidth-thin) * -1 * 2);

package/dist/collection/components/01-base-components/ds-versioned-css-variables/ds-versioned-css-variables.js

@@ -9,7 +9,7 @@ export class DsVersionedCssVariables extends Mixin(componentFactory('ds-versione
         this.componentMounted();
     }
     render() {
-        return (h(Host, { key: '01a17de5ff97c88c7372b001d209257b41bad085' }, h("slot", { key: 'cf67702fa89cc7ad4e850c02a0526918a7b976cd' })));
+        return (h(Host, { key: '073fc07139a422a28f16f86841d00f4e6c8ed0d3' }, h("slot", { key: '6a0d9a6837188dcf321315fcc2db1beeed8f2a7d' })));
     }
     static get is() { return "ds-versioned-css-variables"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/01-base-components/ds-visually-hidden/ds-visually-hidden.css

@@ -2,7 +2,7 @@
   position: absolute;
 }
 
-.ds-visually-hidden__WN0Emr {
+.ds-visually-hidden__oJU1eo {
   clip: rect(0 0 0 0);
   clip-path: inset(50%);
   height: 1px;

package/dist/collection/components/01-base-components/ds-visually-hidden/ds-visually-hidden.js

@@ -4,7 +4,7 @@ export class DsVisuallyHidden {
     dsTag = 'div';
     render() {
         const baseClass = cx('ds-visually-hidden');
-        return (h(this.dsTag, { key: '4f1770dcf92d279d6e03ea7c2a24a5330dea6113', class: baseClass }, h("slot", { key: '35346060486147047b562a7f72bc9bb30e98b473' })));
+        return (h(this.dsTag, { key: '699218cff80a1a241fbd211dc8cfe17216f0279b', class: baseClass }, h("slot", { key: 'aeb49c73abb907aa7222204a0dadd7774677cd28' })));
     }
     static get is() { return "ds-visually-hidden"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/01-base-components/generated-icons/ds-icon-360/ds-icon-360.js

@@ -6,7 +6,7 @@ export class DsIcon360 {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '4c59d9b97dec3f445c12559b0f6ee0ac9fce3281', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '7f865ba39dc95265a144e6e6f8a96914fe903d01', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '68edd5e7c81a51193e0ab344dc5b78fa26ac663d', d: "m353-148-50-51 70-70q-150-17-234-72T55-486q0-100 123-158t302-58q179 0 302.5 57.5T906-486q0 75-71 127.5T646-287v-98q80-16 122.5-46t42.5-55q0-34-77.5-77.5T480-607q-175 0-253 43.5T149-486q0 45 48.5 73T388-358l-85-83 50-52 173 172-173 173Z" }))));
+        return (h(Host, { key: 'c6852d2de88287f8cb82b1e7f11c922e83e231d8', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '9e8196438ddb78f4948b6f100ae45510c4d783db', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '21084ae5ef840f6dd848f134fd980f590be0959e', d: "m353-148-50-51 70-70q-150-17-234-72T55-486q0-100 123-158t302-58q179 0 302.5 57.5T906-486q0 75-71 127.5T646-287v-98q80-16 122.5-46t42.5-55q0-34-77.5-77.5T480-607q-175 0-253 43.5T149-486q0 45 48.5 73T388-358l-85-83 50-52 173 172-173 173Z" }))));
     }
     static get is() { return "ds-icon-360"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-account-balance/ds-icon-account-balance.js

@@ -6,7 +6,7 @@ export class DsIconAccountBalance {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '3646fbd5eec90a88afe943481c151ab14a73b8fa', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'dec697a6ca4d7f21a27770245601bfad547d68f7', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '387378182fca90cc7a4260bf54a3d6121ee73c1d', d: "M189-233v-339h83v339h-83Zm254 0v-339h82v339h-82ZM55-102v-94h851v94H55Zm633-131v-339h83v339h-83ZM55-609v-95l425-240 426 240v95H55Zm198-95h454-454Zm0 0h454L480-836 253-704Z" }))));
+        return (h(Host, { key: '1260c7f8d0a2c7ce0e580acca0503e74041f9225', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'e11690292feff4447f922954dfb528b89e7f831b', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'c54308a45848f7e7ca40a0d0d9d592394b6cd3cf', d: "M189-233v-339h83v339h-83Zm254 0v-339h82v339h-82ZM55-102v-94h851v94H55Zm633-131v-339h83v339h-83ZM55-609v-95l425-240 426 240v95H55Zm198-95h454-454Zm0 0h454L480-836 253-704Z" }))));
     }
     static get is() { return "ds-icon-account-balance"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-account-balance-fill/ds-icon-account-balance-fill.js

@@ -6,7 +6,7 @@ export class DsIconAccountBalanceFill {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'd985d7a8134b6394c381226d2065c029ab2514ad', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'a48e9f14100efb5ef3dcb8146df9779f56b1a6a2', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '61cfe648b4d3ba0c16b594b33a64461add33758b', d: "M189-233v-339h83v339h-83Zm254 0v-339h82v339h-82ZM55-102v-94h851v94H55Zm633-131v-339h83v339h-83ZM55-609v-95l425-240 426 240v95H55Z" }))));
+        return (h(Host, { key: 'b3979a01dd547bfcaa0e895682cb9728ab9ceb23', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '6d68f92a3a93069663e25b3962335dddcc4aa53f', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '4a9f9bbd680bb753d06afc68a1d2d433719a7e86', d: "M189-233v-339h83v339h-83Zm254 0v-339h82v339h-82ZM55-102v-94h851v94H55Zm633-131v-339h83v339h-83ZM55-609v-95l425-240 426 240v95H55Z" }))));
     }
     static get is() { return "ds-icon-account-balance-fill"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-account-circle/ds-icon-account-circle.js

@@ -6,7 +6,7 @@ export class DsIconAccountCircle {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '3cecce787ffd08edf3e62d860e4c85b4b96c6e3f', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '75e94f0f2dd78ff0bc7e86e88e1769eb66b9b253', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'a13e9306ae6452f4a7933af95cfbb568eec482ef', d: "M226-266q62-42 123-64.5T480.43-353q70.44 0 132.42 23.27Q674.84-306.46 735-266q42-55 59-105.46 17-50.45 17-108.54 0-140.25-95.33-235.62Q620.35-811 480.17-811 340-811 244.5-715.62 149-620.25 149-480q0 58 17.03 108.22Q183.05-321.57 226-266Zm253.81-177q-60.97 0-101.89-41.19Q337-525.37 337-585.69q0-60.31 41.11-101.81 41.1-41.5 102.08-41.5 60.97 0 101.89 41.69 40.92 41.68 40.92 102Q623-525 581.89-484q-41.1 41-102.08 41Zm.07 388Q393-55 315.61-88.29q-77.39-33.29-135.69-91.58-58.31-58.28-91.62-135.49Q55-392.57 55-480.35 55-567 88.5-644.5T180-780q58-58 135.26-92 77.25-34 165.09-34 86.65 0 164.15 34T780-780q58 58 92 135.62 34 77.61 34 164.5 0 86.88-34 164.38T780-180q-58 58-135.62 91.5Q566.77-55 479.88-55Zm.12-94q52 0 99.5-14t98.5-51q-52-35-99-51.5T480-282q-52 0-98.5 16.5T283-214q51 37 98 51t99 14Zm0-366q30.87 0 50.93-19.5Q551-554 551-585.5T530.93-637q-20.06-20-50.93-20t-50.93 20Q409-617 409-585.5t20.07 51Q449.13-515 480-515Zm0-71Zm1 371Z" }))));
+        return (h(Host, { key: '42c136c7d6f1801f2f9ec708cc2762b67b4437df', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '29cfea6b3c14ea27501a6650346cc8c145836541', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '9fa1534a23364b2a27b1ca846100a9f0a09fa832', d: "M226-266q62-42 123-64.5T480.43-353q70.44 0 132.42 23.27Q674.84-306.46 735-266q42-55 59-105.46 17-50.45 17-108.54 0-140.25-95.33-235.62Q620.35-811 480.17-811 340-811 244.5-715.62 149-620.25 149-480q0 58 17.03 108.22Q183.05-321.57 226-266Zm253.81-177q-60.97 0-101.89-41.19Q337-525.37 337-585.69q0-60.31 41.11-101.81 41.1-41.5 102.08-41.5 60.97 0 101.89 41.69 40.92 41.68 40.92 102Q623-525 581.89-484q-41.1 41-102.08 41Zm.07 388Q393-55 315.61-88.29q-77.39-33.29-135.69-91.58-58.31-58.28-91.62-135.49Q55-392.57 55-480.35 55-567 88.5-644.5T180-780q58-58 135.26-92 77.25-34 165.09-34 86.65 0 164.15 34T780-780q58 58 92 135.62 34 77.61 34 164.5 0 86.88-34 164.38T780-180q-58 58-135.62 91.5Q566.77-55 479.88-55Zm.12-94q52 0 99.5-14t98.5-51q-52-35-99-51.5T480-282q-52 0-98.5 16.5T283-214q51 37 98 51t99 14Zm0-366q30.87 0 50.93-19.5Q551-554 551-585.5T530.93-637q-20.06-20-50.93-20t-50.93 20Q409-617 409-585.5t20.07 51Q449.13-515 480-515Zm0-71Zm1 371Z" }))));
     }
     static get is() { return "ds-icon-account-circle"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-account-circle-fill/ds-icon-account-circle-fill.js

@@ -6,7 +6,7 @@ export class DsIconAccountCircleFill {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '9c56db8f961a85229827c99e26523561bdf87d59', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '38835d4ca9cd7539dcec279c7ba8926c4719bd0c', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'd52e4c15fdb47f0808c97b3957e608569bd4d529', d: "M226-266q62-39 122.5-58T480-343q71 0 133 20t122 57q42-55 59-105.46 17-50.45 17-108.54 0-140.25-95.33-235.62Q620.35-811 480.17-811 340-811 244.5-715.62 149-620.25 149-480q0 58 17.03 108.22Q183.05-321.57 226-266Zm253.81-177q-60.97 0-101.89-41.19Q337-525.37 337-585.69q0-60.31 41.11-101.81 41.1-41.5 102.08-41.5 60.97 0 101.89 41.69 40.92 41.68 40.92 102Q623-525 581.89-484q-41.1 41-102.08 41Zm-.21 388q-87.15 0-164.9-33.28-77.75-33.29-135.82-91.56-58.07-58.27-90.98-135.44Q55-392.46 55-480.39t33.5-165.27Q122-723 180-780.5T315.25-872q77.24-34 165.25-34t165.25 34Q723-838 780.5-780.5T872-645.59q34 77.4 34 165.32 0 87.93-34 165.1Q838-238 780.5-180 723-122 645.46-88.5 567.93-55 479.6-55Z" }))));
+        return (h(Host, { key: 'fc7a705fc776383ff3ae57aac99958d7a6247331', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '09b3a5f904b3e922e967e34f7f937c73f7ccb143', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'f29b3a00a3e66bd84001c353ad953de3139bfc10', d: "M226-266q62-39 122.5-58T480-343q71 0 133 20t122 57q42-55 59-105.46 17-50.45 17-108.54 0-140.25-95.33-235.62Q620.35-811 480.17-811 340-811 244.5-715.62 149-620.25 149-480q0 58 17.03 108.22Q183.05-321.57 226-266Zm253.81-177q-60.97 0-101.89-41.19Q337-525.37 337-585.69q0-60.31 41.11-101.81 41.1-41.5 102.08-41.5 60.97 0 101.89 41.69 40.92 41.68 40.92 102Q623-525 581.89-484q-41.1 41-102.08 41Zm-.21 388q-87.15 0-164.9-33.28-77.75-33.29-135.82-91.56-58.07-58.27-90.98-135.44Q55-392.46 55-480.39t33.5-165.27Q122-723 180-780.5T315.25-872q77.24-34 165.25-34t165.25 34Q723-838 780.5-780.5T872-645.59q34 77.4 34 165.32 0 87.93-34 165.1Q838-238 780.5-180 723-122 645.46-88.5 567.93-55 479.6-55Z" }))));
     }
     static get is() { return "ds-icon-account-circle-fill"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-add/ds-icon-add.js

@@ -6,7 +6,7 @@ export class DsIconAdd {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'eecc4420140fedf40ee6b96b20a17cd88d1d6d7f', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'f22f8836d52f14665a6fdddaf1f8d465afabd791', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '6eb5595b892d510ff615db226aa4070555092290', d: "M433-433H175v-94h258v-259h94v259h259v94H527v258h-94v-258Z" }))));
+        return (h(Host, { key: '5d19042aa321d6d439f91a501ffb3734670b372a', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '8240d44d3f48707139cd356d7280b5b761b4f8c6', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '377407fe36db1c9b7f6d77abde2a13a335915401', d: "M433-433H175v-94h258v-259h94v259h259v94H527v258h-94v-258Z" }))));
     }
     static get is() { return "ds-icon-add"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-archive/ds-icon-archive.js

@@ -6,7 +6,7 @@ export class DsIconArchive {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'e9a1f7334d871545bb6a885e370f1976f36e4bed', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '97bbe00b3c68c1cc1924a4ea228b79599dfcb20a', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '253303326b4d647c88945358d14459595b3cf7f6', d: "m480-279 158-158-53-54-65 65v-150h-80v150l-65-64-52 54 157 157ZM189-639v450h582v-450H189ZM95-95v-621l121-150h528l122 150v621H95Zm128-631h513l-36-46H259l-36 46Zm257 312Z" }))));
+        return (h(Host, { key: '8f1b7fd3c773ed329444430f112b2f4a51e99e9c', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '8b0fbdd7bd905a254aa10c1e13fba1eb9c274f24', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'd29c0ff0d5483885d7a14456993ce0c83a67e187', d: "m480-279 158-158-53-54-65 65v-150h-80v150l-65-64-52 54 157 157ZM189-639v450h582v-450H189ZM95-95v-621l121-150h528l122 150v621H95Zm128-631h513l-36-46H259l-36 46Zm257 312Z" }))));
     }
     static get is() { return "ds-icon-archive"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-archive-fill/ds-icon-archive-fill.js

@@ -6,7 +6,7 @@ export class DsIconArchiveFill {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'ed83f1b3917896ea57d66bcad6f8b4caf0892f54', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '754932200aaddb6e0c23971a7dcb625ee9c6fcb6', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '5a4cd60c39e8f34c771fc763181452cf90b553ae', d: "m480-279 158-158-53-54-65 65v-150h-80v150l-65-64-52 54 157 157ZM95-95v-621l121-150h528l122 150v621H95Zm128-631h513l-36-46H259l-36 46Z" }))));
+        return (h(Host, { key: '646027677f7e1cdb550e1cfb338238925b8a5499', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '306cbb959b2b3d81f1b8ead73c5297e8420acaca', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '68523183c615c6e848e72a2abcb2734af1097654', d: "m480-279 158-158-53-54-65 65v-150h-80v150l-65-64-52 54 157 157ZM95-95v-621l121-150h528l122 150v621H95Zm128-631h513l-36-46H259l-36 46Z" }))));
     }
     static get is() { return "ds-icon-archive-fill"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-arrow-back/ds-icon-arrow-back.js

@@ -6,7 +6,7 @@ export class DsIconArrowBack {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'c12382c63edf5649bff50836ff75c1628766a121', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '219205546ad89434bb9a0b425bb9a26ae9a8f543', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'abe1251629d5f866c39612e1f24cde1dcbd11456', d: "m315-433 232 232-67 66-345-345 345-346 67 67-232 232h511v94H315Z" }))));
+        return (h(Host, { key: '7186d0161b542bbccee3015086ac3504425efb6a', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '0379160e8db6be0bdb2c622a2f1cf918e9ebbf57', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '0e626d9ea0b87c9ba25260252213210c5378d8be', d: "m315-433 232 232-67 66-345-345 345-346 67 67-232 232h511v94H315Z" }))));
     }
     static get is() { return "ds-icon-arrow-back"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-arrow-downward/ds-icon-arrow-downward.js

@@ -6,7 +6,7 @@ export class DsIconArrowDownward {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '5029bc5b29f28170157923760075501de3e654cd', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'e88034c21a07eee84f826e6122eb1e760c2f2aca', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'dc1f92662ae39ab5fd138f30fec857de95dbb21b', d: "M433-826v511L201-547l-66 67 345 345 346-345-67-67-232 232v-511h-94Z" }))));
+        return (h(Host, { key: '87fc5d1fde6af1a1eca1f886c62ee0d31c67cff6', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '369a825fe78fd133f43441cc79d44b9e34265013', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '6a4958f73fdf6c68d244c5cbcb19d1fb1cc86c74', d: "M433-826v511L201-547l-66 67 345 345 346-345-67-67-232 232v-511h-94Z" }))));
     }
     static get is() { return "ds-icon-arrow-downward"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-arrow-drop-down/ds-icon-arrow-drop-down.js

@@ -6,7 +6,7 @@ export class DsIconArrowDropDown {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '777670c36edc45b170c506538bb52b61eccd0bc8', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '0a195617f349f8cb9e279142900cde2770bbce9a', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '41e9a78f6bc5a28f5e0600f50d0d4e508a6af614', d: "M480-336 239-576h482L480-336Z" }))));
+        return (h(Host, { key: '2540f6a83ba5a4173b7e936feeb97684c2f9f0a9', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '3846e691c468305fa3cc9a40b915c469ebd371e4', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'fdb6478c99f26f5b130bb0447df91809e3ac0d71', d: "M480-336 239-576h482L480-336Z" }))));
     }
     static get is() { return "ds-icon-arrow-drop-down"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-arrow-drop-down-circle/ds-icon-arrow-drop-down-circle.js

@@ -6,7 +6,7 @@ export class DsIconArrowDropDownCircle {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '98b53a4a302429bcbbbfb9a34a7337a9941d07ee', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '50d6ee4e9dee4d2df2bd456054f3b4990169c2cc', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'ebdf57ac2a73553faac7e5b5fcbf3d1dc6ffe8d5', d: "m480-350 174-174H305l175 174Zm.14 295Q392-55 314.51-88.08q-77.48-33.09-135.41-91.02-57.93-57.93-91.02-135.27Q55-391.72 55-479.86 55-569 88.08-646.49q33.09-77.48 90.86-134.97 57.77-57.48 135.19-91.01Q391.56-906 479.78-906q89.22 0 166.83 33.45 77.6 33.46 135.01 90.81t90.89 134.87Q906-569.34 906-480q0 88.28-33.53 165.75t-91.01 135.28q-57.49 57.8-134.83 90.89Q569.28-55 480.14-55Zm-.14-94q138 0 234.5-96.37T811-480q0-138-96.5-234.5t-235-96.5q-137.5 0-234 96.5t-96.5 235q0 137.5 96.37 234T480-149Zm0-331Z" }))));
+        return (h(Host, { key: 'de60421902ee8e8fde9e805899b9ccc0e184f17c', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '89dca8a3df3b4e7ba8258972280fd133c41d0e05', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'bc9aef4fc0983a0171c09fa0129d71f05cf0407d', d: "m480-350 174-174H305l175 174Zm.14 295Q392-55 314.51-88.08q-77.48-33.09-135.41-91.02-57.93-57.93-91.02-135.27Q55-391.72 55-479.86 55-569 88.08-646.49q33.09-77.48 90.86-134.97 57.77-57.48 135.19-91.01Q391.56-906 479.78-906q89.22 0 166.83 33.45 77.6 33.46 135.01 90.81t90.89 134.87Q906-569.34 906-480q0 88.28-33.53 165.75t-91.01 135.28q-57.49 57.8-134.83 90.89Q569.28-55 480.14-55Zm-.14-94q138 0 234.5-96.37T811-480q0-138-96.5-234.5t-235-96.5q-137.5 0-234 96.5t-96.5 235q0 137.5 96.37 234T480-149Zm0-331Z" }))));
     }
     static get is() { return "ds-icon-arrow-drop-down-circle"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-arrow-drop-down-circle-fill/ds-icon-arrow-drop-down-circle-fill.js

@@ -6,7 +6,7 @@ export class DsIconArrowDropDownCircleFill {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'd7802f0b01cc51719e2a8dba2d0087258fcb20ae', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '82f992de6a72e3145eca5d35ddc6099422fbfc28', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'cfa00dc68df4bfb8a257c9f126e06c99d85c2866', d: "m480-350 174-174H305l175 174Zm.14 295Q392-55 314.51-88.08q-77.48-33.09-135.41-91.02-57.93-57.93-91.02-135.27Q55-391.72 55-479.86 55-569 88.08-646.49q33.09-77.48 90.86-134.97 57.77-57.48 135.19-91.01Q391.56-906 479.78-906q89.22 0 166.83 33.45 77.6 33.46 135.01 90.81t90.89 134.87Q906-569.34 906-480q0 88.28-33.53 165.75t-91.01 135.28q-57.49 57.8-134.83 90.89Q569.28-55 480.14-55Z" }))));
+        return (h(Host, { key: '8833b601f81bacb7b42e32ee2662488ff1f09a1c', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '0b16bb364d7024746bed51cc339f3d8bd4deb800', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'afa8c78a68548d1034b0bc4420696e72a7021e27', d: "m480-350 174-174H305l175 174Zm.14 295Q392-55 314.51-88.08q-77.48-33.09-135.41-91.02-57.93-57.93-91.02-135.27Q55-391.72 55-479.86 55-569 88.08-646.49q33.09-77.48 90.86-134.97 57.77-57.48 135.19-91.01Q391.56-906 479.78-906q89.22 0 166.83 33.45 77.6 33.46 135.01 90.81t90.89 134.87Q906-569.34 906-480q0 88.28-33.53 165.75t-91.01 135.28q-57.49 57.8-134.83 90.89Q569.28-55 480.14-55Z" }))));
     }
     static get is() { return "ds-icon-arrow-drop-down-circle-fill"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-arrow-drop-up/ds-icon-arrow-drop-up.js

@@ -6,7 +6,7 @@ export class DsIconArrowDropUp {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '5c6fb52b59c52d656be245b46d83f366bd878fe5', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '0877a3c5ee415a82e8ee30eea9ea48b1976d7dfd', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '50ef0b18d1de1f0962719e34b448a7101d2fdc1a', d: "m239-383 241-242 241 242H239Z" }))));
+        return (h(Host, { key: 'ff72f38ab159b4aa77ff5a602e5c02e60d52748d', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'ed648a0ca49c4213b8f573e2e30190a68cc15413', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '067bd498f8a627d7596d5cd3221559311f33b93d', d: "m239-383 241-242 241 242H239Z" }))));
     }
     static get is() { return "ds-icon-arrow-drop-up"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-arrow-forward/ds-icon-arrow-forward.js

@@ -6,7 +6,7 @@ export class DsIconArrowForward {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '550e4eb7f2c797e21635ab01dc556570ffc37aa5', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'e7fe2f404bb0660b63e238e5f5e0e2485f717cfd', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '8c49eabbe3f94b1257c03e2c401aca0da823f370', d: "M645-433H135v-94h510L413-759l67-67 346 346-346 345-67-66 232-232Z" }))));
+        return (h(Host, { key: 'd2dc47d1c70323794353583c05d8f62047eb60c4', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '7707b36eccee56ce5dfbe07249b960a5661504b9', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '6c06a52bfa084b4dae18a3695a5578a8788cc32b', d: "M645-433H135v-94h510L413-759l67-67 346 346-346 345-67-66 232-232Z" }))));
     }
     static get is() { return "ds-icon-arrow-forward"; }
     static get properties() {