@kubit-ui-web/react-components 2.0.0-beta.17 → 2.0.0-beta.19

package/dist/styles/kubit/css/kubit.css

@@ -552,7 +552,6 @@ html, body, * { font-family: "Nunito Sans"; }
 .global-focus-visible:focus-visible { box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.6); outline: none; }
 body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; outline-offset: 0.25rem; outline-style: solid; outline-width: 0.25rem; }
 .kbt-global-focus { box-shadow: ; outline-color: ; outline-offset: ; outline-style: solid; outline-width: ; }
-
 /* === END FOUNDATIONS === */
 
 /* === BERNOVA COMPONENTS === */
@@ -564,6 +563,13 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
 .accordion__innercontent { min-height: 0; overflow: hidden; }
 .accordion--neutral { background-color: var(--colors-neutral-color-neutral-bg-200); }
 .accordion--standard { background-color: var(--colors-neutral-color-neutral-bg-250); }
+.alert__container { align-items: flex-start; border-radius: var(--radius-radius-00); border-style: solid; border-width: var(--borders-border-50); display: flex; flex-direction: row; gap: var(--spacings-spacing-150); justify-content: flex-start; padding: var(--spacings-spacing-300); position: relative; }
+.alert__contentcontainer { padding: var(--spacings-spacing-0); }
+.alert__description { color: var(--colors-neutral-color-neutral-font-150); font-weight: var(--font-weight-font-weight-400); word-break: break-word; }
+.alert__container--error { background-color: var(--colors-feedback-color-feedback-error-bg-50); border-color: var(--colors-feedback-color-feedbackerror-border-100); }
+.alert__container--informative { background-color: var(--colors-feedback-color-feedback-info-bg-50); border-color: var(--colors-feedback-color-feedbackinfo-border-100); }
+.alert__container--success { background-color: var(--colors-feedback-color-feedback-success-bg-50); border-color: var(--colors-feedback-color-feedbacksuccess-border-100); }
+.alert__container--warning { background-color: var(--colors-feedback-color-feedback-warning-bg-50); border-color: var(--colors-feedback-color-feedbackwarning-border-100); }
 .avatar { align-items: center; background-position: 50%, 50%; background-size: 100%; border-radius: var(--radius-radius-circle); cursor: pointer; display: inline-flex; justify-content: center; position: relative; -webkit-text-decoration: none; text-decoration: none; }
 .avatar__dot { display: flex; position: absolute; right: 0; top: 0; }
 .avatar__icon { display: block; }
@@ -635,8 +641,6 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
 .button__loader { align-items: center; display: flex; position: absolute; }
 .button--large { font-size: var(--font-size-font-body-100); gap: var(--spacings-spacing-150); line-height: var(--line-height-line-height-200); padding-bottom: var(--spacings-spacing-250); padding-left: var(--spacings-spacing-300); padding-right: var(--spacings-spacing-300); padding-top: var(--spacings-spacing-250); }
 .button__icon--large { height: var(--sizes-size-250); width: var(--sizes-size-250); }
-.button--medium { font-size: var(--font-size-font-body-100); gap: var(--spacings-spacing-150); line-height: var(--line-height-line-height-200); padding-bottom: var(--spacings-spacing-250); padding-left: var(--spacings-spacing-300); padding-right: var(--spacings-spacing-300); padding-top: var(--spacings-spacing-250); }
-.button__icon--medium { height: var(--sizes-size-250); width: var(--sizes-size-250); }
 .button--small { font-size: var(--font-size-font-body-150); gap: var(--spacings-spacing-100); line-height: var(--line-height-line-height-250); padding-bottom: var(--spacings-spacing-150); padding-left: var(--spacings-spacing-250); padding-right: var(--spacings-spacing-250); padding-top: var(--spacings-spacing-150); }
 .button__icon--small { height: var(--sizes-size-200); width: var(--sizes-size-200); }
 .button--action_primary { padding-bottom: var(--spacings-spacing-0); padding-left: var(--spacings-spacing-0); padding-right: var(--spacings-spacing-0); padding-top: var(--spacings-spacing-0); -webkit-text-decoration: underline; text-decoration: underline; color: var(--colors-accent-color-accent-default-font-100); }
