npm - @uh-design-system/component-library - Versions diffs - 1.2.0-rc.3 → 1.2.0 - Mend

@uh-design-system/component-library 1.2.0-rc.3 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1066) hide show

package/dist/collection/components/01-base-components/ds-notification/ds-notification.css CHANGED Viewed

@@ -3,72 +3,72 @@
   width: 100%;
 }
-.ds-notification__pYthVb {
+.ds-notification__DFAX9n {
   display: flex;
   padding: var(--ds-spacing-xSmall, 12px);
   gap: var(--ds-spacing-2xSmall, 8px);
 }
-.ds-notification__pYthVb.ds-notification__pYthVb--neutral {
+.ds-notification__DFAX9n.ds-notification__DFAX9n--neutral {
   color: var(--ds-textColor-default);
   background-color: var(--ds-bgColor-neutral);
   border: var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);
   margin-top: calc(-1 * var(--ds-borderWidth-hairline, 1px));
 }
-.ds-notification__pYthVb.ds-notification__pYthVb--neutral .ds-notification__pYthVb__icon {
+.ds-notification__DFAX9n.ds-notification__DFAX9n--neutral .ds-notification__DFAX9n__icon {
   color: var(--ds-iconColor-default);
   margin-bottom: auto;
 }
-.ds-notification__pYthVb.ds-notification__pYthVb--neutralWhite {
+.ds-notification__DFAX9n.ds-notification__DFAX9n--neutralWhite {
   color: var(--ds-textColor-default);
   background-color: var(--ds-bgColor-white);
   border: var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);
   margin-top: calc(-1 * var(--ds-borderWidth-hairline, 1px));
 }
-.ds-notification__pYthVb.ds-notification__pYthVb--neutralWhite .ds-notification__pYthVb__icon {
+.ds-notification__DFAX9n.ds-notification__DFAX9n--neutralWhite .ds-notification__DFAX9n__icon {
   color: var(--ds-iconColor-default);
   margin-bottom: auto;
 }
-.ds-notification__pYthVb.ds-notification__pYthVb--info {
+.ds-notification__DFAX9n.ds-notification__DFAX9n--info {
   color: var(--ds-textColor-default);
   background-color: var(--ds-bgColor-info);
   border: var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-info);
   margin-top: calc(-1 * var(--ds-borderWidth-hairline, 1px));
 }
-.ds-notification__pYthVb.ds-notification__pYthVb--info .ds-notification__pYthVb__icon {
+.ds-notification__DFAX9n.ds-notification__DFAX9n--info .ds-notification__DFAX9n__icon {
   color: var(--ds-iconColor-info);
   margin-bottom: auto;
 }
-.ds-notification__pYthVb.ds-notification__pYthVb--success {
+.ds-notification__DFAX9n.ds-notification__DFAX9n--success {
   color: var(--ds-textColor-default);
   background-color: var(--ds-bgColor-success);
   border: var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-success);
   margin-top: calc(-1 * var(--ds-borderWidth-hairline, 1px));
 }
-.ds-notification__pYthVb.ds-notification__pYthVb--success .ds-notification__pYthVb__icon {
+.ds-notification__DFAX9n.ds-notification__DFAX9n--success .ds-notification__DFAX9n__icon {
   color: var(--ds-iconColor-success);
   margin-bottom: auto;
 }
-.ds-notification__pYthVb.ds-notification__pYthVb--attention {
+.ds-notification__DFAX9n.ds-notification__DFAX9n--attention {
   color: var(--ds-textColor-default);
   background-color: var(--ds-bgColor-attention);
   border: var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-attention);
   margin-top: calc(-1 * var(--ds-borderWidth-hairline, 1px));
 }
-.ds-notification__pYthVb.ds-notification__pYthVb--attention .ds-notification__pYthVb__icon {
+.ds-notification__DFAX9n.ds-notification__DFAX9n--attention .ds-notification__DFAX9n__icon {
   color: var(--ds-iconColor-attention);
   margin-bottom: auto;
 }
-.ds-notification__pYthVb.ds-notification__pYthVb--danger {
+.ds-notification__DFAX9n.ds-notification__DFAX9n--danger {
   color: var(--ds-textColor-default);
   background-color: var(--ds-bgColor-danger);
   border: var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-danger);
   margin-top: calc(-1 * var(--ds-borderWidth-hairline, 1px));
 }
-.ds-notification__pYthVb.ds-notification__pYthVb--danger .ds-notification__pYthVb__icon {
+.ds-notification__DFAX9n.ds-notification__DFAX9n--danger .ds-notification__DFAX9n__icon {
   color: var(--ds-iconColor-danger);
   margin-bottom: auto;
 }
-.ds-notification__pYthVb__content {
+.ds-notification__DFAX9n__content {
   display: flex;
   padding: var(--ds-spacing-4xSmall, 2px) 0;
   flex-direction: column;
@@ -76,11 +76,11 @@
   gap: var(--ds-spacing-4xSmall, 2px);
   flex: 1 0 0;
 }
-.ds-notification__pYthVb__content__heading, .ds-notification__pYthVb__content__description {
+.ds-notification__DFAX9n__content__heading, .ds-notification__DFAX9n__content__description {
   font-family: var(--ds-fontFamily-body);
   line-height: var(--ds-lineHeight-large);
   letter-spacing: var(--ds-letterSpacing-wide);
 }
-.ds-notification__pYthVb__content__description {
+.ds-notification__DFAX9n__content__description {
   max-width: 550px;
 }

package/dist/collection/components/01-base-components/ds-option/ds-option.css CHANGED Viewed

@@ -1,4 +1,4 @@
-.ds-option__pYthVb {
+.ds-option__DFAX9n {
   display: flex;
   align-items: center;
   justify-content: normal;
@@ -13,37 +13,37 @@
   line-height: var(--ds-lineHeight-large);
   letter-spacing: var(--ds-letterSpacing-wide);
 }
-.ds-option__pYthVb:not(.ds-option__pYthVb--multiple) {
+.ds-option__DFAX9n:not(.ds-option__DFAX9n--multiple) {
   justify-content: space-between;
 }
-.ds-option__pYthVb--hidden {
+.ds-option__DFAX9n--hidden {
   display: none;
 }
-.ds-option__pYthVb--disabled {
+.ds-option__DFAX9n--disabled {
   cursor: not-allowed;
   user-select: none;
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-option__pYthVb:hover:not(.ds-option__pYthVb--disabled) {
+.ds-option__DFAX9n:hover:not(.ds-option__DFAX9n--disabled) {
   background-color: var(--ds-bgColor-white-hover);
 }
-.ds-option__pYthVb:active:not(.ds-option__pYthVb--disabled) {
+.ds-option__DFAX9n:active:not(.ds-option__DFAX9n--disabled) {
   background-color: var(--ds-bgColor-white-active);
 }
-.ds-option__pYthVb--active {
+.ds-option__DFAX9n--active {
   box-shadow: inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-black);
   outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);
   outline-offset: calc(var(--ds-borderWidth-thin) * -1 * 1);
 }
-.ds-option__pYthVb--active.ds-option__pYthVb--selected:not(.ds-option__pYthVb--multiple) {
+.ds-option__DFAX9n--active.ds-option__DFAX9n--selected:not(.ds-option__DFAX9n--multiple) {
   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 * 1);
 }
-.ds-option__pYthVb--multiple.ds-option__pYthVb--disabled {
+.ds-option__DFAX9n--multiple.ds-option__DFAX9n--disabled {
   color: var(--ds-textColor-default);
 }
-.ds-option__pYthVb--multiple .ds-option__pYthVb__checkbox {
+.ds-option__DFAX9n--multiple .ds-option__DFAX9n__checkbox {
   display: inline-block;
   width: 20px;
   height: 20px;
@@ -53,44 +53,44 @@
   border-color: var(--ds-borderColor-default);
   background-color: var(--ds-bgColor-white);
 }
-.ds-option__pYthVb--multiple.ds-option__pYthVb--disabled .ds-option__pYthVb__checkbox {
+.ds-option__DFAX9n--multiple.ds-option__DFAX9n--disabled .ds-option__DFAX9n__checkbox {
   border-color: var(--ds-borderColor-transparent);
   background-color: var(--ds-bgColor-disabled-onLight);
 }
-.ds-option__pYthVb--multiple.ds-option__pYthVb--disabled:not(.ds-option__pYthVb--selected) .ds-option__pYthVb__checkbox {
+.ds-option__DFAX9n--multiple.ds-option__DFAX9n--disabled:not(.ds-option__DFAX9n--selected) .ds-option__DFAX9n__checkbox {
   border-color: var(--ds-borderColor-disabled-onLight);
 }
-.ds-option__pYthVb--selected .ds-option__pYthVb__checkbox {
+.ds-option__DFAX9n--selected .ds-option__DFAX9n__checkbox {
   background-color: var(--ds-bgColor-primary);
   border-color: var(--ds-borderColor-transparent);
   color: var(--ds-textColor-white);
   padding: var(--ds-spacing-4xSmall);
 }
-.ds-option__pYthVb--selected:not(.ds-option__pYthVb--multiple) {
+.ds-option__DFAX9n--selected:not(.ds-option__DFAX9n--multiple) {
   background-color: var(--ds-bgColor-primary);
   color: var(--ds-textColor-white);
 }
-.ds-option__pYthVb--selected:not(.ds-option__pYthVb--multiple).ds-option__pYthVb--disabled {
+.ds-option__DFAX9n--selected:not(.ds-option__DFAX9n--multiple).ds-option__DFAX9n--disabled {
   background-color: var(--ds-bgColor-disabled-onLight);
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-option__pYthVb--selected:not(.ds-option__pYthVb--multiple) .ds-option__pYthVb__description {
+.ds-option__DFAX9n--selected:not(.ds-option__DFAX9n--multiple) .ds-option__DFAX9n__description {
   color: var(--ds-textColor-white);
 }
-.ds-option__pYthVb--selected:not(.ds-option__pYthVb--multiple) .ds-option__pYthVb__check-icon {
+.ds-option__DFAX9n--selected:not(.ds-option__DFAX9n--multiple) .ds-option__DFAX9n__check-icon {
   visibility: visible;
   color: var(--ds-textColor-white);
 }
-.ds-option__pYthVb--selected:not(.ds-option__pYthVb--multiple).ds-option__pYthVb--disabled .ds-option__pYthVb__check-icon {
+.ds-option__DFAX9n--selected:not(.ds-option__DFAX9n--multiple).ds-option__DFAX9n--disabled .ds-option__DFAX9n__check-icon {
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-option__pYthVb--selected:not(.ds-option__pYthVb--multiple):hover:not(.ds-option__pYthVb--disabled) {
+.ds-option__DFAX9n--selected:not(.ds-option__DFAX9n--multiple):hover:not(.ds-option__DFAX9n--disabled) {
   background-color: var(--ds-bgColor-primary-hover);
 }
-.ds-option__pYthVb--selected:not(.ds-option__pYthVb--multiple):active:not(.ds-option__pYthVb--disabled) {
+.ds-option__DFAX9n--selected:not(.ds-option__DFAX9n--multiple):active:not(.ds-option__DFAX9n--disabled) {
   background-color: var(--ds-bgColor-primary-active);
 }
-.ds-option__pYthVb__label {
+.ds-option__DFAX9n__label {
   display: flex;
   flex-direction: column;
   flex: 1 1 auto;
@@ -99,14 +99,14 @@
   grid-column: 1;
   grid-row: 1;
 }
-.ds-option__pYthVb__check-icon {
+.ds-option__DFAX9n__check-icon {
   margin-left: var(--ds-spacing-small);
   flex-shrink: 0;
   display: flex;
   align-items: center;
   height: 100%;
 }
-.ds-option__pYthVb__description {
+.ds-option__DFAX9n__description {
   color: var(--ds-textColor-secondary);
   font-family: var(--ds-fontFamily-body);
   font-size: var(--ds-fontSize-14);
@@ -115,6 +115,6 @@
   grid-column: 1;
   grid-row: 2;
 }
-.ds-option__pYthVb__description:not(:empty) {
+.ds-option__DFAX9n__description:not(:empty) {
   display: block;
 }

package/dist/collection/components/01-base-components/ds-option-group/ds-option-group.css CHANGED Viewed

@@ -1,14 +1,14 @@
-.ds-option-group__pYthVb {
+.ds-option-group__DFAX9n {
   display: block;
   font-family: var(--ds-fontFamily-body);
 }
-.ds-option-group__pYthVb--hidden {
+.ds-option-group__DFAX9n--hidden {
   display: none;
 }
-.ds-option-group__pYthVb ul {
+.ds-option-group__DFAX9n ul {
   padding: 0;
 }
-.ds-option-group__pYthVb__label {
+.ds-option-group__DFAX9n__label {
   position: sticky;
   display: block;
   top: 0;
@@ -19,6 +19,6 @@
   font-weight: var(--ds-fontWeight-semibold);
   line-height: var(--ds-lineHeight-large);
 }
-.ds-option-group__pYthVb__label__shadow {
+.ds-option-group__DFAX9n__label__shadow {
   box-shadow: var(--ds-shadow-overflow);
 }

package/dist/collection/components/01-base-components/ds-options/ds-options.css CHANGED Viewed

@@ -1,10 +1,10 @@
-.ds-options__pYthVb__inner {
+.ds-options__DFAX9n__inner {
   max-height: 20rem;
   overflow: hidden;
   box-sizing: border-box;
 }
-.ds-options__pYthVb {
+.ds-options__DFAX9n {
   position: relative;
   width: 100%;
   padding: 0;
@@ -12,10 +12,10 @@
   z-index: 0;
   font-family: var(--ds-fontFamily-body);
 }
-.ds-options__pYthVb:focus {
+.ds-options__DFAX9n:focus {
   outline: none;
 }
-.ds-options__pYthVb__inner {
+.ds-options__DFAX9n__inner {
   overflow-y: auto;
   list-style-type: none;
   padding: 0;
@@ -25,7 +25,7 @@
   display: flex;
   flex-direction: column;
 }
-.ds-options__pYthVb__top-scrim, .ds-options__pYthVb__bottom-scrim {
+.ds-options__DFAX9n__top-scrim, .ds-options__DFAX9n__bottom-scrim {
   pointer-events: none;
   width: 100%;
   height: 2.75rem;
@@ -36,23 +36,23 @@
   z-index: 1;
   display: none;
 }
-.ds-options__pYthVb__top-scrim {
+.ds-options__DFAX9n__top-scrim {
   top: 0;
   background: linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%);
 }
-.ds-options__pYthVb__bottom-scrim {
+.ds-options__DFAX9n__bottom-scrim {
   bottom: 0;
   background: linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%);
 }
-.ds-options__pYthVb.has-top-scrim .ds-options__pYthVb__top-scrim {
+.ds-options__DFAX9n.has-top-scrim .ds-options__DFAX9n__top-scrim {
   display: block;
 }
-.ds-options__pYthVb.has-bottom-scrim .ds-options__pYthVb__bottom-scrim {
+.ds-options__DFAX9n.has-bottom-scrim .ds-options__DFAX9n__bottom-scrim {
   display: block;
 }
-.ds-options__pYthVb li {
+.ds-options__DFAX9n li {
   cursor: pointer;
 }
-.ds-options__pYthVb li:hover {
+.ds-options__DFAX9n li:hover {
   background-color: var(--ds-palette-black-05);
 }

package/dist/collection/components/01-base-components/ds-options-message/ds-options-message.css CHANGED Viewed

@@ -1,4 +1,4 @@
-.ds-options-message__pYthVb {
+.ds-options-message__DFAX9n {
   display: flex;
   flex-direction: column;
   padding: var(--ds-spacing-2xSmall);
@@ -9,14 +9,14 @@
   justify-content: center;
   font-family: var(--ds-fontFamily-body);
 }
-.ds-options-message__pYthVb__error {
+.ds-options-message__DFAX9n__error {
   color: var(--ds-textColor-danger);
   text-align: center;
 }
-.ds-options-message__pYthVb__error__icon {
+.ds-options-message__DFAX9n__error__icon {
   display: inline-block;
 }
-.ds-options-message__pYthVb__error__title, .ds-options-message__pYthVb__no-results__title {
+.ds-options-message__DFAX9n__error__title, .ds-options-message__DFAX9n__no-results__title {
   text-align: center;
   color: var(--ds-textColor-default);
   font-size: var(--ds-fontSize-18);
@@ -24,15 +24,15 @@
   margin-top: var(--ds-spacing-xSmall);
   margin-bottom: var(--ds-spacing-2xSmall);
 }
-.ds-options-message__pYthVb__no-results__title {
+.ds-options-message__DFAX9n__no-results__title {
   hyphens: auto;
 }
-.ds-options-message__pYthVb__error__text, .ds-options-message__pYthVb__loading__text, .ds-options-message__pYthVb__no-results__text {
+.ds-options-message__DFAX9n__error__text, .ds-options-message__DFAX9n__loading__text, .ds-options-message__DFAX9n__no-results__text {
   color: var(--ds-textColor-default);
   text-align: center;
   font-size: var(--ds-fontSize-16);
 }
-.ds-options-message__pYthVb__loading__text {
+.ds-options-message__DFAX9n__loading__text {
   padding-top: var(--ds-spacing-2xSmall);
   padding-bottom: var(--ds-spacing-large);
   text-align: center;

package/dist/collection/components/01-base-components/ds-radio-button/ds-radio-button.css CHANGED Viewed

@@ -1,23 +1,23 @@
-.ds-radio-button__pYthVb {
+.ds-radio-button__DFAX9n {
   box-sizing: border-box;
   display: inline-flex;
   color: var(--ds-textColor-default);
 }
-.ds-radio-button__pYthVb--disabled {
+.ds-radio-button__DFAX9n--disabled {
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-radio-button__pYthVb:has(input:focus-visible) .ds-radio-button__pYthVb__icon {
+.ds-radio-button__DFAX9n:has(input:focus-visible) .ds-radio-button__DFAX9n__icon {
   box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-bgColor-white);
   outline: var(--ds-borderWidth-thin) solid var(--ds-bgColor-black);
   outline-offset: calc(var(--ds-borderWidth-thin) * 0.5);
 }
-.ds-radio-button__pYthVb__icon {
+.ds-radio-button__DFAX9n__icon {
   border-radius: 50%;
   height: 24px;
   width: 24px;
   margin: 10px 10px 10px 0;
 }
-.ds-radio-button__pYthVb__text {
+.ds-radio-button__DFAX9n__text {
   margin-top: 10px;
   padding-right: var(--ds-spacing-2xSmall);
   font-family: var(--ds-fontFamily-body);
@@ -26,99 +26,99 @@
   line-height: var(--ds-lineHeight-large);
   letter-spacing: var(--ds-letterSpacing-wide);
 }
-.ds-radio-button__pYthVb__icon__outer-circle {
+.ds-radio-button__DFAX9n__icon__outer-circle {
   stroke: var(--ds-borderColor-default);
   fill: var(--ds-bgColor-white);
 }
-.ds-radio-button__pYthVb__icon__outer-circle--checked {
+.ds-radio-button__DFAX9n__icon__outer-circle--checked {
   stroke: var(--ds-borderColor-primary);
   fill: var(--ds-bgColor-white);
 }
-.ds-radio-button__pYthVb__icon__inner-circle {
+.ds-radio-button__DFAX9n__icon__inner-circle {
   stroke: unset;
   fill: var(--ds-bgColor-primary);
 }
-.ds-radio-button__pYthVb:hover:not(.ds-radio-button__pYthVb--disabled):not(.ds-radio-button__pYthVb--invalid) .ds-radio-button__pYthVb__icon__outer-circle {
+.ds-radio-button__DFAX9n:hover:not(.ds-radio-button__DFAX9n--disabled):not(.ds-radio-button__DFAX9n--invalid) .ds-radio-button__DFAX9n__icon__outer-circle {
   stroke: var(--ds-borderColor-default);
   fill: var(--ds-bgColor-white-hover);
 }
-.ds-radio-button__pYthVb:hover:not(.ds-radio-button__pYthVb--disabled):not(.ds-radio-button__pYthVb--invalid) .ds-radio-button__pYthVb__icon__outer-circle--checked {
+.ds-radio-button__DFAX9n:hover:not(.ds-radio-button__DFAX9n--disabled):not(.ds-radio-button__DFAX9n--invalid) .ds-radio-button__DFAX9n__icon__outer-circle--checked {
   stroke: var(--ds-palette-mainBlue-80);
   fill: var(--ds-bgColor-white);
 }
-.ds-radio-button__pYthVb:hover:not(.ds-radio-button__pYthVb--disabled):not(.ds-radio-button__pYthVb--invalid) .ds-radio-button__pYthVb__icon__inner-circle {
+.ds-radio-button__DFAX9n:hover:not(.ds-radio-button__DFAX9n--disabled):not(.ds-radio-button__DFAX9n--invalid) .ds-radio-button__DFAX9n__icon__inner-circle {
   stroke: unset;
   fill: var(--ds-bgColor-primary-hover);
 }
-.ds-radio-button__pYthVb:active:not(.ds-radio-button__pYthVb--disabled):not(.ds-radio-button__pYthVb--invalid) .ds-radio-button__pYthVb__icon__outer-circle {
+.ds-radio-button__DFAX9n:active:not(.ds-radio-button__DFAX9n--disabled):not(.ds-radio-button__DFAX9n--invalid) .ds-radio-button__DFAX9n__icon__outer-circle {
   stroke: var(--ds-borderColor-default);
   fill: var(--ds-bgColor-white-active);
 }
-.ds-radio-button__pYthVb:active:not(.ds-radio-button__pYthVb--disabled):not(.ds-radio-button__pYthVb--invalid) .ds-radio-button__pYthVb__icon__outer-circle--checked {
+.ds-radio-button__DFAX9n:active:not(.ds-radio-button__DFAX9n--disabled):not(.ds-radio-button__DFAX9n--invalid) .ds-radio-button__DFAX9n__icon__outer-circle--checked {
   stroke: var(--ds-palette-mainBlue-90);
   fill: var(--ds-bgColor-white);
 }
-.ds-radio-button__pYthVb:active:not(.ds-radio-button__pYthVb--disabled):not(.ds-radio-button__pYthVb--invalid) .ds-radio-button__pYthVb__icon__inner-circle {
+.ds-radio-button__DFAX9n:active:not(.ds-radio-button__DFAX9n--disabled):not(.ds-radio-button__DFAX9n--invalid) .ds-radio-button__DFAX9n__icon__inner-circle {
   stroke: unset;
   fill: var(--ds-bgColor-primary-active);
 }
-.ds-radio-button__pYthVb--disabled .ds-radio-button__pYthVb__icon__outer-circle {
+.ds-radio-button__DFAX9n--disabled .ds-radio-button__DFAX9n__icon__outer-circle {
   stroke: var(--ds-borderColor-disabled-onLight);
   fill: var(--ds-bgColor-disabled-onLight);
 }
-.ds-radio-button__pYthVb--disabled .ds-radio-button__pYthVb__icon__outer-circle--checked {
+.ds-radio-button__DFAX9n--disabled .ds-radio-button__DFAX9n__icon__outer-circle--checked {
   stroke: var(--ds-borderColor-disabled-onLight);
   fill: var(--ds-bgColor-disabled-onLight);
 }
-.ds-radio-button__pYthVb--disabled .ds-radio-button__pYthVb__icon__inner-circle {
+.ds-radio-button__DFAX9n--disabled .ds-radio-button__DFAX9n__icon__inner-circle {
   stroke: unset;
   fill: var(--ds-bgColor-transparent-onLight-active);
 }
-.ds-radio-button__pYthVb--invalid .ds-radio-button__pYthVb__icon__outer-circle {
+.ds-radio-button__DFAX9n--invalid .ds-radio-button__DFAX9n__icon__outer-circle {
   stroke: var(--ds-borderColor-danger);
   fill: var(--ds-bgColor-danger);
 }
-.ds-radio-button__pYthVb--invalid .ds-radio-button__pYthVb__icon__outer-circle--checked {
+.ds-radio-button__DFAX9n--invalid .ds-radio-button__DFAX9n__icon__outer-circle--checked {
   stroke: var(--ds-borderColor-danger);
   fill: var(--ds-bgColor-danger);
 }
-.ds-radio-button__pYthVb--invalid .ds-radio-button__pYthVb__icon__inner-circle {
+.ds-radio-button__DFAX9n--invalid .ds-radio-button__DFAX9n__icon__inner-circle {
   stroke: unset;
   fill: var(--ds-iconColor-danger);
 }
-.ds-radio-button__pYthVb--invalid:hover:not(.ds-radio-button__pYthVb--disabled) .ds-radio-button__pYthVb__icon__outer-circle {
+.ds-radio-button__DFAX9n--invalid:hover:not(.ds-radio-button__DFAX9n--disabled) .ds-radio-button__DFAX9n__icon__outer-circle {
   stroke: var(--ds-borderColor-danger);
   fill: var(--ds-bgColor-danger-hover);
 }
-.ds-radio-button__pYthVb--invalid:hover:not(.ds-radio-button__pYthVb--disabled) .ds-radio-button__pYthVb__icon__outer-circle--checked {
+.ds-radio-button__DFAX9n--invalid:hover:not(.ds-radio-button__DFAX9n--disabled) .ds-radio-button__DFAX9n__icon__outer-circle--checked {
   stroke: var(--ds-borderColor-danger);
   fill: var(--ds-bgColor-danger-hover);
 }
-.ds-radio-button__pYthVb--invalid:hover:not(.ds-radio-button__pYthVb--disabled) .ds-radio-button__pYthVb__icon__inner-circle {
+.ds-radio-button__DFAX9n--invalid:hover:not(.ds-radio-button__DFAX9n--disabled) .ds-radio-button__DFAX9n__icon__inner-circle {
   stroke: unset;
   fill: var(--ds-iconColor-danger);
 }
-.ds-radio-button__pYthVb--invalid:active:not(.ds-radio-button__pYthVb--disabled) .ds-radio-button__pYthVb__icon__outer-circle {
+.ds-radio-button__DFAX9n--invalid:active:not(.ds-radio-button__DFAX9n--disabled) .ds-radio-button__DFAX9n__icon__outer-circle {
   stroke: var(--ds-borderColor-danger);
   fill: var(--ds-bgColor-danger-active);
 }
-.ds-radio-button__pYthVb--invalid:active:not(.ds-radio-button__pYthVb--disabled) .ds-radio-button__pYthVb__icon__outer-circle--checked {
+.ds-radio-button__DFAX9n--invalid:active:not(.ds-radio-button__DFAX9n--disabled) .ds-radio-button__DFAX9n__icon__outer-circle--checked {
   stroke: var(--ds-borderColor-danger);
   fill: var(--ds-bgColor-danger-active);
 }
-.ds-radio-button__pYthVb--invalid:active:not(.ds-radio-button__pYthVb--disabled) .ds-radio-button__pYthVb__icon__inner-circle {
+.ds-radio-button__DFAX9n--invalid:active:not(.ds-radio-button__DFAX9n--disabled) .ds-radio-button__DFAX9n__icon__inner-circle {
   stroke: unset;
   fill: var(--ds-iconColor-danger);
 }
-.ds-radio-button__pYthVb-fieldset {
+.ds-radio-button__DFAX9n-fieldset {
   display: inline-flex;
   flex-direction: column;
   border: none;
   margin: 0;
   padding: 0;
 }
-.ds-radio-button__pYthVb-fieldset__legend {
+.ds-radio-button__DFAX9n-fieldset__legend {
   padding-inline: 0;
   color: var(--ds-textColor-default);
   font-family: var(--ds-fontFamily-body);
@@ -128,7 +128,7 @@
   line-height: var(--ds-lineHeight-large);
   margin-bottom: var(--ds-spacing-3xSmall);
 }
-.ds-radio-button__pYthVb-fieldset__assistive-text {
+.ds-radio-button__DFAX9n-fieldset__assistive-text {
   display: inline;
   font-family: var(--ds-fontFamily-body);
   font-size: var(--ds-fontSize-14);

package/dist/collection/components/01-base-components/ds-radio-button-group/ds-radio-button-group.css CHANGED Viewed

@@ -1,19 +1,19 @@
-.ds-radio-button-group__pYthVb {
+.ds-radio-button-group__DFAX9n {
   display: inline-flex;
   flex-direction: column;
   border: none;
   padding: 0;
   margin: 0;
 }
-.ds-radio-button-group__pYthVb__radio-buttons-slot {
+.ds-radio-button-group__DFAX9n__radio-buttons-slot {
   display: inline-flex;
   flex-direction: column;
 }
-.ds-radio-button-group__pYthVb__radio-buttons-slot--horizontal {
+.ds-radio-button-group__DFAX9n__radio-buttons-slot--horizontal {
   flex-flow: row wrap;
   gap: var(--ds-spacing-small);
 }
-.ds-radio-button-group__pYthVb__legend {
+.ds-radio-button-group__DFAX9n__legend {
   padding-inline: 0;
   color: var(--ds-textColor-default);
   font-family: var(--ds-fontFamily-body);
@@ -23,7 +23,7 @@
   line-height: var(--ds-lineHeight-large);
   margin-bottom: var(--ds-spacing-3xSmall);
 }
-.ds-radio-button-group__pYthVb__assistive-text {
+.ds-radio-button-group__DFAX9n__assistive-text {
   font-family: var(--ds-fontFamily-body);
   font-size: var(--ds-fontSize-14);
   color: var(--ds-textColor-secondary);