testio-tailwind 3.21.0 → 3.22.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 (134) hide show
  1. package/AI_DESIGN_SYSTEM_REFERENCE.md +2407 -0
  2. package/package.json +1 -1
  3. package/src/_data/navigation.json +4 -0
  4. package/src/_includes/header.njk +8 -8
  5. package/src/_includes/page-with-sidebar.njk +10 -1
  6. package/src/assets/scripts/app.js +27 -0
  7. package/src/assets/stylesheets/components/designsystem/designsystem-styles.css +4 -2
  8. package/src/assets/stylesheets/components/tables.css +4 -0
  9. package/src/pages/buttons/block.haml +1 -0
  10. package/src/pages/buttons/button_group.haml +1 -0
  11. package/src/pages/buttons/buttons-lg.haml +1 -0
  12. package/src/pages/buttons/buttons-round.haml +1 -0
  13. package/src/pages/buttons/buttons-sm.haml +1 -0
  14. package/src/pages/buttons/buttons-xl.haml +1 -0
  15. package/src/pages/buttons/buttons.haml +1 -0
  16. package/src/pages/buttons/buttons_input.haml +4 -0
  17. package/src/pages/buttons/dropdown-menu.haml +2 -11
  18. package/src/pages/buttons/square-buttons.haml +15 -0
  19. package/src/pages/components/alerts.haml +1 -0
  20. package/src/pages/components/banner_cards.haml +1 -0
  21. package/src/pages/components/card_badges.haml +8 -7
  22. package/src/pages/components/cards.haml +15 -22
  23. package/src/pages/components/cards_customer.haml +1 -0
  24. package/src/pages/components/cards_fixedwidth.haml +7 -0
  25. package/src/pages/components/cards_iconheader.haml +1 -0
  26. package/src/pages/components/cards_tester.haml +1 -0
  27. package/src/pages/components/descriptionlist.haml +12 -3
  28. package/src/pages/components/devices.haml +1 -0
  29. package/src/pages/components/drawer.haml +1 -0
  30. package/src/pages/components/drawer_filter.haml +1 -0
  31. package/src/pages/components/emptystate.haml +2 -0
  32. package/src/pages/{buttons → components}/info_popover.haml +2 -1
  33. package/src/pages/components/listitem_with_actionbar.haml +1 -0
  34. package/src/pages/components/listitem_with_footer.haml +1 -0
  35. package/src/pages/components/listitems.haml +1 -0
  36. package/src/pages/components/listitems_badge.haml +1 -0
  37. package/src/pages/components/listitems_collapsable.haml +1 -0
  38. package/src/pages/components/listitems_nested.haml +1 -0
  39. package/src/pages/components/listitems_selectable.haml +1 -0
  40. package/src/pages/components/loading_spinner.haml +1 -0
  41. package/src/pages/components/metasidebar.haml +1 -0
  42. package/src/pages/components/modal_details.haml +3 -1
  43. package/src/pages/components/notifications.haml +2 -1
  44. package/src/pages/components/user_item.haml +1 -0
  45. package/src/pages/forms/attachments.pug +71 -0
  46. package/src/pages/forms/checkboxes.haml +1 -0
  47. package/src/pages/forms/checkboxes_devices.haml +1 -0
  48. package/src/pages/forms/date-time.haml +1 -0
  49. package/src/pages/forms/dropzone.pug +38 -0
  50. package/src/pages/forms/flatpickr.haml +1 -1
  51. package/src/pages/forms/form-addon.haml +1 -0
  52. package/src/pages/forms/form-card.haml +1 -0
  53. package/src/pages/forms/form_grid.haml +1 -0
  54. package/src/pages/forms/form_hint.haml +1 -0
  55. package/src/pages/forms/forms.haml +1 -0
  56. package/src/pages/forms/radiobuttons.haml +1 -0
  57. package/src/pages/forms/rating_scale.haml +1 -0
  58. package/src/pages/forms/search.haml +1 -0
  59. package/src/pages/forms/selectable_token.haml +1 -0
  60. package/src/pages/forms/selectable_token_browsers.haml +1 -0
  61. package/src/pages/forms/selectable_token_lg.haml +1 -0
  62. package/src/pages/forms/selectable_token_xl.haml +1 -0
  63. package/src/pages/forms/textarea.haml +4 -0
  64. package/src/pages/forms/toggle-buttons.haml +1 -0
  65. package/src/pages/forms/toggle-switch.haml +1 -0
  66. package/src/pages/forms/trix_editor.pug +1 -0
  67. package/src/pages/icons/bug-icons.haml +1 -0
  68. package/src/pages/icons/index.njk +18 -14
  69. package/src/pages/icons/status-icons.haml +1 -0
  70. package/src/pages/layout/app_layout.haml +2 -0
  71. package/src/pages/layout/margins.haml +1 -0
  72. package/src/pages/layout/max_width.haml +2 -1
  73. package/src/pages/layout/paddings.haml +1 -0
  74. package/src/pages/layout/spacing.haml +1 -0
  75. package/src/pages/{examples → layouts}/agenticqa_splitview.haml +1 -1
  76. package/src/pages/layouts/layout-actionbar.haml +45 -0
  77. package/src/pages/{examples → layouts}/layout-basic.haml +3 -2
  78. package/src/pages/{examples → layouts}/layout-chat.haml +3 -2
  79. package/src/pages/{examples/layout-sidebar-actionbar-metasidebar.haml → layouts/layout-chatwindow.haml} +3 -2
  80. package/src/pages/{examples → layouts}/layout-customer.haml +3 -2
  81. package/src/pages/{examples → layouts}/layout-form-sidebar-actionbar-metasidebar.haml +5 -228
  82. package/src/pages/{examples → layouts}/layout-manager.haml +3 -2
  83. package/src/pages/{examples → layouts}/layout-metasidebar.haml +3 -2
  84. package/src/pages/{examples → layouts}/layout-sidebar.haml +3 -2
  85. package/src/pages/{examples → layouts}/layout-tester.haml +3 -2
  86. package/src/pages/{examples → layouts}/splitview-metasidebar.haml +3 -3
  87. package/src/pages/{examples → layouts}/splitview-testcases.haml +2 -2
  88. package/src/pages/{examples → layouts}/splitview.haml +3 -3
  89. package/src/pages/navigation/header-manager.haml +1 -0
  90. package/src/pages/navigation/header-tester.haml +1 -0
  91. package/src/pages/navigation/header.haml +1 -0
  92. package/src/pages/navigation/header_customer.haml +1 -0
  93. package/src/pages/navigation/header_tester_epam.haml +1 -0
  94. package/src/pages/navigation/product_dropdown.haml +2 -0
  95. package/src/pages/navigation/radio_tabs.haml +1 -0
  96. package/src/pages/navigation/sidebar-manager.haml +2 -1
  97. package/src/pages/navigation/sidebar-tester-elements.haml +1 -0
  98. package/src/pages/navigation/sidebar-tester-seatlimitation.haml +1 -1
  99. package/src/pages/navigation/sidebar-tester.haml +1 -1
  100. package/src/pages/navigation/sidebar.haml +1 -0
  101. package/src/pages/navigation/sidebar_collapsables.haml +1 -0
  102. package/src/pages/navigation/sidebar_customer.haml +1 -0
  103. package/src/pages/navigation/tabnavigation.haml +1 -0
  104. package/src/pages/navigation/tabnavigation_actions.haml +1 -0
  105. package/src/pages/navigation/tabnavigation_pills.haml +1 -0
  106. package/src/pages/navigation/tabnavigation_sm.haml +1 -0
  107. package/src/pages/navigation/test-header-tester.haml +2 -0
  108. package/src/pages/tables/index.njk +7 -0
  109. package/src/pages/tables/tables-cellstyle.haml +38 -0
  110. package/src/pages/tables/tables-grid.haml +31 -0
  111. package/src/pages/tables/tables.haml +16 -0
  112. package/src/pages/tables/tables_alternating.haml +27 -0
  113. package/src/pages/tables/tables_borders.haml +22 -0
  114. package/src/pages/tables/tables_cells.haml +50 -0
  115. package/src/pages/tables/tables_footer.haml +27 -0
  116. package/src/pages/tables/tables_formrow.haml +31 -0
  117. package/src/pages/tables/tables_header.haml +22 -0
  118. package/src/pages/{components → tables}/tables_linked.haml +11 -10
  119. package/src/pages/typography/link_with_icon.haml +10 -2
  120. package/src/pages/typography/linked_icon.haml +6 -0
  121. package/src/pages/typography/section_header.haml +1 -0
  122. package/src/pages/typography/section_header_actions.haml +1 -0
  123. package/src/pages/typography/text_with_icon.haml +3 -2
  124. package/utils/filters.js +161 -0
  125. package/CLAUDE_DESIGN_SYSTEM_REFERENCE.md +0 -1978
  126. package/src/pages/buttons/link-with-icon.haml +0 -13
  127. package/src/pages/components/tables-cellstyle.pug +0 -285
  128. package/src/pages/components/tables-grid.pug +0 -258
  129. package/src/pages/components/tables.haml +0 -57
  130. package/src/pages/components/tables_cells.pug +0 -57
  131. package/src/pages/components/tables_formrow.haml +0 -55
  132. package/src/pages/examples/layout-actionbar.haml +0 -268
  133. package/src/pages/examples/layout-sidebar-actionbar.haml +0 -308
  134. package/src/pages/forms/uploads.pug +0 -101