@@ -985,30 +989,6 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
 .list_options__optionscontainer--side_menu_section { gap: var(--spacings-spacing-100); }
 .list_options__title--side_menu_section { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-400); }
 .list_options__titlecontainer--side_menu_section { border-bottom: var(--borders-border-50) solid var(--colors-neutral-color-neutral-border-200); margin: var(--spacings-spacing-0) var(--spacings-spacing-300) var(--spacings-spacing-100) var(--spacings-spacing-0); padding: var(--spacings-spacing-150) var(--spacings-spacing-300) var(--spacings-spacing-150) calc(var(--spacings-spacing-300) + var(--borders-border-200)); }
-.message { padding: var(--spacings-spacing-0); }
-.message__actionbuttoncontainer { padding: var(--spacings-spacing-0); }
-.message__buttonsectioncontainer { align-items: flex-start; display: flex; flex-direction: column; width: var(--spacings-spacing-100-percent); }
-.message__closeicon { height: var(--sizes-size-250); width: var(--sizes-size-250); }
-.message__container { align-items: flex-start; border-radius: var(--radius-radius-00); border-style: solid; border-width: var(--borders-border-50); display: flex; flex-direction: row; gap: var(--spacings-spacing-150); justify-content: flex-start; padding: var(--spacings-spacing-300); position: relative; }
-.message__contentcontainer { padding: var(--spacings-spacing-0); }
-.message__contentcontainerlargemessage { padding: var(--spacings-spacing-0); }
-.message__description { color: var(--colors-neutral-color-neutral-font-150); font-weight: var(--font-weight-font-weight-400); word-break: break-word; }
-.message__extraactionbuttoncontainer { padding: var(--spacings-spacing-0); }
-.message__headercontainer { align-items: flex-start; display: flex; flex-direction: column; gap: var(--spacings-spacing-300); }
-.message__headercontainerlargemessage { padding: var(--spacings-spacing-0); }
-.message__infoicon { height: var(--sizes-size-250); width: var(--sizes-size-250); }
-.message__linkcontainer { padding: var(--spacings-spacing-0); }
-.message__linkscontainer { display: flex; gap: var(--spacings-spacing-150); }
-.message__title { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-500); word-break: break-word; }
-.message__titlecontainer { display: flex; flex-direction: column; word-break: break-word; }
-.message__container--error { background-color: var(--colors-feedback-color-feedback-error-bg-50); border-color: var(--colors-feedback-color-feedbackerror-border-100); }
-.message__infoicon--error { color: var(--colors-feedback-color-feedbackerror-icon-100); }
-.message__container--informative { background-color: var(--colors-feedback-color-feedback-info-bg-50); border-color: var(--colors-feedback-color-feedbackinfo-border-100); }
-.message__infoicon--informative { color: var(--colors-feedback-color-feedbackinfo-border-100); }
-.message__container--success { background-color: var(--colors-feedback-color-feedback-success-bg-50); border-color: var(--colors-feedback-color-feedbacksuccess-border-100); }
-.message__infoicon--success { color: var(--colors-feedback-color-feedbacksuccess-icon-100); }
-.message__container--warning { background-color: var(--colors-feedback-color-feedback-warning-bg-50); border-color: var(--colors-feedback-color-feedbackwarning-border-100); }
-.message__infoicon--warning { color: var(--colors-feedback-color-feedback-warning-icon-50); }
 .modal { align-items: center; background-color: var(--colors-neutral-color-neutral-bg-250); border-radius: var(--radius-radius-50); box-sizing: border-box; display: flex; flex-flow: column nowrap; overflow-y: auto; }
 .modal__closebuttoncontainer { display: flex; justify-content: flex-end; }
 .modal__closebuttonicon { color: var(--colors-neutral-color-neutral-icon-50); height: var(--sizes-size-250); width: var(--sizes-size-250); }
@@ -1227,7 +1207,6 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
 .radio_button[data-state="selected"] { background-color: var(--colors-neutral-color-neutral-bg-250); border-color: var(--colors-accent-color-accent-default-border-100); }
 .radio_button[data-state="selected"]::before { content: ''; background-color: var(--colors-accent-color-accent-default-icon-100); }
 .selector_box_file { display: flex; flex-direction: column; width: var(--spacings-spacing-100-percent); }
