refactor(tag): changes component name

src/semantic.less

@@ -237,7 +237,7 @@
 }
 
 & {
-  @import '@eeacms/volto-eea-design-system/../theme/themes/eea/extras/tags';
+  @import '@eeacms/volto-eea-design-system/../theme/themes/eea/extras/tag';
 }
 
 & {

src/ui/Tags/Tags.jsx → src/ui/Tag/Tag.jsx

@@ -1,23 +1,23 @@
 import React from 'react';
 
-function Tags({ children, ...rest }) {
+function Tag({ children, ...rest }) {
   return (
     <div {...rest} className={`eea tags ${rest.className || ''}`}>
       <div>{children}</div>
     </div>
   );
 }
 
-Tags.Title = ({ children, ...rest }) => (
+Tag.Title = ({ children, ...rest }) => (
   <span className="tags-title" {...rest}>
     {children}
   </span>
 );
 
-Tags.Tag = ({ children, ...rest }) => (
+Tag.Tag = ({ children, ...rest }) => (
   <a {...rest} className={`tag ${rest.className || ''}`}>
     <span className="name">{children}</span>
   </a>
 );
 
-export default Tags;
+export default Tag;

src/ui/Tags/Tags.stories.jsx → src/ui/Tag/Tag.stories.jsx

@@ -1,19 +1,19 @@
 import React from 'react';
-import Tags from './Tags';
+import Tag from './Tag';
 
 export default {
-  title: 'Components/Tags',
-  component: Tags,
+  title: 'Components/Tag',
+  component: Tag,
   argTypes: {
     title: {
       name: 'title',
-      description: 'Tags main text',
+      description: 'Tag main text',
       type: { name: 'string', required: true },
     },
     direction: {
       control: { type: 'select' },
       options: ['right', 'left'],
-      description: 'tags container direction',
+      description: 'tag container direction',
       table: {
         type: {
           summary: 'string',
@@ -24,7 +24,7 @@ export default {
       },
     },
     tags: {
-      description: 'category tags',
+      description: 'category tag',
       table: {
         type: {
           summary: 'Object',
@@ -38,14 +38,14 @@ export default {
 };
 
 export const Default = (args) => (
-  <Tags className={args.direction}>
-    <Tags.Title>{args.title}</Tags.Title>
+  <Tag className={args.direction}>
+    <Tag.Title>{args.title}</Tag.Title>
     {args.tags.map((tag) => [
-      <Tags.Tag className={tag.class} href={tag.href}>
+      <Tag.Tag className={tag.class} href={tag.href}>
         {tag.category}
-      </Tags.Tag>,
+      </Tag.Tag>,
     ])}
-  </Tags>
+  </Tag>
 );
 
 Default.args = {

src/ui/index.js

@@ -4,7 +4,7 @@ export Blockquote from './Blockquote/Blockquote';
 
 export Breadcrumbs from './Breadcrumbs/Breadcrumbs';
 
-export Tags from './Tags/Tags';
+export Tag from './Tag/Tag';
 
 export Footer from './Footer/Footer';
 

theme/theme.config

@@ -83,7 +83,12 @@
 @timeline    : 'eea';
 @footer      : 'eea';
 @header      : 'eea';
+<<<<<<< Updated upstream
 @tags        : 'eea';
+=======
+@tag         : 'eea';
+@content     : 'eea';
+>>>>>>> Stashed changes
 @inpageNavigation : 'eea';
 @avatar      : 'eea';
 @divider     : 'eea';

theme/themes/eea/extras/tags.less → theme/themes/eea/extras/tag.less

@@ -1,10 +1,10 @@
 @type: 'extra';
-@element: 'tags';
+@element: 'tag';
 
 @import (multiple) '../../theme.config';
 
 /*******************************
-            Tags
+            Tag
 *******************************/
 
 .eea.tags {