@dodlhuat/basix 1.0.0

package/css/icons.scss

@@ -0,0 +1,331 @@
+
+@font-face {
+  font-family: "Material Symbols Outlined 24pt";
+  src: url("../fonts/MaterialSymbolsOutlined.woff2") format("woff2");
+}
+
+
+.icon {
+  font-family: "Material Symbols Outlined 24pt", serif;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  font-size: 24px;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+
+.icon-delete::before {
+  content: "\e872";
+}
+
+.icon-search::before {
+  content: "\e8b6";
+}
+
+.icon-splitscreen_vertical_add::before {
+  content: "\f4fc";
+}
+
+.icon-splitscreen_add::before {
+  content: "\f4fd";
+}
+
+.icon-push_pin::before {
+  content: "\f10d";
+}
+
+.icon-block::before {
+  content: "\e033";
+}
+
+.icon-check_circle::before {
+  content: "\e86c";
+}
+
+.icon-stars::before {
+  content: "\e8d0";
+}
+
+.icon-support::before {
+  content: "\ef73";
+}
+
+.icon-refresh::before {
+  content: "\e5d5";
+}
+
+.icon-sync::before {
+  content: "\e627";
+}
+
+.icon-language::before {
+  content: "\e894";
+}
+
+.icon-article::before {
+  content: "\ef42";
+}
+
+.icon-list_alt::before {
+  content: "\e0ee";
+}
+
+.icon-add_box::before {
+  content: "\e146";
+}
+
+.icon-disabled_by_default::before {
+  content: "\f230";
+}
+
+.icon-help_center::before {
+  content: "\f1c0";
+}
+
+.icon-pages::before {
+  content: "\e7f9";
+}
+
+.icon-add_photo_alternate::before {
+  content: "\e43e";
+}
+
+.icon-calendar_today::before {
+  content: "\e935";
+}
+
+.icon-assignment_turned_in::before {
+  content: "\e862";
+}
+
+.icon-finance::before {
+  content: "\e6bf";
+}
+
+.icon-save::before {
+  content: "\e161";
+}
+
+.icon-folder::before {
+  content: "\e2c7";
+}
+
+.icon-folder_off::before {
+  content: "\eb83";
+}
+
+.icon-folder_open::before {
+  content: "\e2c8";
+}
+
+.icon-mail::before {
+  content: "\e0be";
+}
+
+.icon-attach_file::before {
+  content: "\e226";
+}
+
+.icon-chat_bubble::before {
+  content: "\e0ca";
+}
+
+.icon-cases::before {
+  content: "\e992";
+}
+
+.icon-send::before {
+  content: "\e163";
+}
+
+.icon-bookmark::before {
+  content: "\e866";
+}
+
+.icon-label::before {
+  content: "\e892";
+}
+
+.icon-filter_alt::before {
+  content: "\ef4f";
+}
+
+.icon-filter_alt_off::before {
+  content: "\eb32";
+}
+
+.icon-notifications_active::before {
+  content: "\e7f7";
+}
+
+.icon-more_horiz::before {
+  content: "\e5d3";
+}
+
+.icon-more_vert::before {
+  content: "\e5d4";
+}
+
+.icon-navigate_before::before {
+  content: "\e408";
+}
+
+.icon-navigate_next::before {
+  content: "\e409";
+}
+
+.icon-keyboard_double_arrow_left::before {
+  content: "\eac3";
+}
+
+.icon-keyboard_double_arrow_right::before {
+  content: "\eac9";
+}
+
+.icon-first_page::before {
+  content: "\e5dc";
+}
+
+.icon-last_page::before {
+  content: "\e5dd";
+}
+
+.icon-expand_less::before {
+  content: "\e5ce";
+}
+
+.icon-expand_more::before {
+  content: "\e5cf";
+}
+
+.icon-zoom_in_map::before {
+  content: "\eb2d";
+}
+
+.icon-zoom_out_map::before {
+  content: "\e56b";
+}
+
+.icon-drag_pan::before {
+  content: "\f71e";
+}
+
+.icon-format_list_bulleted::before {
+  content: "\e241";
+}
+
+.icon-format_list_numbered::before {
+  content: "\e242";
+}
+
+.icon-check::before {
+  content: "\e5ca";
+}
+
+.icon-remove::before {
+  content: "\e15b";
+}
+
+.icon-add::before {
+  content: "\e145";
+}
+
+.icon-close::before {
+  content: "\e14c";
+}
+
+.icon-format_bold::before {
+  content: "\e238";
+}
+
+.icon-format_italic::before {
+  content: "\e23f";
+}
+
+.icon-format_underlined::before {
+  content: "\e249";
+}
+
+.icon-home::before {
+  content: "\e88a";
+}
+
+.icon-favorite::before {
+  content: "\e87d";
+}
+
+.icon-edit::before {
+  content: "\e150";
+}
+
+.icon-layers::before {
+  content: "\e53b";
+}
+
+.icon-cloud::before {
+  content: "\e2bd";
+}
+
+.icon-print::before {
+  content: "\e555";
+}
+
+.icon-share::before {
+  content: "\e80d";
+}
+
+.icon-tune::before {
+  content: "\e429";
+}
+
+.icon-power_settings_new::before {
+  content: "\e8ac";
+}
+
+.icon-timeline::before {
+  content: "\e922";
+}
+
+.icon-bar_chart::before {
+  content: "\e26b";
+}
+
+.icon-bar_chart_4_bars::before {
+  content: "\f681";
+}
+
+.icon-finance_mode::before {
+  content: "\ef92";
+}
+
+.icon-database::before {
+  content: "\f20e";
+}
+
+.icon-settings::before {
+  content: "\e8b8";
+}
+
+.icon-person::before {
+  content: "\e7fd";
+}
+
+.icon-menu_open::before {
+  content: "\e7ad";
+}
+
+.icon-menu::before {
+  content: "\e7ac";
+}
+
+.icon-light::before {
+  content: "\e81a";
+}
+
+.icon-dark::before {
+  content: "\ef44";
+}

package/css/modal.css

@@ -0,0 +1,97 @@
+:root {
+  --primary-text: #1E1F24;
+  --secondary-text: #62636C;
+  --divider: #D8D9E0;
+  --accent-text: #3D63DD;
+  --error: #D64545;
+  --warning: #C28A00;
+  --success: #2E8B57;
+  --secondary-background: #E7E8EC;
+  --background: #F9F9FB;
+  --accent-color: #3D63DD;
+  --accent-color-lighten: #87A5EF;
+  --accent-color-text: #D8D9E0;
+  --disabled: #D8D9E0;
+}
+
+[data-theme=dark] {
+  --primary-text: #EEEEF0;
+  --secondary-text: #B2B3BD;
+  --divider: #393A40;
+  --accent-text: #0E496D;
+  --error: #FF6B6B;
+  --warning: #F7B500;
+  --success: #5CC689;
+  --background: #111113;
+  --secondary-background: #19191B;
+  --accent-color: #1B7BB4;
+  --accent-color-lighten: #175982;
+  --accent-color-text: #B2B3BD;
+  --disabled: #303136;
+}
+
+.modal-wrapper {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.modal-background {
+  display: block;
+  width: 100%;
+  height: 100%;
+  background: black;
+  opacity: 0.5;
+  position: relative;
+  z-index: 999;
+}
+
+.modal {
+  box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
+  background: var(--secondary-background);
+  border-radius: 0.4rem;
+  padding: 1rem;
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 1000;
+  min-width: 50%;
+}
+.modal .header {
+  position: relative;
+  width: 100%;
+  left: -1rem;
+  top: -1rem;
+  padding: 1rem;
+  border-radius: 0.4rem 0.4rem 0 0;
+  box-sizing: content-box;
+}
+.modal .footer {
+  position: relative;
+  width: 100%;
+  left: -1rem;
+  display: flex;
+  bottom: -1rem;
+  padding: 1rem;
+  border-radius: 0 0 0.4rem 0.4rem;
+  box-sizing: content-box;
+}
+.modal .footer .buttons {
+  margin-left: auto;
+  order: 2;
+}
+.modal .close {
+  cursor: pointer;
+  float: right;
+  z-index: 999;
+  position: relative;
+}
+
+@media screen and (max-width: 768px) {
+  .modal {
+    width: 90%;
+  }
+}/*# sourceMappingURL=modal.css.map */

package/css/modal.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["properties.scss","modal.css","modal.scss","parameters.scss"],"names":[],"mappings":"AAAA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,+BAAA;EACA,qBAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;ADEA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,qBAAA;EACA,+BAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;AC3BA;EACE,kBAAA;EACA,OAAA;EACA,MAAA;EACA,WAAA;EACA,YAAA;AD8BF;;AC3BA;EACE,cAAA;EACA,WAAA;EACA,YAAA;EACA,iBAAA;EACA,YAAA;EACA,kBAAA;EACA,YAAA;AD8BF;;AC3BA;EACE,4CAAA;EACA,uCAAA;EACA,qBCvBc;EDwBd,aCzBQ;ED0BR,eAAA;EACA,QAAA;EACA,SAAA;EACA,gCAAA;EACA,aAAA;EACA,cAAA;AD8BF;AC5BE;EACE,kBAAA;EACA,WAAA;EACA,WAAA;EACA,UAAA;EACA,aCtCM;EDuCN,gCAAA;EACA,uBAAA;AD8BJ;AC3BE;EACE,kBAAA;EACA,WAAA;EACA,WAAA;EACA,aAAA;EACA,aAAA;EACA,aCjDM;EDkDN,gCAAA;EACA,uBAAA;AD6BJ;AC3BI;EACE,iBAAA;EACA,QAAA;AD6BN;ACzBE;EACE,eAAA;EACA,YAAA;EACA,YAAA;EACA,kBAAA;AD2BJ;;ACvBA;EACE;IACE,UAAA;ED0BF;AACF","file":"modal.css"}

package/css/modal.scss

@@ -0,0 +1,72 @@
+@use "properties";
+@use "parameters" as *;
+
+.modal-wrapper {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.modal-background {
+  display: block;
+  width: 100%;
+  height: 100%;
+  background: black;
+  opacity: 0.5;
+  position: relative;
+  z-index: 999;
+}
+
+.modal {
+  box-shadow: 0 1px 2px rgba(56, 65, 74, .15);
+  background: var(--secondary-background);
+  border-radius: $border-radius;
+  padding: $spacing;
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 1000;
+  min-width: 50%;
+
+  .header {
+    position: relative;
+    width: 100%;
+    left: -1 * $spacing;
+    top: calc(-1 * $spacing);
+    padding: $spacing;
+    border-radius: $border-radius $border-radius 0 0;
+    box-sizing: content-box;
+  }
+
+  .footer {
+    position: relative;
+    width: 100%;
+    left: -1 * $spacing;
+    display: flex;
+    bottom: calc(-1 * $spacing);
+    padding: $spacing;
+    border-radius: 0 0 $border-radius $border-radius;
+    box-sizing: content-box;
+
+    .buttons {
+      margin-left: auto;
+      order: 2;
+    }
+  }
+
+  .close {
+    cursor: pointer;
+    float: right;
+    z-index: 999;
+    position: relative;
+  }
+}
+
+@media screen and (max-width:768px) {
+  .modal {
+    width: 90%;
+  }
+}

package/css/parameters.css

@@ -0,0 +1 @@
+/*# sourceMappingURL=parameters.css.map */

package/css/parameters.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"parameters.css"}

package/css/parameters.scss

@@ -0,0 +1,4 @@
+$spacing: 1rem;
+$border-radius: 0.4rem;
+$form-height: 2rem;
+$shadow: 0 1px 2px rgba(56, 65, 74, .15);

package/css/placeholder.css

@@ -0,0 +1,50 @@
+.placeholder {
+  animation: placeholder-fade 2s ease-in-out infinite;
+  display: inline-block;
+  cursor: wait;
+  background-color: currentcolor;
+  opacity: 0.5;
+  min-height: 0.5rem;
+  margin-right: 0.5rem;
+}
+.placeholder.w-1 {
+  width: 8.3333333333%;
+}
+.placeholder.w-2 {
+  width: 16.6666666667%;
+}
+.placeholder.w-3 {
+  width: 25%;
+}
+.placeholder.w-4 {
+  width: 33.3333333333%;
+}
+.placeholder.w-5 {
+  width: 41.6666666667%;
+}
+.placeholder.w-6 {
+  width: 50%;
+}
+.placeholder.w-7 {
+  width: 58.3333333333%;
+}
+.placeholder.w-8 {
+  width: 66.6666666667%;
+}
+.placeholder.w-9 {
+  width: 75%;
+}
+.placeholder.w-10 {
+  width: 83.3333333333%;
+}
+.placeholder.w-11 {
+  width: 91.6666666667%;
+}
+.placeholder.w-12 {
+  width: 100%;
+}
+@keyframes placeholder-fade {
+  50% {
+    opacity: 0.2;
+  }
+}/*# sourceMappingURL=placeholder.css.map */

package/css/placeholder.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["placeholder.scss","placeholder.css"],"names":[],"mappings":"AAEA;EACE,mDAAA;EACA,qBAAA;EACA,YAAA;EACA,8BAAA;EACA,YAAA;EACA,kBAAA;EACA,oBAAA;ACDF;ADII;EACE,oBAAA;ACFN;ADCI;EACE,qBAAA;ACCN;ADFI;EACE,UAAA;ACIN;ADLI;EACE,qBAAA;ACON;ADRI;EACE,qBAAA;ACUN;ADXI;EACE,UAAA;ACaN;ADdI;EACE,qBAAA;ACgBN;ADjBI;EACE,qBAAA;ACmBN;ADpBI;EACE,UAAA;ACsBN;ADvBI;EACE,qBAAA;ACyBN;AD1BI;EACE,qBAAA;AC4BN;AD7BI;EACE,WAAA;AC+BN;ADrBA;EACE;IACE,YAAA;EC6BF;AACF","file":"placeholder.css"}

