testio-tailwind 0.2.0 → 0.2.1

package/src/assets/scripts/modules/echarts_vertical.js

@@ -1,80 +1,80 @@
-////// Vertical bar chart
-
-import * as echarts from 'echarts';
-
-export function createChartVertical (target, targetDataY, targetDataX, itemWidth) {
-  var chartHeight = 200;
-  var labelHeight = 20;
-  var dom = document.getElementById(target);
-  var myChartVertical = echarts.init(dom, null, {
-    renderer: 'canvas',
-    useDirtyRect: false,
-    height: chartHeight + labelHeight
-  });
-  var itemWidthUser; 
-  if (itemWidth) {
-    var itemWidthUser = itemWidth;
-  } else {
-    itemWidthUser = targetDataX.length -1
-  };
-  var optionVertical;
-  var optionVertical = {
-    tooltip: {
-      trigger: 'axis',
-      axisPointer: {
-        type: 'shadow'
-      }
-    },
-    grid: {
-      height: chartHeight,
-      top: '15',
-      left: '0',
-      right: '10',
-      bottom: '0',
-      containLabel: true
-    },
-    xAxis: {
-      show: true,
-      type: 'category',
-      max: itemWidthUser,
-      data: targetDataX,
-      axisTick: {
-        show: false
-      },
-      axisLine: {
-        show: false
-      },
-      axisLabel: {
-        show: true,
-        width: 100,
-        overflow: "truncate",
-        ellipsis: '…',
-        hideOverlap: true,
-        interval: 0
-      }
-    },
-    yAxis: {
-      show: false,
-      type: 'value'
-    },
-    series: [
-      {
-        data: targetDataY,
-        type: 'bar',
-        barWidth: 15,
-        label: {
-          show: true,
-          position: 'center',
-          verticalAlign: 'top',
-          offset: [0, -15]
-        }
-      }
-    ]
-  };
-  
-  if (optionVertical && typeof optionVertical === 'object') {
-    myChartVertical.setOption(optionVertical);
-  }
-  
-  window.addEventListener('resize', myChartVertical.resize);
-}
+////// Vertical bar chart
+
+import * as echarts from 'echarts';
+
+export function createChartVertical (target, targetDataY, targetDataX, itemWidth) {
+  var chartHeight = 200;
+  var labelHeight = 20;
+  var dom = document.getElementById(target);
+  var myChartVertical = echarts.init(dom, null, {
+    renderer: 'canvas',
+    useDirtyRect: false,
+    height: chartHeight + labelHeight
+  });
+  var itemWidthUser; 
+  if (itemWidth) {
+    var itemWidthUser = itemWidth;
+  } else {
+    itemWidthUser = targetDataX.length -1
+  };
+  var optionVertical;
+  var optionVertical = {
+    tooltip: {
+      trigger: 'axis',
+      axisPointer: {
+        type: 'shadow'
+      }
+    },
+    grid: {
+      height: chartHeight,
+      top: '15',
+      left: '0',
+      right: '10',
+      bottom: '0',
+      containLabel: true
+    },
+    xAxis: {
+      show: true,
+      type: 'category',
+      max: itemWidthUser,
+      data: targetDataX,
+      axisTick: {
+        show: false
+      },
+      axisLine: {
+        show: false
+      },
+      axisLabel: {
+        show: true,
+        width: 100,
+        overflow: "truncate",
+        ellipsis: '…',
+        hideOverlap: true,
+        interval: 0
+      }
+    },
+    yAxis: {
+      show: false,
+      type: 'value'
+    },
+    series: [
+      {
+        data: targetDataY,
+        type: 'bar',
+        barWidth: 15,
+        label: {
+          show: true,
+          position: 'center',
+          verticalAlign: 'top',
+          offset: [0, -15]
+        }
+      }
+    ]
+  };
+  
+  if (optionVertical && typeof optionVertical === 'object') {
+    myChartVertical.setOption(optionVertical);
+  }
+  
+  window.addEventListener('resize', myChartVertical.resize);
+}

package/src/assets/stylesheets/app.css

