halleyx-ui-framework 11.7.43 → 11.7.45

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

@@ -0,0 +1,296 @@
+.main-content-body {
+  font-family: var(--hlx-font-type-content);
+  font-weight: 200;
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: flex-start;
+  height: 80%;
+  width: 100%;
+  color: var(--hlx-color-primary);
+}
+.main-content-body-upload {
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: space-between;
+  height: 100%;
+  width: 100%;
+  border: none;
+  border-radius: 5px;
+  padding: 0px;
+}
+.main-content-body-upload .upload-footer {
+  padding-top: 5px;
+  color: var(--hlx-color-error);
+  font-style: italic;
+  font-size: var(--hlx-font-content-size-xs);
+  text-align: left !important;
+}
+.main-content-body-upload .upload-panel {
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: center;
+  align-items: center;
+  height: 160px;
+  width: 100%;
+  background-color: white;
+  border: 2px dashed var(--hlx-border-color);
+  border-radius: 5px;
+  padding: 16px 0 16px 0;
+}
+.main-content-body-upload .upload-panel img {
+  display: block;
+}
+.main-content-body-upload .upload-panel .panel-items {
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  font-size: 14px;
+}
+.main-content-body-upload .upload-panel .panel-items i {
+  font-size: 60px;
+  color: var(--hlx-border-color-dark);
+  padding-bottom: 8px;
+  cursor: pointer;
+}
+.main-content-body-upload .upload-panel .panel-items span {
+  cursor: pointer;
+}
+.main-content-body-upload .upload-panel .panel-items button {
+  margin-top: 8px;
+  border-radius: 5px;
+}
+.main-content-body-upload .sm {
+  height: 70px;
+  width: 70px;
+}
+.main-content-body-upload .containere {
+  position: relative;
+}
+.main-content-body-upload .containere:hover .overlay {
+  opacity: 1;
+}
+.main-content-body-upload .overlay {
+  position: absolute;
+  bottom: 0;
+  background: rgb(0, 0, 0);
+  background: rgba(0, 0, 0, 0.5); /* Black see-through */
+  color: #f1f1f1;
+  width: 100%;
+  transition: 0.5s ease;
+  opacity: 0;
+  color: white;
+  font-size: 20px;
+  padding: 20px;
+  text-align: center;
+  border-radius: 0 0 5px 5px;
+}
+
+.err {
+  border: 2px dashed var(--hlx-color-error) !important;
+}
+
+.secondary-button1 {
+  cursor: pointer;
+  box-sizing: border-box;
+  height: 30px;
+  min-width: 120px;
+  padding: 0px 20px;
+  color: var(--hlx-color-primary);
+  border-radius: 17px;
+  background-color: #fff;
+  border: 1px solid var(--hlx-color-primary);
+}
+.secondary-button1:active {
+  background-color: #fff;
+  border: 1px solid var(--hlx-color-primary-dark);
+  padding: 0px 20px;
+  color: var(--hlx-color-primary-dark);
+  outline: none;
+}
+
+.upload-file {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+}
+.upload-file .icons {
+  display: flex;
+  flex-direction: row;
+  margin-bottom: 8px;
+}
+.upload-file .icons .icon-trash-regular {
+  font-size: var(--hlx-font-content-size-xl);
+  cursor: pointer;
+  color: var(--hlx-color-white);
+  background: var(--hlx-color-primary);
+  padding: 5px;
+  border-radius: 5px;
+}
+.upload-file .icons .icon-eye-regular {
+  font-size: var(--hlx-font-content-size-xl);
+  color: var(--hlx-color-primary);
+  margin-right: 16px;
+  background: var(--hlx-color-white);
+  padding: 5px;
+  height: 34px;
+  border: 1px solid var(--hlx-color-primary);
+  border-radius: 5px;
+  cursor: pointer;
+}
+.upload-file-container {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-end;
+  padding-bottom: 16px;
+  padding-top: 8px;
+}
+.upload-file .filename-container {
+  display: flex;
+  flex-direction: column;
+  color: var(--hlx-color-primary);
+  justify-content: center;
+  align-items: center;
+}
+.upload-file .filename-container p {
+  margin: 0;
+  padding: 0;
+  padding-right: 10px;
+  color: var(--hlx-color-primary);
+  font-size: 14px;
+  box-sizing: border-box;
+}
+.upload-file .filename-container i {
+  font-size: var(--hlx-font-content-size-xl);
+  cursor: pointer;
+  color: var(--hlx-color-white);
+  background: var(--hlx-color-primary);
+  padding: 5px;
+  border-radius: 5px;
+}
+.upload-file .filename-container .icon-file-check-regular {
+  font-size: 60px;
+  color: var(--hlx-border-color-dark);
+  background: var(--hlx-color-white);
+  left: 40px;
+}
+
+.cont {
+  font-size: 14px;
+  color: var(--hlx-color-primary);
+}
+
+.button-type-upload .filename-container {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  color: var(--hlx-color-primary);
+}
+.button-type-upload .filename-container p {
+  margin: 0;
+  padding: 0;
+  padding-right: 10px;
+  color: var(--hlx-color-primary);
+  font-size: 14px;
+  box-sizing: border-box;
+}
+.button-type-upload .filename-container i {
+  font-size: var(--hlx-font-content-size-xl);
+  cursor: pointer;
+  color: var(--hlx-color-white);
+  background: var(--hlx-color-primary);
+  padding: 5px;
+  border-radius: 5px;
+  margin-left: 16px;
+}
+.button-type-upload .filename-container .icon-trash-regular {
+  font-size: var(--hlx-font-content-size-xl);
+  cursor: pointer;
+  color: var(--hlx-color-primary);
+  background: var(--hlx-color-white);
+  border: 1px solid var(--hlx-color-primary);
+  padding: 5px;
+  border-radius: 5px;
+  margin-left: 8px;
+}
+
+.text-btn-upload {
+  font-size: 0.875rem;
+  cursor: pointer;
+  color: var(--hlx-color-primary);
+  font-weight: bold;
+}
+
+.text-btn-uploadd {
+  font-size: 0.875rem;
+  cursor: pointer;
+  color: var(--hlx-color-primary);
+}
+
+.text-btn-icon {
+  font-size: 0.875rem;
+  cursor: pointer;
+  color: var(--hlx-color-primary);
+  font-size: var(--hlx-font-content-size-m);
+  align-items: center;
+}
+
+::-webkit-input-placeholder {
+  font-family: OpenSans;
+  font-size: 14px;
+  color: var(--hlx-border-color-dark);
+}
+
+.file-items {
+  height: 60%;
+  margin-top: 8px;
+}
+.file-items .item {
+  width: 100%;
+  border: 1px solid var(--hlx-border-color);
+  border-radius: 5px;
+  padding: 8px;
+  display: flex;
+}
+.file-items .item .left {
+  width: 15%;
+  display: flex;
+  align-items: center;
+}
+.file-items .item .right {
+  width: 85%;
+  font-size: 14px;
+  color: var(--hlx-color-primary);
+  display: flex;
+  flex-direction: column;
+}
+.file-items .item .right .title {
+  display: flex;
+  justify-content: space-between;
+}
+.file-items .item .right .desc {
+  font-size: 12px;
+  color: var(--hlx-border-color-dark);
+  margin: 0 0 4px 0;
+}
+.file-items .item .right .progress {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  padding-right: 8px;
+}
+.file-items .item .right .progress .leftt {
+  width: 90%;
+}
+.file-items .item .right .progress .leftt .progress-bar-container {
+  height: 3px !important;
+}
+.file-items .item .right .progress .rightt {
+  width: 5%;
+  font-size: 12px;
+  margin-right: 8px;
+}/*# sourceMappingURL=fileupload.css.map */

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

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

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

