@seams/voice-capture 0.70.0 → 0.70.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.
@@ -311,6 +311,9 @@ ${Oe.split(`{id}`).join(Pe)}`:tn}),J(`div`,{...Me,ref:on,"data-voice-beam":Pe,"d
311
311
  margin: 0 auto;
312
312
  padding: 3.5rem 1.5rem 1.5rem;
313
313
  display: grid;
314
+ /* One column, never wider than the card: a long word in one row (an account of 64 characters)
315
+ must not push the other rows, such as the receipt and the button, out of the card. */
316
+ grid-template-columns: minmax(0, 1fr);
314
317
  /* Named rows. The context row is empty (0 high) unless the card shows the text that its sentence
315
318
  speaks for. A host that sets its own rows keeps these names. */
316
319
  grid-template-rows: [context] auto [title] auto [phrase] minmax(6rem, auto) [line] 5rem [status] minmax(3.375rem, auto) [action] minmax(5rem, auto);
@@ -580,6 +583,8 @@ ${Oe.split(`{id}`).join(Pe)}`:tn}),J(`div`,{...Me,ref:on,"data-voice-beam":Pe,"d
580
583
  .seams-voiceid-prompt > :not(.seams-voiceid-glow) { position: relative; z-index: 1; }
581
584
  .seams-voiceid-prompt > .seams-voiceid-close { position: absolute; }
582
585
  .seams-voiceid-prompt .seams-voiceid-status {
586
+ /* A word that is longer than the line breaks inside the card. */
587
+ overflow-wrap: anywhere;
583
588
  font-size: 0.75rem;
584
589
  line-height: 1.5;
585
590
  min-height: 3.375rem;
@@ -22,6 +22,9 @@ const CSS = `
22
22
  margin: 0 auto;
23
23
  padding: 3.5rem 1.5rem 1.5rem;
24
24
  display: grid;
25
+ /* One column, never wider than the card: a long word in one row (an account of 64 characters)
26
+ must not push the other rows, such as the receipt and the button, out of the card. */
27
+ grid-template-columns: minmax(0, 1fr);
25
28
  /* Named rows. The context row is empty (0 high) unless the card shows the text that its sentence
26
29
  speaks for. A host that sets its own rows keeps these names. */
27
30
  grid-template-rows: [context] auto [title] auto [phrase] minmax(6rem, auto) [line] 5rem [status] minmax(3.375rem, auto) [action] minmax(5rem, auto);
@@ -291,6 +294,8 @@ const CSS = `
291
294
  .seams-voiceid-prompt > :not(.seams-voiceid-glow) { position: relative; z-index: 1; }
292
295
  .seams-voiceid-prompt > .seams-voiceid-close { position: absolute; }
293
296
  .seams-voiceid-prompt .seams-voiceid-status {
297
+ /* A word that is longer than the line breaks inside the card. */
298
+ overflow-wrap: anywhere;
294
299
  font-size: 0.75rem;
295
300
  line-height: 1.5;
296
301
  min-height: 3.375rem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seams/voice-capture",
3
- "version": "0.70.0",
3
+ "version": "0.70.1",
4
4
  "type": "module",
5
5
  "description": "Records one spoken sentence in the browser, with speech detection, a quality check and a phrase card",
6
6
  "license": "Apache-2.0",