npm - testio-tailwind - Versions diffs - 0.1.0 - Mend

testio-tailwind 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (538) hide show

package/src/pages/navigation/sidebar-tester-seatlimitation.haml ADDED Viewed

@@ -0,0 +1,108 @@
+---
+tags: navigation
+title: Sidebar - Tester - seat limitation
+---
+%p.mb-heading Tester sidebar with seat limitation.
+%nav.sidebar.tester.ds-removethisclass-flex{arialabel:'Sidebar'}
+  .profilepicture-wrapper
+    %details.profilepicture-actions
+      %summary
+        %img.testerlevel-medal{src:'/assets/images/testerlevel-medals/medal_testerlevel_1_md.png', alt:''}
+        %img.profilepicture{src:'/assets/images/placeholders/profile_supergirl.png', alt:''}
+      .popover-menu
+        %a.popover-action{href:'#'}
+          %span.icon.text-icon-default.icon-cloud-upload.mr-icon-spacing
+          Upload picture
+        %a.popover-action{href:'#'}
+          %span.icon.text-icon-default.icon-remove.mr-icon-spacing
+          Remove picture
+  .sidebar-title Anja Berger
+  .navlinks
+    %a.navlink{href:'#'}
+      %span.icon.icon-home
+      Dashboard
+    %a.navlink{href:'#'}
+      %span.icon.icon-ranking
+      Ranking
+    %a.navlink{href:'#'}
+      %span.icon.icon-review-bug
+      Available tasks 10
+    .sidebar-divider
+    .sidebar-label 1/2 SEATS USED
+    .navlink.test-cycle
+      %a.navlink-wrapper{href:'#'}
+        %span.icon.icon-test-running
+        .navlink-info
+          .navlink-title Customer name
+          .navlink-meta No contribution
+          .navlink-meta #999999
+      %details.dropdown-actions.dropright
+        %summary.btn
+          %span.icon.icon-more
+        .popover-menu
+          %a.popover-action{href:'#'}
+            %span.icon.icon-cross
+            Quit test cycle and free seat
+    .seatslot Seat available
+    .sidebar-divider
+    %details
+      %summary.navlink
+        %span.icon.icon-seat
+        Additional Seats
+      .navlink.test-cycle
+        %a.navlink-wrapper{href:'#'}
+          %span.icon.icon-test-running
+          .navlink-info
+            .navlink-title Customer name
+            .navlink-meta No contribution
+            .navlink-meta #999999
+        %details.dropdown-actions.dropright
+          %summary.btn
+            %span.icon.icon-more
+          .popover-menu
+            %a.popover-action{href:'#'}
+              %span.icon.icon-cross
+              Quit test cycle and free seat
+      .navlink.test-cycle
+        %a.navlink-wrapper{href:'#'}
+          %span.icon.icon-test-running
+          .navlink-info
+            .navlink-title Customer name
+            .navlink-meta No contribution
+            .navlink-meta #999999
+        %details.dropdown-actions.dropright
+          %summary.btn
+            %span.icon.icon-more
+          .popover-menu
+            %a.popover-action{href:'#'}
+              %span.icon.icon-cross
+              Quit test cycle and free seat
+      .navlink.test-cycle
+        %a.navlink-wrapper{href:'#'}
+          %span.icon.icon-test-running
+          .navlink-info
+            .navlink-title Customer name
+            .navlink-meta No contribution
+            .navlink-meta #999999
+        %details.dropdown-actions.dropright
+          %summary.btn
+            %span.icon.icon-more
+          .popover-menu
+            %a.popover-action{href:'#'}
+              %span.icon.icon-cross
+              Quit test cycle and free seat
+    %details
+      %summary.navlink
+        %span.icon.icon-test-ended
+        Past Test Cycles
+      %a.navlink{href:'#'}
+        %span.icon.icon-test-ended
+        #123321 Customer
+      %a.navlink{href:'#'}
+        %span.icon.icon-test-locked
+        #123321 Customer
+  .banner-install-testnow
+    Install testNow
+    %a.icon.icon-apple.ml-auto{href:'#'}
+    %a.icon.icon-android.ml-xs{href:'#'}