-.selector_box_file__actiondescriptioncontainer { display: flex; flex-direction: column; }
 .selector_box_file__actionicon { display: inline; height: var(--spacings-spacing-350); margin-right: var(--spacings-spacing-350); width: var(--spacings-spacing-350); }
 .selector_box_file__actionicon[data-state="disabled"] { display: none; }
 .selector_box_file__actionicon[data-state="loading"] { display: none; }
@@ -1250,22 +1229,9 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
 .selector_box_file__containerboxtextscontainer[data-state="error"] { color: var(--colors-accent-color-accent-default-font-100); }
 .selector_box_file__containerboxtextscontainer[data-state="loading"] { color: var(--colors-accent-color-accent-default-font-100); }
 .selector_box_file__containerboxtextscontainer[data-state="success"] { color: var(--colors-accent-color-accent-default-font-100); }
-.selector_box_file__description { color: var(--colors-neutral-color-neutral-bg-50); font-weight: var(--font-weight-font-weight-400); }
-.selector_box_file__descriptioncontainer { align-items: baseline; display: flex; flex-direction: column; gap: var(--spacings-spacing-150); }
-.selector_box_file__errormessage { color: var(--colors-feedback-color-feedbackerror-font-50); font-weight: var(--font-weight-font-weight-400); }
-.selector_box_file__errormessagecontainer { align-items: start; display: flex; flex-direction: row; gap: var(--spacings-spacing-100); margin-top: var(--spacings-spacing-150); }
-.selector_box_file__errormessageicon { height: var(--spacings-spacing-300); width: var(--spacings-spacing-300); }
 .selector_box_file__header { display: flex; flex-direction: column; gap: var(--spacings-spacing-300); }
 .selector_box_file__leftanimationcontainer { padding: var(--spacings-spacing-0); }
 .selector_box_file__rightanimationcontainer { padding: var(--spacings-spacing-0); }
-.selector_box_file__subtitle { color: var(--colors-neutral-color-neutral-bg-50); font-weight: var(--font-weight-font-weight-400); }
-.selector_box_file__subtitletooltipcontainer { padding: var(--spacings-spacing-0); }
-.selector_box_file__subtitletooltipcontainer > *:nth-child(1) { display: inline; }
-.selector_box_file__subtitletooltipcontainer > *:nth-child(2) { vertical-align: middle; }
-.selector_box_file__title { color: var(--colors-neutral-color-neutral-bg-50); font-weight: var(--font-weight-font-weight-600); }
-.selector_box_file__titlesubtitlecontainer { display: flex; flex-direction: column; gap: var(--spacings-spacing-150); }
-.selector_box_file__tooltipicon { height: var(--spacings-spacing-400); width: var(--spacings-spacing-400); }
-.selector_box_file__tooltipiconcontainer { display: inline; margin-left: var(--spacings-spacing-100); }
 .selector_box_file__topanimationcontainer { padding: var(--spacings-spacing-0); }
 .skeleton { margin: 0; }
 .skeleton--circle { border-radius: 50%; }
