testio-tailwind 3.27.2 → 3.27.5
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 +20 -3454
- package/CLAUDE.md +41 -0
- package/Dockerfile +4 -8
- package/README.md +1 -5
- package/ai-reference/00-index.md +54 -0
- package/ai-reference/01-setup-colors-typography.md +164 -0
- package/ai-reference/02-layout-patterns.md +253 -0
- package/ai-reference/03-buttons.md +106 -0
- package/ai-reference/04-cards.md +104 -0
- package/ai-reference/05-forms.md +414 -0
- package/ai-reference/06-overlays.md +119 -0
- package/ai-reference/07-feedback.md +147 -0
- package/ai-reference/08-data-display.md +106 -0
- package/ai-reference/09-lists-splitview.md +233 -0
- package/ai-reference/10-chat-charts-status.md +311 -0
- package/ai-reference/11-agenticqa.md +538 -0
- package/ai-reference/12-dark-mode.md +111 -0
- package/ai-reference/13-best-practices.md +73 -0
- package/package.json +1 -1
- package/src/assets/images/assets_agenticqa/agenticqa_email_header.png +0 -0
- package/src/assets/images/logo_agenticqa/agenticqa_logo_purpleteal_black.png +0 -0
- package/src/assets/images/logo_agenticqa/agenticqa_logo_purpleteal_black.svg +76 -17
- package/src/assets/images/logo_agenticqa/agenticqa_logo_purpleteal_black_1000px.png +0 -0
- package/src/assets/images/logo_agenticqa/agenticqa_logo_purpleteal_black_3000px.png +0 -0
- package/src/assets/images/logo_agenticqa/agenticqa_logo_purpleteal_white.png +0 -0
- package/src/assets/images/logo_agenticqa/agenticqa_logo_purpleteal_white.svg +76 -17
- package/src/assets/images/logo_agenticqa/agenticqa_logo_purpleteal_white_1000px.png +0 -0
- package/src/assets/images/logo_agenticqa/agenticqa_logo_purpleteal_white_3000px.png +0 -0
- package/src/assets/scripts/modules/colors.js +28 -2
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
# Best Practices for AI Agents
|
|
2
|
+
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
## When Building Pages
|
|
6
|
+
|
|
7
|
+
1. **Start with Layout Structure**
|
|
8
|
+
- Use semantic HTML5 elements
|
|
9
|
+
- Apply layout classes: `header`, `sidebar`, `main`, `section`
|
|
10
|
+
- Use grid or flex utilities for responsive layouts
|
|
11
|
+
- Use `.page-header` for dashboard pages
|
|
12
|
+
- Choose between standard full-width or centered layout (see [02-layout-patterns.md](02-layout-patterns.md))
|
|
13
|
+
|
|
14
|
+
2. **Component Selection**
|
|
15
|
+
- Choose the appropriate component variant for the use case
|
|
16
|
+
- Use semantic button/alert types (primary, success, danger, etc.)
|
|
17
|
+
- Apply consistent spacing using the spacing scale
|
|
18
|
+
|
|
19
|
+
3. **Responsive Design**
|
|
20
|
+
- Use responsive grid classes: `grid-cols-1 md:grid-cols-2 lg:grid-cols-3`
|
|
21
|
+
- Apply responsive utilities: `hidden md:block`, `flex-col md:flex-row`
|
|
22
|
+
- Mobile-first approach
|
|
23
|
+
|
|
24
|
+
4. **Accessibility**
|
|
25
|
+
- Include proper ARIA labels
|
|
26
|
+
- Use semantic HTML elements
|
|
27
|
+
- Ensure proper heading hierarchy
|
|
28
|
+
- Include alt text for images
|
|
29
|
+
- Use `<label>` elements with `for` attributes
|
|
30
|
+
|
|
31
|
+
5. **Layout Pattern Selection**
|
|
32
|
+
- **Full-Width:** Dashboards and data displays
|
|
33
|
+
- **Centered:** Documentation and forms (see [02-layout-patterns.md](02-layout-patterns.md))
|
|
34
|
+
|
|
35
|
+
6. **Dark Mode** (see [12-dark-mode.md](12-dark-mode.md))
|
|
36
|
+
- Always test components with `.dark` class applied
|
|
37
|
+
- Border radius is larger in dark mode (12px vs 5px)
|
|
38
|
+
- Grid gutters are larger in dark mode (40px vs 20px)
|
|
39
|
+
- Use `dark:` prefix for conditional dark mode styles
|
|
40
|
+
|
|
41
|
+
7. **Forms** (see [05-forms.md](05-forms.md))
|
|
42
|
+
- Use `.form-grid` for form layouts
|
|
43
|
+
- Apply `.form-group` wrapper around each field
|
|
44
|
+
- Use `.form-hint` for helper text
|
|
45
|
+
- Use `.field_with_errors` for validation states
|
|
46
|
+
|
|
47
|
+
8. **Tables** (see [08-data-display.md](08-data-display.md))
|
|
48
|
+
- `.table` for standard data tables
|
|
49
|
+
- `.table-standard` for key-value style tables
|
|
50
|
+
- `.table-cellstyle` for status tracking tables
|
|
51
|
+
- `.action-cell` for right-aligned action buttons
|
|
52
|
+
|
|
53
|
+
9. **Page Header**
|
|
54
|
+
- Use `.page-header` for dashboard/session pages
|
|
55
|
+
- Main card should have `.page-maincard` and `p-card-padding`
|
|
56
|
+
- Add `.with-chart` modifier when including charts
|
|
57
|
+
- Actions go in `.page-actions`
|
|
58
|
+
|
|
59
|
+
---
|
|
60
|
+
|
|
61
|
+
## Version & Support
|
|
62
|
+
|
|
63
|
+
**Current Version:** 3.23.0
|
|
64
|
+
**Tailwind Version:** 4.1.11
|
|
65
|
+
**Node Version:** v23.11.0
|
|
66
|
+
**Template Language:** HAML (primary) and Pug formats supported
|
|
67
|
+
|
|
68
|
+
```bash
|
|
69
|
+
npm install testio-tailwind@latest
|
|
70
|
+
```
|
|
71
|
+
|
|
72
|
+
Documentation is included in the package under `/dist/`.
|
|
73
|
+
Source: GitHub repository (test-IO/testio-tailwind)
|
package/package.json
CHANGED
|
Binary file
|
|
Binary file
|
|
@@ -7,23 +7,82 @@
|
|
|
7
7
|
</clipPath>
|
|
8
8
|
<g clip-path="url(#_clip1)">
|
|
9
9
|
<rect id="BG" x="0" y="-0" width="175" height="40" style="fill:none;"/>
|
|
10
|
-
<
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
10
|
+
<g id="text">
|
|
11
|
+
<g transform="matrix(0.563757,0,0,0.563757,-308.78185,-54.449484)">
|
|
12
|
+
<g>
|
|
13
|
+
<g transform="matrix(17.5,0,0,17.5,635.213826,154.537612)">
|
|
14
|
+
<path d="M0.486,-0L0.666,-0L0.423,-0.715L0.239,-0.715L-0.004,-0L0.176,-0L0.219,-0.15L0.442,-0.15L0.486,-0ZM0.332,-0.552C0.332,-0.552 0.348,-0.474 0.361,-0.429L0.401,-0.29L0.26,-0.29L0.301,-0.429C0.314,-0.474 0.33,-0.552 0.33,-0.552L0.332,-0.552Z" style="fill:rgb(34,34,34);fill-rule:nonzero;"/>
|
|
15
|
+
</g>
|
|
16
|
+
<g transform="matrix(17.5,0,0,17.5,650.473826,154.537612)">
|
|
17
|
+
<path d="M0.084,-0L0.259,-0L0.259,-0.333C0.259,-0.378 0.251,-0.455 0.251,-0.455L0.253,-0.455C0.253,-0.455 0.285,-0.38 0.313,-0.333L0.512,-0L0.688,-0L0.688,-0.715L0.513,-0.715L0.513,-0.381C0.513,-0.336 0.521,-0.259 0.521,-0.259L0.519,-0.259C0.519,-0.259 0.487,-0.334 0.459,-0.381L0.261,-0.715L0.084,-0.715L0.084,-0Z" style="fill:rgb(34,34,34);fill-rule:nonzero;"/>
|
|
18
|
+
</g>
|
|
19
|
+
<g transform="matrix(17.5,0,0,17.5,675.341326,154.537612)">
|
|
20
|
+
<path d="M0.084,-0L0.546,-0L0.546,-0.15L0.259,-0.15L0.259,-0.285L0.477,-0.285L0.477,-0.435L0.259,-0.435L0.259,-0.565L0.532,-0.565L0.532,-0.715L0.084,-0.715L0.084,-0Z" style="fill:rgb(34,34,34);fill-rule:nonzero;"/>
|
|
21
|
+
</g>
|
|
22
|
+
<g transform="matrix(17.5,0,0,17.5,689.306326,154.537612)">
|
|
23
|
+
<path d="M0.084,-0L0.259,-0L0.259,-0.221L0.381,-0.221C0.52,-0.221 0.614,-0.325 0.614,-0.469C0.614,-0.613 0.52,-0.715 0.381,-0.715L0.084,-0.715L0.084,-0ZM0.259,-0.371L0.259,-0.565L0.348,-0.565C0.406,-0.565 0.436,-0.526 0.436,-0.469C0.436,-0.412 0.406,-0.371 0.345,-0.371L0.259,-0.371Z" style="fill:rgb(34,34,34);fill-rule:nonzero;"/>
|
|
24
|
+
</g>
|
|
25
|
+
<g transform="matrix(17.5,0,0,17.5,703.796326,154.537612)">
|
|
26
|
+
<path d="M0.486,-0L0.666,-0L0.423,-0.715L0.239,-0.715L-0.004,-0L0.176,-0L0.219,-0.15L0.442,-0.15L0.486,-0ZM0.332,-0.552C0.332,-0.552 0.348,-0.474 0.361,-0.429L0.401,-0.29L0.26,-0.29L0.301,-0.429C0.314,-0.474 0.33,-0.552 0.33,-0.552L0.332,-0.552Z" style="fill:rgb(34,34,34);fill-rule:nonzero;"/>
|
|
27
|
+
</g>
|
|
28
|
+
<g transform="matrix(17.5,0,0,17.5,719.056326,154.537612)">
|
|
29
|
+
<path d="M0.062,-0L0.238,-0L0.26,-0.322C0.264,-0.376 0.26,-0.442 0.26,-0.442L0.262,-0.442C0.262,-0.442 0.286,-0.367 0.302,-0.322L0.377,-0.115L0.527,-0.115L0.602,-0.322C0.618,-0.367 0.642,-0.442 0.642,-0.442L0.644,-0.442C0.644,-0.442 0.64,-0.376 0.644,-0.322L0.666,-0L0.841,-0L0.783,-0.715L0.593,-0.715L0.489,-0.413C0.473,-0.367 0.453,-0.295 0.453,-0.295L0.451,-0.295C0.451,-0.295 0.431,-0.367 0.415,-0.413L0.311,-0.715L0.121,-0.715L0.062,-0Z" style="fill:rgb(34,34,34);fill-rule:nonzero;"/>
|
|
30
|
+
</g>
|
|
31
|
+
<g transform="matrix(17.5,0,0,17.5,746.216326,154.537612)">
|
|
32
|
+
<path d="M0.084,-0L0.259,-0L0.259,-0.221L0.381,-0.221C0.52,-0.221 0.614,-0.325 0.614,-0.469C0.614,-0.613 0.52,-0.715 0.381,-0.715L0.084,-0.715L0.084,-0ZM0.259,-0.371L0.259,-0.565L0.348,-0.565C0.406,-0.565 0.436,-0.526 0.436,-0.469C0.436,-0.412 0.406,-0.371 0.345,-0.371L0.259,-0.371Z" style="fill:rgb(34,34,34);fill-rule:nonzero;"/>
|
|
33
|
+
</g>
|
|
34
|
+
<g transform="matrix(17.5,0,0,17.5,760.986326,154.537612)">
|
|
35
|
+
<path d="M0.084,-0L0.259,-0L0.259,-0.241L0.341,-0.241L0.468,-0L0.663,-0L0.524,-0.25C0.507,-0.28 0.497,-0.293 0.497,-0.293L0.497,-0.295C0.568,-0.331 0.604,-0.414 0.604,-0.49C0.604,-0.594 0.553,-0.667 0.472,-0.698C0.441,-0.71 0.406,-0.715 0.333,-0.715L0.084,-0.715L0.084,-0ZM0.259,-0.391L0.259,-0.565L0.318,-0.565C0.406,-0.565 0.426,-0.533 0.426,-0.479C0.426,-0.422 0.391,-0.391 0.335,-0.391L0.259,-0.391Z" style="fill:rgb(34,34,34);fill-rule:nonzero;"/>
|
|
36
|
+
</g>
|
|
37
|
+
<g transform="matrix(17.5,0,0,17.5,776.561326,154.537612)">
|
|
38
|
+
<path d="M0.035,-0.362C0.035,-0.152 0.193,0.012 0.409,0.012C0.625,0.012 0.783,-0.152 0.783,-0.362C0.783,-0.567 0.625,-0.727 0.409,-0.727C0.193,-0.727 0.035,-0.567 0.035,-0.362ZM0.216,-0.362C0.216,-0.479 0.302,-0.567 0.409,-0.567C0.516,-0.567 0.602,-0.479 0.602,-0.362C0.602,-0.24 0.516,-0.148 0.409,-0.148C0.302,-0.148 0.216,-0.24 0.216,-0.362Z" style="fill:rgb(34,34,34);fill-rule:nonzero;"/>
|
|
39
|
+
</g>
|
|
40
|
+
<g transform="matrix(17.5,0,0,17.5,794.551326,154.537612)">
|
|
41
|
+
<path d="M0.084,-0L0.338,-0C0.563,-0 0.707,-0.134 0.707,-0.359C0.707,-0.584 0.563,-0.715 0.338,-0.715L0.084,-0.715L0.084,-0ZM0.259,-0.15L0.259,-0.565L0.331,-0.565C0.449,-0.565 0.526,-0.495 0.526,-0.359C0.526,-0.222 0.452,-0.15 0.331,-0.15L0.259,-0.15Z" style="fill:rgb(34,34,34);fill-rule:nonzero;"/>
|
|
42
|
+
</g>
|
|
43
|
+
<g transform="matrix(17.5,0,0,17.5,811.281326,154.537612)">
|
|
44
|
+
<path d="M0.074,-0.263C0.074,-0.102 0.192,0.012 0.374,0.012C0.554,0.012 0.672,-0.102 0.672,-0.263L0.672,-0.715L0.497,-0.715L0.497,-0.263C0.497,-0.188 0.448,-0.148 0.373,-0.148C0.298,-0.148 0.249,-0.188 0.249,-0.263L0.249,-0.715L0.074,-0.715L0.074,-0.263Z" style="fill:rgb(34,34,34);fill-rule:nonzero;"/>
|
|
45
|
+
</g>
|
|
46
|
+
<g transform="matrix(17.5,0,0,17.5,828.011326,154.537612)">
|
|
47
|
+
<path d="M0.035,-0.359C0.035,-0.147 0.186,0.012 0.41,0.012C0.597,0.012 0.698,-0.108 0.698,-0.108L0.608,-0.236C0.608,-0.236 0.526,-0.148 0.418,-0.148C0.286,-0.148 0.216,-0.257 0.216,-0.363C0.216,-0.466 0.281,-0.567 0.418,-0.567C0.517,-0.567 0.597,-0.494 0.597,-0.494L0.678,-0.626C0.678,-0.626 0.587,-0.727 0.41,-0.727C0.195,-0.727 0.035,-0.567 0.035,-0.359Z" style="fill:rgb(34,34,34);fill-rule:nonzero;"/>
|
|
48
|
+
</g>
|
|
49
|
+
<g transform="matrix(17.5,0,0,17.5,844.286326,154.537612)">
|
|
50
|
+
<path d="M0.221,-0L0.396,-0L0.396,-0.565L0.613,-0.565L0.613,-0.715L0.004,-0.715L0.004,-0.565L0.221,-0.565L0.221,-0Z" style="fill:rgb(34,34,34);fill-rule:nonzero;"/>
|
|
51
|
+
</g>
|
|
52
|
+
</g>
|
|
53
|
+
</g>
|
|
54
|
+
<g transform="matrix(0.346385,0,0,0.346385,-170.098768,-33.530398)">
|
|
55
|
+
<g>
|
|
56
|
+
<g transform="matrix(51.140196,0,0,51.140196,635.213826,154.537612)">
|
|
57
|
+
<path d="M0.503,-0L0.636,-0L0.386,-0.71L0.251,-0.71L0.001,-0L0.134,-0L0.194,-0.182L0.443,-0.182L0.503,-0ZM0.32,-0.587C0.32,-0.587 0.335,-0.517 0.348,-0.477L0.411,-0.287L0.225,-0.287L0.288,-0.477C0.302,-0.517 0.318,-0.587 0.318,-0.587L0.32,-0.587Z" style="fill:rgb(34,34,34);fill-rule:nonzero;"/>
|
|
58
|
+
</g>
|
|
59
|
+
<g transform="matrix(51.140196,0,0,51.140196,672.69959,154.537612)">
|
|
60
|
+
<path d="M0.042,-0.356C0.042,-0.133 0.203,0.012 0.39,0.012C0.522,0.012 0.596,-0.064 0.596,-0.064L0.598,-0.064C0.598,-0.064 0.597,-0.049 0.597,-0.034L0.597,-0L0.707,-0L0.707,-0.374L0.482,-0.374L0.482,-0.263L0.591,-0.263L0.591,-0.18C0.591,-0.18 0.52,-0.106 0.413,-0.106C0.28,-0.106 0.175,-0.206 0.175,-0.36C0.175,-0.494 0.26,-0.604 0.419,-0.604C0.532,-0.604 0.608,-0.536 0.608,-0.536L0.672,-0.632C0.672,-0.632 0.582,-0.722 0.408,-0.722C0.197,-0.722 0.042,-0.562 0.042,-0.356Z" style="fill:rgb(34,34,34);fill-rule:nonzero;"/>
|
|
61
|
+
</g>
|
|
62
|
+
<g transform="matrix(51.140196,0,0,51.140196,716.680159,154.537612)">
|
|
63
|
+
<path d="M0.09,-0L0.531,-0L0.531,-0.111L0.219,-0.111L0.219,-0.302L0.458,-0.302L0.458,-0.413L0.219,-0.413L0.219,-0.599L0.515,-0.599L0.515,-0.71L0.09,-0.71L0.09,-0Z" style="fill:rgb(34,34,34);fill-rule:nonzero;"/>
|
|
64
|
+
</g>
|
|
65
|
+
<g transform="matrix(51.140196,0,0,51.140196,751.199792,154.537612)">
|
|
66
|
+
<path d="M0.09,-0L0.219,-0L0.219,-0.409C0.219,-0.451 0.212,-0.519 0.212,-0.519L0.214,-0.519C0.214,-0.519 0.246,-0.45 0.273,-0.409L0.542,-0L0.67,-0L0.67,-0.71L0.542,-0.71L0.542,-0.3C0.542,-0.258 0.549,-0.19 0.549,-0.19L0.547,-0.19C0.547,-0.19 0.515,-0.259 0.488,-0.3L0.219,-0.71L0.09,-0.71L0.09,-0Z" style="fill:rgb(34,34,34);fill-rule:nonzero;"/>
|
|
67
|
+
</g>
|
|
68
|
+
<g transform="matrix(51.140196,0,0,51.140196,795.180361,154.537612)">
|
|
69
|
+
<path d="M0.237,-0L0.366,-0L0.366,-0.599L0.599,-0.599L0.599,-0.71L0.004,-0.71L0.004,-0.599L0.237,-0.599L0.237,-0Z" style="fill:rgb(34,34,34);fill-rule:nonzero;"/>
|
|
70
|
+
</g>
|
|
71
|
+
<g transform="matrix(51.140196,0,0,51.140196,831.131919,154.537612)">
|
|
72
|
+
<rect x="0.09" y="-0.71" width="0.129" height="0.71" style="fill:rgb(34,34,34);fill-rule:nonzero;"/>
|
|
73
|
+
</g>
|
|
74
|
+
<g transform="matrix(51.140196,0,0,51.140196,852.048259,154.537612)">
|
|
75
|
+
<path d="M0.041,-0.358C0.041,-0.149 0.191,0.012 0.408,0.012C0.589,0.012 0.687,-0.103 0.687,-0.103L0.619,-0.196C0.619,-0.196 0.536,-0.106 0.413,-0.106C0.265,-0.106 0.174,-0.225 0.174,-0.36C0.174,-0.492 0.262,-0.604 0.412,-0.604C0.525,-0.604 0.606,-0.529 0.606,-0.529L0.668,-0.625C0.668,-0.625 0.579,-0.722 0.406,-0.722C0.197,-0.722 0.041,-0.564 0.041,-0.358Z" style="fill:rgb(34,34,34);fill-rule:nonzero;"/>
|
|
76
|
+
</g>
|
|
77
|
+
<g transform="matrix(51.140196,0,0,51.140196,911.319747,154.537612)">
|
|
78
|
+
<path d="M0.041,-0.359C0.041,-0.152 0.199,0.012 0.407,0.012C0.49,0.012 0.565,-0.013 0.624,-0.058L0.703,0.02L0.777,-0.062L0.697,-0.134C0.744,-0.196 0.775,-0.273 0.775,-0.359C0.775,-0.563 0.617,-0.722 0.407,-0.722C0.199,-0.722 0.041,-0.563 0.041,-0.359ZM0.174,-0.359C0.174,-0.5 0.277,-0.604 0.407,-0.604C0.539,-0.604 0.642,-0.5 0.642,-0.359C0.642,-0.309 0.627,-0.261 0.603,-0.222L0.526,-0.299L0.452,-0.218L0.531,-0.143C0.497,-0.12 0.45,-0.106 0.407,-0.106C0.277,-0.106 0.174,-0.214 0.174,-0.359Z" style="fill:rgb(34,34,34);fill-rule:nonzero;"/>
|
|
79
|
+
</g>
|
|
80
|
+
<g transform="matrix(51.140196,0,0,51.140196,958.675569,154.537612)">
|
|
81
|
+
<path d="M0.503,-0L0.636,-0L0.386,-0.71L0.251,-0.71L0.001,-0L0.134,-0L0.194,-0.182L0.443,-0.182L0.503,-0ZM0.32,-0.587C0.32,-0.587 0.335,-0.517 0.348,-0.477L0.411,-0.287L0.225,-0.287L0.288,-0.477C0.302,-0.517 0.318,-0.587 0.318,-0.587L0.32,-0.587Z" style="fill:rgb(34,34,34);fill-rule:nonzero;"/>
|
|
82
|
+
</g>
|
|
83
|
+
</g>
|
|
84
|
+
</g>
|
|
85
|
+
</g>
|
|
27
86
|
<g>
|
|
28
87
|
<path d="M20,0C9.096,-0.067 0.068,8.85 -0,19.754L-0,20.246C0.005,22.486 0.396,24.708 1.156,26.814L12.517,26.814L12.517,26.814L19.797,26.813C19.857,26.814 19.918,26.815 19.978,26.815C23.716,26.815 26.791,23.74 26.791,20.003C26.791,20.002 26.791,20.002 26.791,20.001C26.79,19.188 26.643,18.381 26.357,17.62L28.681,14.874C29.601,16.429 30.086,18.203 30.086,20.01C30.086,25.436 25.709,29.94 20.285,30.094L19.638,30.09L2.686,30.105C6.279,36.227 12.867,40 19.966,40C30.851,40 39.846,31.13 40,20.246L40,19.754C39.932,8.85 30.904,-0.067 20,0ZM21.55,13.373C21.034,13.249 20.504,13.185 19.973,13.183C19.972,13.183 19.972,13.183 19.972,13.183C16.232,13.183 13.155,16.26 13.155,19.999C13.155,21.516 13.661,22.989 14.593,24.186C14.6,24.195 14.605,24.207 14.605,24.219C14.605,24.247 14.581,24.27 14.553,24.27C14.553,24.27 14.553,24.27 14.553,24.27L10.818,24.27C10.192,22.93 9.867,21.469 9.867,19.99C9.867,14.448 14.426,9.888 19.968,9.888C21.298,9.888 22.616,10.151 23.844,10.662L21.55,13.373ZM26.737,14.882C26.427,15.192 26.005,15.366 25.567,15.366C24.659,15.366 23.912,14.619 23.912,13.711C23.912,12.803 24.659,12.056 25.567,12.056C26.005,12.056 26.427,12.231 26.737,12.541C27.047,12.851 27.222,13.272 27.222,13.711C27.222,14.15 27.047,14.571 26.737,14.882L26.737,14.882Z" style="fill:rgb(121,84,255);fill-rule:nonzero;"/>
|
|
29
88
|
</g>
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -7,23 +7,82 @@
|
|
|
7
7
|
</clipPath>
|
|
8
8
|
<g clip-path="url(#_clip1)">
|
|
9
9
|
<g id="Logo-testinator" serif:id="Logo testinator">
|
|
10
|
-
<
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
10
|
+
<g id="text">
|
|
11
|
+
<g transform="matrix(0.563757,0,0,0.563757,-308.78185,-54.449484)">
|
|
12
|
+
<g>
|
|
13
|
+
<g transform="matrix(17.5,0,0,17.5,635.213826,154.537612)">
|
|
14
|
+
<path d="M0.486,-0L0.666,-0L0.423,-0.715L0.239,-0.715L-0.004,-0L0.176,-0L0.219,-0.15L0.442,-0.15L0.486,-0ZM0.332,-0.552C0.332,-0.552 0.348,-0.474 0.361,-0.429L0.401,-0.29L0.26,-0.29L0.301,-0.429C0.314,-0.474 0.33,-0.552 0.33,-0.552L0.332,-0.552Z" style="fill:white;fill-rule:nonzero;"/>
|
|
15
|
+
</g>
|
|
16
|
+
<g transform="matrix(17.5,0,0,17.5,650.473826,154.537612)">
|
|
17
|
+
<path d="M0.084,-0L0.259,-0L0.259,-0.333C0.259,-0.378 0.251,-0.455 0.251,-0.455L0.253,-0.455C0.253,-0.455 0.285,-0.38 0.313,-0.333L0.512,-0L0.688,-0L0.688,-0.715L0.513,-0.715L0.513,-0.381C0.513,-0.336 0.521,-0.259 0.521,-0.259L0.519,-0.259C0.519,-0.259 0.487,-0.334 0.459,-0.381L0.261,-0.715L0.084,-0.715L0.084,-0Z" style="fill:white;fill-rule:nonzero;"/>
|
|
18
|
+
</g>
|
|
19
|
+
<g transform="matrix(17.5,0,0,17.5,675.341326,154.537612)">
|
|
20
|
+
<path d="M0.084,-0L0.546,-0L0.546,-0.15L0.259,-0.15L0.259,-0.285L0.477,-0.285L0.477,-0.435L0.259,-0.435L0.259,-0.565L0.532,-0.565L0.532,-0.715L0.084,-0.715L0.084,-0Z" style="fill:white;fill-rule:nonzero;"/>
|
|
21
|
+
</g>
|
|
22
|
+
<g transform="matrix(17.5,0,0,17.5,689.306326,154.537612)">
|
|
23
|
+
<path d="M0.084,-0L0.259,-0L0.259,-0.221L0.381,-0.221C0.52,-0.221 0.614,-0.325 0.614,-0.469C0.614,-0.613 0.52,-0.715 0.381,-0.715L0.084,-0.715L0.084,-0ZM0.259,-0.371L0.259,-0.565L0.348,-0.565C0.406,-0.565 0.436,-0.526 0.436,-0.469C0.436,-0.412 0.406,-0.371 0.345,-0.371L0.259,-0.371Z" style="fill:white;fill-rule:nonzero;"/>
|
|
24
|
+
</g>
|
|
25
|
+
<g transform="matrix(17.5,0,0,17.5,703.796326,154.537612)">
|
|
26
|
+
<path d="M0.486,-0L0.666,-0L0.423,-0.715L0.239,-0.715L-0.004,-0L0.176,-0L0.219,-0.15L0.442,-0.15L0.486,-0ZM0.332,-0.552C0.332,-0.552 0.348,-0.474 0.361,-0.429L0.401,-0.29L0.26,-0.29L0.301,-0.429C0.314,-0.474 0.33,-0.552 0.33,-0.552L0.332,-0.552Z" style="fill:white;fill-rule:nonzero;"/>
|
|
27
|
+
</g>
|
|
28
|
+
<g transform="matrix(17.5,0,0,17.5,719.056326,154.537612)">
|
|
29
|
+
<path d="M0.062,-0L0.238,-0L0.26,-0.322C0.264,-0.376 0.26,-0.442 0.26,-0.442L0.262,-0.442C0.262,-0.442 0.286,-0.367 0.302,-0.322L0.377,-0.115L0.527,-0.115L0.602,-0.322C0.618,-0.367 0.642,-0.442 0.642,-0.442L0.644,-0.442C0.644,-0.442 0.64,-0.376 0.644,-0.322L0.666,-0L0.841,-0L0.783,-0.715L0.593,-0.715L0.489,-0.413C0.473,-0.367 0.453,-0.295 0.453,-0.295L0.451,-0.295C0.451,-0.295 0.431,-0.367 0.415,-0.413L0.311,-0.715L0.121,-0.715L0.062,-0Z" style="fill:white;fill-rule:nonzero;"/>
|
|
30
|
+
</g>
|
|
31
|
+
<g transform="matrix(17.5,0,0,17.5,746.216326,154.537612)">
|
|
32
|
+
<path d="M0.084,-0L0.259,-0L0.259,-0.221L0.381,-0.221C0.52,-0.221 0.614,-0.325 0.614,-0.469C0.614,-0.613 0.52,-0.715 0.381,-0.715L0.084,-0.715L0.084,-0ZM0.259,-0.371L0.259,-0.565L0.348,-0.565C0.406,-0.565 0.436,-0.526 0.436,-0.469C0.436,-0.412 0.406,-0.371 0.345,-0.371L0.259,-0.371Z" style="fill:white;fill-rule:nonzero;"/>
|
|
33
|
+
</g>
|
|
34
|
+
<g transform="matrix(17.5,0,0,17.5,760.986326,154.537612)">
|
|
35
|
+
<path d="M0.084,-0L0.259,-0L0.259,-0.241L0.341,-0.241L0.468,-0L0.663,-0L0.524,-0.25C0.507,-0.28 0.497,-0.293 0.497,-0.293L0.497,-0.295C0.568,-0.331 0.604,-0.414 0.604,-0.49C0.604,-0.594 0.553,-0.667 0.472,-0.698C0.441,-0.71 0.406,-0.715 0.333,-0.715L0.084,-0.715L0.084,-0ZM0.259,-0.391L0.259,-0.565L0.318,-0.565C0.406,-0.565 0.426,-0.533 0.426,-0.479C0.426,-0.422 0.391,-0.391 0.335,-0.391L0.259,-0.391Z" style="fill:white;fill-rule:nonzero;"/>
|
|
36
|
+
</g>
|
|
37
|
+
<g transform="matrix(17.5,0,0,17.5,776.561326,154.537612)">
|
|
38
|
+
<path d="M0.035,-0.362C0.035,-0.152 0.193,0.012 0.409,0.012C0.625,0.012 0.783,-0.152 0.783,-0.362C0.783,-0.567 0.625,-0.727 0.409,-0.727C0.193,-0.727 0.035,-0.567 0.035,-0.362ZM0.216,-0.362C0.216,-0.479 0.302,-0.567 0.409,-0.567C0.516,-0.567 0.602,-0.479 0.602,-0.362C0.602,-0.24 0.516,-0.148 0.409,-0.148C0.302,-0.148 0.216,-0.24 0.216,-0.362Z" style="fill:white;fill-rule:nonzero;"/>
|
|
39
|
+
</g>
|
|
40
|
+
<g transform="matrix(17.5,0,0,17.5,794.551326,154.537612)">
|
|
41
|
+
<path d="M0.084,-0L0.338,-0C0.563,-0 0.707,-0.134 0.707,-0.359C0.707,-0.584 0.563,-0.715 0.338,-0.715L0.084,-0.715L0.084,-0ZM0.259,-0.15L0.259,-0.565L0.331,-0.565C0.449,-0.565 0.526,-0.495 0.526,-0.359C0.526,-0.222 0.452,-0.15 0.331,-0.15L0.259,-0.15Z" style="fill:white;fill-rule:nonzero;"/>
|
|
42
|
+
</g>
|
|
43
|
+
<g transform="matrix(17.5,0,0,17.5,811.281326,154.537612)">
|
|
44
|
+
<path d="M0.074,-0.263C0.074,-0.102 0.192,0.012 0.374,0.012C0.554,0.012 0.672,-0.102 0.672,-0.263L0.672,-0.715L0.497,-0.715L0.497,-0.263C0.497,-0.188 0.448,-0.148 0.373,-0.148C0.298,-0.148 0.249,-0.188 0.249,-0.263L0.249,-0.715L0.074,-0.715L0.074,-0.263Z" style="fill:white;fill-rule:nonzero;"/>
|
|
45
|
+
</g>
|
|
46
|
+
<g transform="matrix(17.5,0,0,17.5,828.011326,154.537612)">
|
|
47
|
+
<path d="M0.035,-0.359C0.035,-0.147 0.186,0.012 0.41,0.012C0.597,0.012 0.698,-0.108 0.698,-0.108L0.608,-0.236C0.608,-0.236 0.526,-0.148 0.418,-0.148C0.286,-0.148 0.216,-0.257 0.216,-0.363C0.216,-0.466 0.281,-0.567 0.418,-0.567C0.517,-0.567 0.597,-0.494 0.597,-0.494L0.678,-0.626C0.678,-0.626 0.587,-0.727 0.41,-0.727C0.195,-0.727 0.035,-0.567 0.035,-0.359Z" style="fill:white;fill-rule:nonzero;"/>
|
|
48
|
+
</g>
|
|
49
|
+
<g transform="matrix(17.5,0,0,17.5,844.286326,154.537612)">
|
|
50
|
+
<path d="M0.221,-0L0.396,-0L0.396,-0.565L0.613,-0.565L0.613,-0.715L0.004,-0.715L0.004,-0.565L0.221,-0.565L0.221,-0Z" style="fill:white;fill-rule:nonzero;"/>
|
|
51
|
+
</g>
|
|
52
|
+
</g>
|
|
53
|
+
</g>
|
|
54
|
+
<g transform="matrix(0.346385,0,0,0.346385,-170.098768,-33.530398)">
|
|
55
|
+
<g>
|
|
56
|
+
<g transform="matrix(51.140196,0,0,51.140196,635.213826,154.537612)">
|
|
57
|
+
<path d="M0.503,-0L0.636,-0L0.386,-0.71L0.251,-0.71L0.001,-0L0.134,-0L0.194,-0.182L0.443,-0.182L0.503,-0ZM0.32,-0.587C0.32,-0.587 0.335,-0.517 0.348,-0.477L0.411,-0.287L0.225,-0.287L0.288,-0.477C0.302,-0.517 0.318,-0.587 0.318,-0.587L0.32,-0.587Z" style="fill:white;fill-rule:nonzero;"/>
|
|
58
|
+
</g>
|
|
59
|
+
<g transform="matrix(51.140196,0,0,51.140196,672.69959,154.537612)">
|
|
60
|
+
<path d="M0.042,-0.356C0.042,-0.133 0.203,0.012 0.39,0.012C0.522,0.012 0.596,-0.064 0.596,-0.064L0.598,-0.064C0.598,-0.064 0.597,-0.049 0.597,-0.034L0.597,-0L0.707,-0L0.707,-0.374L0.482,-0.374L0.482,-0.263L0.591,-0.263L0.591,-0.18C0.591,-0.18 0.52,-0.106 0.413,-0.106C0.28,-0.106 0.175,-0.206 0.175,-0.36C0.175,-0.494 0.26,-0.604 0.419,-0.604C0.532,-0.604 0.608,-0.536 0.608,-0.536L0.672,-0.632C0.672,-0.632 0.582,-0.722 0.408,-0.722C0.197,-0.722 0.042,-0.562 0.042,-0.356Z" style="fill:white;fill-rule:nonzero;"/>
|
|
61
|
+
</g>
|
|
62
|
+
<g transform="matrix(51.140196,0,0,51.140196,716.680159,154.537612)">
|
|
63
|
+
<path d="M0.09,-0L0.531,-0L0.531,-0.111L0.219,-0.111L0.219,-0.302L0.458,-0.302L0.458,-0.413L0.219,-0.413L0.219,-0.599L0.515,-0.599L0.515,-0.71L0.09,-0.71L0.09,-0Z" style="fill:white;fill-rule:nonzero;"/>
|
|
64
|
+
</g>
|
|
65
|
+
<g transform="matrix(51.140196,0,0,51.140196,751.199792,154.537612)">
|
|
66
|
+
<path d="M0.09,-0L0.219,-0L0.219,-0.409C0.219,-0.451 0.212,-0.519 0.212,-0.519L0.214,-0.519C0.214,-0.519 0.246,-0.45 0.273,-0.409L0.542,-0L0.67,-0L0.67,-0.71L0.542,-0.71L0.542,-0.3C0.542,-0.258 0.549,-0.19 0.549,-0.19L0.547,-0.19C0.547,-0.19 0.515,-0.259 0.488,-0.3L0.219,-0.71L0.09,-0.71L0.09,-0Z" style="fill:white;fill-rule:nonzero;"/>
|
|
67
|
+
</g>
|
|
68
|
+
<g transform="matrix(51.140196,0,0,51.140196,795.180361,154.537612)">
|
|
69
|
+
<path d="M0.237,-0L0.366,-0L0.366,-0.599L0.599,-0.599L0.599,-0.71L0.004,-0.71L0.004,-0.599L0.237,-0.599L0.237,-0Z" style="fill:white;fill-rule:nonzero;"/>
|
|
70
|
+
</g>
|
|
71
|
+
<g transform="matrix(51.140196,0,0,51.140196,831.131919,154.537612)">
|
|
72
|
+
<rect x="0.09" y="-0.71" width="0.129" height="0.71" style="fill:white;fill-rule:nonzero;"/>
|
|
73
|
+
</g>
|
|
74
|
+
<g transform="matrix(51.140196,0,0,51.140196,852.048259,154.537612)">
|
|
75
|
+
<path d="M0.041,-0.358C0.041,-0.149 0.191,0.012 0.408,0.012C0.589,0.012 0.687,-0.103 0.687,-0.103L0.619,-0.196C0.619,-0.196 0.536,-0.106 0.413,-0.106C0.265,-0.106 0.174,-0.225 0.174,-0.36C0.174,-0.492 0.262,-0.604 0.412,-0.604C0.525,-0.604 0.606,-0.529 0.606,-0.529L0.668,-0.625C0.668,-0.625 0.579,-0.722 0.406,-0.722C0.197,-0.722 0.041,-0.564 0.041,-0.358Z" style="fill:white;fill-rule:nonzero;"/>
|
|
76
|
+
</g>
|
|
77
|
+
<g transform="matrix(51.140196,0,0,51.140196,911.319747,154.537612)">
|
|
78
|
+
<path d="M0.041,-0.359C0.041,-0.152 0.199,0.012 0.407,0.012C0.49,0.012 0.565,-0.013 0.624,-0.058L0.703,0.02L0.777,-0.062L0.697,-0.134C0.744,-0.196 0.775,-0.273 0.775,-0.359C0.775,-0.563 0.617,-0.722 0.407,-0.722C0.199,-0.722 0.041,-0.563 0.041,-0.359ZM0.174,-0.359C0.174,-0.5 0.277,-0.604 0.407,-0.604C0.539,-0.604 0.642,-0.5 0.642,-0.359C0.642,-0.309 0.627,-0.261 0.603,-0.222L0.526,-0.299L0.452,-0.218L0.531,-0.143C0.497,-0.12 0.45,-0.106 0.407,-0.106C0.277,-0.106 0.174,-0.214 0.174,-0.359Z" style="fill:white;fill-rule:nonzero;"/>
|
|
79
|
+
</g>
|
|
80
|
+
<g transform="matrix(51.140196,0,0,51.140196,958.675569,154.537612)">
|
|
81
|
+
<path d="M0.503,-0L0.636,-0L0.386,-0.71L0.251,-0.71L0.001,-0L0.134,-0L0.194,-0.182L0.443,-0.182L0.503,-0ZM0.32,-0.587C0.32,-0.587 0.335,-0.517 0.348,-0.477L0.411,-0.287L0.225,-0.287L0.288,-0.477C0.302,-0.517 0.318,-0.587 0.318,-0.587L0.32,-0.587Z" style="fill:white;fill-rule:nonzero;"/>
|
|
82
|
+
</g>
|
|
83
|
+
</g>
|
|
84
|
+
</g>
|
|
85
|
+
</g>
|
|
27
86
|
<g>
|
|
28
87
|
<path d="M20,0C9.096,-0.067 0.068,8.85 -0,19.754L-0,20.246C0.005,22.486 0.396,24.708 1.156,26.814L12.517,26.814L12.517,26.814L19.797,26.813C19.857,26.814 19.918,26.815 19.978,26.815C23.716,26.815 26.791,23.74 26.791,20.003C26.791,20.002 26.791,20.002 26.791,20.001C26.79,19.188 26.643,18.381 26.357,17.62L28.681,14.874C29.601,16.429 30.086,18.203 30.086,20.01C30.086,25.436 25.709,29.94 20.285,30.094L19.638,30.09L2.686,30.105C6.279,36.227 12.867,40 19.966,40C30.851,40 39.846,31.13 40,20.246L40,19.754C39.932,8.85 30.904,-0.067 20,0ZM21.55,13.373C21.034,13.249 20.504,13.185 19.973,13.183C19.972,13.183 19.972,13.183 19.972,13.183C16.232,13.183 13.155,16.26 13.155,19.999C13.155,21.516 13.661,22.989 14.593,24.186C14.6,24.195 14.605,24.207 14.605,24.219C14.605,24.247 14.581,24.27 14.553,24.27C14.553,24.27 14.553,24.27 14.553,24.27L10.818,24.27C10.192,22.93 9.867,21.469 9.867,19.99C9.867,14.448 14.426,9.888 19.968,9.888C21.298,9.888 22.616,10.151 23.844,10.662L21.55,13.373ZM26.737,14.882C26.427,15.192 26.005,15.366 25.567,15.366C24.659,15.366 23.912,14.619 23.912,13.711C23.912,12.803 24.659,12.056 25.567,12.056C26.005,12.056 26.427,12.231 26.737,12.541C27.047,12.851 27.222,13.272 27.222,13.711C27.222,14.15 27.047,14.571 26.737,14.882L26.737,14.882Z" style="fill:rgb(121,84,255);fill-rule:nonzero;"/>
|
|
29
88
|
</g>
|
|
Binary file
|
|
Binary file
|
|
@@ -1,3 +1,31 @@
|
|
|
1
|
+
export const colorBlueLight = '#21bef4';
|
|
2
|
+
export const colorBlueDark = '#326dd1';
|
|
3
|
+
export const colorTeal = '#33BA9E';
|
|
4
|
+
export const colorTealLight = '#6DDEBA';
|
|
5
|
+
export const colorTealLighter = '#78EAC1';
|
|
6
|
+
export const colorPurple = '#7954ff';
|
|
7
|
+
export const colorPurpleLight = '#8988eb';
|
|
8
|
+
export const colorPink = '#e83e8c';
|
|
9
|
+
export const colorRed = '#e83e8c';
|
|
10
|
+
export const colorRedLight = '#FF3131';
|
|
11
|
+
export const colorPetrol = '#236a84';
|
|
12
|
+
export const colorPetrolDark = '#263340';
|
|
13
|
+
export const colorGreen = '#8cbd24';
|
|
14
|
+
export const colorOrange = '#f48d21';
|
|
15
|
+
export const colorYellow = '#d8ce0d';
|
|
16
|
+
export const colorWhite = '#fff';
|
|
17
|
+
export const colorGray100 = '#f8f9fa';
|
|
18
|
+
export const colorGray200 = '#e9ecef';
|
|
19
|
+
export const colorGray300 = '#dee2e6';
|
|
20
|
+
export const colorGray400 = '#ced4da';
|
|
21
|
+
export const colorGray500 = '#adb5bd';
|
|
22
|
+
export const colorGray600 = '#6c757d';
|
|
23
|
+
export const colorGray700 = '#495057';
|
|
24
|
+
export const colorGray800 = '#343a40';
|
|
25
|
+
export const colorGray900 = '#222222';
|
|
26
|
+
export const colorBlack = '#1D1D1D';
|
|
27
|
+
|
|
28
|
+
// Functional colors
|
|
1
29
|
export const colorCritical = '#FF3131';
|
|
2
30
|
export const colorHigh = '#d8ce0d';
|
|
3
31
|
export const colorLow = '#9fa2a8';
|
|
@@ -8,11 +36,9 @@ export const colorSuccess = '#8cbd24';
|
|
|
8
36
|
export const colorDanger = '#FF3131';
|
|
9
37
|
export const colorNeutralBright = '#bfc1c5';
|
|
10
38
|
export const colorInfo = '#326dd1';
|
|
11
|
-
export const colorBlueLight = '#21bef4';
|
|
12
39
|
export const colorBorderBright = '#e6e6e6';
|
|
13
40
|
export const colorLabelBright = '#5f656d';
|
|
14
41
|
export const colorValueBright = '#1d1d1d';
|
|
15
|
-
export const colorTealLight = '#6ddeba';
|
|
16
42
|
export const colorValueDark = '#ffffff';
|
|
17
43
|
export const colorLabelDark = '#888888';
|
|
18
44
|
export const colorNeutralDark = '#2E2E2E';
|