package/src/pages/forms/uploads.pug DELETED
@@ -1,101 +0,0 @@
1
- ---
2
- tags: forms
3
- title: Uploads and attachments
4
- ---
5
-
6
- .mb-heading
7
- p.mb-xs We use <a href="https://www.dropzone.dev/">Dropzone.JS</a> for uploading files. You are viewing dropzone with the following configuration:
8
- code
9
- | let dropzone = new Dropzone("#file-upload", {
10
- br
11
- | addRemoveLinks: true,
12
- | uploadMultiple: true,
13
- | autoQueue: false,
14
- | dictCancelUpload: "",
15
- | dictRemoveFile: ""
16
- br
17
- | });
18
-
19
- .form-grid-single
20
- form.dropzone(action="/file-upload" class="dropzone" id="my-awesome-dropzone")
21
- .dz-default.dz-message
22
- p.dropzone-msg-title Click to upload a file or drag and drop
23
- p.dropzone-msg-desc Files up to 10MB
24
- .attachments.mt-sm
25
- .attachment
26
- a.attachment-thumb(href="/assets/images/placeholders/bugdetails.png")
27
- img(src='/assets/images/placeholders/bugdetails.png', alt='Bug details')
28
- a.attachment-name(href="/assets/images/placeholders/bugdetails.png") myfile-name.png
29
- .attachment
30
- a.attachment-thumb(href="/assets/images/placeholders/CustomerUI-Mobile-Sidebar.png")
31
- img(src='/assets/images/placeholders/CustomerUI-Mobile-Sidebar.png', alt='Bug details')
32
- a.attachment-name(href="/assets/images/placeholders/CustomerUI-Mobile-Sidebar.png") myfile-name-kjashdflkajsdflkjadsflkjhadsf.png
33
- button.btn.btn-danger.attachment-btn
34
- span.icon.text-icon-default.icon-remove
35
- .attachment
36
- a.attachment-thumb(href="/assets/images/placeholders/CustomerUI-Mobile-Sidebar.png")
37
- span.attachment-icon.icon-xl.icon-review-xl
38
- a.attachment-name(href="/assets/images/placeholders/CustomerUI-Mobile-Sidebar.png") myfile-name-kjashdflkajsdflkjadsflkjhadsf.png
39
- button.btn.btn-danger.attachment-btn
40
- span.icon.text-icon-default.icon-remove
41
- .attachments.mt-sm
42
- input(type='hidden', name='document[context_attributes][external_attachments_attachment_ids][]', value='', autocomplete='off')
43
- .attachment.selectable
44
- input#checkable-attachment1(data-checkboxes-target='checkbox', type='checkbox', value='89')
45
- label(for="checkable-attachment1")
46
- img.attachment-thumb(src='/assets/images/placeholders/bugdetails.png', alt='Bug details')
47
- a.attachment-name(href="/assets/images/placeholders/CustomerUI-Mobile-Sidebar.png") 1.png
48
- .attachment.selectable
49
- input#checkable-attachment2(data-checkboxes-target='checkbox', type='checkbox', value='89', checked='checked')
50
- label(for="checkable-attachment2")
51
- img.attachment-thumb(src='/assets/images/placeholders/bugdetails.png', alt='Bug details')
52
- a.attachment-name(href="/assets/images/placeholders/CustomerUI-Mobile-Sidebar.png") 1.png
53
- .attachment.selectable
54
- input#checkable-attachment3(data-checkboxes-target='checkbox', type='checkbox', value='89')
55
- label(for="checkable-attachment3")
56
- .attachment-thumb
57
- span.attachment-icon.icon-xl.icon-review-xl
58
- a.attachment-name(href="/assets/images/placeholders/CustomerUI-Mobile-Sidebar.png") another-file-type.docx
59
- .attachment.selectable
60
- input#checkable-attachment4(data-checkboxes-target='checkbox', type='checkbox', value='89', checked='checked')
61
- label(for="checkable-attachment4")
62
- .attachment-thumb
63
- span.attachment-icon.icon-xl.icon-review-xl
64
- a.attachment-name(href="/assets/images/placeholders/CustomerUI-Mobile-Sidebar.png") another-file-type.docx
65
-
66
- p.mt-3 Form errors example
67
- .form-grid-single
68
- form.dropzone.field_with_errors(action="/file-upload" class="dropzone" id="my-awesome-dropzone")
69
- .dz-default.dz-message
70
- p.dropzone-msg-title Click to upload a file or drag and drop
71
- p.dropzone-msg-desc Files up to 10MB
72
- .form-hint.error
73
- You made a mistake, which is why you see this form validation error message with some helpful Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
74
-
75
- .bg-black.p-md.mt-3
76
- .form-grid-single
77
- form.dropzone.inverted(action="/file-upload" class="dropzone" id="my-awesome-dropzone-inverted")
78
- .dz-default.dz-message
79
- p.dropzone-msg-title Click to upload a file or drag and drop
80
- p.dropzone-msg-desc Files up to 10MB
81
- .attachments.mt-sm
82
- .attachment.inverted
83
- a.attachment-thumb(href="/assets/images/placeholders/bugdetails.png")
84
- img(src='/assets/images/placeholders/bugdetails.png', alt='Bug details')
85
- a.attachment-name(href="/assets/images/placeholders/bugdetails.png") myfile-name.png
86
- button.btn.btn-danger.attachment-btn
87
- span.icon.text-icon-default.icon-remove
88
-
89
- .attachment.inverted
90
- a.attachment-thumb(href="/assets/images/placeholders/CustomerUI-Mobile-Sidebar.png")
91
- img(src='/assets/images/placeholders/CustomerUI-Mobile-Sidebar.png', alt='Bug details')
92
- a.attachment-name(href="/assets/images/placeholders/CustomerUI-Mobile-Sidebar.png") myfile-name-kjashdflkajsdflkjadsflkjhadsf.png
93
- button.btn.btn-danger.attachment-btn
94
- span.icon.text-icon-default.icon-remove
95
-
96
- .attachment.inverted
97
- a.attachment-thumb(href="/assets/images/placeholders/CustomerUI-Mobile-Sidebar.png")
98
- span.attachment-icon.icon-xl.icon-review-xl
99
- a.attachment-name(href="/assets/images/placeholders/CustomerUI-Mobile-Sidebar.png") myfile-name-kjashdflkajsdflkjadsflkjhadsf.png
100
- button.btn.btn-danger.attachment-btn
101
- span.icon.text-icon-default.icon-remove