halleyx-ui-framework 11.7.43 → 11.7.44

package/dist/src/assets/styles/calendar.css

@@ -0,0 +1,322 @@
+:root {
+  --light-body: #f3f8fe;
+  --light-main: #fdfdfd;
+  --light-second: var(--hlx-color-primary);
+  --light-hover: var(--hlx-color-primary-light);
+  --light-text: #565553;
+  --blue: #54bd95;
+  --white: #fff;
+  --shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
+  --font-family: OpenSans;
+}
+
+.light {
+  min-width: 300px !important;
+  width: 100%;
+  --bg-body: var(--light-body);
+  --bg-main: var(--light-main);
+  --bg-second: var(--light-second);
+  --color-hover: var(--light-hover);
+  --color-txt: var(--light-text);
+  border-radius: 10px;
+  position: relative;
+  z-index: 1009;
+  /* .month-picker:hover {
+        background-color: var(--color-hover);
+        border-radius: 5px;
+    } */
+}
+.light .disable-weekend {
+  color: var(--hlx-border-color) !important;
+  cursor: not-allowed !important;
+}
+.light .theme-background {
+  background: var(--hlx-color-primary) !important;
+}
+.light .calendar {
+  top: 40px;
+  height: 280px;
+  width: 100%;
+  background-color: var(--bg-main);
+  border-radius: 10px;
+  padding: 5px;
+  position: absolute;
+  box-shadow: 0px 0px 5px #d8d8d8;
+  overflow: hidden;
+  /* transform: scale(1.25); */
+}
+.light .light .calendar {
+  box-shadow: var(--shadow);
+}
+.light .calendar-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--hlx-text-color-primary);
+  padding: 10px;
+}
+.light .calendar-body {
+  padding: 10px;
+  font-size: 12px;
+}
+.light .calendar-week-day {
+  font-size: 10px;
+  padding-bottom: 10px;
+  margin-bottom: 10px;
+  height: 30px;
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  font-weight: 600;
+  border-bottom: 2px solid var(--hlx-border-color);
+  border-bottom-style: dashed;
+}
+.light .calendar-week-day div {
+  display: grid;
+  place-items: center;
+  color: var(--hlx-border-color);
+}
+.light .calendar-days {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  gap: 2px;
+  color: var(--hlx-text-color-primary);
+  justify-items: center;
+}
+.light .calendar-days div:nth-child(1) {
+  color: var(--hlx-color-primary);
+}
+.light .calendar-days div:nth-child(7) {
+  color: var(--hlx-color-primary);
+}
+.light .calendar-days div:nth-child(8) {
+  color: var(--hlx-color-primary);
+}
+.light .calendar-days div:nth-child(14) {
+  color: var(--hlx-color-primary);
+}
+.light .calendar-days div:nth-child(15) {
+  color: var(--hlx-color-primary);
+}
+.light .calendar-days div:nth-child(21) {
+  color: var(--hlx-color-primary);
+}
+.light .calendar-days div:nth-child(22) {
+  color: var(--hlx-color-primary);
+}
+.light .calendar-days div:nth-child(28) {
+  color: var(--hlx-color-primary);
+}
+.light .calendar-days div:nth-child(29) {
+  color: var(--hlx-color-primary);
+}
+.light .calendar-days div:nth-child(35) {
+  color: var(--hlx-color-primary);
+}
+.light .calendar-days div:nth-child(36) {
+  color: var(--hlx-color-primary);
+}
+.light .calendar-days div {
+  width: 25px;
+  height: 25px;
+  display: flex;
+  font-size: 12px;
+  align-items: center;
+  justify-content: center;
+  padding: 5px;
+  position: relative;
+  animation: to-top 1s forwards;
+  border-radius: 50%;
+  cursor: pointer;
+}
+.light .calendar-days div span {
+  position: absolute;
+}
+.light .calendar-days div:hover span {
+  transition: width 0.2s ease-in-out, height 0.2s ease-in-out;
+}
+.light .calendar-days div span:nth-child(1),
+.light .calendar-days div span:nth-child(3) {
+  width: 2px;
+  height: 0;
+  background-color: var(--hlx-text-color-primary);
+}
+.light .calendar-days div:hover span:nth-child(1),
+.light .calendar-days div:hover span:nth-child(3) {
+  height: 100%;
+}
+.light .calendar-days div span:nth-child(1) {
+  bottom: 0;
+  left: 0;
+}
+.light .calendar-days div span:nth-child(3) {
+  top: 0;
+  right: 0;
+}
+.light .calendar-days div span:nth-child(2),
+.light .calendar-days div span:nth-child(4) {
+  width: 0;
+  height: 2px;
+  background-color: var(--hlx-text-color-primary);
+}
+.light .calendar-days div:hover span:nth-child(2),
+.light .calendar-days div:hover span:nth-child(4) {
+  width: 100%;
+}
+.light .calendar-days div span:nth-child(2) {
+  top: 0;
+  left: 0;
+}
+.light .calendar-days div span:nth-child(4) {
+  bottom: 0;
+  right: 0;
+}
+.light .calendar-days div:hover span:nth-child(2) {
+  transition-delay: 0.1s;
+}
+.light .calendar-days div:hover span:nth-child(3) {
+  transition-delay: 0.1s;
+}
+.light .calendar-days div:hover span:nth-child(4) {
+  transition-delay: 0.1s;
+}
+.light .calendar-day-hover:hover {
+  background: var(--hlx-color-primary-light);
+  border-radius: 50%;
+}
+.light .calendar-days div.curr-date,
+.light .calendar-days div.curr-date:hover {
+  background-color: var(--hlx-color-primary);
+  color: white;
+  border-radius: 50%;
+}
+.light .calendar-days div.curr-date span {
+  display: none;
+}
+.light .month-picker {
+  padding: 5px 10px;
+  border-radius: 10px;
+}
+.light #year {
+  margin-right: 5px;
+  padding: 5px 10px;
+  border-radius: 10px;
+  font-size: 12px;
+  cursor: pointer;
+}
+.light #year:hover {
+  cursor: pointer;
+  background-color: var(--hlx-color-primary-light);
+  border-radius: 5px;
+}
+.light .year-picker {
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: space-between;
+}
+.light .year-change {
+  height: 30px;
+  width: 30px;
+  border-radius: 5px;
+  display: grid;
+  place-items: center;
+  justify-items: center;
+  align-items: center;
+  margin: 0 10px;
+  cursor: pointer;
+  box-shadow: 0 0 6px rgb(226, 225, 225);
+}
+.light .year-change i {
+  font-size: 1.25rem;
+}
+.light .year-change:hover {
+  background-color: var(--color-hover);
+  border-radius: 5px;
+}
+.light .calendar-footer {
+  padding: 10px;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}
+.light .toggle {
+  display: flex;
+}
+.light .toggle span {
+  margin-right: 10px;
+  color: var(--hlx-text-color-primary);
+}
+.light .dark-mode-switch {
+  position: relative;
+  width: 48px;
+  height: 25px;
+  border-radius: 5px;
+  background-color: var(--bg-second);
+  cursor: pointer;
+}
+.light .dark-mode-switch-ident {
+  width: 21px;
+  height: 21px;
+  border-radius: 5px;
+  background-color: var(--bg-main);
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  transition: left 0.2s ease-in-out;
+}
+.light .dark .dark-mode-switch .dark-mode-switch-ident {
+  top: 2px;
+  left: calc(2px + 50%);
+}
+.light .month-list {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: var(--bg-main);
+  padding: 20px;
+  grid-template-columns: auto auto auto;
+  gap: 28px;
+  display: grid;
+  transform: scale(1.5);
+  visibility: hidden;
+  pointer-events: none;
+}
+.light .month-list.show {
+  transform: scale(1);
+  visibility: visible;
+  pointer-events: visible;
+  transition: all 0.2s ease-in-out;
+  overflow-y: auto;
+}
+.light .month-list > div {
+  display: grid;
+  place-items: center;
+}
+.light .month-list > div > div {
+  font-size: 12px;
+  width: 100%;
+  padding: 5px 5px;
+  border-radius: 5px;
+  text-align: center;
+  cursor: pointer;
+  color: var(--hlx-text-color-primary);
+}
+.light .month-list > div > div:hover {
+  background-color: var(--color-hover);
+  border-radius: 5px;
+}
+
+@keyframes to-top {
+  0% {
+    transform: translateY(100%);
+    opacity: 0;
+  }
+  100% {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}/*# sourceMappingURL=calendar.css.map */

package/dist/src/assets/styles/calendar.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["calendar.scss","calendar.css"],"names":[],"mappings":"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","file":"calendar.css"}