package/css/placeholder.scss

@@ -0,0 +1,28 @@
+@use "parameters" as *;
+
+.placeholder {
+  animation: placeholder-fade 2s ease-in-out infinite;
+  display: inline-block;
+  cursor: wait;
+  background-color: currentcolor;
+  opacity: .5;
+  min-height: calc($spacing / 2);
+  margin-right: calc($spacing / 2);
+
+  @for $i from 1 through 12 {
+    &.w-#{$i} {
+      width: calc(100% / (12 / $i));
+    }
+  }
+}
+
+@-webkit-keyframes placeholder-fade {
+  50% {
+    opacity:.2
+  }
+}
+@keyframes placeholder-fade {
+  50% {
+    opacity:.2
+  }
+}

package/css/progress.css

@@ -0,0 +1,51 @@
+:root {
+  --primary-text: #1E1F24;
+  --secondary-text: #62636C;
+  --divider: #D8D9E0;
+  --accent-text: #3D63DD;
+  --error: #D64545;
+  --warning: #C28A00;
+  --success: #2E8B57;
+  --secondary-background: #E7E8EC;
+  --background: #F9F9FB;
+  --accent-color: #3D63DD;
+  --accent-color-lighten: #87A5EF;
+  --accent-color-text: #D8D9E0;
+  --disabled: #D8D9E0;
+}
+
+[data-theme=dark] {
+  --primary-text: #EEEEF0;
+  --secondary-text: #B2B3BD;
+  --divider: #393A40;
+  --accent-text: #0E496D;
+  --error: #FF6B6B;
+  --warning: #F7B500;
+  --success: #5CC689;
+  --background: #111113;
+  --secondary-background: #19191B;
+  --accent-color: #1B7BB4;
+  --accent-color-lighten: #175982;
+  --accent-color-text: #B2B3BD;
+  --disabled: #303136;
+}
+
+.progress-bar {
+  background: var(--background);
+  border-radius: 0.4rem;
+}
+.progress-bar .progress {
+  border-radius: 0.4rem;
+  background: linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, rgba(255, 255, 255, 0.15) 75%), var(--accent-color);
+  background-size: 40px 40px;
+  animation: stripes 2.5s linear infinite;
+}
+
+@keyframes stripes {
+  from {
+    background-position: 0 0;
+  }
+  to {
+    background-position: 40px 0;
+  }
+}/*# sourceMappingURL=progress.css.map */

