testio-tailwind 3.19.0 → 3.20.1

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 (35) hide show
  1. package/.nvmrc +1 -0
  2. package/CLAUDE_DESIGN_SYSTEM_REFERENCE.md +1978 -0
  3. package/package.json +1 -1
  4. package/src/_includes/page-with-sidebar-dark.njk +1 -1
  5. package/src/_includes/page-with-sidebar.njk +1 -1
  6. package/src/assets/fonts/testio.eot +0 -0
  7. package/src/assets/fonts/testio.svg +17 -11
  8. package/src/assets/fonts/testio.ttf +0 -0
  9. package/src/assets/fonts/testio.woff +0 -0
  10. package/src/assets/fonts/testio.woff2 +0 -0
  11. package/src/assets/stylesheets/app.css +1 -0
  12. package/src/assets/stylesheets/components/actionbar.css +4 -4
  13. package/src/assets/stylesheets/components/buttons.css +27 -18
  14. package/src/assets/stylesheets/components/checkboxes_radiobuttons.css +55 -37
  15. package/src/assets/stylesheets/components/designsystem/designsystem-styles.css +8 -0
  16. package/src/assets/stylesheets/components/drawer.css +9 -18
  17. package/src/assets/stylesheets/components/dropdown.css +2 -3
  18. package/src/assets/stylesheets/components/forms.css +6 -4
  19. package/src/assets/stylesheets/components/iconfont.css +39 -11
  20. package/src/assets/stylesheets/components/modals.css +9 -17
  21. package/src/assets/stylesheets/components/search.css +2 -2
  22. package/src/assets/stylesheets/components/tables.css +59 -5
  23. package/src/assets/stylesheets/components/typography.css +8 -0
  24. package/src/assets/stylesheets/components/url_collapsable.css +32 -0
  25. package/src/assets/stylesheets/plugin_themes/tom_select.css +6 -1
  26. package/src/assets/stylesheets/plugin_themes/trix_editor.css +1 -1
  27. package/src/assets/stylesheets/tailwind_theme_dark.css +2 -1
  28. package/src/pages/agenticqa/email.njk +1 -1
  29. package/src/pages/agenticqa/tables-formrow.haml +68 -0
  30. package/src/pages/agenticqa/tables-grid.haml +125 -0
  31. package/src/pages/agenticqa/url_collapsable.haml +17 -0
  32. package/src/pages/components/drawer_filter.haml +1 -1
  33. package/src/pages/components/modal_details.haml +8 -8
  34. package/src/pages/forms/radiobuttons.haml +32 -6
  35. package/src/static/icons.json +1 -1
package/src/assets/stylesheets/components/drawer.css CHANGED
@@ -1,10 +1,6 @@
1
1
 
