@swisspost/design-system-styles 9.0.0-next.2 → 9.0.0-next.21

package/components/carousel.scss

@@ -1,178 +0,0 @@
-@forward './../variables/options';
-
-@use './../themes/bootstrap/carousel' as bc;
-@use './../themes/bootstrap/core' as *;
-
-@use './../functions/icons';
-@use './../variables/color';
-@use './../variables/commons';
-@use './../variables/type';
-@use './../variables/spacing';
-@use './../mixins/utilities';
-
-.carousel {
-  &:focus-visible {
-    outline: transparent;
-    box-shadow:
-      0 0 0 2px #fff,
-      0 0 0 4px #000,
-      0 0 12px 5px rgba(0, 0, 0, 0.24);
-  }
-
-  @include utilities.high-contrast-mode() {
-    &:focus-visible {
-      border-radius: commons.$border-radius;
-      outline: spacing.$size-line solid highlight;
-      outline-offset: spacing.$size-micro;
-      box-shadow: none;
-    }
-  }
-}
-
-.carousel-inner {
-  padding-bottom: calc(10% - 0.5rem);
-
-  @include media-breakpoint-down(rg) {
-    padding-bottom: 1.5rem;
-  }
-
-  @include media-breakpoint-down(md) {
-    padding-bottom: calc(10% - 1rem);
-  }
-
-  img {
-    aspect-ratio: 16/9;
-    object-fit: cover;
-  }
-}
-
-.carousel-caption {
-  bottom: -5rem;
-  left: 0;
-  width: 40%;
-  padding: 2rem;
-  padding-bottom: 5rem;
-  background-color: rgba(color.$nightblue-dark, 0.85);
-  color: color.$white;
-  text-align: left;
-
-  @include media-breakpoint-up(lg) {
-    bottom: -7rem;
-  }
-
-  @include media-breakpoint-down(lg) {
-    width: 50%;
-    padding: 1.5rem;
-    padding-bottom: 5rem;
-  }
-
-  @include media-breakpoint-down(md) {
-    width: 55%;
-  }
-
-  @include media-breakpoint-down(rg) {
-    position: relative;
-    bottom: 0;
-    width: 75%;
-    margin-top: -7rem;
-  }
-
-  @include media-breakpoint-down(sm) {
-    width: calc(100% - 2rem);
-    margin-top: -3rem;
-    margin-left: 1rem;
-  }
-
-  .bold {
-    margin-bottom: 0;
-    font-size: type.$font-size-small-big;
-    font-weight: type.$font-weight-bold;
-  }
-
-  .subtitle,
-  .light {
-    font-size: type.$font-size-small-big;
-    font-weight: type.$font-weight-light;
-  }
-}
-
-.carousel-caption::before {
-  content: '';
-  position: absolute;
-  z-index: 0;
-  bottom: 3rem;
-  left: 0;
-  width: 192px; //width from logo
-  border-bottom: 10px solid color.$yellow;
-
-  @include media-breakpoint-down(lg) {
-    bottom: 2.5rem;
-  }
-}
-
-.caption-right .carousel-caption {
-  right: 0;
-  left: auto;
-}
-
-.caption-light .carousel-caption {
-  background-color: rgba(color.$light, 0.85);
-  color: color.$black;
-}
-
-.carousel-indicators {
-  right: 2%;
-  bottom: spacing.$size-huge;
-  left: inherit;
-  margin: 0;
-  float: right;
-  text-align: right;
-
-  @include media-breakpoint-down(lg) {
-    bottom: 2rem;
-  }
-
-  @include media-breakpoint-down(rg) {
-    bottom: 1.5rem;
-  }
-
-  @include media-breakpoint-down(sm) {
-    right: 0;
-    bottom: 0.8rem;
-    left: 0;
-  }
-}
-
-.caption-right .carousel-indicators {
-  right: auto;
-  left: 2%;
-  float: left;
-  text-align: left;
-}
-
-.carousel-indicators [data-bs-target] {
-  width: 0.75rem;
-  height: 0.75rem;
-  border: 1px color.$black solid;
-  border-radius: 50%;
-  background-color: transparent;
-
-  &:not(:last-child) {
-    margin-right: spacing.$size-regular;
-  }
-}
-
-.carousel-indicators [data-bs-target].active {
-  border-color: color.$yellow;
-  background-color: color.$yellow;
-
-  @include utilities.high-contrast-mode() {
-    border-color: highlight;
-    background-color: highlight;
-  }
-}
-
-.carousel-control-prev,
-.carousel-control-next {
-  display: none;
-}

package/components/elevation.css

