@designcrowd/fe-shared-lib 1.6.10-voiceText-1 → 1.6.10-voiceText-3

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 (42) hide show
  1. package/.claude/settings.local.json +4 -9
  2. package/.playwright-cli/{page-2026-04-13T02-23-08-374Z.yml → page-2026-04-15T02-26-54-483Z.yml} +2 -2
  3. package/.playwright-cli/page-2026-04-15T02-27-08-312Z.yml +0 -0
  4. package/.playwright-cli/page-2026-04-15T02-27-25-596Z.yml +0 -0
  5. package/.playwright-cli/page-2026-04-15T02-27-40-203Z.yml +0 -0
  6. package/.playwright-cli/page-2026-04-15T02-38-58-180Z.yml +0 -0
  7. package/.playwright-cli/page-2026-04-15T02-39-01-736Z.yml +26 -0
  8. package/.playwright-cli/page-2026-04-15T02-39-10-233Z.yml +26 -0
  9. package/.playwright-cli/page-2026-04-15T02-39-43-909Z.yml +26 -0
  10. package/.playwright-cli/page-2026-04-15T02-40-44-800Z.yml +0 -0
  11. package/.playwright-cli/page-2026-04-15T02-40-54-188Z.yml +26 -0
  12. package/.playwright-cli/page-2026-04-15T02-40-59-031Z.yml +26 -0
  13. package/.playwright-cli/page-2026-04-15T02-51-07-111Z.yml +0 -0
  14. package/.playwright-cli/page-2026-04-15T02-51-10-941Z.yml +26 -0
  15. package/.playwright-cli/page-2026-04-15T02-51-17-020Z.yml +26 -0
  16. package/.playwright-cli/page-2026-04-15T02-51-42-403Z.yml +2 -0
  17. package/.playwright-cli/page-2026-04-15T02-51-53-552Z.yml +26 -0
  18. package/.playwright-cli/page-2026-04-15T02-51-54-631Z.yml +26 -0
  19. package/.playwright-cli/page-2026-04-15T02-52-16-170Z.yml +26 -0
  20. package/.playwright-cli/page-2026-04-15T02-52-17-246Z.yml +26 -0
  21. package/.playwright-cli/page-2026-04-15T02-52-28-472Z.yml +26 -0
  22. package/.playwright-cli/page-2026-04-15T02-53-15-507Z.yml +0 -0
  23. package/.playwright-cli/page-2026-04-15T02-53-16-554Z.yml +26 -0
  24. package/.playwright-cli/page-2026-04-15T02-53-22-178Z.yml +26 -0
  25. package/.playwright-cli/page-2026-04-15T02-53-34-973Z.yml +26 -0
  26. package/docs/voice-to-text-discussion-attachments/Screenshot 2026-04-15 at 11.44.18/342/200/257am.png +0 -0
  27. package/docs/voice-to-text-discussion-attachments/image.png +0 -0
  28. package/docs/voice-to-text-discussion-attachments/image_1.png +0 -0
  29. package/docs/voice-to-text-discussion-attachments/image_2.png +0 -0
  30. package/docs/voice-to-text-discussion-attachments/image_3.png +0 -0
  31. package/docs/voice-to-text-discussion-attachments/image_4.png +0 -0
  32. package/docs/voice-to-text-discussion.md +330 -0
  33. package/package.json +1 -1
  34. package/public/css/tailwind-brandCrowd.css +8 -4
  35. package/public/css/tailwind-brandPage.css +8 -4
  36. package/public/css/tailwind-crazyDomains.css +8 -4
  37. package/public/css/tailwind-designCom.css +8 -4
  38. package/public/css/tailwind-designCrowd.css +8 -4
  39. package/src/atoms/components/VoiceToTextButton/VoiceToTextButton.stories.js +147 -10
  40. package/src/atoms/components/VoiceToTextButton/VoiceToTextButton.vue +31 -7
  41. package/src/useVoiceToText.js +1 -0
  42. package/.playwright-cli/page-2026-04-13T02-23-13-730Z.yml +0 -421
