@trilogy-ds/styles 4.6.0-beta-calendar → 4.6.1

package/framework/src/components/_box.scss

@@ -143,10 +143,6 @@ a.box {
       border-bottom-right-radius: var(--radius);
     }
 
-    @include mobile {
-      text-align: left;
-    }
-
     > .is-unboxed {
       margin-left: calc(var(--padding-box) * -1);
       margin-right: calc(var(--padding-box) * -1);

package/framework/src/components/_index.scss

@@ -9,7 +9,6 @@
 @import 'box';
 @import 'breadcrumb';
 @import 'button';
-@import 'calendar';
 @import 'card';
 @import 'checkbox';
 @import 'chips';

package/framework/src/components/input/_input-icons.scss

@@ -34,6 +34,7 @@
       z-index: 10;
       right: 0;
       left: auto;
+      top:0;
 
       i {
         font-size: 20px;

package/framework/src/trilogy-mangled.scss

@@ -6,7 +6,7 @@
 @import "base/fonts";
 @import "base/helpers";
 @import "base/loading";
-@import "base/reset";
+@import "base/elements";
 
 @import "elements";
 @import "components";

package/framework/src/utilities/variables/_zindex.scss

@@ -8,7 +8,7 @@ $zindex: (
   dropdown: 5000,
   sticky: 6000,
   fixed: 7000,
-  modal: 8000,
+  modal: 9999,
   popover: 9000,
   tooltip: 9999,
 );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trilogy-ds/styles",
-  "version": "4.6.0-beta-calendar",
+  "version": "4.6.1",
   "author": "Bouygues Telecom",
   "license": "UNLICENSED",
   "files": [

package/framework/src/components/_calendar.scss

@@ -1,111 +0,0 @@
-.calendar {
-  border-collapse: separate;
-  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
-  padding:24px;
-  border-radius: 8px;
-
-  button {
-    all: unset;
-    &:focus-visible:not(.is-disabled, .is-active), &:hover:not(.is-disabled, .is-active){
-      cursor: pointer;
-      background-color: getColor('main-fade');
-    }
-    
-    &.is-active:hover, &.is-active:focus-visible,
-    &.is-disabled:hover, &.is-disabled:focus-visible {
-      filter: brightness(80%);
-    }
-  }
-
-  &-range:not(.calendar-range-completed) {
-    .calendar-week-day:not(.calendar-date-in-range) {
-      button:focus-visible:not(.is-disabled, .is-active), button:hover:not(.is-disabled, .is-active){
-        background-color: getColor('main');
-        color: getColor('background');
-      }
-    } 
-  }
-
-  &-date-in-range {
-    button:not(.is-disabled, .is-active){
-      background-color: getColor('main-fade');
-      border-radius: 0px;
-    }
-  }
-
-
-  &-next-month, &-prev-month {
-    button {
-    text-align: center;
-    border-radius: 32px;
-    width: 32px;
-    height: 32px;
-    i {
-      height: 100%;
-    }
-    }
-  }
-
-  &-week:not(:last-child) {
-    margin-bottom: 8px;
-  }
-
-  &-week-day {
-    &-label {
-      padding: 4px;
-      text-align: center !important;
-      width: 32px;
-    } 
-    button {
-      display: block;
-      width: 32px;
-      height: 32px;
-      border-radius: 4px;
-    }
-  }
-  
- 
-
-  &-week-day, &-year {
-    padding: 4px 0px;
-    text-align: center !important;
-    vertical-align: middle;
-    &-disabled {
-      button {
-        color: getColor('disabled');
-        background-color: getColor('disabled-fade');
-      }
-    }
-  }
-
-  &-year {
-    button {
-      display: block;
-      width: 64px;
-      height: 32px;
-      border-radius: 4px;
-      margin: 0 5.35px;
-    }
-  }
-
-  &-active-month {
-    height: 28px;
-    text-align: center !important;
-    position: relative;
-    padding: 10px 0;
-    .icon {
-      vertical-align: bottom;
-    }
-    button {
-      padding: 2px 6px;
-      border-radius: 4px;
-    }
-  }
-
-  &-active-date button {
-    background-color: getColor('main');
-    color: getColor('background');
-  }
-
-
-}