@@ -1 +0,0 @@
-.elevation-1{box-shadow:.25px 1px 1px rgba(0,0,0,.1),1px 2px 2.5px 1px rgba(0,0,0,.1)}.elevation-2{box-shadow:.25px 1.5px 2px rgba(0,0,0,.1),2px 2px 5px 2px rgba(0,0,0,.11)}.elevation-3{box-shadow:.5px 3px 4px rgba(0,0,0,.1),2px 4px 10px 4px rgba(0,0,0,.12)}.elevation-4{box-shadow:.75px 4.5px 6px rgba(0,0,0,.1),2px 6px 15px 6px rgba(0,0,0,.13)}.elevation-5{box-shadow:1px 6px 8px rgba(0,0,0,.1),2px 8px 20px 8px rgba(0,0,0,.14)}

package/components/elevation.scss

@@ -1,8 +0,0 @@
-@use '../variables/elevation';
-@use '../mixins/elevation' as elevation-mx;
-
-@each $key, $value in elevation.$elevation-map {
-  .#{$key} {
-    @include elevation-mx.elevation($key);
-  }
-}

package/components/floating-label.css

@@ -1 +0,0 @@
-.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:4.6875rem;min-height:4.6875rem;line-height:1.5}.form-floating>label{position:absolute;top:0;left:0;z-index:2;height:100%;padding:.75rem 1rem;overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:2px solid rgba(0,0,0,0);transform-origin:0 0;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media(prefers-reduced-motion: reduce){.form-floating>label{transition:none}}.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:.75rem 1rem}.form-floating>.form-control::placeholder,.form-floating>.form-control-plaintext::placeholder{color:rgba(0,0,0,0)}.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown),.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown){padding-top:1.5rem;padding-bottom:0}.form-floating>.form-control:-webkit-autofill,.form-floating>.form-control-plaintext:-webkit-autofill{padding-top:1.5rem;padding-bottom:0}.form-floating>.form-select{padding-top:1.5rem;padding-bottom:0}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-control-plaintext~label,.form-floating>.form-select~label{color:rgba(var(--bs-body-color-rgb), 1);transform:scale(0.75)}.form-floating>.form-control:focus~label::after,.form-floating>.form-control:not(:placeholder-shown)~label::after,.form-floating>.form-control-plaintext~label::after,.form-floating>.form-select~label::after{position:absolute;inset:.75rem .5rem;z-index:-1;height:4.6875rem;content:"";background-color:#fff;border-radius:0}.form-floating>.form-control:-webkit-autofill~label{color:rgba(var(--bs-body-color-rgb), 1);transform:scale(0.75)}.form-floating>.form-control-plaintext~label{border-width:2px 0}.form-floating>:disabled~label,.form-floating>.form-control:disabled~label{color:#6c757d}.form-floating>:disabled~label::after,.form-floating>.form-control:disabled~label::after{background-color:rgba(var(--post-contrast-color-inverted-rgb), 0.4)}.form-control{display:block;width:100%;padding:.875rem 1.125rem;font-size:1rem;font-weight:400;line-height:1.5;color:#000;appearance:none;background-color:#fff;background-clip:padding-box;border:2px solid #333;border-radius:0;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:inherit;background-color:inherit;border-color:inherit;outline:0;box-shadow:none}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::placeholder{color:#666;opacity:1}.form-control:disabled{color:var(--post-gray-60);background-color:rgba(var(--post-contrast-color-inverted-rgb), 0.4);border-color:var(--post-gray-40);opacity:1}.form-control::file-selector-button{padding:.875rem 1.125rem;margin:-0.875rem -1.125rem;margin-inline-end:1.125rem;color:#000;background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:2px;border-radius:0;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms}@media(prefers-reduced-motion: reduce){.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#fff}.form-control-plaintext{display:block;width:100%;padding:.875rem 0;margin-bottom:0;line-height:1.5;color:var(--post-contrast-color);background-color:rgba(0,0,0,0);border:solid rgba(0,0,0,0);border-width:2px 0}.form-control-plaintext:focus{outline:0}.form-control-plaintext.form-control-sm,.form-control-plaintext.form-control-lg,.form-floating>.form-control-plaintext.form-control,.form-floating>.form-control-plaintext.form-select{padding-right:0;padding-left:0}.form-control-sm{min-height:1.75rem;padding:.25rem 1rem;font-size:0.875rem;border-radius:0}.form-control-sm::file-selector-button{padding:.25rem 1rem;margin:-0.25rem -1rem;margin-inline-end:1rem}.form-control-lg,.form-floating>.form-control,.form-floating>.form-select{min-height:3.125rem;padding:.75rem 1rem;font-size:1.25rem;border-radius:0}.form-control-lg::file-selector-button,.form-floating>.form-control::file-selector-button,.form-floating>.form-select::file-selector-button{padding:.75rem 1rem;margin:-0.75rem -1rem;margin-inline-end:1rem}textarea.form-control{min-height:3.5rem}textarea.form-control-sm{min-height:1.75rem}textarea.form-control-lg,.form-floating>textarea.form-control,.form-floating>textarea.form-select{min-height:3.125rem}.form-control-color{width:3rem;height:3.5rem;padding:.875rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border:0 !important;border-radius:0}.form-control-color::-webkit-color-swatch{border:0 !important;border-radius:0}.form-control-color.form-control-sm{height:1.75rem}.form-control-color.form-control-lg,.form-floating>.form-control-color.form-control,.form-floating>.form-control-color.form-select{height:3.125rem}.form-floating>label{display:block;top:2px;left:2px;margin:0;padding-inline:1rem;padding-top:1.59375rem;padding-bottom:0;border:0;color:#333;font-size:1rem;width:auto;height:auto;max-width:calc(100% - (4px));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform-origin:1rem 0;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1),width 0ms linear}.form-floating>.form-control::placeholder{opacity:0}.form-floating>.form-control::input-placeholder{opacity:0}.form-floating>.form-control:focus::placeholder{color:rgba(var(--post-contrast-color-rgb), 0.6);opacity:1;transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-floating>.form-control:focus::input-placeholder{color:rgba(var(--post-contrast-color-rgb), 0.6);opacity:1;transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.5rem;padding-bottom:0}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label{color:#333;padding-top:.7rem;max-width:calc(100%*1.3333333333 - 0.6666666667rem - 5.3333333333px);transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1),width 0ms 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-floating>.form-control:disabled~label{color:var(--post-gray-60)}.form-floating>.form-control:hover~label{color:#000}.form-floating>.form-control[type=file]:focus,.form-floating>.form-control[type=file]:not(:placeholder-shown){padding-top:1.995rem}.form-floating>.form-control[type=week],.form-floating>.form-control[type=month],.form-floating>.form-control[type=date],.form-floating>.form-control[type=time]{background-position:right calc(0.375em + 0.4375rem) bottom .5rem}.form-floating>.form-control.form-control-sm{font-size:.875rem;height:3rem;min-height:3rem;padding-inline:1rem}.form-floating>.form-control.form-control-sm[type=date]::-webkit-calendar-picker-indicator{margin-top:-0.75rem}.form-floating>.form-control.form-control-sm~label{font-size:.875rem;padding-top:.75rem;padding-inline:1rem}.form-floating>.form-control.form-control-sm:focus,.form-floating>.form-control.form-control-sm:not(:placeholder-shown){padding-top:.5rem}.form-floating>.form-control.form-control-sm:focus~label,.form-floating>.form-control.form-control-sm:not(:placeholder-shown)~label{padding-top:.25rem;font-size:.75rem}.form-floating>.form-select{padding-top:1.5rem;padding-bottom:0}.form-floating>.form-select~label{color:#333;padding-top:.7rem;max-width:calc(100%*1.3333333333 - 0.6666666667rem - 5.3333333333px);transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1),width 0ms 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-floating>.form-select:disabled~label{color:var(--post-gray-60)}.form-floating>.form-select:empty,.form-floating>.form-select.form-select-empty{padding-top:1.5rem;padding-bottom:0}.form-floating>.form-select:empty~label,.form-floating>.form-select.form-select-empty~label{padding-top:1.59375rem;max-width:calc(100% - (4px));transform:none}.form-floating>.form-select.form-select-sm{padding-inline:1rem;padding-top:.5rem;font-size:.875rem;height:3rem;min-height:3rem}.form-floating>.form-select.form-select-sm~label{padding-top:.25rem;font-size:.75rem;padding-inline:1rem}.form-floating>.form-select.form-select-sm:empty~label,.form-floating>.form-select.form-select-sm.form-select-empty~label{padding-top:.75rem;font-size:.875rem}.form-floating>.form-select[multiple]{padding-top:2rem;padding-bottom:0;height:auto}.form-floating>.form-select[multiple]~label{padding-top:.5625rem;padding-bottom:0;width:calc(100%*1.3333333333 - 0.6666666667rem - 5.3333333333px - 1.3333333333rem);height:auto;left:6px}.form-floating>.form-select[multiple].form-select-sm{padding-top:1.5rem}.form-floating>.form-select[multiple].form-select-sm~label{left:4px}.form-floating>.form-select[multiple]:not(:disabled)~label{background:#fff}.form-floating>.form-select[multiple]:empty~label{padding-top:.75rem;padding-bottom:.75rem;width:calc(100% - (4px) - 1rem)}.form-floating>textarea.form-control{padding-top:1.625rem !important;padding-bottom:.5rem;padding-right:1.5rem;min-height:3.875rem;height:auto}.form-floating>textarea.form-control~label{padding-bottom:0;width:calc(100% - (4px));max-width:none;height:unset;padding-top:1rem}.form-floating>textarea.form-control:focus,.form-floating>textarea.form-control:not(:placeholder-shown){padding-bottom:.5rem}.form-floating>textarea.form-control:focus~label,.form-floating>textarea.form-control:not(:placeholder-shown)~label{padding-top:.5rem;width:calc(100%*1.3333333333 - 0.6666666667rem - 5.3333333333px - 1.3333333333rem);max-width:none;background:#fff}.form-floating>textarea.form-control.form-control-sm{padding-top:1.625rem !important;padding-right:1.5rem;font-size:.875rem;min-height:3.6875rem;height:auto}.form-floating>textarea.form-control.form-control-sm~label{font-size:.875rem;padding-left:1rem;padding-top:1rem;padding-right:1.5rem}.form-floating>textarea.form-control.form-control-sm:focus,.form-floating>textarea.form-control.form-control-sm:not(:placeholder-shown){padding-bottom:.5rem}.form-floating>textarea.form-control.form-control-sm:focus~label,.form-floating>textarea.form-control.form-control-sm:not(:placeholder-shown)~label{transform:scale(0.8571428571);padding-top:.5rem;width:calc(100%*1.1666666667 - 0.3333333333rem - 4.6666666667px - 1.1666666667rem);max-width:none;background:#fff}.form-floating>textarea.form-control:is(.is-valid,.is-invalid)~label{width:calc(100% - (4px) - 0.5rem - 32px)}.form-floating>textarea.form-control:is(.is-valid,.is-invalid):focus~label,.form-floating>textarea.form-control:is(.is-valid,.is-invalid):not(:placeholder-shown)~label{width:calc(100%*1.3333333333 - 0.6666666667rem - 5.3333333333px - 0.6666666667rem - 2.6666666667rem)}.form-floating>textarea.form-control:is(.is-valid,.is-invalid).form-control-sm~label{width:calc(100% - (4px) - 0.5rem - 24px)}.form-floating>textarea.form-control:is(.is-valid,.is-invalid).form-control-sm:focus,.form-floating>textarea.form-control:is(.is-valid,.is-invalid).form-control-sm:not(:placeholder-shown){padding-right:2.5rem}.form-floating>textarea.form-control:is(.is-valid,.is-invalid).form-control-sm:focus~label,.form-floating>textarea.form-control:is(.is-valid,.is-invalid).form-control-sm:not(:placeholder-shown)~label{width:calc(100%*1.1666666667 - 0.5833333333rem - 4.6666666667px - 0.5833333333rem - 28px)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-floating>input::placeholder,.form-floating>textarea::placeholder{opacity:0}.form-floating>input::input-placeholder,.form-floating>textarea::input-placeholder{opacity:0}}

package/components/floating-label.scss

@@ -1,353 +0,0 @@
-@use 'sass:color';
-@use 'sass:math';
-
-@forward './../variables/options';
-
-@use './../themes/bootstrap/core' as b;
-@use './../themes/bootstrap/forms/floating-labels' as bffl;
-@use './../themes/bootstrap/forms/form-control' as bffc;
-@use './../mixins/forms' as forms-mx;
-@use './../mixins/utilities' as utilities-mx;
-
-@use './../functions/sizing';
-
-@use './../variables/type';
-@use './../variables/spacing';
-@use './../variables/components/forms';
-@use './../variables/components/form-validation';
-@use './../variables/animation';
-@use './../variables/color' as c;
-
-.form-floating {
-  > label {
-    display: block;
-    top: forms.$input-border-width;
-    left: forms.$input-border-width;
-    margin: 0;
-    padding-inline: forms.$form-floating-padding-x;
-    padding-top: forms.$form-floating-label-padding-t;
-    padding-bottom: 0;
-    border: 0;
-    color: forms.$form-floating-label-color;
-    font-size: forms.$form-floating-label-font-size;
-    width: auto;
-    height: auto;
-    max-width: calc(100% - (#{forms.$input-border-width * 2}));
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    transform-origin: forms.$form-floating-padding-x 0;
-    transition: forms.$form-floating-transition-out;
-  }
-
-  > .form-control {
-    // disable stylelint here, because the classes are coming from bs5
-    @extend .form-control-lg; /* stylelint-disable-line */
-
-    @include forms-mx.placeholder {
-      opacity: 0;
-    }
-
-    &:focus {
-      @include forms-mx.placeholder {
-        color: rgba(var(--post-contrast-color-rgb), 0.6);
-        opacity: 1;
-        transition: opacity animation.$transition-base-timing;
-      }
-    }
-
-    &:focus,
-    &:not(:placeholder-shown) {
-      padding-top: forms.$form-floating-input-padding-t;
-      padding-bottom: forms.$form-floating-input-padding-b;
-
-      ~ label {
-        color: forms.$form-floating-label-color;
-        padding-top: 0.7rem;
-        max-width: calc(
-          (100% * #{forms.$form-floating-label-upscale}) - #{forms.$form-floating-label-translate-x *
-            forms.$form-floating-label-upscale * 2} - #{forms.$input-border-width * forms.$form-floating-label-upscale *
-            2}
-        );
-        transition: forms.$form-floating-transition-in;
-      }
-    }
-
-    &:disabled {
-      ~ label {
-        color: var(--post-gray-60);
-      }
-    }
-
-    &:hover {
-      ~ label {
-        color: c.$black;
-      }
-    }
-
-    &[type='file'] {
-      &:focus,
-      &:not(:placeholder-shown) {
-        padding-top: forms.$form-floating-input-padding-t * 1.33;
-      }
-    }
-
-    &[type='week'],
-    &[type='month'],
-    &[type='date'],
-    &[type='time'] {
-      background-position: right b.$input-height-inner-quarter bottom 0.5rem;
-    }
-
-    &.form-control-sm {
-      &[type='date']::-webkit-calendar-picker-indicator {
-        margin-top: -(spacing.$size-small-regular);
-      }
-      font-size: forms.$form-floating-label-font-size-placeholder-sm;
-      height: forms.$form-floating-label-height-sm;
-      min-height: forms.$form-floating-label-height-sm;
-      padding-inline: forms.$form-floating-padding-x-sm;
-
-      ~ label {
-        font-size: forms.$form-floating-label-font-size-placeholder-sm;
-        padding-top: forms.$form-floating-label-padding-t-sm;
-        padding-inline: forms.$form-floating-padding-x-sm;
-      }
-
-      &:focus,
-      &:not(:placeholder-shown) {
-        padding-top: forms.$form-floating-padding-y-sm * 2;
-
-        ~ label {
-          padding-top: forms.$form-floating-padding-y-sm;
-          font-size: forms.$form-floating-label-font-size-sm;
-        }
-      }
-    }
-  }
-
-  > .form-select {
-    // disable stylelint here, because the classes are coming from bs5
-    @extend .form-control-lg; /* stylelint-disable-line */
-
-    padding-top: forms.$form-floating-input-padding-t;
-    padding-bottom: forms.$form-floating-input-padding-b;
-
-    ~ label {
-      color: forms.$form-floating-label-color;
-      padding-top: 0.7rem;
-      max-width: calc(
-        (100% * #{forms.$form-floating-label-upscale}) - #{forms.$form-floating-label-translate-x *
-          forms.$form-floating-label-upscale * 2} - #{forms.$input-border-width * forms.$form-floating-label-upscale *
-          2}
-      );
-      transition: forms.$form-floating-transition-in;
-    }
-
-    &:disabled {
-      ~ label {
-        color: var(--post-gray-60);
-      }
-    }
-
-    // TODO: replace with :has
-    &:empty,
-    &.form-select-empty {
-      padding-top: forms.$form-floating-input-padding-t;
-      padding-bottom: forms.$form-floating-input-padding-b;
-
-      ~ label {
-        padding-top: forms.$form-floating-label-padding-t;
-        max-width: calc(100% - (#{forms.$input-border-width * 2}));
-        transform: none;
-      }
-    }
-
-    &.form-select-sm {
-      padding-inline: forms.$form-floating-padding-x-sm;
-      padding-top: forms.$form-floating-padding-y-sm * 2;
-      font-size: forms.$form-floating-label-font-size-placeholder-sm;
-      height: forms.$form-floating-label-height-sm;
-      min-height: forms.$form-floating-label-height-sm;
-
-      ~ label {
-        padding-top: forms.$form-floating-padding-y-sm;
-        font-size: forms.$form-floating-label-font-size-sm;
-        padding-inline: forms.$form-floating-padding-x-sm;
-      }
-
-      // TODO: replace with :has
-      &:empty,
-      &.form-select-empty {
-        ~ label {
-          padding-top: forms.$form-floating-label-padding-t-sm;
-          font-size: forms.$form-floating-label-font-size-placeholder-sm;
-        }
-      }
-    }
-
-    &[multiple] {
-      padding-top: spacing.$size-big;
-      padding-bottom: 0;
-      height: auto;
-
-      ~ label {
-        padding-top: forms.$input-padding-y-lg * forms.$form-floating-label-scale;
-        padding-bottom: 0;
-        width: calc(
-          (100% * #{forms.$form-floating-label-upscale}) - #{forms.$form-floating-label-translate-x *
-            forms.$form-floating-label-upscale * 2} - #{forms.$input-border-width * forms.$form-floating-label-upscale *
-            2} - #{forms.$form-floating-padding-x * forms.$form-floating-label-upscale}
-        );
-        height: auto;
-        left: forms.$input-border-width * 3;
-      }
-
-      &.form-select-sm {
-        padding-top: forms.$form-floating-input-padding-t;
-
-        ~ label {
-          left: forms.$input-border-width * 2;
-        }
-      }
-
-      &:not(:disabled) {
-        ~ label {
-          background: forms.$input-bg;
-        }
-      }
-
-      &:empty {
-        ~ label {
-          padding-top: forms.$form-floating-padding-y;
-          padding-bottom: forms.$form-floating-padding-y;
-          width: calc(
-            100% - (#{forms.$input-border-width * 2}) - #{forms.$form-floating-padding-x}
-          );
-        }
-      }
-    }
-  }
-
-  > textarea.form-control {
-    padding-top: forms.$form-floating-textarea-padding-t !important;
-    padding-bottom: spacing.$size-mini;
-    padding-right: spacing.$size-large;
-    min-height: (forms.$form-floating-label-font-size * forms.$input-line-height-lg) +
-      forms.$form-floating-textarea-padding-t + spacing.$size-mini +
-      sizing.px-to-rem(forms.$input-border-width * 2);
-    height: auto;
-
-    ~ label {
-      padding-bottom: 0;
-      width: calc(100% - (#{forms.$input-border-width * 2}));
-      max-width: none;
-      height: unset;
-      padding-top: spacing.$size-regular;
-    }
-
-    &:focus,
-    &:not(:placeholder-shown) {
-      padding-bottom: spacing.$size-mini;
-
-      ~ label {
-        padding-top: spacing.$size-mini;
-        width: calc(
-          (100% * #{forms.$form-floating-label-upscale}) - #{forms.$form-floating-label-translate-x *
-            forms.$form-floating-label-upscale * 2} - #{forms.$input-border-width * forms.$form-floating-label-upscale *
-            2} - #{forms.$form-floating-padding-x * forms.$form-floating-label-upscale}
-        );
-        max-width: none;
-        background: forms.$input-bg;
-      }
-    }
-
-    &.form-control-sm {
-      padding-top: forms.$form-floating-textarea-padding-t-sm !important;
-      padding-right: spacing.$size-large;
-      font-size: forms.$form-floating-label-font-size-placeholder-sm;
-      min-height: (
-          forms.$form-floating-label-font-size-placeholder-sm * forms.$input-line-height-sm
-        ) + forms.$form-floating-textarea-padding-t-sm + spacing.$size-mini +
-        sizing.px-to-rem(forms.$input-border-width * 2);
-      height: auto;
-
-      ~ label {
-        font-size: forms.$form-floating-label-font-size-placeholder-sm;
-        padding-left: spacing.$size-regular;
-        padding-top: spacing.$size-regular;
-        padding-right: spacing.$size-large;
-      }
-
-      &:focus,
-      &:not(:placeholder-shown) {
-        padding-bottom: spacing.$size-mini;
-
-        ~ label {
-          transform: scale(forms.$form-floating-label-scale-sm);
-          padding-top: spacing.$size-mini;
-          width: calc(
-            (100% * #{forms.$form-floating-label-upscale-sm}) - #{forms.$form-floating-label-translate-x-sm *
-              forms.$form-floating-label-upscale-sm * 2} - #{forms.$input-border-width * forms.$form-floating-label-upscale-sm *
-              2} - #{forms.$form-floating-padding-x-sm * forms.$form-floating-label-upscale-sm}
-          );
-          max-width: none;
-          background: forms.$input-bg;
-        }
-      }
-    }
-
-    &:is(.is-valid, .is-invalid) {
-      ~ label {
-        width: calc(
-          100% - (#{forms.$input-border-width * 2}) - #{form-validation.$form-feedback-icon-offset} -
-            #{forms.$form-bg-size}
-        );
-      }
-
-      &:focus,
-      &:not(:placeholder-shown) {
-        ~ label {
-          width: calc(
-            (100% * #{forms.$form-floating-label-upscale}) - #{forms.$form-floating-label-translate-x *
-              forms.$form-floating-label-upscale * 2} - #{forms.$input-border-width * forms.$form-floating-label-upscale *
-              2} - #{form-validation.$form-feedback-icon-offset * forms.$form-floating-label-upscale} -
-              #{form-validation.$form-feedback-icon-size * forms.$form-floating-label-upscale}
-          );
-        }
-      }
-
-      &.form-control-sm {
-        ~ label {
-          width: calc(
-            100% - (#{forms.$input-border-width * 2}) - #{form-validation.$form-feedback-icon-offset} -
-              #{forms.$form-bg-size-sm}
-          );
-        }
-
-        &:focus,
-        &:not(:placeholder-shown) {
-          padding-right: spacing.$size-bigger-big;
-
-          ~ label {
-            width: calc(
-              (100% * #{forms.$form-floating-label-upscale-sm}) - #{forms.$form-floating-label-translate-x *
-                forms.$form-floating-label-upscale-sm * 2} - #{forms.$input-border-width * forms.$form-floating-label-upscale-sm *
-                2} - #{form-validation.$form-feedback-icon-offset *
-                forms.$form-floating-label-upscale-sm} - #{forms.$form-bg-size-sm * forms.$form-floating-label-upscale-sm}
-            );
-          }
-        }
-      }
-    }
-  }
-
-  @include utilities-mx.high-contrast-mode() {
-    > input,
-    > textarea {
-      @include forms-mx.placeholder() {
-        opacity: 0;
-      }
-    }
-  }
-}

package/components/form-check.css

@@ -1 +0,0 @@
-.form-check{display:flex;flex-wrap:wrap;row-gap:.75rem;margin-bottom:1rem}.form-check{outline-style:none !important;outline-offset:2px !important;outline-width:2px !important;outline-color:var(--post-focus-color) !important}.form-check:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:solid !important;border-radius:4px}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.form-check:is(:focus-visible,:focus-within,.pretend-focus){outline-style:solid !important;border-radius:4px}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.form-check-inline{display:inline-flex}.form-check-inline:not(:last-of-type){margin-right:1.5rem}.form-check-input,.form-check-label{color:rgba(var(--post-contrast-color-rgb), 0.8);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check-input,.form-check-label{transition:none}}.form-check-input:hover:not([disabled]),.form-check-input:hover:not([disabled])~.form-check-input-label,.form-check-label:hover:not([disabled]),.form-check-input:hover:not([disabled])~.form-check-label-label,.form-check-label:hover:not([disabled])~.form-check-input-label,.form-check-label:hover:not([disabled])~.form-check-label-label{color:var(--post-contrast-color)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check-input:hover:not([disabled]),.form-check-input:hover:not([disabled])~.form-check-input-label,.form-check-label:hover:not([disabled]),.form-check-input:hover:not([disabled])~.form-check-label-label,.form-check-label:hover:not([disabled])~.form-check-input-label,.form-check-label:hover:not([disabled])~.form-check-label-label{border-color:Highlight}}.form-check-input{display:inline-flex;flex:0 auto;appearance:none;background:rgba(0,0,0,0);height:1.375rem;width:1.375rem;border:2px solid currentColor;margin-top:1px;outline:none}.form-check-input:not([disabled]),.form-check-input:not([disabled])~.form-check-label{cursor:pointer}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check-input{border-color:FieldText}}.form-check-input::after{content:"";display:block;flex:1}.form-check-input[type=checkbox]:checked::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12.667 23.6-7.2-7.067 1.067-1.067 6.133 6.267L25.467 8.8l1.067 1.067z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12.667 23.6-7.2-7.067 1.067-1.067 6.133 6.267L25.467 8.8l1.067 1.067z'/%3E%3C/svg%3E");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color}.form-check-input[type=checkbox]:indeterminate::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5.333 16.01 20-.021.001 1.333-20 .021z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5.333 16.01 20-.021.001 1.333-20 .021z'/%3E%3C/svg%3E");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check-input[type=checkbox]:checked,.form-check-input[type=checkbox]:indeterminate{background-color:SelectedItem !important;color:SelectedItemText !important}}.form-check-input[type=radio]{border-radius:50%}.form-check-input[type=radio]:checked::after{border:.25rem solid rgba(0,0,0,0);background-color:currentColor;border-radius:inherit;background-clip:padding-box}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check-input[type=radio]:checked::after{background-color:SelectedItem;border-color:Canvas}}.form-check-input[type=radio][disabled]{padding:2px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%' height='100%' rx='100' ry='100' fill='none' stroke='hsl(0, 0%, 40%)' stroke-width='4px ' stroke-dasharray='4 2' /%3e%3c/svg%3e")}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .form-check-input[type=radio][disabled]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%' height='100%' rx='100' ry='100' fill='none' stroke='rgba(255, 255, 255, 0.8)' stroke-width='4px ' stroke-dasharray='4 2' /%3e%3c/svg%3e")}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check-input[type=radio][disabled]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%' height='100%' rx='100' ry='100' fill='none' stroke='GrayText' stroke-width='4px ' stroke-dasharray='4 2' /%3e%3c/svg%3e") !important}}.form-check-input[disabled]{border:0;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%' height='100%'  fill='none' stroke='hsl(0, 0%, 40%)' stroke-width='4px ' stroke-dasharray='2 1.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4' pathLength='88' /%3e%3c/svg%3e")}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check-input[disabled][type=checkbox],.form-check-input[disabled][type=radio]{border-color:GrayText !important}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check-input[disabled][type=checkbox]:checked,.form-check-input[disabled][type=checkbox]:indeterminate{background-color:Field !important;color:GrayText !important}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check-input[disabled][type=radio]:checked::after{background-color:GrayText}}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .form-check-input[disabled]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%' height='100%'  fill='none' stroke='rgba(255, 255, 255, 0.8)' stroke-width='4px ' stroke-dasharray='2 1.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4' pathLength='88' /%3e%3c/svg%3e")}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check-input[disabled]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%' height='100%'  fill='none' stroke='GrayText' stroke-width='4px ' stroke-dasharray='2 1.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4' pathLength='88' /%3e%3c/svg%3e") !important}}.form-check-sm .form-check-input[disabled][type=checkbox]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%' height='100%'  fill='none' stroke='hsl(0, 0%, 40%)' stroke-width='4px ' stroke-dasharray='2 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4' pathLength='66' /%3e%3c/svg%3e")}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .form-check-sm .form-check-input[disabled][type=checkbox]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%' height='100%'  fill='none' stroke='rgba(255, 255, 255, 0.8)' stroke-width='4px ' stroke-dasharray='2 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4' pathLength='66' /%3e%3c/svg%3e")}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check-sm .form-check-input[disabled][type=checkbox]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%' height='100%'  fill='none' stroke='GrayText' stroke-width='4px ' stroke-dasharray='2 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4' pathLength='66' /%3e%3c/svg%3e") !important}}.form-check-input[disabled],.form-check-input[disabled]~.form-check-label{text-decoration:line-through;color:rgba(0,0,0,.6)}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .form-check-input[disabled],:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .form-check-input[disabled]~.form-check-label{color:rgba(255,255,255,.8)}.form-check-sm .form-check-input{height:1rem;width:1rem}.form-check-sm .form-check-input[type=radio]:checked::after{border-width:2px}.form-check-label{flex:1}:not(.form-switch,.radio-button-card,.checkbox-button-card)>.form-check-label{padding-inline-start:.5rem}.form-check-sm .form-check-label{font-size:.75rem}.form-switch .form-check-input{height:2rem;width:4rem;border:0;border-radius:4rem;background-image:linear-gradient(to right, rgba(var(--post-contrast-color-rgb), 0.3) 50%, var(--post-success) 50%);background-size:8rem;background-position-x:0;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-position 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-switch .form-check-input::after{max-width:2rem;background-color:#fff;border:2px solid #666;border-radius:50%;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-switch .form-check-input:checked{background-position-x:4rem}.form-switch .form-check-input:checked::after{-webkit-mask-image:none;mask-image:none;background-color:#fff;border-color:#000;transform:translateX(2rem)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-switch .form-check-input{transition:none;border:2px solid CanvasText}.form-switch .form-check-input:checked{background-color:SelectedItem !important}.form-switch .form-check-input::after,.form-switch .form-check-input:checked::after{max-width:calc(2rem - 4px);border-color:Canvas;background-color:CanvasText}}.form-switch .form-check-input[disabled]{background:#ccc}.form-switch .form-check-input[disabled]::after{border-color:#999}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-switch .form-check-input[disabled]::after{border-color:Field}.form-switch .form-check-input[disabled]:checked{background-color:GrayText !important}}.form-switch:hover>.form-check-input:not([disabled]){background-color:rgba(var(--post-contrast-color-rgb), 0.1)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-switch:hover>.form-check-input:not([disabled]){border-color:Highlight}}.form-switch .form-check-label{padding-top:.25rem}.form-switch .form-check-label.order-first{flex:0 auto;padding-inline-end:1rem}.form-switch .form-check-label:not(.order-first){padding-inline-start:1rem}