package/src/pages/navigation/sidebar-tester.haml ADDED Viewed

@@ -0,0 +1,75 @@
+---
+tags: navigation
+title: Sidebar - Tester
+---
+%p.mb-heading Tester sidebar with no seat limitation
+%nav.sidebar.tester.ds-removethisclass-flex{arialabel:'Sidebar'}
+  .profilepicture-wrapper
+    %details.profilepicture-actions
+      %summary
+        %img.testerlevel-medal{src:'/assets/images/testerlevel-medals/medal_testerlevel_3_md.png', alt:''}
+        %img.profilepicture{src:'/assets/images/placeholders/profile_boxer.png', alt:''}
+      .popover-menu
+        %a.popover-action{href:'#'}
+          %span.icon.text-icon-default.icon-cloud-upload.mr-icon-spacing
+          Upload picture
+        %a.popover-action{href:'#'}
+          %span.icon.text-icon-default.icon-remove.mr-icon-spacing
+          Remove picture
+  .sidebar-title Thomas Tester
+  .navlinks
+    %a.navlink{href:'#'}
+      %span.icon.icon-home
+      Dashboard
+    %a.navlink{href:'#'}
+      %span.icon.icon-ranking
+      Ranking
+    %a.navlink{href:'#'}
+      %span.icon.icon-review-bug
+      Available tasks 10
+    .sidebar-divider
+    .sidebar-label SEATS USED
+    .navlink.test-cycle
+      %a.navlink-wrapper{href:'#'}
+        %span.icon.icon-test-running
+        .navlink-info
+          .navlink-title Customer name
+          .navlink-meta No contribution
+          .navlink-meta #999999
+      %details.dropdown-actions.dropright
+        %summary.btn
+          %span.icon.icon-more
+        .popover-menu
+          %a.popover-action{href:'#'}
+            %span.icon.icon-cross
+            Quit test cycle and free seat
+    .navlink.test-cycle
+      %a.navlink-wrapper{href:'#'}
+        %span.icon.icon-test-running
+        .navlink-info
+          .navlink-title Customer name
+          .navlink-meta No contribution
+          .navlink-meta #999999
+      %details.dropdown-actions.dropright
+        %summary.btn
+          %span.icon.icon-more
+        .popover-menu
+          %a.popover-action{href:'#'}
+            %span.icon.icon-cross
+            Quit test cycle and free seat
+    .sidebar-divider
+    %details
+      %summary.navlink
+        %span.icon.icon-test-ended
+        Past Test Cycles
+      %a.navlink{href:'#'}
+        %span.icon.icon-test-ended
+        #123321 Customer
+      %a.navlink{href:'#'}
+        %span.icon.icon-test-locked
+        #123321 Customer
+  .banner-install-testnow
+    Install testNow
+    %a.icon.icon-apple.ml-auto{href:'#'}
+    %a.icon.icon-android.ml-xs{href:'#'}

package/src/pages/navigation/sidebar.haml ADDED Viewed

@@ -0,0 +1,46 @@
+---
+tags: navigation
+title: Sidebar
+---
+%nav.sidebar.ds-removethisclass-flex{arialabel:'Sidebar'}
+  %a.navlink.active{href:'#'}
+    %span.icon.icon-home
+    Navlink active
+  %a.navlink{href:'#'}
+    %span.icon.icon-bug
+    Navlink
+  %details
+    %summary.navlink
+      %span.icon.icon-product
+      Collapsable
+    %a.navlink{href:'#'}
+      %span.icon.icon-test
+      Navlink child
+    %a.navlink{href:'#'}
+      %span.icon.icon-test
+      Navlink child
+    %a.navlink{href:'#'}
+      %span.icon.icon-test
+      Navlink child
+    %a.navlink.active{href:'#'}
+      %span.icon.icon-test
+      Active child
+  %a.navlink{href:'#'}
+    %span.icon.icon-bug-reproduction
+    Navlink with a long title to see how things are breaking into several lines and don&apos;t cause a broken layout
+  .sidebar-divider
+  %a.navlink{href:'#'}
+    %span.icon.icon-check-circle-filled
+    Navlink
+  %a.navlink{href:'#'}
+    %span.icon.icon-check-circle-filled
+    Navlink
+  %a.navlink{href:'#'}
+    %span.icon.icon-check-circle-filled
+    Navlink
+  .sidebar-label Sidebar-label
+  %a.navlink{href:'#'}
+    %span.icon.icon-check-circle-filled
+    Navlink
+  %a.navlink{href:'#'} Navlink without icon

