testio-tailwind 3.20.5 → 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.
- package/AI_DESIGN_SYSTEM_REFERENCE.md +2407 -0
- package/package.json +2 -1
- package/src/_data/navigation.json +4 -0
- package/src/_includes/header.njk +8 -8
- package/src/_includes/page-with-sidebar.njk +10 -1
- package/src/assets/scripts/app.js +43 -0
- package/src/assets/stylesheets/app.css +2 -0
- package/src/assets/stylesheets/components/designsystem/designsystem-styles.css +4 -2
- package/src/assets/stylesheets/components/forms.css +19 -11
- package/src/assets/stylesheets/components/tables.css +4 -0
- package/src/assets/stylesheets/plugin_themes/flatpickr.css +86 -0
- package/src/pages/buttons/block.haml +1 -0
- package/src/pages/buttons/button_group.haml +1 -0
- package/src/pages/buttons/buttons-lg.haml +1 -0
- package/src/pages/buttons/buttons-round.haml +1 -0
- package/src/pages/buttons/buttons-sm.haml +1 -0
- package/src/pages/buttons/buttons-xl.haml +1 -0
- package/src/pages/buttons/buttons.haml +1 -0
- package/src/pages/buttons/buttons_input.haml +4 -0
- package/src/pages/buttons/dropdown-menu.haml +2 -11
- package/src/pages/buttons/square-buttons.haml +15 -0
- package/src/pages/components/alerts.haml +1 -0
- package/src/pages/components/banner_cards.haml +1 -0
- package/src/pages/components/card_badges.haml +8 -7
- package/src/pages/components/cards.haml +15 -22
- package/src/pages/components/cards_customer.haml +1 -0
- package/src/pages/components/cards_fixedwidth.haml +7 -0
- package/src/pages/components/cards_iconheader.haml +1 -0
- package/src/pages/components/cards_tester.haml +1 -0
- package/src/pages/components/descriptionlist.haml +12 -3
- package/src/pages/components/devices.haml +1 -0
- package/src/pages/components/drawer.haml +1 -0
- package/src/pages/components/drawer_filter.haml +1 -0
- package/src/pages/components/emptystate.haml +2 -0
- package/src/pages/{buttons → components}/info_popover.haml +2 -1
- package/src/pages/components/listitem_with_actionbar.haml +1 -0
- package/src/pages/components/listitem_with_footer.haml +1 -0
- package/src/pages/components/listitems.haml +1 -0
- package/src/pages/components/listitems_badge.haml +1 -0
- package/src/pages/components/listitems_collapsable.haml +1 -0
- package/src/pages/components/listitems_nested.haml +1 -0
- package/src/pages/components/listitems_selectable.haml +1 -0
- package/src/pages/components/loading_spinner.haml +1 -0
- package/src/pages/components/metasidebar.haml +1 -0
- package/src/pages/components/modal_details.haml +3 -1
- package/src/pages/components/notifications.haml +2 -1
- package/src/pages/components/user_item.haml +1 -0
- package/src/pages/forms/attachments.pug +71 -0
- package/src/pages/forms/checkboxes.haml +1 -0
- package/src/pages/forms/checkboxes_devices.haml +1 -0
- package/src/pages/forms/date-time.haml +24 -0
- package/src/pages/forms/dropzone.pug +38 -0
- package/src/pages/forms/flatpickr.haml +27 -0
- package/src/pages/forms/form-addon.haml +1 -0
- package/src/pages/forms/form-card.haml +1 -0
- package/src/pages/forms/form_grid.haml +1 -0
- package/src/pages/forms/form_hint.haml +1 -0
- package/src/pages/forms/forms.haml +1 -0
- package/src/pages/forms/radiobuttons.haml +1 -0
- package/src/pages/forms/rating_scale.haml +1 -0
- package/src/pages/forms/search.haml +1 -0
- package/src/pages/forms/selectable_token.haml +1 -0
- package/src/pages/forms/selectable_token_browsers.haml +1 -0
- package/src/pages/forms/selectable_token_lg.haml +1 -0
- package/src/pages/forms/selectable_token_xl.haml +1 -0
- package/src/pages/forms/textarea.haml +4 -0
- package/src/pages/forms/toggle-buttons.haml +1 -0
- package/src/pages/forms/toggle-switch.haml +1 -0
- package/src/pages/forms/trix_editor.pug +1 -0
- package/src/pages/icons/bug-icons.haml +1 -0
- package/src/pages/icons/index.njk +18 -14
- package/src/pages/icons/status-icons.haml +1 -0
- package/src/pages/layout/app_layout.haml +2 -0
- package/src/pages/layout/margins.haml +1 -0
- package/src/pages/layout/max_width.haml +2 -1
- package/src/pages/layout/paddings.haml +1 -0
- package/src/pages/layout/spacing.haml +1 -0
- package/src/pages/{examples → layouts}/agenticqa_splitview.haml +1 -1
- package/src/pages/layouts/layout-actionbar.haml +45 -0
- package/src/pages/{examples → layouts}/layout-basic.haml +3 -2
- package/src/pages/{examples → layouts}/layout-chat.haml +3 -2
- package/src/pages/{examples/layout-sidebar-actionbar-metasidebar.haml → layouts/layout-chatwindow.haml} +3 -2
- package/src/pages/{examples → layouts}/layout-customer.haml +3 -2
- package/src/pages/{examples → layouts}/layout-form-sidebar-actionbar-metasidebar.haml +5 -228
- package/src/pages/{examples → layouts}/layout-manager.haml +3 -2
- package/src/pages/{examples → layouts}/layout-metasidebar.haml +3 -2
- package/src/pages/{examples → layouts}/layout-sidebar.haml +3 -2
- package/src/pages/{examples → layouts}/layout-tester.haml +3 -2
- package/src/pages/{examples → layouts}/splitview-metasidebar.haml +3 -3
- package/src/pages/{examples → layouts}/splitview-testcases.haml +2 -2
- package/src/pages/{examples → layouts}/splitview.haml +3 -3
- package/src/pages/navigation/header-manager.haml +1 -0
- package/src/pages/navigation/header-tester.haml +1 -0
- package/src/pages/navigation/header.haml +1 -0
- package/src/pages/navigation/header_customer.haml +1 -0
- package/src/pages/navigation/header_tester_epam.haml +1 -0
- package/src/pages/navigation/product_dropdown.haml +2 -0
- package/src/pages/navigation/radio_tabs.haml +1 -0
- package/src/pages/navigation/sidebar-manager.haml +2 -1
- package/src/pages/navigation/sidebar-tester-elements.haml +1 -0
- package/src/pages/navigation/sidebar-tester-seatlimitation.haml +1 -1
- package/src/pages/navigation/sidebar-tester.haml +1 -1
- package/src/pages/navigation/sidebar.haml +1 -0
- package/src/pages/navigation/sidebar_collapsables.haml +1 -0
- package/src/pages/navigation/sidebar_customer.haml +1 -0
- package/src/pages/navigation/tabnavigation.haml +1 -0
- package/src/pages/navigation/tabnavigation_actions.haml +1 -0
- package/src/pages/navigation/tabnavigation_pills.haml +1 -0
- package/src/pages/navigation/tabnavigation_sm.haml +1 -0
- package/src/pages/navigation/test-header-tester.haml +2 -0
- package/src/pages/tables/index.njk +7 -0
- package/src/pages/tables/tables-cellstyle.haml +38 -0
- package/src/pages/tables/tables-grid.haml +31 -0
- package/src/pages/tables/tables.haml +16 -0
- package/src/pages/tables/tables_alternating.haml +27 -0
- package/src/pages/tables/tables_borders.haml +22 -0
- package/src/pages/tables/tables_cells.haml +50 -0
- package/src/pages/tables/tables_footer.haml +27 -0
- package/src/pages/tables/tables_formrow.haml +31 -0
- package/src/pages/tables/tables_header.haml +22 -0
- package/src/pages/{components → tables}/tables_linked.haml +11 -10
- package/src/pages/typography/link_with_icon.haml +10 -2
- package/src/pages/typography/linked_icon.haml +6 -0
- package/src/pages/typography/section_header.haml +1 -0
- package/src/pages/typography/section_header_actions.haml +1 -0
- package/src/pages/typography/text_with_icon.haml +3 -2
- package/utils/filters.js +161 -0
- package/CLAUDE_DESIGN_SYSTEM_REFERENCE.md +0 -1978
- package/src/pages/buttons/link-with-icon.haml +0 -13
- package/src/pages/components/tables-cellstyle.pug +0 -285
- package/src/pages/components/tables-grid.pug +0 -258
- package/src/pages/components/tables.haml +0 -57
- package/src/pages/components/tables_cells.pug +0 -57
- package/src/pages/components/tables_formrow.haml +0 -55
- package/src/pages/examples/layout-actionbar.haml +0 -268
- package/src/pages/examples/layout-sidebar-actionbar.haml +0 -308
- package/src/pages/forms/uploads.pug +0 -101
|
@@ -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
|