testio-tailwind 3.6.0 → 3.7.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 (25) hide show
  1. package/.eleventy.js +2 -1
  2. package/package.json +1 -1
  3. package/src/_includes/example-header-agenticqa.njk +70 -0
  4. package/src/_layouts/page-example-agenticqa.njk +19 -0
  5. package/src/assets/{stylesheets/components/fonts → fonts}/testio.eot +0 -0
  6. package/src/assets/{stylesheets/components/fonts → fonts}/testio.svg +349 -226
  7. package/src/assets/{stylesheets/components/fonts → fonts}/testio.ttf +0 -0
  8. package/src/assets/{stylesheets/components/fonts → fonts}/testio.woff +0 -0
  9. package/src/assets/fonts/testio.woff2 +0 -0
  10. package/src/assets/stylesheets/app.css +3 -0
  11. package/src/assets/stylesheets/components/agenticqa/agenticqa_header.css +37 -0
  12. package/src/assets/stylesheets/components/agenticqa/agenticqa_sidebar.css +12 -0
  13. package/src/assets/stylesheets/components/iconfont.css +528 -140
  14. package/src/assets/stylesheets/components/icons.css +12 -0
  15. package/src/assets/stylesheets/components/layout.css +11 -1
  16. package/src/assets/stylesheets/components/list_item.css +2 -2
  17. package/src/assets/stylesheets/components/splitview.css +63 -16
  18. package/src/assets/stylesheets/components/tabs.css +14 -5
  19. package/src/assets/stylesheets/tailwind_config.css +3 -0
  20. package/src/assets/stylesheets/tailwind_custom_utilities.css +18 -1
  21. package/src/assets/stylesheets/tailwind_theme_dark.css +21 -3
  22. package/src/pages/agenticqa/header.haml +77 -0
  23. package/src/pages/components/splitview_item_collapsable.haml +1 -1
  24. package/src/pages/examples/agenticqa.haml +38 -0
  25. package/src/assets/stylesheets/components/fonts/testio.woff2 +0 -0
package/.eleventy.js CHANGED
@@ -9,7 +9,8 @@ module.exports = function (eleventyConfig) {
9
9
  "src/static/site.webmanifest": "./",
10
10
  "src/static/*": "static",
11
11
  "src/static/downloads/*": "downloads",
12
- "src/assets/images": "assets/images"
12
+ "src/assets/images": "assets/images",
13
+ "src/assets/fonts": "assets/fonts"
13
14
  })
14
15
 
15
16
  // Filters
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "testio-tailwind",
3
- "version": "3.6.0",
3
+ "version": "3.7.0",
4
4
  "description": "Tailwind based design system for Test IO",
5
5
  "scripts": {
6
6
  "clean": "del dist --force",
@@ -0,0 +1,70 @@
1
+ <nav class="header agenticqa">
2
+ <div class="header-wrapper">
3
+ <div class="navlinks logo-wrapper">
4
+ <a href="#" class="navlink header-logo"></a>
5
+ </div>
6
+ <div class="navlinks left">
7
+ <a href="#" class="navlink">
8
+ <span class="icon icon-plus"></span>
9
+ <span>Navlink</span>
10
+ </a>
11
+ <a href="#" class="navlink">Navlink</a>
12
+ </div>
13
+ <details class="mobile-links">
14
+ <summary class="mobile-menu-btn">
15
+ <div class="navlink">
16
+ <span class="sr-only">Open main menu</span>
17
+ <span class="icon icon-menu"></span>
18
+ </div>
19
+ </summary>
20
+ <div class="mobile-menu sidebar">
21
+ <a href="#" class="navlink active">
22
+ <span class="navlink-badge icon icon-home"></span>Navlink active
23
+ </a>
24
+ <a href="#" class="navlink">
25
+ <span class="navlink-badge icon icon-plus"></span>Add project
26
+ </a>
27
+ <details>
28
+ <summary class="navlink">
29
+ <span class="icon icon-product"></span>Collapsable
30
+ </summary>
31
+ <a href="#" class="navlink">
32
+ <span class="icon icon-test"></span>Navlink child
33
+ </a>
34
+ <a href="#" class="navlink">
35
+ <span class="icon icon-test"></span>Navlink child
36
+ </a>
37
+ <a href="#" class="navlink">
38
+ <span class="icon icon-test"></span>Navlink child
39
+ </a>
40
+ <a href="#" class="navlink active">
41
+ <span class="icon icon-test"></span>Active child
42
+ </a>
43
+ </details>
44
+ </div>
45
+ </details>
46
+ <div class="navlinks right">
47
+ <details class="header-dropdown user-menu">
48
+ <summary class="btn-profile navlink">
49
+ <span class="sr-only">Open user menu</span>
50
+ <img src="/assets/images/placeholders/profile_supergirl.png" class="user-profile">
51
+ <div class="user-details">
52
+ <div class="profile-role">Admin</div>
53
+ <div class="profile-name">Anja Berger</div>
54
+ </div>
55
+ </summary>
56
+ <div class="dropdown-menu profile-dropdown">
57
+ <a href="#" class="dropdown-link">
58
+ <span class="icon icon-user"></span>Your Profile
59
+ </a>
60
+ <a href="#" class="dropdown-link">
61
+ <span class="icon icon-cog"></span>Settings
62
+ </a>
63
+ <a href="#" class="dropdown-link">
64
+ <span class="icon icon-shutdown"></span>Sign out
65
+ </a>
66
+ </div>
67
+ </details>
68
+ </div>
69
+ </div>
70
+ </nav>
@@ -0,0 +1,19 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ {% include "head.njk" %}
4
+
5
+ <body class="app-body">
6
+ {% include "header.njk" %}
7
+
8
+ {% block content %}
9
+ <main class="page-example-container">
10
+ <div class="app-body">
11
+ {% include "example-header-agenticqa.njk" %}
12
+ {{ content | safe }}
13
+ </div>
14
+ </main>
15
+ {% endblock %}
16
+
17
+ </body>
18
+ {% include "footer-scripts.njk" %}
19
+ </html>