package/src/pages/navigation/sidebar_collapsables.haml ADDED Viewed

@@ -0,0 +1,136 @@
+---
+tags: navigation
+title: Sidebar colored collapsables
+---
+%nav.sidebar.customer.ds-removethisclass-flex{arialabel:'Sidebar'}
+  .navlinks
+    %details
+      %summary.navlink
+        %span.icon.icon-product
+        Collapse
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink.active{href:'#'}
+        %span.icon.icon-test
+        Active child
+    %details.marked-collapse.purple
+      %summary.navlink
+        %span.icon.icon-product
+        Collapse purple
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink.active{href:'#'}
+        %span.icon.icon-test
+        Active child
+    %details.marked-collapse.orange
+      %summary.navlink
+        %span.icon.icon-product
+        Collapse orange
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink.active{href:'#'}
+        %span.icon.icon-test
+        Active child
+    %details.marked-collapse.yellow
+      %summary.navlink
+        %span.icon.icon-product
+        Collapse yellow
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink.active{href:'#'}
+        %span.icon.icon-test
+        Active child
+    %details.marked-collapse.red-light
+      %summary.navlink
+        %span.icon.icon-product
+        Collapse red-light
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink.active{href:'#'}
+        %span.icon.icon-test
+        Active child
+    %details.marked-collapse.pink
+      %summary.navlink
+        %span.icon.icon-product
+        Collapse pink
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink.active{href:'#'}
+        %span.icon.icon-test
+        Active child
+    %details.marked-collapse.blue
+      %summary.navlink
+        %span.icon.icon-product
+        Collapse blue
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink.active{href:'#'}
+        %span.icon.icon-test
+        Active child
+    %details.marked-collapse.green
+      %summary.navlink
+        %span.icon.icon-product
+        Collapse green
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink.active{href:'#'}
+        %span.icon.icon-test
+        Active child

package/src/pages/navigation/sidebar_customer.haml ADDED Viewed

@@ -0,0 +1,146 @@
+---
+tags: navigation
+title: Sidebar - Customer
+---
+%nav.sidebar.customer.ds-removethisclass-flex{arialabel:'Sidebar'}
+  .profilepicture-wrapper
+    %details.profilepicture-actions
+      %summary
+        %img.profilepicture{src:'/assets/images/logo-testio/testio_symbol_purpleteal_square.png', alt:''}
+      .popover-menu
+        %a.popover-action{href:'#'}
+          %span.icon.text-icon-default.icon-cloud-upload.mr-icon-spacing
+          Upload picture
+        %a.popover-action{href:'#'}
+          %span.icon.text-icon-default.icon-remove.mr-icon-spacing
+          Remove picture
+  .sidebar-title Purple IO
+  .navlinks
+    %a.navlink.active{href:'#'}
+      %span.icon.icon-home
+      Navlink active
+    %a.navlink{href:'#'}
+      %span.icon.icon-bug
+      Navlink
+    %details
+      %summary.navlink
+        %span.icon.icon-product
+        Collapse
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink.active{href:'#'}
+        %span.icon.icon-test
+        Active child
+    %details.marked-collapse.purple
+      %summary.navlink
+        %span.icon.icon-product
+        Collapse purple
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink.active{href:'#'}
+        %span.icon.icon-test
+        Active child
+    %details.marked-collapse.orange
+      %summary.navlink
+        %span.icon.icon-product
+        Collapse orange
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink.active{href:'#'}
+        %span.icon.icon-test
+        Active child
+    %details.marked-collapse.yellow
+      %summary.navlink
+        %span.icon.icon-product
+        Collapse yellow
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink.active{href:'#'}
+        %span.icon.icon-test
+        Active child
+    %details.marked-collapse.red-light
+      %summary.navlink
+        %span.icon.icon-product
+        Collapse red-light
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink.active{href:'#'}
+        %span.icon.icon-test
+        Active child
+    %details.marked-collapse.pink
+      %summary.navlink
+        %span.icon.icon-product
+        Collapse pink
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink.active{href:'#'}
+        %span.icon.icon-test
+        Active child
+    %details.marked-collapse.blue
+      %summary.navlink
+        %span.icon.icon-product
+        Collapse blue
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink{href:'#'}
+        %span.icon.icon-test
+        Navlink child
+      %a.navlink.active{href:'#'}
+        %span.icon.icon-test
+        Active child
+    .sidebar-divider
+    %a.navlink{href:'#'}
+      %span.icon.icon-bug-reproduction
+      Navlink with a long title to see how things are breaking into several lines and don&apos;t cause a broken layout
+    .sidebar-label Sidebar-label
+    %a.navlink{href:'#'}
+      %span.icon.icon-check-circle-filled
+      Navlink
+    %a.navlink{href:'#'} Navlink without icon