@@ -1,12 +1,5 @@
1
1
  {
2
- "env": {
3
- "CLAUDE_CODE_USE_BEDROCK": "1",
4
- "AWS_PROFILE": "default",
5
- "AWS_REGION": "us-east-1",
6
- "ANTHROPIC_MODEL": "global.anthropic.claude-opus-4-5-20251101-v1:0",
7
- "CLAUDE_CODE_MAX_OUTPUT_TOKENS": "20000",
8
- "CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC": "1"
9
- },
2
+ "env": {},
10
3
  "permissions": {
11
4
  "allow": [
12
5
  "Bash(npm outdated:*)",
@@ -53,7 +46,9 @@
53
46
  "Bash(ls:*)",
54
47
  "Bash(for v in 1.5.20-dts-upgrades 1.5.20-dts-upgrades-2 1.5.21 1.5.20-ast-icons 1.5.20-ast-icons-1 1.5.21-BestLogoIcons-3 1.5.22)",
55
48
  "Bash(do)",
56
- "Bash(done)"
49
+ "Bash(done)",
50
+ "Bash(cp \"/home/zknowles/.claude/plugins/cache/designcrowd-plugins/experimental/0.19.0/docs/growth-it-runs-on-local-team-2026-04-09-thread.md\" \"/home/zknowles/repos/fe-shared-lib/docs/voice-to-text-discussion.md\")",
51
+ "Bash(cp -r \"/home/zknowles/.claude/plugins/cache/designcrowd-plugins/experimental/0.19.0/docs/growth-it-runs-on-local-team-2026-04-09-thread-attachments\" \"/home/zknowles/repos/fe-shared-lib/docs/voice-to-text-discussion-attachments\")"
57
52
  ]
58
53
  }
59
54
  }
@@ -40,7 +40,7 @@
40
40
  - button "Go full screen" [ref=e91] [cursor=pointer]:
41
41
  - img [ref=e92]
42
42
  - link "Open canvas in new tab" [ref=e94] [cursor=pointer]:
43
- - /url: iframe.html?id=components-voicetotextbutton--prompt-input-demo
43
+ - /url: iframe.html?id=components-voicetotextbutton--side-by-side
44
44
  - img [ref=e95]
45
45
  - button "Copy canvas link" [ref=e98] [cursor=pointer]:
46
46
  - img [ref=e99]
@@ -48,7 +48,7 @@
48
48
  - progressbar "Content is loading..." [ref=e105]
49
49
  - generic [ref=e106]:
50
50
  - link "Skip to sidebar" [ref=e107] [cursor=pointer]:
51
- - /url: "#components-voicetotextbutton--prompt-input-demo"
51
+ - /url: "#components-voicetotextbutton--side-by-side"
52
52
  - iframe [ref=e108]:
53
53
 
54
54
  - generic [ref=e113]:
@@ -0,0 +1,26 @@
1
+ - generic [active] [ref=e3]:
2
+ - generic [ref=e5]:
3
+ - heading "Dark Variant - All States" [level=3] [ref=e6]
4
+ - generic [ref=e7]:
5
+ - generic [ref=e8]:
6
+ - button "Start voice input" [ref=e10] [cursor=pointer]:
7
+ - img [ref=e12]
8
+ - paragraph [ref=e14]: Small
9
+ - generic [ref=e15]:
10
+ - button "Start voice input" [ref=e17] [cursor=pointer]:
11
+ - img [ref=e19]
12
+ - paragraph [ref=e21]: Medium (default)
13
+ - generic [ref=e22]:
14
+ - button "Start voice input" [ref=e24] [cursor=pointer]:
15
+ - img [ref=e26]
16
+ - paragraph [ref=e28]: Large
17
+ - generic [ref=e29]:
18
+ - button "Start voice input" [disabled] [ref=e31] [cursor=pointer]:
19
+ - img [ref=e33]
20
+ - paragraph [ref=e35]: Disabled
21
+ - paragraph [ref=e36]: Click any button to see the recording state with grey circle indicator
22
+ - generic [ref=e37]:
23
+ - generic "Toggle devtools panel" [ref=e38] [cursor=pointer]:
24
+ - img [ref=e39]
25
+ - generic "Toggle Component Inspector" [ref=e44] [cursor=pointer]:
26
+ - img [ref=e45]
@@ -0,0 +1,26 @@
1
+ - generic [ref=e3]:
2
+ - generic [ref=e5]:
3
+ - heading "Dark Variant - All States" [level=3] [ref=e6]
4
+ - generic [ref=e7]:
5
+ - generic [ref=e8]:
6
+ - button "Start voice input" [ref=e10] [cursor=pointer]:
7
+ - img [ref=e12]
8
+ - paragraph [ref=e14]: Small
9
+ - generic [ref=e15]:
10
+ - button "Start voice input" [active] [ref=e17] [cursor=pointer]:
11
+ - img [ref=e19]
12
+ - paragraph [ref=e21]: Medium (default)
13
+ - generic [ref=e22]:
14
+ - button "Start voice input" [ref=e24] [cursor=pointer]:
15
+ - img [ref=e26]
16
+ - paragraph [ref=e28]: Large
17
+ - generic [ref=e29]:
18
+ - button "Start voice input" [disabled] [ref=e31] [cursor=pointer]:
19
+ - img [ref=e33]
20
+ - paragraph [ref=e35]: Disabled
21
+ - paragraph [ref=e36]: Click any button to see the recording state with grey circle indicator
22
+ - generic [ref=e37]:
23
+ - generic "Toggle devtools panel" [ref=e38] [cursor=pointer]:
24
+ - img [ref=e39]
25
+ - generic "Toggle Component Inspector" [ref=e44] [cursor=pointer]:
26
+ - img [ref=e45]
@@ -0,0 +1,26 @@
1
+ - generic [ref=e3]:
2
+ - generic [ref=e5]:
3
+ - heading "Dark Variant - All States" [level=3] [ref=e6]
4
+ - generic [ref=e7]:
5
+ - generic [ref=e8]:
6
+ - button "Start voice input" [ref=e10] [cursor=pointer]:
7
+ - img [ref=e12]
8
+ - paragraph [ref=e14]: Small
9
+ - generic [ref=e15]:
10
+ - button "Start voice input" [active] [ref=e17] [cursor=pointer]:
11
+ - img [ref=e19]
12
+ - paragraph [ref=e21]: Medium (default)
13
+ - generic [ref=e22]:
14
+ - button "Start voice input" [ref=e24] [cursor=pointer]:
15
+ - img [ref=e26]
16
+ - paragraph [ref=e28]: Large
17
+ - generic [ref=e29]:
18
+ - button "Start voice input" [disabled] [ref=e31] [cursor=pointer]:
19
+ - img [ref=e33]
20
+ - paragraph [ref=e35]: Disabled
21
+ - paragraph [ref=e36]: Click any button to see the recording state with grey circle indicator
22
+ - generic [ref=e37]:
23
+ - generic "Toggle devtools panel" [ref=e38] [cursor=pointer]:
24
+ - img [ref=e39]
25
+ - generic "Toggle Component Inspector" [ref=e44] [cursor=pointer]:
26
+ - img [ref=e45]
@@ -0,0 +1,26 @@
1
+ - generic [active] [ref=e3]:
2
+ - generic [ref=e5]:
3
+ - heading "Dark Variant - All States" [level=3] [ref=e6]
4
+ - generic [ref=e7]:
5
+ - generic [ref=e8]:
6
+ - button "Start voice input" [ref=e10] [cursor=pointer]:
7
+ - img [ref=e12]
8
+ - paragraph [ref=e14]: Small
9
+ - generic [ref=e15]:
10
+ - button "Start voice input" [ref=e17] [cursor=pointer]:
11
+ - img [ref=e19]
12
+ - paragraph [ref=e21]: Medium (default)
13
+ - generic [ref=e22]:
14
+ - button "Start voice input" [ref=e24] [cursor=pointer]:
15
+ - img [ref=e26]
16
+ - paragraph [ref=e28]: Large
17
+ - generic [ref=e29]:
18
+ - button "Start voice input" [disabled] [ref=e31] [cursor=pointer]:
19
+ - img [ref=e33]
20
+ - paragraph [ref=e35]: Disabled
21
+ - paragraph [ref=e36]: Click any button to see the recording state with grey circle indicator
22
+ - generic [ref=e37]:
23
+ - generic "Toggle devtools panel" [ref=e38] [cursor=pointer]:
24
+ - img [ref=e39]
25
+ - generic "Toggle Component Inspector" [ref=e44] [cursor=pointer]:
26
+ - img [ref=e45]
@@ -0,0 +1,26 @@
1
+ - generic [ref=e3]:
2
+ - generic [ref=e5]:
3
+ - heading "Dark Variant - All States" [level=3] [ref=e6]
4
+ - generic [ref=e7]:
5
+ - generic [ref=e8]:
6
+ - button "Start voice input" [ref=e10] [cursor=pointer]:
7
+ - img [ref=e12]
8
+ - paragraph [ref=e14]: Small
9
+ - generic [ref=e15]:
10
+ - button "Start voice input" [active] [ref=e17] [cursor=pointer]:
11
+ - img [ref=e19]
12
+ - paragraph [ref=e21]: Medium (default)
13
+ - generic [ref=e22]:
14
+ - button "Start voice input" [ref=e24] [cursor=pointer]:
15
+ - img [ref=e26]
16
+ - paragraph [ref=e28]: Large
17
+ - generic [ref=e29]:
18
+ - button "Start voice input" [disabled] [ref=e31] [cursor=pointer]:
19
+ - img [ref=e33]
20
+ - paragraph [ref=e35]: Disabled
21
+ - paragraph [ref=e36]: Click any button to see the recording state with grey circle indicator
22
+ - generic [ref=e37]:
23
+ - generic "Toggle devtools panel" [ref=e38] [cursor=pointer]:
24
+ - img [ref=e39]
25
+ - generic "Toggle Component Inspector" [ref=e44] [cursor=pointer]:
26
+ - img [ref=e45]
@@ -0,0 +1,26 @@
1
+ - generic [active] [ref=e3]:
2
+ - generic [ref=e5]:
3
+ - heading "Dark Variant - All States" [level=3] [ref=e6]
4
+ - generic [ref=e7]:
5
+ - generic [ref=e8]:
6
+ - button "Start voice input" [ref=e10] [cursor=pointer]:
7
+ - img [ref=e12]
8
+ - paragraph [ref=e14]: Small
9
+ - generic [ref=e15]:
10
+ - button "Start voice input" [ref=e17] [cursor=pointer]:
11
+ - img [ref=e19]
12
+ - paragraph [ref=e21]: Medium (default)
13
+ - generic [ref=e22]:
14
+ - button "Start voice input" [ref=e24] [cursor=pointer]:
15
+ - img [ref=e26]
16
+ - paragraph [ref=e28]: Large
17
+ - generic [ref=e29]:
18
+ - button "Start voice input" [disabled] [ref=e31] [cursor=pointer]:
19
+ - img [ref=e33]
20
+ - paragraph [ref=e35]: Disabled
21
+ - paragraph [ref=e36]: Click any button to see the recording state with grey circle indicator
22
+ - generic [ref=e37]:
23
+ - generic "Toggle devtools panel" [ref=e38] [cursor=pointer]:
24
+ - img [ref=e39]
25
+ - generic "Toggle Component Inspector" [ref=e44] [cursor=pointer]:
26
+ - img [ref=e45]
@@ -0,0 +1,26 @@
1
+ - generic [ref=e3]:
2
+ - generic [ref=e5]:
3
+ - heading "Dark Variant - All States" [level=3] [ref=e6]
4
+ - generic [ref=e7]:
5
+ - generic [ref=e8]:
6
+ - button "Start voice input" [ref=e10] [cursor=pointer]:
7
+ - img [ref=e12]
8
+ - paragraph [ref=e14]: Small
9
+ - generic [ref=e15]:
10
+ - button "Start voice input" [active] [ref=e17] [cursor=pointer]:
11
+ - img [ref=e19]
12
+ - paragraph [ref=e21]: Medium (default)
13
+ - generic [ref=e22]:
14
+ - button "Start voice input" [ref=e24] [cursor=pointer]:
15
+ - img [ref=e26]
16
+ - paragraph [ref=e28]: Large
17
+ - generic [ref=e29]:
18
+ - button "Start voice input" [disabled] [ref=e31] [cursor=pointer]:
19
+ - img [ref=e33]
20
+ - paragraph [ref=e35]: Disabled
21
+ - paragraph [ref=e36]: Click any button to see the recording state with grey circle indicator
22
+ - generic [ref=e37]:
23
+ - generic "Toggle devtools panel" [ref=e38] [cursor=pointer]:
24
+ - img [ref=e39]
25
+ - generic "Toggle Component Inspector" [ref=e44] [cursor=pointer]:
26
+ - img [ref=e45]
@@ -0,0 +1,2 @@
1
+ - generic "Toggle devtools panel" [ref=e2] [cursor=pointer]:
2
+ - img [ref=e3]
@@ -0,0 +1,26 @@
1
+ - generic [active] [ref=e7]:
2
+ - generic [ref=e9]:
3
+ - heading "Dark Variant - All States" [level=3] [ref=e10]
4
+ - generic [ref=e11]:
5
+ - generic [ref=e12]:
6
+ - button "Start voice input" [ref=e14] [cursor=pointer]:
7
+ - img [ref=e16]
8
+ - paragraph [ref=e18]: Small
9
+ - generic [ref=e19]:
10
+ - button "Start voice input" [ref=e21] [cursor=pointer]:
11
+ - img [ref=e23]
12
+ - paragraph [ref=e25]: Medium (default)
13
+ - generic [ref=e26]:
14
+ - button "Start voice input" [ref=e28] [cursor=pointer]:
15
+ - img [ref=e30]
16
+ - paragraph [ref=e32]: Large
17
+ - generic [ref=e33]:
18
+ - button "Start voice input" [disabled] [ref=e35] [cursor=pointer]:
19
+ - img [ref=e37]
20
+ - paragraph [ref=e39]: Disabled
21
+ - paragraph [ref=e40]: Click any button to see the recording state with grey circle indicator
22
+ - generic [ref=e1]:
23
+ - generic "Toggle devtools panel" [ref=e2] [cursor=pointer]:
24
+ - img [ref=e3]
25
+ - generic "Toggle Component Inspector" [ref=e42] [cursor=pointer]:
26
+ - img [ref=e43]
@@ -0,0 +1,26 @@
1
+ - generic [ref=e7]:
2
+ - generic [ref=e9]:
3
+ - heading "Dark Variant - All States" [level=3] [ref=e10]
4
+ - generic [ref=e11]:
5
+ - generic [ref=e12]:
6
+ - button "Stop voice input" [active] [ref=e47] [cursor=pointer]:
7
+ - img [ref=e16]
8
+ - paragraph [ref=e18]: Small
9
+ - generic [ref=e19]:
10
+ - button "Stop voice input" [ref=e48] [cursor=pointer]:
11
+ - img [ref=e23]
12
+ - paragraph [ref=e25]: Medium (default)
13
+ - generic [ref=e26]:
14
+ - button "Stop voice input" [ref=e49] [cursor=pointer]:
15
+ - img [ref=e30]
16
+ - paragraph [ref=e32]: Large
17
+ - generic [ref=e33]:
18
+ - button "Stop voice input" [disabled] [ref=e50] [cursor=pointer]:
19
+ - img [ref=e37]
20
+ - paragraph [ref=e39]: Disabled
21
+ - paragraph [ref=e40]: Click any button to see the recording state with grey circle indicator
22
+ - generic [ref=e1]:
23
+ - generic "Toggle devtools panel" [ref=e2] [cursor=pointer]:
24
+ - img [ref=e3]
25
+ - generic "Toggle Component Inspector" [ref=e42] [cursor=pointer]:
26
+ - img [ref=e43]
@@ -0,0 +1,26 @@
1
+ - generic [ref=e7]:
2
+ - generic [ref=e9]:
3
+ - heading "Dark Variant - All States" [level=3] [ref=e10]
4
+ - generic [ref=e11]:
5
+ - generic [ref=e12]:
6
+ - button "Stop voice input" [active] [ref=e47] [cursor=pointer]:
7
+ - img [ref=e16]
8
+ - paragraph [ref=e18]: Small
9
+ - generic [ref=e19]:
10
+ - button "Stop voice input" [ref=e48] [cursor=pointer]:
11
+ - img [ref=e23]
12
+ - paragraph [ref=e25]: Medium (default)
13
+ - generic [ref=e26]:
14
+ - button "Stop voice input" [ref=e49] [cursor=pointer]:
15
+ - img [ref=e30]
16
+ - paragraph [ref=e32]: Large
17
+ - generic [ref=e33]:
18
+ - button "Stop voice input" [disabled] [ref=e50] [cursor=pointer]:
19
+ - img [ref=e37]
20
+ - paragraph [ref=e39]: Disabled
21
+ - paragraph [ref=e40]: Click any button to see the recording state with grey circle indicator
22
+ - generic [ref=e1]:
23
+ - generic "Toggle devtools panel" [ref=e2] [cursor=pointer]:
24
+ - img [ref=e3]
25
+ - generic "Toggle Component Inspector" [ref=e42] [cursor=pointer]:
26
+ - img [ref=e43]
@@ -0,0 +1,26 @@
1
+ - generic [active] [ref=e7]:
2
+ - generic [ref=e9]:
3
+ - heading "Dark Variant - All States" [level=3] [ref=e10]
4
+ - generic [ref=e11]:
5
+ - generic [ref=e12]:
6
+ - button "Stop voice input" [ref=e47] [cursor=pointer]:
7
+ - img [ref=e16]
8
+ - paragraph [ref=e18]: Small
9
+ - generic [ref=e19]:
10
+ - button "Stop voice input" [ref=e48] [cursor=pointer]:
11
+ - img [ref=e23]
12
+ - paragraph [ref=e25]: Medium (default)
13
+ - generic [ref=e26]:
14
+ - button "Stop voice input" [ref=e49] [cursor=pointer]:
15
+ - img [ref=e30]
16
+ - paragraph [ref=e32]: Large
17
+ - generic [ref=e33]:
18
+ - button "Stop voice input" [disabled] [ref=e50] [cursor=pointer]:
19
+ - img [ref=e37]
20
+ - paragraph [ref=e39]: Disabled
21
+ - paragraph [ref=e40]: Click any button to see the recording state with grey circle indicator
22
+ - generic [ref=e1]:
23
+ - generic "Toggle devtools panel" [ref=e2] [cursor=pointer]:
24
+ - img [ref=e3]
25
+ - generic "Toggle Component Inspector" [ref=e42] [cursor=pointer]:
26
+ - img [ref=e43]
@@ -0,0 +1,26 @@
1
+ - generic [active] [ref=e7]:
2
+ - generic [ref=e9]:
3
+ - heading "Dark Variant - All States" [level=3] [ref=e10]
4
+ - generic [ref=e11]:
5
+ - generic [ref=e12]:
6
+ - button "Stop voice input" [ref=e47] [cursor=pointer]:
7
+ - img [ref=e16]
8
+ - paragraph [ref=e18]: Small
9
+ - generic [ref=e19]:
10
+ - button "Stop voice input" [ref=e48] [cursor=pointer]:
11
+ - img [ref=e23]
12
+ - paragraph [ref=e25]: Medium (default)
13
+ - generic [ref=e26]:
14
+ - button "Stop voice input" [ref=e49] [cursor=pointer]:
15
+ - img [ref=e30]
16
+ - paragraph [ref=e32]: Large
17
+ - generic [ref=e33]:
18
+ - button "Stop voice input" [disabled] [ref=e50] [cursor=pointer]:
19
+ - img [ref=e37]
20
+ - paragraph [ref=e39]: Disabled
21
+ - paragraph [ref=e40]: Click any button to see the recording state with grey circle indicator
22
+ - generic [ref=e1]:
23
+ - generic "Toggle devtools panel" [ref=e2] [cursor=pointer]:
24
+ - img [ref=e3]
25
+ - generic "Toggle Component Inspector" [ref=e42] [cursor=pointer]:
26
+ - img [ref=e43]
@@ -0,0 +1,26 @@
1
+ - generic [active] [ref=e3]:
2
+ - generic [ref=e5]:
3
+ - heading "Dark Variant - All States" [level=3] [ref=e6]
4
+ - generic [ref=e7]:
5
+ - generic [ref=e8]:
6
+ - button "Start voice input" [ref=e10] [cursor=pointer]:
7
+ - img [ref=e12]
8
+ - paragraph [ref=e14]: Small
9
+ - generic [ref=e15]:
10
+ - button "Start voice input" [ref=e17] [cursor=pointer]:
11
+ - img [ref=e19]
12
+ - paragraph [ref=e21]: Medium (default)
13
+ - generic [ref=e22]:
14
+ - button "Start voice input" [ref=e24] [cursor=pointer]:
15
+ - img [ref=e26]
16
+ - paragraph [ref=e28]: Large
17
+ - generic [ref=e29]:
18
+ - button "Start voice input" [disabled] [ref=e31] [cursor=pointer]:
19
+ - img [ref=e33]
20
+ - paragraph [ref=e35]: Disabled
21
+ - paragraph [ref=e36]: Click any button to see the recording state with grey circle indicator
22
+ - generic [ref=e37]:
23
+ - generic "Toggle devtools panel" [ref=e38] [cursor=pointer]:
24
+ - img [ref=e39]
25
+ - generic "Toggle Component Inspector" [ref=e44] [cursor=pointer]:
26
+ - img [ref=e45]
@@ -0,0 +1,26 @@
1
+ - generic [ref=e3]:
2
+ - generic [ref=e5]:
3
+ - heading "Dark Variant - All States" [level=3] [ref=e6]
4
+ - generic [ref=e7]:
5
+ - generic [ref=e8]:
6
+ - button "Stop voice input" [ref=e49] [cursor=pointer]:
7
+ - img [ref=e12]
8
+ - paragraph [ref=e14]: Small
9
+ - generic [ref=e15]:
10
+ - button "Stop voice input" [active] [ref=e50] [cursor=pointer]:
11
+ - img [ref=e19]
12
+ - paragraph [ref=e21]: Medium (default)
13
+ - generic [ref=e22]:
14
+ - button "Stop voice input" [ref=e51] [cursor=pointer]:
15
+ - img [ref=e26]
16
+ - paragraph [ref=e28]: Large
17
+ - generic [ref=e29]:
18
+ - button "Stop voice input" [disabled] [ref=e52] [cursor=pointer]:
19
+ - img [ref=e33]
20
+ - paragraph [ref=e35]: Disabled
21
+ - paragraph [ref=e36]: Click any button to see the recording state with grey circle indicator
22
+ - generic [ref=e37]:
23
+ - generic "Toggle devtools panel" [ref=e38] [cursor=pointer]:
24
+ - img [ref=e39]
25
+ - generic "Toggle Component Inspector" [ref=e44] [cursor=pointer]:
26
+ - img [ref=e45]
@@ -0,0 +1,26 @@
1
+ - generic [ref=e3]:
2
+ - generic [ref=e5]:
3
+ - heading "Dark Variant - All States" [level=3] [ref=e6]
4
+ - generic [ref=e7]:
5
+ - generic [ref=e8]:
6
+ - button "Start voice input" [ref=e53] [cursor=pointer]:
7
+ - img [ref=e12]
8
+ - paragraph [ref=e14]: Small
9
+ - generic [ref=e15]:
10
+ - button "Start voice input" [active] [ref=e54] [cursor=pointer]:
11
+ - img [ref=e19]
12
+ - paragraph [ref=e21]: Medium (default)
13
+ - generic [ref=e22]:
14
+ - button "Start voice input" [ref=e55] [cursor=pointer]:
15
+ - img [ref=e26]
16
+ - paragraph [ref=e28]: Large
17
+ - generic [ref=e29]:
18
+ - button "Start voice input" [disabled] [ref=e56] [cursor=pointer]:
19
+ - img [ref=e33]
20
+ - paragraph [ref=e35]: Disabled
21
+ - paragraph [ref=e36]: Click any button to see the recording state with grey circle indicator
22
+ - generic [ref=e37]:
23
+ - generic "Toggle devtools panel" [ref=e38] [cursor=pointer]:
24
+ - img [ref=e39]
25
+ - generic "Toggle Component Inspector" [ref=e44] [cursor=pointer]:
26
+ - img [ref=e45]