@@ -1,77 +1,77 @@
-@import "components/reset";
-@import "tailwindcss/base";
-@import "tailwindcss/components";
-
-@import "tom-select/dist/css/tom-select.css";
-@import "select2/dist/css/select2.css";
-@import "trix/dist/trix.css";
-
-@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,600;0,700;0,900;1,400;1,600;1,700;1,900&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap');
-
-
-@import "components/actionbar";
-@import "components/buttons";
-@import "components/cards";
-@import "components/header";
-@import "components/layout";
-@import "components/sidebar";
-@import "components/icons";
-@import "components/iconfont";
-@import "components/popover";
-@import "components/typography";
-@import "components/lists";
-@import "components/sections";
-@import "components/dropdown";
-@import "components/list_item";
-@import "components/task_issue_item";
-@import "components/devices";
-@import "components/images";
-@import "components/banner_card";
-@import "components/toggleswitch";
-@import "components/selectable_token";
-@import "components/checkboxes_radiobuttons";
-@import "components/form_grid";
-@import "components/form_card";
-@import "components/forms";
-@import "components/search";
-@import "components/tom_select";
-@import "components/trix_editor";
-@import "components/uploads";
-@import "components/radio_tabs";
-@import "components/user_item";
-@import "components/alerts";
-@import "components/tags";
-@import "components/markdown_trix_styles";
-@import "components/tabs";
-@import "components/drawer";
-@import "components/modals";
-@import "components/progress";
-@import "components/loading_spinner";
-@import "components/test_item";
-@import "components/metrics";
-@import "components/resultmodule";
-@import "components/chat";
-@import "components/emptystate_message";
-@import "components/splitview";
-@import "components/tables";
-@import "components/metasidebar";
-@import "components/notifications";
-@import "components/select2";
-@import "components/select";
-@import "components/test_header";
-
-@import "components/customer/customer_header";
-@import "components/customer/customer_sidebar";
-@import "components/customer/customer_productcards";
-
-@import "components/tester/tester_header";
-@import "components/tester/tester_sidebar";
-@import "components/tester/tester_cards";
-
-@import "components/manager/manager_header";
-@import "components/manager/manager_sidebar";
-
-@import "designsystem-styles";
-
-@import "tailwindcss/utilities";
+@import "components/reset";
+@import "tailwindcss/base";
+@import "tailwindcss/components";
+
+@import "tom-select/dist/css/tom-select.css";
+@import "select2/dist/css/select2.css";
+@import "trix/dist/trix.css";
+
+@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,600;0,700;0,900;1,400;1,600;1,700;1,900&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap');
+
+
+@import "components/actionbar";
+@import "components/buttons";
+@import "components/cards";
+@import "components/header";
+@import "components/layout";
+@import "components/sidebar";
+@import "components/icons";
+@import "components/iconfont";
+@import "components/popover";
+@import "components/typography";
+@import "components/lists";
+@import "components/sections";
+@import "components/dropdown";
+@import "components/list_item";
+@import "components/task_issue_item";
+@import "components/devices";
+@import "components/images";
+@import "components/banner_card";
+@import "components/toggleswitch";
+@import "components/selectable_token";
+@import "components/checkboxes_radiobuttons";
+@import "components/form_grid";
+@import "components/form_card";
+@import "components/forms";
+@import "components/search";
+@import "components/tom_select";
+@import "components/trix_editor";
+@import "components/uploads";
+@import "components/radio_tabs";
+@import "components/user_item";
+@import "components/alerts";
+@import "components/tags";
+@import "components/markdown_trix_styles";
+@import "components/tabs";
+@import "components/drawer";
+@import "components/modals";
+@import "components/progress";
+@import "components/loading_spinner";
+@import "components/test_item";
+@import "components/metrics";
+@import "components/resultmodule";
+@import "components/chat";
+@import "components/emptystate_message";
+@import "components/splitview";
+@import "components/tables";
+@import "components/metasidebar";
+@import "components/notifications";
+@import "components/select2";
+@import "components/select";
+@import "components/test_header";
+
+@import "components/customer/customer_header";
+@import "components/customer/customer_sidebar";
+@import "components/customer/customer_productcards";
+
+@import "components/tester/tester_header";
+@import "components/tester/tester_sidebar";
+@import "components/tester/tester_cards";
+
+@import "components/manager/manager_header";
+@import "components/manager/manager_sidebar";
+
+@import "designsystem-styles";
+
+@import "tailwindcss/utilities";

package/src/assets/stylesheets/components/actionbar.css

