@coreui/coreui 4.0.2

package/scss/coreui-grid.rtl.scss

@@ -0,0 +1,12 @@
+/*!
+ * CoreUI - HTML, CSS, and JavaScript UI Components Library
+ * @version v4.0.2
+ * @link https://coreui.io/
+ * Copyright (c) 2021 creativeLabs Łukasz Holeczek
+ * License MIT  (https://coreui.io/license/)
+*/
+
+$enable-ltr: false !default;
+$enable-rtl: true !default;
+
+@import "coreui-grid";

package/scss/coreui-grid.scss

@@ -0,0 +1,67 @@
+/*!
+ * CoreUI - HTML, CSS, and JavaScript UI Components Library
+ * @version v4.0.2
+ * @link https://coreui.io/
+ * Copyright (c) 2021 creativeLabs Łukasz Holeczek
+ * License MIT  (https://coreui.io/license/)
+*/
+
+$include-column-box-sizing: true !default;
+
+@import "functions";
+@import "variables";
+
+@import "mixins/ltr-rtl";
+@import "mixins/lists";
+@import "mixins/breakpoints";
+@import "mixins/container";
+@import "mixins/grid";
+@import "mixins/utilities";
+
+@import "vendor/rfs";
+
+@import "containers";
+@import "grid";
+
+@import "utilities";
+// Only use the utilities we need
+// stylelint-disable-next-line scss/dollar-variable-default
+$utilities: map-get-multiple(
+  $utilities,
+  (
+    "display",
+    "order",
+    "flex",
+    "flex-direction",
+    "flex-grow",
+    "flex-shrink",
+    "flex-wrap",
+    "justify-content",
+    "align-items",
+    "align-content",
+    "align-self",
+    "margin",
+    "margin-x",
+    "margin-y",
+    "margin-top",
+    "margin-end",
+    "margin-bottom",
+    "margin-start",
+    "negative-margin",
+    "negative-margin-x",
+    "negative-margin-y",
+    "negative-margin-top",
+    "negative-margin-end",
+    "negative-margin-bottom",
+    "negative-margin-start",
+    "padding",
+    "padding-x",
+    "padding-y",
+    "padding-top",
+    "padding-end",
+    "padding-bottom",
+    "padding-start",
+  )
+);
+
+@import "utilities/api";

package/scss/coreui-reboot.rtl.scss

@@ -0,0 +1,12 @@
+/*!
+ * CoreUI - HTML, CSS, and JavaScript UI Components Library
+ * @version v4.0.2
+ * @link https://coreui.io/
+ * Copyright (c) 2021 creativeLabs Łukasz Holeczek
+ * License MIT  (https://coreui.io/license/)
+*/
+
+$enable-ltr: false !default;
+$enable-rtl: true !default;
+
+@import "coreui-reboot";

package/scss/coreui-reboot.scss

@@ -0,0 +1,15 @@
+/*!
+ * CoreUI - HTML, CSS, and JavaScript UI Components Library
+ * @version v4.0.2
+ * @link https://coreui.io/
+ * Copyright (c) 2021 creativeLabs Łukasz Holeczek
+ * License MIT  (https://coreui.io/license/)
+ */
+
+@import "functions";
+@import "variables";
+// Prevent the usage of custom properties since we don't add them to `:root` in reboot
+$font-family-base: $font-family-sans-serif; // stylelint-disable-line scss/dollar-variable-default
+$font-family-code: $font-family-monospace; // stylelint-disable-line scss/dollar-variable-default
+@import "mixins";
+@import "reboot";

package/scss/coreui-utilities.rtl.scss

@@ -0,0 +1,12 @@
+/*!
+ * CoreUI - HTML, CSS, and JavaScript UI Components Library
+ * @version v4.0.2
+ * @link https://coreui.io/
+ * Copyright (c) 2021 creativeLabs Łukasz Holeczek
+ * License MIT  (https://coreui.io/license/)
+*/
+
+$enable-ltr: false !default;
+$enable-rtl: true !default;
+
+@import "coreui-utilities";

package/scss/coreui-utilities.scss

@@ -0,0 +1,19 @@
+/*!
+ * CoreUI - HTML, CSS, and JavaScript UI Components Library
+ * @version v4.0.2
+ * @link https://coreui.io/
+ * Copyright (c) 2021 creativeLabs Łukasz Holeczek
+ * License MIT  (https://coreui.io/license/)
+ */
+
+// Configuration
+@import "functions";
+@import "variables";
+@import "mixins";
+@import "utilities";
+
+// Helpers
+@import "helpers";
+
+// Utilities
+@import "utilities/api";

package/scss/coreui.rtl.scss

@@ -0,0 +1,12 @@
+/*!
+ * CoreUI - HTML, CSS, and JavaScript UI Components Library
+ * @version v4.0.2
+ * @link https://coreui.io/
+ * Copyright (c) 2021 creativeLabs Łukasz Holeczek
+ * License MIT  (https://coreui.io/license/)
+*/
+
+$enable-ltr: false !default;
+$enable-rtl: true !default;
+
+@import "coreui";