package/css/progress.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["properties.scss","progress.css","progress.scss","parameters.scss"],"names":[],"mappings":"AAAA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,+BAAA;EACA,qBAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;ADEA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,qBAAA;EACA,+BAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;AC3BA;EACE,6BAAA;EACA,qBCJc;AFkChB;AC5BE;EACE,qBCPY;EDQZ,iPAAA;EAUA,0BAAA;EACA,uCAAA;ADqBJ;;ACjBA;EACE;IACE,wBAAA;EDoBF;EClBA;IACE,2BAAA;EDoBF;AACF","file":"progress.css"}

package/css/progress.scss

@@ -0,0 +1,32 @@
+@use "properties";
+@use "parameters" as *;
+
+.progress-bar {
+  background: var(--background);
+  border-radius: $border-radius;
+
+  .progress {
+    border-radius: $border-radius;
+    background: linear-gradient(
+                    45deg,
+                    rgba(255, 255, 255, 0.25) 25%,
+                    rgba(255, 255, 255, 0.15) 25%,
+                    rgba(255, 255, 255, 0.15) 50%,
+                    rgba(255, 255, 255, 0.25) 50%,
+                    rgba(255, 255, 255, 0.25) 75%,
+                    rgba(255, 255, 255, 0.15) 75%
+    ),
+    var(--accent-color);
+    background-size: 40px 40px;
+    animation: stripes 2.5s linear infinite;
+  }
+}
+
+@keyframes stripes {
+  from {
+    background-position: 0 0;
+  }
+  to {
+    background-position: 40px 0;
+  }
+}

package/css/properties.css

@@ -0,0 +1,31 @@
+:root {
+  --primary-text: #1E1F24;
+  --secondary-text: #62636C;
+  --divider: #D8D9E0;
+  --accent-text: #3D63DD;
+  --error: #D64545;
+  --warning: #C28A00;
+  --success: #2E8B57;
+  --secondary-background: #E7E8EC;
+  --background: #F9F9FB;
+  --accent-color: #3D63DD;
+  --accent-color-lighten: #87A5EF;
+  --accent-color-text: #D8D9E0;
+  --disabled: #D8D9E0;
+}
+
+[data-theme=dark] {
+  --primary-text: #EEEEF0;
+  --secondary-text: #B2B3BD;
+  --divider: #393A40;
+  --accent-text: #0E496D;
+  --error: #FF6B6B;
+  --warning: #F7B500;
+  --success: #5CC689;
+  --background: #111113;
+  --secondary-background: #19191B;
+  --accent-color: #1B7BB4;
+  --accent-color-lighten: #175982;
+  --accent-color-text: #B2B3BD;
+  --disabled: #303136;
+}/*# sourceMappingURL=properties.css.map */