2
2
  details[open].drawer-wrapper .drawer {
3
- @apply top-header w-meta-sidebar-width pt-md pb-lg px-spacing text-white bg-header border-t-1 border-black;
4
- position: fixed;
5
- display: flex;
6
- flex-direction: column;
7
- justify-content: space-between;
3
+ @apply fixed flex flex-col justify-between top-header w-meta-sidebar-width pt-md pb-lg px-spacing text-white bg-header border-t-1 border-black dark:bg-appbody;
8
4
  right: 0;
9
5
  z-index: 40;
10
6
  height: 100vh;
@@ -32,25 +28,22 @@ details .drawer-trigger .close-btn {
32
28
 
33
29
 
34
30
  details[open] .drawer-trigger .close-btn {
35
- @apply top-header text-white rounded-none hover:bg-link-hover hover:text-white;
36
- position: fixed;
37
- display: inline-flex;
31
+ @apply fixed inline-flex top-header text-white rounded-none hover:bg-link-hover hover:text-white;
38
32
  right: 0;
39
33
  cursor: pointer;
40
34
  z-index: 41;
41
35
  }
42
36
 
43
37
  .drawer-header {
44
- position: relative;
38
+ @apply relative dark:pt-spacing;
45
39
  }
46
40
 
47
41
  .drawer-title {
48
- @apply pb-xs text-heading-4;
42
+ @apply pb-xs text-heading-4 dark:text-heading-5 dark:uppercase dark:font-light;
49
43
  }
50
44
 
51
45
  .drawer-content {
52
- @apply pt-xs pb-spacing;
53
- position: relative;
46
+ @apply relative pt-xs pb-spacing;
54
47
  flex: 1;
55
48
  overflow-y: scroll;
56
49
  -ms-overflow-style: none; /* IE and Edge */
@@ -64,21 +57,19 @@ details[open] .drawer-trigger .close-btn {
64
57
  }
65
58
 
66
59
  .drawer-footer {
67
- @apply h-actionbar bg-info px-spacing -mx-spacing;
68
- display: flex;
69
- align-items: center;
60
+ @apply flex flex-row items-center h-actionbar px-spacing -mx-spacing bg-info dark:h-auto pt-xs pb-md dark:bg-appbody;
70
61
  }
71
62
 
72
63
  .drawer-footer .btn {
73
- @apply mr-xs last:mr-0;
64
+ @apply mr-xs last:mr-0 dark:rounded-full;
74
65
  }
75
66
 
76
67
  .drawer-footer .btn-primary {
77
- @apply text-primary bg-white border-white hover:bg-link-hover hover:border-link-hover hover:text-white;
68
+ @apply text-primary bg-white border-white hover:bg-link-hover hover:border-link-hover hover:text-white dark:bg-primary dark:text-black;
78
69
  }
79
70
 
80
71
  .drawer-footer .btn-secondary {
81
- @apply text-white bg-transparent border-white hover:bg-link-hover hover:border-link-hover hover:text-white;
72
+ @apply text-white bg-transparent border-white hover:bg-link-hover hover:border-link-hover hover:text-white dark:border-primary dark:text-primary;
82
73
  }
83
74
 
84
75
  .drawer-content .section-header,
package/src/assets/stylesheets/components/dropdown.css CHANGED
@@ -15,7 +15,7 @@ details.dropdown-actions[open] summary:after,
15
15
 
16
16
  .popover-menu,
17
17
  .dropdown-menu {
18
- @apply flex-col overflow-hidden w-popover-width p-xxs bg-primary text-appbody rounded;
18
+ @apply flex-col overflow-hidden w-popover-width p-xxs bg-primary text-appbody rounded dark:bg-gray-darkest dark:shadow-lg;
19
19
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
20
20
  }
21
21
 
@@ -43,8 +43,7 @@ details.dropdown-actions[open].dropright .popover-menu,
43
43
 
44
44
  .popover-menu .popover-action,
45
45
  .dropdown-menu .dropdown-action {
46
- @apply relative flex items-center justify-start mb-1px p-xs text-base text-appbody rounded;
47
- font-weight: 600;
46
+ @apply relative flex items-center justify-start mb-1px p-xs text-base text-appbody rounded font-semibold dark:font-normal dark:text-buttons dark:uppercase dark:text-white dark:tracking-wide;
48
47
  line-height: 1.2;
49
48
 
50
49
  & .icon {
package/src/assets/stylesheets/components/forms.css CHANGED
@@ -26,7 +26,7 @@
26
26
 
27
27
  .form-control,
28
28
  .form-control-static {
29
- @apply h-btn w-full px-sm py-xxs text-base border border-bordercolor rounded dark:bg-card;
29
+ @apply h-btn w-full px-sm py-xxs text-base text-appbody-textcolor border border-bordercolor rounded dark:bg-card focus:border-link-hover focus:outline-1 focus:outline-link-hover;
30
30
  }
31
31
 
32
32
  .form-check .field_with_errors input[type="checkbox"],
@@ -50,7 +50,9 @@
50
50
  }
51
51
 
52
52
  textarea.form-control {
53
- @apply h-auto min-h-btn py-xs;
53
+ @apply h-auto min-h-btn;
54
+ padding-top: 8px;
55
+ padding-bottom: 8px;
54
56
  }
55
57
 
56
58
  .form-control-label {
@@ -65,7 +67,7 @@ textarea.form-control {
65
67
  .form-control:disabled,
66
68
  .form-control.disabled,
67
69
  .form-control[readonly] {
68
- @apply bg-disabled;
70
+ @apply bg-disabled dark:border-gray-darkest dark:bg-gray-darkest;
69
71
  }
70
72
 
71
73
  .form-group.with-addon .form-control {
@@ -88,7 +90,7 @@ textarea.form-control {
88
90
  }
89
91
 
90
92
  .form-group.inverted .form-control {
91
- @apply text-white border-gray-darker bg-transparent;
93
+ @apply text-white border-gray-darker bg-transparent dark:border-bordercolor dark:bg-card;
92
94
  }
93
95
 
94
96
  .form-group.inverted .form-control::placeholder {