EMULSIF-487: Add SDC Slot Definitions to Components

src/components/accordion/accordion.component.yml

@@ -29,3 +29,9 @@ props:
       title: Accordion item content
       description: The content of the accordion item.
       data: 'Enim eget nec sit scelerisque lacus. Porttitor senectus vulputate mattis tortor odio vitae. Dui et, ut ipsum aliquet sit tempor. Amet consectetur purus justo feugiat mattis sit ultricies odio.  Pellentesque pellentesque sit sed porttitor duis interdum. Bibendum nisl, eu, ornare non. Enim consequat in quisque vestibulum facilisi odio. Elementum elit est, vitae feugiat enim odio cursus. Enim cum dictum gravida amet id eget. Ut ac velit sed nulla leo id. Ante duis pellentesque aliquam massa amet, neque cum. Vitae mi purus placerat nibh purus faucibus imperdiet quisque diam. Elementum urna feugiat rhoncus purus. Consectetur neque auctor eite commodo consequat.'
+
+slots:
+  accordion__items:
+    title: Accordion Items
+    description: Override the default accordion items rendering
+    data: ''

src/components/banner/banner.component.yml

@@ -41,3 +41,13 @@ props:
       title: Alignment
       description: 'Specifies the alignment of the content within the banner. Options include: left, center, right.'
       data: 'left'
+
+slots:
+  banner__media:
+    title: Banner Media
+    description: Override the default banner media rendering
+    data: ''
+  banner__media_caption:
+    title: Banner Media Caption
+    description: Override the default banner media caption rendering
+    data: ''

src/components/button/button.component.yml

@@ -13,3 +13,13 @@ props:
       data:
         - 'button--hover'
         - 'button--focus'
+
+slots:
+  button__icon:
+    title: Button Icon
+    description: Override the default button icon rendering
+    data: ''
+  button__content:
+    title: Button Content
+    description: Override the default button content rendering
+    data: ''

src/components/card/card.component.yml

@@ -51,3 +51,9 @@ props:
       title: Link's url
       description: The link's url of the card.
       data: '#'
+
+slots:
+  card__img:
+    title: Card Image
+    description: Override the default card image rendering
+    data: ''

src/components/image/figure.yml

@@ -34,3 +34,9 @@ props:
       title: Image caption
       description: 'Specifies the caption for the image'
       data: 'This is an image caption.'
+
+slots:
+  figure__content:
+    title: Figure Content
+    description: Override the default figure content rendering
+    data: ''

src/components/link/link.component.yml

@@ -25,3 +25,17 @@ props:
       description: The attribute of the link.
       data:
         title: 'This is a small tooltip description of the link'
+
+slots:
+  link__label:
+    title: Link Label
+    description: Override the default link label rendering
+    data: ''
+  link__prefix:
+    title: Link Prefix
+    description: Override the default link prefix rendering
+    data: ''
+  link__content:
+    title: Link Content
+    description: Override the default link content rendering
+    data: ''

src/components/lists/list.component.yml

@@ -14,3 +14,9 @@ props:
         - "This is a list of items that doesn't need numbers."
         - 'Amet consectetur purus justo feugiat mattis sit ultricies odio. Pellentesque pellentesque sit sed porttitor duis interdum.'
         - 'Elementum elit est, vitae feugiat enim odio cursus. Enim cum dictum gravida amet id eget.'
+
+slots:
+  list__content:
+    title: List Content
+    description: Override the default list content rendering
+    data: ''

src/components/media-box/media-box.component.yml

@@ -33,3 +33,9 @@ props:
       title: Media Box copyright
       description: The copyright associated with the media box.
       data: 'Photo taken by John Doe'
+
+slots:
+  media_box__media:
+    title: Media-Box Media
+    description: Override the default media-box media rendering
+    data: ''

src/components/tabs/tabs.component.yml