package/src/pages/navigation/tabnavigation.haml ADDED Viewed

@@ -0,0 +1,13 @@
+---
+tags: navigation
+title: Tab navigation
+---
+%nav.nav-tabs
+  .navlink.active{href:""} Navlink active
+  .navlink{href:""} Navlink
+  .navlink{href:""} Navlink
+  .navlink{href:""}
+    Counter
+    .counter 99
+  .navlink.disabled{href:""} Disabled

package/src/pages/navigation/tabnavigation_actions.haml ADDED Viewed

@@ -0,0 +1,22 @@
+---
+tags: navigation
+title: Tab navigation with actions
+---
+%nav.nav-tabs
+  .navlinks
+    .navlink.active{href:""} Navlink active
+    .navlink{href:""} Navlink
+    .navlink{href:""} Navlink
+    .navlink{href:""}
+      Counter
+      .counter 99
+    .navlink.disabled{href:""} Disabled
+  .nav-actions
+    %a.link-with-icon{href:""}
+      .icon.icon-sort-descending
+      Severity (desc)
+    %a.linked-icon{href:""}
+      .icon.icon-filter
+    %a.linked-icon{href:""}
+      .icon.icon-search

package/src/pages/navigation/tabnavigation_pills.haml ADDED Viewed

@@ -0,0 +1,13 @@
+---
+tags: navigation
+title: Tab pill navigation
+---
+%nav.nav-pills
+  .navlink.active{href:""} Navlink active
+  .navlink{href:""} Navlink
+  .navlink{href:""} Navlink
+  .navlink{href:""}
+    Counter
+    .counter 99
+  .navlink.disabled{href:""} Disabled

package/src/pages/typography/index.njk ADDED Viewed

@@ -0,0 +1,7 @@
+---
+layout: base
+permalink: typography/
+---
+{% set collection = collections.typography %}
+{% include "page-with-sidebar.njk" %}

package/src/pages/typography/link_with_icon.haml ADDED Viewed

@@ -0,0 +1,12 @@
+---
+tags: typography
+title: Link with icon
+---
+%a.link-with-icon{href:""}
+  .icon.icon-exclamation-circle
+  All approved testers must complete this course to achieve bronze level and above.
+.pt-xs
+%a.link-with-icon{href:""}
+  .icon.icon-exclamation-circle
+  All approved testers will have a one-month transition period to complete it. If they do not pass, even Diamond testers will be downgraded to copper level.

package/src/pages/typography/linked_icon.haml ADDED Viewed

@@ -0,0 +1,10 @@
+---
+tags: typography
+title: Linked icon
+---
+%a.linked-icon{href:""}
+  .icon.icon-exclamation-circle
+.pt-xs
+%a.linked-icon{href:""}
+  .icon.icon-exclamation-circle-filled