@playkit-js/transcript 3.7.1 → 3.7.2-canary.0-df64460

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 (6) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/dist/playkit-transcript.js +1 -1
  3. package/dist/playkit-transcript.js.map +1 -1
  4. package/package.json +1 -1
  5. package/src/components/transcript/transcript.scss +6 -2
  6. package/src/transcript-plugin.tsx +3 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@playkit-js/transcript",
3
- "version": "3.7.1",
3
+ "version": "3.7.2-canary.0-df64460",
4
4
  "main": "dist/playkit-transcript.js",
5
5
  "license": "AGPL-3.0",
6
6
  "private": false,
package/src/components/transcript/transcript.scss CHANGED
@@ -36,9 +36,11 @@ $button-height: 32px;
36
36
  line-height: 1.27;
37
37
  color: $tone-1-color;
38
38
  &:focus {
39
+ outline: 2px solid $tab-focus-color !important;
40
+ box-shadow: 0 0 0 2px white !important;
41
+ outline-offset: 2px;
39
42
  top: 56px;
40
43
  right: 12px;
41
- outline: none !important; // prevent focus styles inherited from playkit-player.playkit-nav
42
44
  }
43
45
  }
44
46
 
@@ -48,7 +50,9 @@ $button-height: 32px;
48
50
  }
49
51
 
50
52
  *:focus-visible:not(input) {
51
- outline: 1px solid $tab-focus-color;
53
+ outline: 2px solid $tab-focus-color !important;
54
+ box-shadow: 0 0 0 2px white !important;
55
+ outline-offset: 2px;
52
56
  }
53
57
  }
54
58
 
package/src/transcript-plugin.tsx CHANGED
@@ -361,14 +361,15 @@ export class TranscriptPlugin extends KalturaPlayer.core.BasePlugin {
361
361
  }) as number;
362
362
  const translates = {
363
363
  showTranscript: <Text id="transcript.show_plugin">Show Transcript</Text>,
364
- hideTranscript: <Text id="transcript.hide_plugin">Hide Transcript</Text>
364
+ hideTranscript: <Text id="transcript.hide_plugin">Hide Transcript</Text>,
365
+ transcript: <Text id="transcript.transcript">Transcript</Text>
365
366
  };
366
367
  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
367
368
  // @ts-expect-error - Property 'MiniAudioUI' does not exist
368
369
  if (this._state.shell['activePresetName'] !== ReservedPresetNames.MiniAudioUI) {
369
370
  this._transcriptIcon = this.upperBarManager!.add({
370
371
  displayName: 'Transcript',
371
- ariaLabel: 'Transcript',
372
+ ariaLabel: translates.transcript,
372
373
  order: 30,
373
374
  svgIcon: {path: icons.PLUGIN_ICON, viewBox: `0 0 ${icons.BigSize} ${icons.BigSize}`},
374
375
  onClick: this._handleClickOnPluginIcon as () => void,