@@ -35,3 +35,9 @@ props:
           tab__content: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.'
         - tab__label: 'Tab 6'
           tab__content: 'Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.'
+
+slots:
+  tab__content:
+    title: Tab Content
+    description: Override the default tab content rendering
+    data: ''

src/components/text-with-image/text-with-image.component.yml

@@ -34,3 +34,9 @@ props:
       title: Button URL
       description: 'Specifies the URL the link will link to'
       data: '#'
+
+slots:
+  text_with_image__image:
+    title: Image of Text with Image
+    description: Override the default image for text with image rendering
+    data: ''

src/components/text/text.component.yml

@@ -13,3 +13,9 @@ props:
       title: Text Content
       description: Formatted or Plain text provided by a textarea
       data: <h1>Little Women (or Meg, Jo, Beth, and Amy)</h1><p>By Louisa May Alcott</p><h2>I. Playing Pilgrims</h2><p>"Christmas won't be Christmas without any <a href="#">presents</a>," grumbled Jo, lying on the rug.</p><p>"It's so dreadful to be poor!" sighed Meg, looking down at her old dress.</p><p>"I don't think it's fair for some girls to have plenty of pretty things, and other girls nothing at all," added little Amy, with an injured sniff.</p><p>"We've got father and mother and each other," said Beth contentedly, from her corner.</p><p>The four young faces on which the firelight shone brightened at the cheerful words, but darkened again as Jo said sadly,—</p><p>"We haven't got father, and shall not have him for a long time." She didn't say "perhaps never," but each silently added it, thinking of father far away, where the fighting was.</p><h3>Nobody spoke for a minute; then Meg said in an altered tone,—</h3><p>"You know the reason mother proposed not having any presents this Christmas was because it is going to be a hard winter for every one; and she thinks we ought not to spend money for pleasure, when our men are suffering so in the army. We can't do much, but we can make our little sacrifices, and ought to do it gladly. But I am afraid I don't;" and Meg shook her head, as she thought regretfully of all the pretty things she wanted.</p><p>"But I don't think the little we should spend would do any good. We've each got a dollar, and the army wouldn't be much helped by our giving that. I agree not to expect anything from mother or you, but I do want to buy <a href="#">Undine and Sintram</a> for myself; I've wanted it so long," said Jo, who was a bookworm.</p><h4>"I planned to spend mine in new music," said Beth, with a little sigh, which no one heard but the hearth-brush and kettle-holder.</h4><p>"I shall get a nice box of Faber's drawing-pencils; I really need them," said Amy decidedly.</p><p>"Mother didn't say anything about our money, and she won't wish us to give up everything. Let's each buy what we want, and have a little fun; I'm sure we work hard enough to earn it," cried Jo, examining the heels of her shoes in a gentlemanly manner.</p><p>"I know I do,—teaching those tiresome children nearly all day, when I'm longing to enjoy myself at home," began Meg, in the complaining tone again.</p><p>"You don't have half such a hard time as I do," said Jo. </p><blockquote>"How would you like to be shut up for hours with a nervous, fussy old lady, who keeps you trotting, is never satisfied, and worries you till you're ready to fly out of the window or cry?"</blockquote><p>"It's naughty to fret; but I do think washing dishes and keeping things tidy is the worst work in the world. It makes me cross; and my hands get so stiff, I can't practise well at all;" and Beth looked at her rough hands with a sigh that any one could hear that time.</p><p>"I don't believe any of you suffer as I do," cried Amy; "for you don't have to go to school with impertinent girls, who plague you if you don't know your lessons, and laugh at your dresses, and label your father if he isn't rich, and insult you when your nose isn't nice."<ul><li>"If you mean libel, I'd say so, and not talk about labels, as if papa was a pickle-bottle," advised Jo, laughing.</li><li>"I know what I mean, and you needn't be statirical about it. It's proper to use good words, and improve your vocabilary," returned Amy, with dignity.</li><li>"Don't peck at one another, children. Don't you wish we had the money papa lost when we were little, Jo? Dear me! how happy and good we'd be, if we had no worries!" said Meg, who could remember better times.</li><li>"You said the other day, you thought we were a deal happier than the King children, for they were fighting and fretting all the time, in spite of their money."</li><li>"So I did, Beth. Well, I think we are; for, though we do have to work, we make fun for ourselves, and are a pretty jolly set, as Jo would say."</li><li>"Jo does use such slang words!" observed Amy, with a reproving look at the long figure stretched on the rug. Jo immediately sat up, put her hands in her pockets, and began to whistle.</li><li>"Don't, Jo; it's so boyish!"</li><li>"That's why I do it."</li></ul><p>"I detest rude, unlady-like girls!"</p><p>"I hate affected, niminy-piminy chits!"</p><p>"'Birds in their little nests agree,'" sang Beth, the peace-maker, with such a funny face that both sharp voices softened to a laugh, and the "pecking" ended for that time.</p><p>"Really, girls, you are both to be blamed," said Meg, beginning to lecture in her elder-sisterly fashion. "You are old enough to leave off boyish tricks, and to behave better, Josephine. It didn't matter so much when you were a little girl; but now you are so tall, and turn up your hair, you should remember that you are a young lady."</p><ol><li>"If you mean libel, I'd say so, and not talk about labels, as if papa was a pickle-bottle," advised Jo, laughing.</li><li>"I know what I mean, and you needn't be statirical about it. It's proper to use good words, and improve your vocabilary," returned Amy, with dignity.</li><li>"Don't peck at one another, children. Don't you wish we had the money papa lost when we were little, Jo? Dear me! how happy and good we'd be, if we had no worries!" said Meg, who could remember better times.</li><li>"You said the other day, you thought we were a deal happier than the King children, for they were fighting and fretting all the time, in spite of their money."</li><li>"So I did, Beth. Well, I think we are; for, though we do have to work, we make fun for ourselves, and are a pretty jolly set, as Jo would say."</li><li>"Jo does use such slang words!" observed Amy, with a reproving look at the long figure stretched on the rug. Jo immediately sat up, put her hands in her pockets, and began to whistle.</li><li>"Don't, Jo; it's so boyish!"</li><li>"That's why I do it."</li></ol>