package/dist/src/assets/styles/calendar.scss

@@ -5,7 +5,7 @@
   --light-hover: var(--hlx-color-primary-light);
   --light-text: #565553;
 
-  --blue: #54bd95;
+  --blue: var(--hlx-color-primary);
   --white: #fff;
 
   --shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
@@ -32,10 +32,6 @@
   .theme-background {
     background: var(--hlx-color-primary) !important;
   }
-  .selected-curr-year{
-    color: white !important;
-    background: var(--hlx-color-primary-dark) !important;
-  }
   .calendar {
     top: 40px;
     height: 280px;

package/dist/src/assets/styles/calendarfilter.css

@@ -0,0 +1,114 @@
+.calendar-container {
+  background: #fff;
+  width: 100%;
+  border-radius: 10px;
+  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
+}
+
+.calendar-filter-dropdown {
+  display: flex;
+  width: 100%;
+}
+.calendar-filter-dropdown span {
+  width: 50%;
+  padding: 20px 30px;
+}
+
+.calendar-container header {
+  display: flex;
+  align-items: center;
+  padding: 10px 30px 10px;
+  justify-content: space-between;
+}
+
+header .calendar-navigation {
+  display: flex;
+}
+
+header .calendar-navigation span {
+  height: 38px;
+  width: 38px;
+  margin: 0 1px;
+  cursor: pointer;
+  text-align: center;
+  border-radius: 50%;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  color: #aeabab;
+  font-size: 1.9rem;
+}
+
+.calendar-navigation span:last-child {
+  margin-right: -10px;
+}
+
+header .calendar-navigation span:hover {
+  background: #f2f2f2;
+}
+
+header .calendar-current-date {
+  font-weight: 500;
+  font-size: 1.45rem;
+}
+
+.calendar-body {
+  padding: 20px;
+}
+
+.calendar-body ul {
+  list-style: none;
+  flex-wrap: wrap;
+  display: flex;
+  text-align: center;
+}
+
+.calendar-body .calendar-dates {
+  margin-bottom: 20px;
+}
+
+.calendar-body li {
+  width: 14.2857142857%;
+  font-size: 1.07rem;
+  color: #414141;
+}
+
+.calendar-body .calendar-weekdays li {
+  cursor: default;
+  font-weight: 500;
+}
+
+.calendar-body .calendar-dates li {
+  margin-top: 30px;
+  position: relative;
+  z-index: 1;
+  cursor: pointer;
+}
+
+.calendar-dates li.inactive {
+  color: #aaa;
+}
+
+.calendar-dates li.active {
+  color: #fff;
+}
+
+.calendar-dates li::before {
+  position: absolute;
+  content: "";
+  z-index: -1;
+  top: 50%;
+  left: 50%;
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.calendar-dates li.active::before {
+  background: #265e4b;
+}
+
+.calendar-dates li:not(.active):hover::before {
+  background: #e4e1e1;
+}/*# sourceMappingURL=calendarfilter.css.map */

package/dist/src/assets/styles/calendarfilter.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["calendarfilter.scss","calendarfilter.css"],"names":[],"mappings":"AAAA;EACI,gBAAA;EACA,WAAA;EACA,mBAAA;EACA,2CAAA;ACCJ;;ADEA;EACI,aAAA;EACA,WAAA;ACCJ;ADAI;EACI,UAAA;EACA,kBAAA;ACER;;ADEA;EACI,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,8BAAA;ACCJ;;ADEA;EACI,aAAA;ACCJ;;ADEA;EACI,YAAA;EACA,WAAA;EACA,aAAA;EACA,eAAA;EACA,kBAAA;EAEA,kBAAA;EACA,yBAAA;KAAA,sBAAA;UAAA,iBAAA;EACA,cAAA;EACA,iBAAA;ACAJ;;ADGA;EACI,mBAAA;ACAJ;;ADGA;EACI,mBAAA;ACAJ;;ADGA;EACI,gBAAA;EACA,kBAAA;ACAJ;;ADIA;EACI,aAAA;ACDJ;;ADIA;EACI,gBAAA;EACA,eAAA;EACA,aAAA;EACA,kBAAA;ACDJ;;ADIA;EACI,mBAAA;ACDJ;;ADIA;EACI,qBAAA;EACA,kBAAA;EACA,cAAA;ACDJ;;ADIA;EACI,eAAA;EACA,gBAAA;ACDJ;;ADIA;EACI,gBAAA;EACA,kBAAA;EACA,UAAA;EACA,eAAA;ACDJ;;ADIA;EACI,WAAA;ACDJ;;ADIA;EACI,WAAA;ACDJ;;ADIA;EACI,kBAAA;EACA,WAAA;EACA,WAAA;EACA,QAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,gCAAA;ACDJ;;ADIA;EACI,mBAAA;ACDJ;;ADIA;EACI,mBAAA;ACDJ","file":"calendarfilter.css"}

package/dist/src/assets/styles/cards.css

@@ -0,0 +1,71 @@
+.card {
+  text-align: left;
+  background-color: white;
+  border-radius: 6px;
+  border: 1px solid #e5e7eb;
+}
+.card .card-title {
+  font-family: QuickSand;
+  border-top-right-radius: 5px;
+  border-top-left-radius: 5px;
+  font-weight: bold;
+  height: 60px;
+  /* Gray/50 */
+  /* Gray/200 */
+  border-bottom: 1px solid #e5e7eb;
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 20px;
+  /* identical to box height, or 143% */
+  letter-spacing: 0.005em;
+  /* Gray/500 */
+  color: #6b7280;
+}
+.card .card-body {
+  font-size: 16px;
+  font-weight: 500;
+  font-size: 16px;
+  line-height: 24px;
+  /* or 150% */
+  letter-spacing: 0.005em;
+}
+.card .card-footer {
+  height: 60px;
+  /* Gray/50 */
+  border-top: 1px solid #e5e7eb;
+  border-bottom-right-radius: 5px;
+  border-bottom-left-radius: 5px;
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 20px;
+  /* identical to box height, or 143% */
+  letter-spacing: 0.005em;
+  /* Gray/500 */
+  color: #6b7280;
+}
+
+.cardhover:hover {
+  box-shadow: 0 0 10px 5px #d8d8d8;
+}
+
+.cardshadow {
+  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.05);
+}
+
+.padding .card-title,
+.padding .card-body,
+.padding .card-footer {
+  padding: 20px;
+}
+
+.background .card-title {
+  background: #f9fafb;
+}
+.background .card-footer {
+  background: #f9fafb;
+}
+
+.cardActive {
+  border: 2px solid var(--hlx-color-primary);
+  box-shadow: 0 0 10px 5px rgba(84, 189, 149, 0.1098039216);
+}/*# sourceMappingURL=cards.css.map */