package/scss/coreui.scss

@@ -0,0 +1,61 @@
+/*!
+ * CoreUI - HTML, CSS, and JavaScript UI Components Library
+ * @version v4.0.2
+ * @link https://coreui.io/
+ * Copyright (c) 2021 creativeLabs Łukasz Holeczek
+ * License MIT  (https://coreui.io/license/)
+ */
+
+// scss-docs-start import-stack
+// Configuration
+@import "functions";
+@import "variables";
+@import "mixins";
+@import "utilities";
+
+// Layout & components
+@import "root";
+@import "reboot";
+@import "type";
+@import "images";
+@import "containers";
+@import "grid";
+@import "tables";
+@import "forms";
+@import "buttons";
+@import "transitions";
+@import "dropdown";
+@import "button-group";
+@import "nav";
+@import "navbar";
+@import "card";
+@import "accordion";
+@import "breadcrumb";
+@import "pagination";
+@import "badge";
+@import "alert";
+@import "progress";
+@import "list-group";
+@import "close";
+@import "toasts";
+@import "modal";
+@import "tooltip";
+@import "popover";
+@import "carousel";
+@import "spinners";
+@import "offcanvas";
+
+@import "avatar";
+@import "callout";
+@import "footer";
+@import "header";
+@import "icon";
+@import "sidebar";
+@import "subheader";
+
+// Helpers
+@import "helpers";
+
+// Utilities
+@import "utilities/api";
+// scss-docs-end import-stack

package/scss/forms/_floating-labels.scss

@@ -0,0 +1,63 @@
+.form-floating {
+  position: relative;
+
+  > .form-control,
+  > .form-select {
+    height: $form-floating-height;
+    line-height: $form-floating-line-height;
+  }
+
+  > label {
+    position: absolute;
+    top: 0;
+    @include ltr-rtl("left", 0);
+    height: 100%; // allow textareas
+    padding: $form-floating-padding-y $form-floating-padding-x;
+    pointer-events: none;
+    border: $input-border-width solid transparent; // Required for aligning label's text with the input as it affects inner box model
+    transform-origin: 0 0;
+    @include transition($form-floating-transition);
+  }
+
+  // stylelint-disable no-duplicate-selectors
+  > .form-control {
+    padding: $form-floating-padding-y $form-floating-padding-x;
+
+    &::placeholder {
+      color: transparent;
+    }
+
+    &:focus,
+    &:not(:placeholder-shown) {
+      padding-top: $form-floating-input-padding-t;
+      padding-bottom: $form-floating-input-padding-b;
+    }
+    // Duplicated because `:-webkit-autofill` invalidates other selectors when grouped
+    &:-webkit-autofill {
+      padding-top: $form-floating-input-padding-t;
+      padding-bottom: $form-floating-input-padding-b;
+    }
+  }
+
+  > .form-select {
+    padding-top: $form-floating-input-padding-t;
+    padding-bottom: $form-floating-input-padding-b;
+  }
+
+  > .form-control:focus,
+  > .form-control:not(:placeholder-shown),
+  > .form-select {
+    ~ label {
+      opacity: $form-floating-label-opacity;
+      transform: $form-floating-label-transform;
+    }
+  }
+  // Duplicated because `:-webkit-autofill` invalidates other selectors when grouped
+  > .form-control:-webkit-autofill {
+    ~ label {
+      opacity: $form-floating-label-opacity;
+      transform: $form-floating-label-transform;
+    }
+  }
+  // stylelint-enable no-duplicate-selectors
+}

package/scss/forms/_form-check.scss

