Merge pull request #129 from emulsify-ds/emulsif-231-convert-audio-pl…

…ayer-to-support-sdc

EMULSIF-231: Convert Audio player to support SDC

src/components/audio-player/audio-player.component.yml

@@ -0,0 +1,18 @@
+# ball audio file by marini24 under CC 3.0
+$schema: https://git.drupalcode.org/project/drupal/-/raw/10.1.x/core/modules/sdc/src/metadata.schema.json
+
+name: Audio Player
+group: Components/Media
+status: stable
+props:
+  type: object
+  required:
+    - audio_content
+  properties:
+    audio_content:
+      type: array
+      title: Audio player content
+      description: The content of the audio players.
+      data:
+        - '../../media/ball.ogg'
+        - '../../media/ball.mp3'

src/components/audio-player/audio-player.stories.js

@@ -1,12 +1,14 @@
 import template from './audio-player.twig';
-import audioData from './audio-player.yml';
+import { props } from './audio-player.component.yml';
 import figma from '../../../.storybook/configma.json';
 
+const audioData = props.properties.audio_content.data;
+
 export default {
   title: 'Components/Media/Audio Player',
 };
 
-export const AudioPlayer = () => template(audioData);
+export const AudioPlayer = () => template({ audio_content: audioData });
 
 AudioPlayer.parameters = {
   design: {

src/components/tokens/_tokens.scss

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 05 Aug 2024 16:30:15 GMT
+ * Generated on Fri, 16 Aug 2024 00:35:36 GMT
  */
 
 :root {