package/dist/src/assets/styles/cards.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["cards.scss","cards.css"],"names":[],"mappings":"AAAA;EACE,gBAAA;EACA,uBAAA;EACA,kBAAA;EACA,yBAAA;ACCF;ADAE;EACE,sBAAA;EACA,4BAAA;EACA,2BAAA;EACA,iBAAA;EACA,YAAA;EAEA,YAAA;EAEA,aAAA;EAEA,gCAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,qCAAA;EAEA,uBAAA;EAEA,aAAA;EAEA,cAAA;ACJJ;ADME;EACE,eAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,YAAA;EAEA,uBAAA;ACLJ;ADOE;EACE,YAAA;EAEA,YAAA;EAEA,6BAAA;EACA,+BAAA;EACA,8BAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,qCAAA;EAEA,uBAAA;EAEA,aAAA;EAEA,cAAA;ACVJ;;ADcE;EACE,gCAAA;ACXJ;;ADsBA;EACE,4CAAA;ACnBF;;ADuBE;;;EAGE,aAAA;ACpBJ;;ADyBE;EACE,mBAAA;ACtBJ;ADwBE;EACE,mBAAA;ACtBJ;;ADyBA;EACE,0CAAA;EACA,yDAAA;ACtBF","file":"cards.css"}

package/dist/src/assets/styles/cascader.css