@@ -0,0 +1,188 @@
+//
+// Check/radio
+//
+
+.form-check {
+  display: block;
+  min-height: $form-check-min-height;
+  @include ltr-rtl("padding-left", $form-check-padding-start);
+  margin-bottom: $form-check-margin-bottom;
+
+  .form-check-input {
+    // float: left;
+    // margin-left: $form-check-padding-start * -1;
+    @include ltr-rtl("float", left);
+    @include ltr-rtl("margin-left", $form-check-padding-start * -1);
+  }
+}
+
+.form-check-input {
+  width: $form-check-input-width;
+  height: $form-check-input-width;
+  margin-top: ($line-height-base - $form-check-input-width) * .5; // line-height minus check height
+  vertical-align: top;
+  background-color: var(--#{$variable-prefix}form-check-input-bg, $form-check-input-bg);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: contain;
+  border: $form-check-input-border;
+  appearance: none;
+  color-adjust: exact; // Keep themed appearance for print
+  @include transition($form-check-transition);
+
+  &[type="checkbox"] {
+    @include border-radius($form-check-input-border-radius);
+  }
+
+  &[type="radio"] {
+    // stylelint-disable-next-line property-disallowed-list
+    border-radius: $form-check-radio-border-radius;
+  }
+
+  &:active {
+    filter: $form-check-input-active-filter;
+  }
+
+  &:focus {
+    border-color: $form-check-input-focus-border;
+    outline: 0;
+    box-shadow: $form-check-input-focus-box-shadow;
+  }
+
+  &:checked {
+    background-color: var(--#{$variable-prefix}form-check-input-checked-bg-color, $form-check-input-checked-bg-color);
+    border-color: var(--#{$variable-prefix}form-check-input-checked-border-color, $form-check-input-checked-border-color);
+
+    &[type="checkbox"] {
+      @if $enable-gradients {
+        background-image: var(--#{$variable-prefix}form-check-input-checked-bg-image, escape-svg($form-check-input-checked-bg-image)), var(--#{$variable-prefix}gradient);
+      } @else {
+        background-image: var(--#{$variable-prefix}form-check-input-checked-bg-image, escape-svg($form-check-input-checked-bg-image));
+      }
+    }
+
+    &[type="radio"] {
+      @if $enable-gradients {
+        background-image: var(--#{$variable-prefix}form-check-radio-checked-bg-image, escape-svg($form-check-radio-checked-bg-image)), var(--#{$variable-prefix}gradient);
+      } @else {
+        background-image: var(--#{$variable-prefix}form-check-radio-checked-bg-image, escape-svg($form-check-radio-checked-bg-image));
+      }
+    }
+  }
+
+  &[type="checkbox"]:indeterminate {
+    background-color: $form-check-input-indeterminate-bg-color;
+    border-color: $form-check-input-indeterminate-border-color;
+
+    @if $enable-gradients {
+      background-image: var(--#{$variable-prefix}form-check-input-indeterminate-bg-image, escape-svg($form-check-input-indeterminate-bg-image)), var(--#{$variable-prefix}gradient);
+    } @else {
+      background-image: var(--#{$variable-prefix}form-check-input-indeterminate-bg-image, escape-svg($form-check-input-indeterminate-bg-image));
+    }
+  }
+
+  &:disabled {
+    pointer-events: none;
+    filter: none;
+    opacity: $form-check-input-disabled-opacity;
+  }
+
+  // Use disabled attribute in addition of :disabled pseudo-class
+  // See: https://github.com/twbs/bootstrap/issues/28247
+  &[disabled],
+  &:disabled {
+    ~ .form-check-label {
+      opacity: $form-check-label-disabled-opacity;
+    }
+  }
+}
+
+.form-check-label {
+  color: var(--#{$variable-prefix}form-check-label-color, $form-check-label-color);
+  cursor: $form-check-label-cursor;
+}
+
+//
+// Switch
+//
+
+.form-switch {
+  @include ltr-rtl("padding-left", $form-switch-padding-start);
+
+  .form-check-input {
+    width: $form-switch-width;
+    @include ltr-rtl("margin-left", $form-switch-padding-start * -1);
+    background-image: var(--#{$variable-prefix}form-switch-bg-image, escape-svg($form-switch-bg-image));
+    background-position: left center;
+    @include border-radius($form-switch-border-radius);
+    @include transition($form-switch-transition);
+
+    &:focus {
+      background-image: var(--#{$variable-prefix}form-switch-focus-bg-image, escape-svg($form-switch-focus-bg-image));
+    }
+
+    &:checked {
+      background-position: $form-switch-checked-bg-position;
+
+      @if $enable-gradients {
+        background-image: var(--#{$variable-prefix}form-switch-checked-bg-image, escape-svg($form-switch-checked-bg-image)), var(--#{$variable-prefix}gradient);
+      } @else {
+        background-image: var(--#{$variable-prefix}form-switch-checked-bg-image, escape-svg($form-switch-checked-bg-image));
+      }
+    }
+  }
+}
+
+@each $size, $map in $form-switch-widths {
+  $width: map-get($map, "width");
+  $height: map-get($map, "height");
+
+  .form-switch-#{$size} {
+    min-height: $height;
+    @include ltr-rtl("padding-left", $width + .5em);
+
+    .form-check-input {
+      width: $width;
+      height: $height;
+      @include ltr-rtl("margin-left", ($width + .5em) * -1);
+    }
+
+    .form-check-label {
+      // stylelint-disable-next-line function-disallowed-list
+      padding-top: calc((#{$height} - #{$font-size-base}) / 2);
+    }
+  }
+}
+
+.form-check-inline {
+  display: inline-block;
+  @include ltr-rtl("margin-right", $form-check-inline-margin-end);
+}
+
+.btn-check {
+  position: absolute;
+  clip: rect(0, 0, 0, 0);
+  pointer-events: none;
+
+  &[disabled],
+  &:disabled {
+    + .btn {
+      pointer-events: none;
+      filter: none;
+      opacity: $form-check-btn-check-disabled-opacity;
+    }
+  }
+}
+
+//
+// Alternate form checks
+//
+
+@each $state, $color in $theme-colors {
+  .form-check-#{$state} {
+    --#{$variable-prefix}form-check-input-checked-bg-color: #{$color};
+    --#{$variable-prefix}form-check-input-checked-border-color: #{$color};
+    --#{$variable-prefix}form-check-input-indeterminate-bg-color: #{$color};
+    --#{$variable-prefix}form-check-input-indeterminate-border-color: #{$color};
+  }
+}