@@ -9,8 +9,8 @@
     font-family: var(--hlx-font-type-content);
     font-weight:200;
     @include flex(row, wrap);
-    // height: 80%;
-    // width: 100%;
+    height: 80%;
+    width: 100%;
    color: var(--hlx-color-primary);
     &-upload {
       @include flex(column, nowrap, space-between);

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

@@ -0,0 +1,172 @@
+.filter-serach-cover {
+  border: 1px solid #d8d8d8;
+  background-color: white;
+  border-radius: 8px;
+  height: 36px;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+}
+.filter-serach-cover .filter-search-input-box {
+  border: none;
+  width: 90%;
+  font-family: OpenSans;
+  font-size: 14px;
+}
+.filter-serach-cover .search-logo {
+  color: #a6a6a6;
+  padding: 8px 12px 8px 8px;
+}
+.filter-serach-cover .filter {
+  width: -moz-fit-content;
+  width: fit-content;
+  display: flex;
+  align-items: center;
+  color: #54BD95;
+  padding: 6px;
+  margin-right: 12px;
+  border-radius: 4px;
+  position: relative;
+  gap: 1px;
+  background-color: #DCF9EA;
+}
+.filter-serach-cover .filter .filter-logo {
+  cursor: pointer;
+}
+.filter-serach-cover .filter .filter-total-count {
+  font-family: OpenSans;
+  font-size: 12px;
+  font-weight: 400;
+}
+
+.search-drop-down {
+  height: -moz-fit-content;
+  height: fit-content;
+  max-height: 382px;
+  border: 1px solid #d8d8d8;
+  border-radius: 8px;
+  overflow: scroll;
+}
+.search-drop-down .active-filter {
+  align-items: center;
+  flex-direction: row;
+  padding: 22px 7px 8px 8px;
+  flex-wrap: wrap;
+  padding-bottom: 22px;
+}
+.search-drop-down .active-filter .active-filter-header {
+  color: #777777;
+  font-size: 12px;
+  font-family: OpenSans;
+  height: 100%;
+}
+.search-drop-down .active-filter .active-filter-tag {
+  margin-left: 4px;
+  font-family: OpenSans;
+  font-weight: 400;
+  font-size: 12px;
+}
+.search-drop-down .active-filter .active-filter-tag .hlx-tag {
+  background-color: #A8DEC9;
+  margin-bottom: 4px;
+  max-height: 22px;
+}
+.search-drop-down .active-filter .active-filter-tag .hlx-tag > .content {
+  color: #265E4B;
+}
+.search-drop-down .active-filter .active-filter-tag .icon-times-regular:before {
+  color: #265E4B;
+  font-weight: 700;
+}
+.search-drop-down .search-checkbox {
+  padding: 4px;
+}
+
+.filter-icon {
+  margin-top: 8px;
+  width: 232px;
+  max-width: 242px;
+  float: right;
+  max-height: 288px;
+  overflow-y: scroll;
+  overflow-x: hidden;
+  background-color: white;
+  border: 1px solid #EBEBEB;
+  border-radius: 3px;
+}
+.filter-icon .filter-top {
+  padding-top: 12px;
+  padding-left: 16px;
+  border-bottom: 1px solid #d8d8d8;
+  padding-bottom: 12px;
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  background-color: white;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.filter-icon .filter-top .filter-heading {
+  font-family: QuickSand;
+  font-weight: 600;
+}
+.filter-icon .filter-top i {
+  cursor: pointer;
+  padding-right: 14px;
+  color: #A6A6A6;
+  padding-top: 6px;
+  font-size: 16px;
+  font-weight: 600;
+  margin-bottom: 6px;
+}
+.filter-icon .filter-top i:hover {
+  color: black;
+}
+.filter-icon .filter-search-accordion .accordion-item .accordion-header {
+  padding: 8px 16px 8px 16px !important;
+  border-bottom: 1px solid var(--hlx-border-color) !important;
+}
+.filter-icon .filter-search-accordion .accordion-item .accordion-content {
+  background-color: white !important;
+  padding: 8px 8px 8px 16px !important;
+  flex-direction: column !important;
+}
+.filter-icon .filter-search-accordion .filter-title-cover {
+  display: flex;
+}
+.filter-icon .filter-search-accordion .filter-title-cover .filter-title {
+  border: none;
+  font-weight: 400;
+  font-size: 12px;
+  font-family: OpenSans;
+}
+.filter-icon .filter-search-accordion .filter-title-cover .filter-title .selected-filter-count {
+  padding-left: 6px;
+  color: #54BD95;
+  font-size: 10px;
+}
+.filter-icon .filter-search-accordion .filter-content {
+  display: flex;
+  align-items: center;
+  border: none;
+  background-color: white;
+  padding: 0;
+}
+.filter-icon .filter-search-accordion .filter-content .filter-content-header {
+  width: 128px;
+  white-space: normal;
+  overflow: hidden;
+  font-weight: 300;
+  font-family: OpenSans;
+  font-size: 12px;
+}
+.filter-icon .filter-search-accordion .filter-content .filter-content-count {
+  padding-left: 6px;
+  font-size: 10px;
+  color: #a6a6a6;
+}
+.filter-icon .filter-search-accordion .filter-content .filter-check-box {
+  margin-left: auto;
+  padding-left: 8px;
+}/*# sourceMappingURL=filterandsearch.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["filterandsearch.scss","filterandsearch.css"],"names":[],"mappings":"AAMA;EACI,yBAAA;EACA,uBAAA;EAEA,kBAAA;EACA,YAAA;EAVA,aAAA;EACA,mBAAA;EACA,6BAAA;ACKJ;ADMI;EACI,YAAA;EACA,UAAA;EACA,qBAAA;EACA,eAAA;ACJR;ADOI;EACI,cAAA;EACA,yBAAA;ACLR;ADOI;EACI,uBAAA;EAAA,kBAAA;EACA,aAAA;EACA,mBAAA;EACA,cAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,QAAA;EACA,yBAAA;ACLR;ADOI;EACI,eAAA;ACLR;ADOI;EAEQ,qBAAA;EACA,eAAA;EACA,gBAAA;ACNZ;;ADaA;EACI,wBAAA;EAAA,mBAAA;EACA,iBAAA;EAEA,yBAAA;EACA,kBAAA;EACA,gBAAA;ACXJ;ADaI;EAEI,mBAAA;EACA,mBAAA;EACA,yBAAA;EACA,eAAA;EACA,oBAAA;ACZR;ADcQ;EACI,cAAA;EACA,eAAA;EACA,qBAAA;EACA,YAAA;ACZZ;ADeQ;EACI,gBAAA;EACA,qBAAA;EACA,gBAAA;EACA,eAAA;ACbZ;ADeY;EACI,yBAAA;EACA,kBAAA;EACA,gBAAA;ACbhB;ADeY;EACI,cAAA;ACbhB;ADeY;EACI,cAAA;EACA,gBAAA;ACbhB;ADiBI;EACI,YAAA;ACfR;;ADmBA;EACI,eAAA;EACA,YAAA;EACA,gBAAA;EACA,YAAA;EACA,iBAAA;EACA,kBAAA;EACA,kBAAA;EACA,uBAAA;EACA,yBAAA;EACA,kBAAA;AChBJ;ADkBI;EACI,iBAAA;EACA,kBAAA;EACA,gCAAA;EACA,oBAAA;EACA,gBAAA;EACA,MAAA;EACA,UAAA;EACA,uBAAA;EACA,aAAA;EACA,mBAAA;EACA,8BAAA;AChBR;ADkBQ;EACI,sBAAA;EACA,gBAAA;AChBZ;ADoBQ;EACI,eAAA;EACA,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,eAAA;EACA,gBAAA;EACA,kBAAA;AClBZ;ADsBQ;EACI,YAAA;ACpBZ;AD4BY;EACI,qCAAA;EACA,2DAAA;AC1BhB;AD6BY;EACI,kCAAA;EACA,oCAAA;EACA,iCAAA;AC3BhB;ADgCQ;EACI,aAAA;AC9BZ;ADgCQ;EAEI,YAAA;EACA,gBAAA;EACA,eAAA;EACA,qBAAA;AC/BZ;ADiCY;EACI,iBAAA;EACA,cAAA;EACA,eAAA;AC/BhB;ADoCQ;EACI,aAAA;EACA,mBAAA;EACA,YAAA;EACA,uBAAA;EACA,UAAA;AClCZ;ADoCY;EAEI,YAAA;EAEA,mBAAA;EACA,gBAAA;EACA,gBAAA;EACA,qBAAA;EACA,eAAA;ACpChB;AD+CY;EACI,iBAAA;EACA,eAAA;EACA,cAAA;AC7ChB;ADgDY;EACI,iBAAA;EACA,iBAAA;AC9ChB","file":"filterandsearch.css"}

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

@@ -18,15 +18,6 @@
         font-family: OpenSans;
         font-size: 14px;
     }
-    .filter-search-tag{
-        .custom-container-box{
-            border: 0px;
-            padding: 0px;
-        }
-        .custom-container-box .custom-upload_inside_email1 .custom-overflow-count {
-            top: -1px;
-        }
-    }
 
     .search-logo {
         color: #a6a6a6;
@@ -65,7 +56,6 @@
     border: 1px solid #d8d8d8;
     border-radius: 8px;
     overflow: scroll;
-    overflow-x: hidden ;
 
     .active-filter {
       

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

@@ -0,0 +1,90 @@
+/*/* Element Chalk Variables */
+/* Color
+-------------------------- */
+/*Primary colors*/
+/*success colors*/
+/*warning colors*/
+/*error colors*/
+/*info colors*/
+/*link colors*/
+/*disable colors*/
+/*Borders*/
+/*variables*/
+/*Fonts*/
+/*changed as border-color*/
+/*changed as border-color-light*/
+/*changed as border-color-light*/
+/*changed as border-color-lighter*/
+/*changed as border-color-dark*/
+/*Testing
+  $--dev:$dev;
+  */
+/*changed as text-color-primary*/
+/*changed as color-sidebar*/
+/*changed as text-color-tree*/
+/*changed as border-radius*/
+/*changed as border-radius-round*/
+/* Standard font styles */
+/*changed as font-type-tittle*/
+/*changed as font-type-content*/
+/*changed as icon-size-xs*/
+/*changed as icon-size-sm*/
+/*changed as icon-size-md*/
+/*changed as icon-size-lg*/
+/*changed as icon-size-xl*/
+/*changed as icon-size-tittle*/
+/* Standard header font styles */
+/*changed as font-header-size-xxl*/
+/*changed as font-header-size-xl*/
+/*changed as font-header-size-lg*/
+/*changed as font-header-size*/
+/*changed as font-header-size-sm*/
+/*line-height*/
+/*changed as line-height-tittle*/
+/*changed as line-height-tittle*/
+/*changed as line-height-tittle*/
+/*changed as line-height-tittle*/
+/*changed as line-height-tittle*/
+/*changed as line-height-tittle*/
+/* Standard content font styles */
+/*changed as font-content-size-xl*/
+/*changed as font-content-size-lg*/
+/*changed as font-content-size*/
+/*changed as font-content-size-sm*/
+/*changed as font-content-xs*/
+@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700;1,900&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,700;1,400;1,500&family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100;0,200;0,400;0,500;0,700;1,100;1,200;1,700&display=swap");
+.right-panel {
+  font-family: OpenSans;
+}
+
+.left-panel {
+  font-family: OpenSans;
+}
+
+@font-face {
+  font-family: Opensans;
+  src: url("/node_modules/halleyx-ui-framework/dist/src/assets/fonts/OpenSans.ttf") format("opentype");
+}
+@font-face {
+  font-family: QuickSand;
+  src: url("/node_modules/halleyx-ui-framework/dist/src/assets/fonts/Quicksand.ttf") format("opentype");
+}
+@font-face {
+  font-family: Pacifico;
+  src: url("/node_modules/halleyx-ui-framework/dist/src/assets/fonts/Pacifico.ttf") format("opentype");
+}
+@font-face {
+  font-family: OstrichSans;
+  src: url("/node_modules/halleyx-ui-framework/dist/src/assets/fonts/ostrich-regular.ttf") format("opentype");
+}
+@font-face {
+  font-family: JosefinSans;
+  src: url("/node_modules/halleyx-ui-framework/dist/src/assets/fonts/JosefinSans-Regular.ttf") format("opentype");
+}/*# sourceMappingURL=fonts.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["common/var.scss","fonts.scss","fonts.css"],"names":[],"mappings":"AAEA,8BAAA;AAMA;4BAAA;AAqDA,iBAAA;AAKA,iBAAA;AAIA,iBAAA;AAIA,eAAA;AAIA,cAAA;AAIA,cAAA;AAIA,iBAAA;AA2BA,UAAA;AAWA,YAAA;AA8CA,QAAA;AAqBwB,0BAAA;AAEU,gCAAA;AAElB,gCAAA;AAEM,kCAAA;AAED,+BAAA;AAkDrB;;GAAA;AAIsB,gCAAA;AAEG,2BAAA;AAEI,6BAAA;AAUR,2BAAA;AAEQ,iCAAA;AAE7B,yBAAA;AAEwB,8BAAA;AAEC,+BAAA;AAET,0BAAA;AAEG,0BAAA;AAED,0BAAA;AAEF,0BAAA;AAEG,0BAAA;AAEM,8BAAA;AAEzB,gCAAA;AAEqB,kCAAA;AAEA,iCAAA;AAEH,iCAAA;AAEG,8BAAA;AAEC,iCAAA;AACtB,cAAA;AACwB,gCAAA;AACG,gCAAA;AACD,gCAAA;AACD,gCAAA;AACC,gCAAA;AACC,gCAAA;AAC3B,iCAAA;AAEqB,kCAAA;AAEC,kCAAA;AAEJ,+BAAA;AAEI,kCAAA;AAED,6BAAA;AC3Tb,yGAAA;AAEA,qIAAA;AAEA,2KAAA;AAEA,+GAAA;AAIA,qMAAA;AAEA,kMAAA;AAIA,+EAAA;AAGA,0IAAA;AD0SR;EACE,qBA7Ca;AEnNf;;AFkQA;EACE,qBAhDa;AE/Mf;;AD5CA;EACE,qBAAA;EACA,oGAAA;AC+CF;AD5CA;EACE,sBAAA;EACA,qGAAA;AC8CF;AD3CA;EACE,qBAAA;EACA,oGAAA;AC6CF;AD3CA;EACE,wBAAA;EACA,2GAAA;AC6CF;AD3CA;EACE,wBAAA;EACA,+GAAA;AC6CF","file":"fonts.css"}

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

@@ -24,23 +24,23 @@
 @debug "#{$--font-pathd}";
 @font-face {
   font-family: Opensans;
-  src: url('#{$font-path}/OpenSans.ttf') format('truetype');
-  // src: url("#{$font-path}/OpenSans.ttf") format("truetype");
+  src: url('#{$font-path}/OpenSans.ttf') format('opentype');
+  // src: url("#{$font-path}/OpenSans.ttf") format("opentype");
 }
 @font-face {
   font-family: QuickSand;
-  src: url('#{$font-path}/Quicksand.ttf') format('truetype');
+  src: url('#{$font-path}/Quicksand.ttf') format('opentype');
 }
 
 @font-face {
   font-family: Pacifico;
-  src: url('#{$font-path}/Pacifico.ttf') format('truetype');
+  src: url('#{$font-path}/Pacifico.ttf') format('opentype');
 }
 @font-face {
   font-family: OstrichSans;
-  src: url('#{$font-path}/ostrich-regular.ttf') format('truetype');
+  src: url('#{$font-path}/ostrich-regular.ttf') format('opentype');
 }
 @font-face {
   font-family: JosefinSans;
-  src: url('#{$font-path}/JosefinSans-Regular.ttf') format('truetype');
+  src: url('#{$font-path}/JosefinSans-Regular.ttf') format('opentype');
 }