ode-bootstrap 1.1.4-dev.202306051725 → 1.1.4-feat-produit.202306051650

package/scss/components/_card.scss

@@ -1,132 +0,0 @@
-.card {
-  --#{$prefix}card-cap-bg: #{$gray-200};
-  --#{$prefix}card-inner-border-radius: #{$border-radius};
-  --#{$prefix}card-selected: #{$secondary-200};
-  --#{$prefix}card-spacer-x: #{$spacer-16};
-  --#{$prefix}card-spacer-y: #{$spacer-16};
-  --#{$prefix}card-title-spacer-y: #{$spacer-4};
-  --#{$prefix}enter-delay: 1s;
-
-  overflow: hidden;
-  border-color: transparent;
-
-  @if $enable-one {
-    border: 1px solid $gray-400;
-
-    &:hover {
-      border-color: $orange-200;
-    }
-  } @else {
-    box-shadow: $box-shadow;
-  }
-
-  &-body {
-    display: flex;
-    align-items: center;
-    gap: $spacer-12;
-  }
-
-  &-image {
-    width: 8rem;
-    height: 8rem;
-    flex-shrink: 0;
-    overflow: clip;
-    border-radius: $border-radius;
-
-    > img {
-      aspect-ratio: 1 / 1;
-    }
-  }
-
-  &-text {
-    em {
-      color: $gray-700;
-    }
-  }
-
-  &-footer {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding-block: $spacer-8;
-    padding-inline: $spacer-16;
-    border-radius: $border-radius;
-    border: 0;
-
-    &:last-child {
-      border-radius: var(--#{$prefix}card-inner-border-radius);
-    }
-  }
-
-  .btn {
-    --#{$prefix}btn-border-radius: 0.8rem;
-
-    opacity: 0;
-    padding-block: $spacer-12;
-    padding-inline: $spacer-12;
-    position: absolute;
-    right: 0;
-    background-color: transparent;
-    border: 0;
-
-    &:focus-visible {
-      opacity: 1;
-    }
-  }
-
-  &.is-selected {
-    border-color: var(--#{$prefix}card-selected);
-
-    @if $enable-one {
-      --#{$prefix}card-selected: #{orange};
-    }
-
-    .btn {
-      opacity: 1;
-      background-color: $secondary-100;
-    }
-  }
-
-  &.is-animated {
-    opacity: 0;
-    transition: all 850ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
-    animation: enter 850ms forwards;
-    animation-delay: var(--#{$prefix}enter-delay);
-  }
-
-  &:focus-within {
-    outline: 0;
-
-    @if $enable-one == false {
-      border-color: var(--#{$prefix}card-selected);
-    }
-
-    .btn {
-      opacity: 1;
-    }
-  }
-
-  @media (hover: hover) {
-    &:hover {
-      .btn {
-        opacity: 1;
-      }
-    }
-  }
-
-  @media (hover: none) {
-    .btn {
-      opacity: 1;
-    }
-  }
-}
-
-@keyframes enter {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}

package/scss/components/_dropdown.scss

@@ -1,82 +0,0 @@
-.dropdown-item {
-  input[type="checkbox"] {
-    vertical-align: middle;
-  }
-}
-
-.dropdown-trigger {
-  display: inline-flex;
-  align-items: center;
-  color: $gray-800;
-  gap: 4px;
-  border-radius: 8px;
-  border: 1px solid $gray-400;
-  padding: 12px 16px;
-  cursor: pointer;
-  background: transparent;
-  @include background-color-to($gray-200);
-
-  &.focus,
-  &:focus {
-    border-color: $gray-600;
-  }
-
-  &.disabled {
-    border-color: $gray-500;
-    background-color: $gray-200;
-    color: $gray-600;
-  }
-
-  &.selected {
-    border-color: $dropdowntrigger-selected-border-color;
-
-    .dropdown-trigger-carret-icon {
-      transform: rotate(0);
-    }
-  }
-
-  &.ghost {
-    border: 0;
-    background-color: transparent;
-    &.focus {
-      border: 1px solid $gray-400;
-      background-color: $gray-200;
-    }
-    &.selected {
-      background-color: $dropdowntrigger-selected-bg-color;
-    }
-  }
-
-  .dropdown-trigger-carret-icon {
-    transition: transform 0.2s $default-easing;
-    transform: rotate(-180deg);
-  }
-
-  .dropdown-trigger-icon {
-    svg {
-      width: 20px;
-      height: 20px;
-    }
-  }
-
-  /*size variations*/
-  &.sm {
-    padding: 4px 8px;
-    font-size: 1.4rem;
-    border-radius: $input-border-radius-sm;
-    .dropdown-trigger-icon {
-      svg {
-        width: 16px;
-        height: 16px;
-      }
-    }
-  }
-  &.md {
-    padding: 8px 12px;
-    border-radius: $input-border-radius;
-  }
-  &.lg {
-    padding: 12px 16px;
-    border-radius: $input-border-radius-lg;
-  }
-}

package/scss/components/_form-control.scss

@@ -1,69 +0,0 @@
-.form-control {
-  --#{$prefix}input-padding-y: #{$input-padding-y};
-  --#{$prefix}input-padding-x: #{$input-padding-x};
-  --#{$prefix}input-padding-y-lg: #{$input-padding-y-lg};
-  --#{$prefix}input-padding-x-lg: #{$input-padding-x-lg};
-  --#{$prefix}input-font-size-lg: #{$input-font-size-lg};
-  --#{$prefix}input-padding-y-sm: #{$input-padding-y-sm};
-  --#{$prefix}input-padding-x-sm: #{$input-padding-x-sm};
-  --#{$prefix}input-font-size-sm: #{$input-font-size-sm};
-  --#{$prefix}input-border-color: #{$input-border-color};
-  --#{$prefix}input-disabled-bg: #{$input-disabled-bg};
-  --#{$prefix}input-disabled-color: #{$input-disabled-color};
-  --#{$prefix}input-disabled-border-color: #{$input-disabled-border-color};
-  --#{$prefix}input-placeholder-color: #{$input-placeholder-color};
-  --#{$prefix}input-focus-border-color: #{$input-focus-border-color};
-  --#{$prefix}input-invalid-border-color: #{$input-invalid-border-color};
-  --#{$prefix}input-filled-border-color: #{$input-filled-border-color};
-  --#{$prefix}input-border-radius: #{$input-border-radius};
-  --#{$prefix}input-border-radius-sm: #{$input-border-radius-sm};
-  --#{$prefix}input-border-radius-lg: #{$input-border-radius-lg};
-  line-height: 2.2rem;
-  padding: var(--#{$prefix}input-padding-y) var(--#{$prefix}input-padding-x);
-  border-color: var(--#{$prefix}input-border-color);
-  font-size: var(--#{$prefix}input-font-size-lg);
-  min-height: inherit;
-  border-radius: var(--#{$prefix}input-border-radius);
-
-  &::placeholder {
-    font-style: italic;
-    color: var(--#{$prefix}input-placeholder-color);
-  }
-
-  &:focus,
-  &:focus-visible {
-    border-color: var(--#{$prefix}input-focus-border-color);
-    box-shadow: none;
-  }
-
-  &:disabled {
-    color: var(--#{$prefix}input-disabled-color);
-    border-color: var(--#{$prefix}input-disabled-border-color);
-    background-color: var(--#{$prefix}input-disabled-bg);
-  }
-
-  &:not(:placeholder-shown):not(:focus):is(.is-invalid) {
-    border-color: var(--#{$prefix}input-invalid-border-color);
-  }
-
-  &:not(:placeholder-shown):not(:focus) {
-    border-color: var(--#{$prefix}input-filled-border-color);
-  }
-
-  &.form-control-sm {
-    padding: var(--#{$prefix}input-padding-y-sm)
-      var(--#{$prefix}input-padding-x-sm);
-    font-size: var(--#{$prefix}input-font-size-sm);
-    border-radius: var(--#{$prefix}input-border-radius-sm);
-  }
-
-  &.form-control-lg {
-    padding: var(--#{$prefix}input-padding-y-lg)
-      var(--#{$prefix}input-padding-x-lg);
-    border-radius: var(--#{$prefix}input-border-radius-lg);
-  }
-
-  &.no-validation-icon {
-    background-image: none;
-  }
-}

package/scss/components/_form-label.scss

@@ -1,32 +0,0 @@
-.form-label {
-  --#{$prefix}form-label-margin-bottom: #{$form-label-margin-bottom};
-  --#{$prefix}form-label-font-size: #{$form-label-font-size};
-  --#{$prefix}form-label-color: #{$form-label-color};
-  --#{$prefix}form-label-icon-size: #{$form-label-icon-size};
-
-  cursor: pointer;
-  margin-bottom: var(--#{$prefix}form-label-margin-bottom);
-  font-size: var(--#{$prefix}form-label-font-size);
-  color: var(--#{$prefix}form-label-color);
-  display: inline-flex;
-  align-items: center;
-  gap: $spacer-4;
-  line-height: $spacer-16;
-
-  &.has-icon {
-    > svg {
-      width: var(--#{$prefix}form-label-icon-size);
-      height: var(--#{$prefix}form-label-icon-size);
-      margin-right: $spacer-4;
-    }
-  }
-
-  > .optional {
-    font-style: italic;
-    color: $gray-700;
-  }
-
-  > .required {
-    color: $danger;
-  }
-}

package/scss/components/_form-text.scss

@@ -1,12 +0,0 @@
-.form-text {
-  --#{$prefix}form-feedback-valid-color: #{$form-feedback-valid-color};
-  --#{$prefix}form-feedback-invalid-color: #{$form-feedback-invalid-color};
-  margin-left: $spacer-4;
-
-  &.valid {
-    color: var(--#{$prefix}form-feedback-valid-color);
-  }
-  &.is-invalid {
-    color: var(--#{$prefix}form-feedback-invalid-color);
-  }
-}

package/scss/components/_header.scss

@@ -1,8 +0,0 @@
-.header {
-  .navbar {
-    &-title {
-      max-width: 40%;
-      @include text-truncate();
-    }
-  }
-}

package/scss/components/_help.scss

@@ -1,82 +0,0 @@
-#help-modal {
-  .section {
-    grid-row: 1 / 1;
-    grid-column: 2 / 2;
-    background: #fff;
-
-    &:target {
-      display: block !important;
-    }
-  }
-
-  .modal-body {
-    padding-top: $spacer-48;
-    display: grid;
-    background: white;
-  }
-
-  #TOC {
-    position: absolute;
-    top: 0;
-    z-index: 2;
-    left: 0;
-    right: 0;
-  }
-
-  #TOC > #TOC-list {
-    /* display: none; */
-    position: absolute;
-    left: 0;
-    right: 0;
-    z-index: 1;
-    background-color: #fff;
-  }
-
-  #TOC > .btn {
-    display: block;
-  }
-
-  #TOC + p {
-    display: none;
-  }
-
-  #TOC > #TOC-list {
-    list-style: none;
-    border-left: 5px solid #ff8500;
-  }
-
-  #TOC li {
-    display: block;
-    margin-block-start: 1em;
-    margin-block-end: 1em;
-    margin-inline-start: 0px;
-    margin-inline-end: 0px;
-
-    &:first-child {
-      margin-top: 0;
-    }
-  }
-
-  @include media-breakpoint-up(lg) {
-    #TOC {
-      position: relative;
-
-      > ul {
-        display: block;
-      }
-      > .btn {
-        display: none;
-      }
-    }
-
-    #TOC-list {
-      display: block !important;
-    }
-
-    .modal-body {
-      display: grid;
-      grid-template-columns: 10em 1fr;
-      gap: 3.2rem;
-    }
-  }
-}

package/scss/components/_image-picker.scss

@@ -1,40 +0,0 @@
-.image-input {
-  position: relative;
-  --#{$prefix}image-input-size: 16rem;
-
-  height: var(--#{$prefix}image-input-size);
-  width: var(--#{$prefix}image-input-size);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  label {
-    margin-bottom: 0;
-  }
-
-  img {
-    object-fit: cover;
-    aspect-ratio: 1 / 1;
-  }
-
-  &-actions {
-    position: absolute;
-    top: 0;
-    right: 0;
-    padding: $spacer-8;
-    background-color: $white;
-    border: 0.1rem solid $gray-300;
-    border-radius: $border-radius;
-    display: flex;
-    align-items: center;
-  }
-
-  .btn-icon {
-    padding: 0;
-  }
-
-  &.image-input-lg {
-    --#{$prefix}avatar-size: 16rem;
-    --#{$prefix}avatar-svg-size: 10rem;
-  }
-}

package/scss/components/_input-group.scss

@@ -1,17 +0,0 @@
-.input-group {
-  .form-control {
-    & + .btn-search {
-      padding: $spacer-8 $spacer-12;
-    }
-
-    &.form-control-lg {
-      & + .btn-search {
-        padding: $spacer-12;
-      }
-    }
-  }
-
-  .btn-search {
-    border-left-color: transparent;
-  }
-}

package/scss/components/_loader.scss

@@ -1,17 +0,0 @@
-.loading {
-  &.is-loading {
-    pointer-events: none;
-
-    svg {
-      animation: loading 1s infinite;
-    }
-  }
-}
-
-.is-loading {
-  pointer-events: none;
-
-  svg {
-    animation: loading 1s infinite;
-  }
-}

package/scss/components/_loading-screen.scss

@@ -1,7 +0,0 @@
-body:is(.app-react) {
-  .loading-screen {
-    > div {
-      max-width: 30%;
-    }
-  }
-}

package/scss/components/_select-list.scss

@@ -1,44 +0,0 @@
-.select-list {
-  display: flex;
-  flex-direction: column;
-  max-height: 316px;
-  overflow-y: scroll;
-  //min-width: 250px;
-}
-
-.select-list-option {
-  width: 100%;
-  cursor: pointer;
-  padding: 4px 8px;
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  gap: 8px;
-  border-radius: 8px;
-
-  &:hover {
-    background-color: $gray-200;
-  }
-  &:active {
-    background-color: $gray-300;
-  }
-
-  &:not(:last-child) {
-    margin-bottom: 16px;
-  }
-  &:not(:last-child):after {
-    content: "";
-    display: block;
-    position: absolute;
-    bottom: -8px;
-    left: 0;
-    width: 100%;
-    height: 1px;
-    background-color: $gray-300;
-  }
-}
-
-.select-list-option-label {
-    width: 100%;
-}

package/scss/components/_spinner.scss

@@ -1,10 +0,0 @@
-.spinner-border {
-    display: inline-block;
-    width: 2rem;
-    height: 2rem;
-    vertical-align: -0.125em;
-    border: 0.25em solid currentColor;
-    border-right-color: transparent;
-    border-radius: 50%;
-    animation: 0.75s linear infinite loading;
-}

package/scss/components/_table-explorer.scss

@@ -1,29 +0,0 @@
-.table-explorer {
-  width: 100%;
-  border-radius: 8px;
-  border-spacing: 0;
-  border-collapse: separate;
-
-  overflow: hidden;
-  border: 1px solid $table-explorer-main-color;
-
-  tr > * {
-    padding: 10px 12px;
-    font-size: $small-font-size;
-  }
-
-  thead {
-    background-color: $table-explorer-main-color;
-    color: $gray-800;
-
-    .form-check-input {
-      width: 16px;
-      height: 16px;
-      transform: translateY(-1px) translateX(-1px);
-    }
-  }
-
-  tbody > tr:nth-of-type(even) > * {
-    background-color: $gray-200;
-  }
-}

package/scss/components/_treeview.scss

@@ -1,61 +0,0 @@
-$selected-background-color: $blue-100 !default;
-
-.treeview {
-  --#{$prefix}selected-background-color: #{$selected-background-color};
-
-  [role="tree"] {
-    list-style: none;
-    max-width: 400px;
-    overflow-y: auto;
-
-    li {
-      margin: $spacer-0;
-      padding: $spacer-0;
-      list-style: none;
-      cursor: pointer;
-    }
-
-    & > [role="treeitem"][aria-selected="true"] > div > .action-container {
-      background-color: var(--#{$prefix}selected-background-color);
-      font-weight: 700;
-      border-radius: $border-radius;
-    }
-  }
-
-  [role="group"] {
-    margin-left: $spacer-8;
-    padding-left: $spacer-0;
-    border-left: 1px solid $gray-400;
-    font-size: 1.4rem;
-
-    & > [role="treeitem"] {
-      margin-left: $spacer-8;
-
-      &[aria-selected="true"] > div > .action-container {
-        background-color: initial;
-        color: $secondary;
-        font-weight: 700;
-      }
-    }
-  }
-
-  [role="treeitem"][aria-expanded="false"] > div > [role="group"] {
-    display: none;
-  }
-
-  [role="treeitem"][aria-expanded="true"] > div > [role="group"] {
-    display: block;
-  }
-
-  .action-container {
-    &:hover {
-      background-color: $gray-300;
-      border-radius: $border-radius;
-    }
-
-    &:active {
-      background-color: $gray-400;
-      border-radius: $border-radius;
-    }
-  }
-}

package/scss/components/_validate-mail.scss

@@ -1,5 +0,0 @@
-.validate-mail {
-    main.main {
-        max-width: 1700px;
-    }
-}

package/scss/tokens/_.scss

@@ -1,4 +0,0 @@
-@import "display";
-@import "icons";
-@import "type";
-@import "shadows";

package/scss/tokens/_display.scss

@@ -1,9 +0,0 @@
-.pe-xs {
-  pointer-events: none;
-}
-
-@include media-breakpoint-up(md) {
-  .pe-md {
-    pointer-events: none;
-  }
-}