@@ -0,0 +1,84 @@
+.hlx-cascade-select-container {
+  display: flex;
+  font-family: var(--hlx-font-type-content);
+  flex-direction: row;
+  background-color: var(--hlx-color-white);
+  justify-content: flex-start;
+  border: 1px solid var(--hlx-border-color);
+  border-radius: 5px;
+  height: 36px;
+  width: 100%;
+  align-items: center;
+  cursor: pointer;
+  position: relative;
+}
+
+.hlx-cascade-input {
+  width: 100%;
+  height: 35px;
+  text-align: left;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  border: none;
+  font-size: 14px;
+  cursor: pointer;
+  padding: 10px 12px;
+  padding-right: 0px;
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+
+.hlx-cascade-select-container .icon-angle-up-regular, .hlx-cascade-select-container .icon-angle-down-regular {
+  height: 30px;
+  width: 30px;
+  padding-right: 7px;
+  display: flex;
+  align-items: center;
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+
+.hlx-cascade-select-whole-option-container {
+  border: 1px solid var(--hlx-border-color);
+  height: auto;
+  max-height: 232px;
+  color: var(--hlx-text-color-primary);
+  background-color: white;
+  font-family: var(--hlx-font-type-content);
+  z-index: 100000000;
+}
+
+.hlx-cascade-each-item {
+  font-family: var(--hlx-font-type-content);
+  width: 100%;
+  height: auto;
+  min-height: 30px;
+  text-align: left;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  cursor: pointer;
+}
+.hlx-cascade-each-item:hover {
+  color: var(--hlx-text-color-primary);
+  background-color: var(--hlx-color-primary-light);
+  border-radius: 4px;
+  padding-left: 2px;
+  padding-right: 2px;
+}
+
+.hlx-cascade-each-item-icon {
+  display: flex;
+  align-items: center;
+}
+
+.cascade-hover-color {
+  color: var(--hlx-text-color-primary);
+  background-color: var(--hlx-color-primary-light);
+  border-radius: 4px;
+}
+
+.hlx-cascade-parent-container {
+  padding: 4px;
+}/*# sourceMappingURL=cascader.css.map */

package/dist/src/assets/styles/cascader.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["cascader.scss","cascader.css"],"names":[],"mappings":"AAAA;EACI,aAAA;EACA,yCAAA;EACA,mBAAA;EACA,wCAAA;EACA,2BAAA;EACA,yCAAA;EACA,kBAAA;EACA,YAAA;EACA,WAAA;EACA,mBAAA;EACA,eAAA;EACA,kBAAA;ACCJ;;ADEA;EACI,WAAA;EACA,YAAA;EACA,gBAAA;EACA,mBAAA;EACA,gBAAA;EACA,uBAAA;EACA,YAAA;EACA,eAAA;EACA,eAAA;EACA,kBAAA;EACA,kBAAA;EACA,2BAAA;EACA,8BAAA;ACCJ;;ADEA;EACI,YAAA;EACA,WAAA;EACA,kBAAA;EACA,aAAA;EACA,mBAAA;EACA,4BAAA;EACA,+BAAA;ACCJ;;ADEA;EAEI,yCAAA;EACA,YAAA;EACA,iBAAA;EACA,oCAAA;EACA,uBAAA;EACA,yCAAA;EACA,kBAAA;ACAJ;;ADGA;EACI,yCAAA;EACA,WAAA;EACA,YAAA;EACA,gBAAA;EACA,gBAAA;EACA,aAAA;EACA,sBAAA;EACA,uBAAA;EACA,eAAA;ACAJ;ADCI;EACI,oCAAA;EACA,gDAAA;EACA,kBAAA;EACA,iBAAA;EACA,kBAAA;ACCR;;ADGA;EACE,aAAA;EACA,mBAAA;ACAF;;ADGA;EACI,oCAAA;EACA,gDAAA;EACA,kBAAA;ACAJ;;ADKA;EACI,YAAA;ACFJ","file":"cascader.css"}