+
+slots:
+  text_content:
+    title: Text Content
+    description: Override the default text content rendering
+    data: ''

src/components/typography/text/blockquote.yml

@@ -18,3 +18,9 @@ props:
       title: Content
       description: 'Specifies the main content of the blockquote.'
       data: 'Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.'
+
+slots:
+  blockquote__content:
+    title: Blockquote Content
+    description: Override the default blockquote content rendering
+    data: ''

src/components/typography/text/code.yml

@@ -14,3 +14,9 @@ props:
       description: 'The code snippet to be displayed in a preformatted block.'
       data: >
         &lt;pre {{ bem(code_base_class, code_modifiers, code_blockname) }}&gt;<br/>    &lt;code {{ bem('content', [], code_base_class) }}&gt;<br/>     {% block code_content %}  <br/>       {{- code_content -}}<br/>     {% endblock %}<br/>    &lt;/code&gt;<br/>  &lt;/pre&gt;
+
+slots:
+  code_content:
+    title: Code Content
+    description: Override the default code content rendering
+    data: ''

src/components/video/video-embed.yml

@@ -19,3 +19,9 @@ props:
       title: Video Content
       description: 'Directly specifies the HTML content for embed videos'
       data: "<iframe title='Test Video' width='854' height='480' frameborder='0' allowfullscreen='allowfullscreen' src='https://www.youtube.com/embed/YRnVnlhjOBs?autoplay=0&amp;start=0'></iframe>"
+
+slots:
+  video_content:
+    title: Video Content
+    description: Override the default video content rendering
+    data: ''