@@ -1,41 +1,41 @@
-
-footer.actionbar {
-  @apply py-xs px-body-padding-mobile sm:px-body-padding-tablet xl:px-body-padding-desktop bg-actionbar;
-  grid-area: footer;
-}
-
-footer.actionbar,
-.splitview-list-actionbar,
-.splitview-details-actionbar {
-  @apply flex flex-row justify-start items-center h-actionbar;
-}
-
-footer.actionbar .btn-primary,
-.splitview-list-actionbar .btn-primary,
-.splitview-details-actionbar .btn-primary {
-  @apply text-primary bg-white border-white hover:text-white hover:bg-link-hover hover:border-link-hover;
-}
-
-footer.actionbar .btn-secondary,
-.splitview-list-actionbar .btn-secondary,
-.splitview-details-actionbar .btn-secondary {
-  @apply text-white bg-transparent border-white hover:text-white hover:bg-link-hover hover:border-link-hover;
-}
-
-footer.actionbar .btn,
-.splitview-list-actionbar .btn,
-.splitview-details-actionbar .btn {
-  @apply h-btn mr-xs;
-}
-
-footer.actionbar .btn-intercom,
-.splitview-list-actionbar .btn-intercom,
-.splitview-details-actionbar .btn-intercom {
-  @apply ml-auto;
-}
-
-footer.actionbar summary > .btn,
-.splitview-list-actionbar  summary > .btn,
-.splitview-details-actionbar summary > .btn {
-  @apply mr-0;
-}
+
+footer.actionbar {
+  @apply py-xs px-body-padding-mobile sm:px-body-padding-tablet xl:px-body-padding-desktop bg-actionbar;
+  grid-area: footer;
+}
+
+footer.actionbar,
+.splitview-list-actionbar,
+.splitview-details-actionbar {
+  @apply flex flex-row justify-start items-center h-actionbar;
+}
+
+footer.actionbar .btn-primary,
+.splitview-list-actionbar .btn-primary,
+.splitview-details-actionbar .btn-primary {
+  @apply text-primary bg-white border-white hover:text-white hover:bg-link-hover hover:border-link-hover;
+}
+
+footer.actionbar .btn-secondary,
+.splitview-list-actionbar .btn-secondary,
+.splitview-details-actionbar .btn-secondary {
+  @apply text-white bg-transparent border-white hover:text-white hover:bg-link-hover hover:border-link-hover;
+}
+
+footer.actionbar .btn,
+.splitview-list-actionbar .btn,
+.splitview-details-actionbar .btn {
+  @apply h-btn mr-xs;
+}
+
+footer.actionbar .btn-intercom,
+.splitview-list-actionbar .btn-intercom,
+.splitview-details-actionbar .btn-intercom {
+  @apply ml-auto;
+}
+
+footer.actionbar summary > .btn,
+.splitview-list-actionbar  summary > .btn,
+.splitview-details-actionbar summary > .btn {
+  @apply mr-0;
+}

package/src/assets/stylesheets/components/alerts.css

@@ -1,50 +1,50 @@
-.alert {
-  @apply relative overflow-hidden flex flex-row items-start w-full mb-xs p-xxs text-left text-white bg-info border-0 rounded;
-}
-
-.alert-message {
-  @apply flex flex-col sm:flex-row sm:flex-grow items-start justify-between w-full p-xs;
-}
-
-.alert-message .btn {
-  @apply mt-xs sm:-my-xs ml-0 sm:ml-xs -mr-xxs text-primary bg-white hover:text-white hover:bg-link-hover;
-}
-
-.alert .close {
-  @apply flex justify-center items-center flex-shrink-0 w-btn h-btn top-xxs right-xxs text-info bg-white hover:bg-link-hover rounded opacity-100; 
-  .icon {
-    @apply text-icon;
-  }
-}
-
-.alert .close:hover, .alert .close:focus {
-  @apply text-white bg-link-hover outline-none;
-  .icon {
-    @apply text-white;
-  }
-}
-
-.alert .close:not(:disabled):not(.disabled):hover,
-.alert .close:not(:disabled):not(.disabled):focus {
-  @apply opacity-100; 
-}
-
-.alert-info {
-  @apply bg-info;
-}
-
-.alert-success {
-  @apply bg-success;
-  .icon {
-    @apply text-success;
-  }
-}
-
-.alert-warning,
-.alert-danger,
-.alert-error {
-  @apply bg-danger;
-  .icon {
-    @apply text-danger;
-  }
-}
+.alert {
+  @apply relative overflow-hidden flex flex-row items-start w-full mb-xs p-xxs text-left text-white bg-info border-0 rounded;
+}
+
+.alert-message {
+  @apply flex flex-col sm:flex-row sm:flex-grow items-start justify-between w-full p-xs;
+}
+
+.alert-message .btn {
+  @apply mt-xs sm:-my-xs ml-0 sm:ml-xs -mr-xxs text-primary bg-white hover:text-white hover:bg-link-hover;
+}
+
+.alert .close {
+  @apply flex justify-center items-center flex-shrink-0 w-btn h-btn top-xxs right-xxs text-info bg-white hover:bg-link-hover rounded opacity-100; 
+  .icon {
+    @apply text-icon;
+  }
+}
+
+.alert .close:hover, .alert .close:focus {
+  @apply text-white bg-link-hover outline-none;
+  .icon {
+    @apply text-white;
+  }
+}
+
+.alert .close:not(:disabled):not(.disabled):hover,
+.alert .close:not(:disabled):not(.disabled):focus {
+  @apply opacity-100; 
+}
+
+.alert-info {
+  @apply bg-info;
+}
+
+.alert-success {
+  @apply bg-success;
+  .icon {
+    @apply text-success;
+  }
+}
+
+.alert-warning,
+.alert-danger,
+.alert-error {
+  @apply bg-danger;
+  .icon {
+    @apply text-danger;
+  }
+}