@@ -1482,6 +1448,7 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
 .virtual_keyboard__digitbuttons--default:active { background-color: var(--colors-neutral-color-neutral-bg-200); }
 .virtual_keyboard__digittext--default { color: var(--colors-neutral-color-neutral-font-50); }
 @media screen and (max-width: 1440px) and (min-width: 1025px) {
+.alert__description { font-size: 0.875rem; line-height: 1.25rem; }
 .avatar__initials[data-content-type="with-initials"] { font-size: 0.75rem; line-height: 1rem; }
 .badge__label--alternative { font-size: 0.75rem; line-height: 1rem; }
 .badge__label--primary { font-size: 0.75rem; line-height: 1rem; }
@@ -1500,8 +1467,6 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
 .input_signature__placeholdertext { font-size: 0.875rem; line-height: 1.25rem; }
 .list_options__title--default { font-size: 1.25rem; line-height: 1.5rem; }
 .list_options__title--side_menu_section { font-size: 0.875rem; line-height: 1.25rem; }
-.message__description { font-size: 0.875rem; line-height: 1.25rem; }
-.message__title { font-size: 1rem; line-height: 1.5rem; }
 .modal__content { padding-left: var(--spacings-spacing-450); padding-right: var(--spacings-spacing-450); }
 .modal__footer { width: calc(var(--spacings-spacing-100-percent) - (var(--spacings-spacing-450) + var(--spacings-spacing-450))); }
 .modal__headercontainer { padding: var(--spacings-spacing-400); }
@@ -1523,10 +1488,6 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
 .selector_box_file__containerboxtextscontainer[data-state="error"] { font-size: 0.875rem; line-height: 1.25rem; }
 .selector_box_file__containerboxtextscontainer[data-state="loading"] { font-size: 0.875rem; line-height: 1.25rem; }
 .selector_box_file__containerboxtextscontainer[data-state="success"] { font-size: 0.875rem; line-height: 1.25rem; }
-.selector_box_file__description { font-size: 1rem; line-height: 1.5rem; }
-.selector_box_file__errormessage { font-size: 0.75rem; line-height: 1rem; }
-.selector_box_file__subtitle { font-size: 1rem; line-height: 1.5rem; }
-.selector_box_file__title { font-size: 1.125rem; line-height: 1.5rem; }
 .slider__helpertext { font-size: 0.75rem; line-height: 1rem; }
 .stepper_number__stepindex--horizontal { font-size: 1rem; line-height: 1.5rem; }
 .stepper_number__stepname--vertical { font-size: 0.875rem; line-height: 1.25rem; }
@@ -1569,6 +1530,7 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
 .virtual_keyboard__digittext { font-size: 1rem; line-height: 1.5rem; }
 }
 @media screen and (max-width: 767px) and (min-width: 240px) {
+.alert__description { font-size: 0.75rem; line-height: 1rem; }
 .avatar__initials[data-content-type="with-initials"] { font-size: 0.75rem; line-height: 1rem; }
 .badge__label--alternative { font-size: 0.75rem; line-height: 1rem; }
 .badge__label--primary { font-size: 0.75rem; line-height: 1rem; }
@@ -1592,10 +1554,6 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
 .list_options__title--default { font-size: 1.125rem; line-height: 1.5rem; }
 .list_options--dropdown_selected_section { gap: var(--spacings-spacing-150); }
 .list_options__title--side_menu_section { font-size: 0.75rem; line-height: 1rem; }
-.message__contentcontainerlargemessage { margin-left: var(--spacings-spacing-0); }
-.message__description { font-size: 0.75rem; line-height: 1rem; }
-.message__headercontainerlargemessage { flex-direction: column; }
-.message__title { font-size: 0.875rem; line-height: 1.25rem; }
 .modal__content { padding-left: var(--spacings-spacing-300); padding-right: var(--spacings-spacing-300); }
 .modal__footer { width: calc(var(--spacings-spacing-100-percent) - (var(--spacings-spacing-400) + var(--spacings-spacing-400))); }
 .modal__headercontainer { padding: var(--spacings-spacing-300) var(--spacings-spacing-300) var(--spacings-spacing-400) var(--spacings-spacing-300); }
@@ -1618,10 +1576,6 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
 .selector_box_file__containerboxtextscontainer[data-state="error"] { font-size: 0.75rem; line-height: 1rem; }
 .selector_box_file__containerboxtextscontainer[data-state="loading"] { font-size: 0.75rem; line-height: 1rem; }
 .selector_box_file__containerboxtextscontainer[data-state="success"] { font-size: 0.75rem; line-height: 1rem; }
-.selector_box_file__description { font-size: 0.875rem; line-height: 1.25rem; }
-.selector_box_file__errormessage { font-size: 0.75rem; line-height: 1rem; }
-.selector_box_file__subtitle { font-size: 0.875rem; line-height: 1.25rem; }
-.selector_box_file__title { font-size: 1rem; line-height: 1.5rem; }
 .slider__helpertext { font-size: 0.75rem; line-height: 1rem; }
 .stepper_number__stepindex--horizontal { font-size: 0.875rem; line-height: 1.25rem; }
 .stepper_number__stepname--vertical { font-size: 0.75rem; line-height: 1rem; }
@@ -1679,5 +1633,4 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
 .modal { max-height: 100vh; max-width: 100vw; min-height: 16rem; min-width: 48rem; }
 .tooltip__paragraph--default { color: #1A1A1A; }
 }
-
 /* === END COMPONENTS === */