package/src/assets/stylesheets/components/banner_card.css

@@ -1,57 +1,57 @@
-.banner-card {
-  @apply flex flex-row mb-md w-full rounded overflow-hidden bg-gray-lightest border border-bordercolor;
-}
-
-.banner-card.welcome {
-  @apply text-white bg-purple-500;
-}
-
-.banner-card .welcome-image {
-  @apply w-spacing-3xl;
-}
-
-.banner-card .card-content {
-  @apply p-md;
-}
-
-.banner-card.welcome .card-content {
-  @apply pl-0;
-}
-
-.banner-card .card-title {
-  @apply p-0 mb-xs;
-}
-
-.banner-card .card-actions {
-  @apply flex mt-sm;
-}
-
-.banner-card .card-actions .btn {
-  @apply mr-xs;
-}
-
-.banner-card .card-image {
-  @apply p-md pr-0;
-}
-
-.banner-card .card-image img {
-  @apply w-spacing-3xl;
-}
-
-.banner-card .card-chart {
-  @apply flex flex-col justify-center items-center text-center m-md mr-0 w-xxl h-xxl flex-shrink-0;
-}
-
-.banner-card .card-chart .chart-value {
-  @apply text-display-3 font-display h-xl;
-}
-
-.banner-card .card-chart .chart-label {
-  @apply pt-xxs px-md text-label-sm text-label-color;
-  line-height: 1.2;
-}
-
-.banner-card .card-chart .piechart-example {
-  @apply absolute rounded-full w-xxl border-gray-lighter;
-  border: 5px solid;
+.banner-card {
+  @apply flex flex-row mb-md w-full rounded overflow-hidden bg-gray-lightest border border-bordercolor;
+}
+
+.banner-card.welcome {
+  @apply text-white bg-purple-500;
+}
+
+.banner-card .welcome-image {
+  @apply w-spacing-3xl;
+}
+
+.banner-card .card-content {
+  @apply p-md;
+}
+
+.banner-card.welcome .card-content {
+  @apply pl-0;
+}
+
+.banner-card .card-title {
+  @apply p-0 mb-xs;
+}
+
+.banner-card .card-actions {
+  @apply flex mt-sm;
+}
+
+.banner-card .card-actions .btn {
+  @apply mr-xs;
+}
+
+.banner-card .card-image {
+  @apply p-md pr-0;
+}
+
+.banner-card .card-image img {
+  @apply w-spacing-3xl;
+}
+
+.banner-card .card-chart {
+  @apply flex flex-col justify-center items-center text-center m-md mr-0 w-xxl h-xxl flex-shrink-0;
+}
+
+.banner-card .card-chart .chart-value {
+  @apply text-display-3 font-display h-xl;
+}
+
+.banner-card .card-chart .chart-label {
+  @apply pt-xxs px-md text-label-sm text-label-color;
+  line-height: 1.2;
+}
+
+.banner-card .card-chart .piechart-example {
+  @apply absolute rounded-full w-xxl border-gray-lighter;
+  border: 5px solid;
 }