diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts index 09f4fd41..eccb0169 100644 --- a/docs/.vitepress/config.ts +++ b/docs/.vitepress/config.ts @@ -20,6 +20,7 @@ module.exports = { { text: 'MucButton', link: '/components/muc-button' }, { text: 'MucCallout', link: '/components/muc-callout' }, { text: 'MucIntro', link: '/components/muc-intro' }, + { text: "MucComment", link: "/components/muc-comment" }, ], } ], diff --git a/docs/.vitepress/theme/index.js b/docs/.vitepress/theme/index.js index 17ae96e2..aa726ee2 100644 --- a/docs/.vitepress/theme/index.js +++ b/docs/.vitepress/theme/index.js @@ -2,7 +2,8 @@ import DefaultTheme from 'vitepress/theme' import DemoContainer from '../components/DemoContainer.vue' import MucPatternlabVue from 'muc-patternlab-vue' -import './custom.css' +import './custom.css'; +import '../../../public/assets/temporary/muenchende-fontfaces.css'; export default { ...DefaultTheme, diff --git a/docs/components/demo/MucComment/BasicExample.vue b/docs/components/demo/MucComment/BasicExample.vue new file mode 100644 index 00000000..90d5d998 --- /dev/null +++ b/docs/components/demo/MucComment/BasicExample.vue @@ -0,0 +1,27 @@ + + + + diff --git a/docs/components/muc-comment.md b/docs/components/muc-comment.md new file mode 100644 index 00000000..9cff40d0 --- /dev/null +++ b/docs/components/muc-comment.md @@ -0,0 +1,37 @@ + + +# muc-banner + +The muc-comment component can be used to display a comment in e.g. a chat. +If you would like to display only text, we suggest using the more specific `muc-comment-text`. +For more general integration, we recommend the more general `muc-comment`. + +## Example Usage + + + + + +<<< @/components/demo/MucComment/BasicExample.vue + +## Reference +[🔗 Patternlab-Docs](https://patternlab.muenchen.space/?p=viewall-elements-comment) + +### Properties + +| Name | Type | Default | Description | +|---------|-------------|---------|---------------------------------------------------------------------------| +| rating | number (float) | | Number of stars to be displayed. | +| variant | CommentType | `listing` | Choose the variant of the comment. This can be either `slider` oder `listing` | + +### Slots +| Name | Parameters | Description | +| -------------- | ---------- |-------------------------------------------------------| +| initials | | Placeholder for the commenter's initials or avatar. | +| author | | Placeholder for the author's name or username. | +| datePrefix | | Prefix for the date (e.g., "am"). | +| date | | Placeholder for the comment's date. | +| headline | | Placeholder for the comment's headline or title. | +| text | | Placeholder for the main text content of the comment. | diff --git a/public/assets/fonts/open-sans/open-sans-v27-latin-700.eot b/public/assets/fonts/open-sans/open-sans-v27-latin-700.eot new file mode 100644 index 00000000..4773a0e7 Binary files /dev/null and b/public/assets/fonts/open-sans/open-sans-v27-latin-700.eot differ diff --git a/public/assets/fonts/open-sans/open-sans-v27-latin-700.svg b/public/assets/fonts/open-sans/open-sans-v27-latin-700.svg new file mode 100644 index 00000000..d6cd8baa --- /dev/null +++ b/public/assets/fonts/open-sans/open-sans-v27-latin-700.svg @@ -0,0 +1,349 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/assets/fonts/open-sans/open-sans-v27-latin-700.ttf b/public/assets/fonts/open-sans/open-sans-v27-latin-700.ttf new file mode 100644 index 00000000..599d9f70 Binary files /dev/null and b/public/assets/fonts/open-sans/open-sans-v27-latin-700.ttf differ diff --git a/public/assets/fonts/open-sans/open-sans-v27-latin-700.woff b/public/assets/fonts/open-sans/open-sans-v27-latin-700.woff new file mode 100644 index 00000000..bb308f2f Binary files /dev/null and b/public/assets/fonts/open-sans/open-sans-v27-latin-700.woff differ diff --git a/public/assets/fonts/open-sans/open-sans-v27-latin-700.woff2 b/public/assets/fonts/open-sans/open-sans-v27-latin-700.woff2 new file mode 100644 index 00000000..e8660703 Binary files /dev/null and b/public/assets/fonts/open-sans/open-sans-v27-latin-700.woff2 differ diff --git a/public/assets/fonts/open-sans/open-sans-v27-latin-italic.eot b/public/assets/fonts/open-sans/open-sans-v27-latin-italic.eot new file mode 100644 index 00000000..fa2bdcaa Binary files /dev/null and b/public/assets/fonts/open-sans/open-sans-v27-latin-italic.eot differ diff --git a/public/assets/fonts/open-sans/open-sans-v27-latin-italic.svg b/public/assets/fonts/open-sans/open-sans-v27-latin-italic.svg new file mode 100644 index 00000000..69bc0875 --- /dev/null +++ b/public/assets/fonts/open-sans/open-sans-v27-latin-italic.svg @@ -0,0 +1,379 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/assets/fonts/open-sans/open-sans-v27-latin-italic.ttf b/public/assets/fonts/open-sans/open-sans-v27-latin-italic.ttf new file mode 100644 index 00000000..77cdf3d4 Binary files /dev/null and b/public/assets/fonts/open-sans/open-sans-v27-latin-italic.ttf differ diff --git a/public/assets/fonts/open-sans/open-sans-v27-latin-italic.woff b/public/assets/fonts/open-sans/open-sans-v27-latin-italic.woff new file mode 100644 index 00000000..d0eed761 Binary files /dev/null and b/public/assets/fonts/open-sans/open-sans-v27-latin-italic.woff differ diff --git a/public/assets/fonts/open-sans/open-sans-v27-latin-italic.woff2 b/public/assets/fonts/open-sans/open-sans-v27-latin-italic.woff2 new file mode 100644 index 00000000..10a17f0c Binary files /dev/null and b/public/assets/fonts/open-sans/open-sans-v27-latin-italic.woff2 differ diff --git a/public/assets/fonts/open-sans/open-sans-v27-latin-regular.eot b/public/assets/fonts/open-sans/open-sans-v27-latin-regular.eot new file mode 100644 index 00000000..db231756 Binary files /dev/null and b/public/assets/fonts/open-sans/open-sans-v27-latin-regular.eot differ diff --git a/public/assets/fonts/open-sans/open-sans-v27-latin-regular.svg b/public/assets/fonts/open-sans/open-sans-v27-latin-regular.svg new file mode 100644 index 00000000..f6bfcca5 --- /dev/null +++ b/public/assets/fonts/open-sans/open-sans-v27-latin-regular.svg @@ -0,0 +1,349 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/assets/fonts/open-sans/open-sans-v27-latin-regular.ttf b/public/assets/fonts/open-sans/open-sans-v27-latin-regular.ttf new file mode 100644 index 00000000..eb796aad Binary files /dev/null and b/public/assets/fonts/open-sans/open-sans-v27-latin-regular.ttf differ diff --git a/public/assets/fonts/open-sans/open-sans-v27-latin-regular.woff b/public/assets/fonts/open-sans/open-sans-v27-latin-regular.woff new file mode 100644 index 00000000..796d9f32 Binary files /dev/null and b/public/assets/fonts/open-sans/open-sans-v27-latin-regular.woff differ diff --git a/public/assets/fonts/open-sans/open-sans-v27-latin-regular.woff2 b/public/assets/fonts/open-sans/open-sans-v27-latin-regular.woff2 new file mode 100644 index 00000000..6354811d Binary files /dev/null and b/public/assets/fonts/open-sans/open-sans-v27-latin-regular.woff2 differ diff --git a/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-300.eot b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-300.eot new file mode 100644 index 00000000..73d6d525 Binary files /dev/null and b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-300.eot differ diff --git a/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-300.svg b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-300.svg new file mode 100644 index 00000000..f308a80e --- /dev/null +++ b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-300.svg @@ -0,0 +1,310 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-300.ttf b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-300.ttf new file mode 100644 index 00000000..43ce55c3 Binary files /dev/null and b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-300.ttf differ diff --git a/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-300.woff b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-300.woff new file mode 100644 index 00000000..e31a977f Binary files /dev/null and b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-300.woff differ diff --git a/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-300.woff2 b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-300.woff2 new file mode 100644 index 00000000..4851dcb5 Binary files /dev/null and b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-300.woff2 differ diff --git a/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-300italic.eot b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-300italic.eot new file mode 100644 index 00000000..b248e83f Binary files /dev/null and b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-300italic.eot differ diff --git a/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-300italic.svg b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-300italic.svg new file mode 100644 index 00000000..3fee97ac --- /dev/null +++ b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-300italic.svg @@ -0,0 +1,323 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-300italic.ttf b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-300italic.ttf new file mode 100644 index 00000000..0c7a029b Binary files /dev/null and b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-300italic.ttf differ diff --git a/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-300italic.woff b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-300italic.woff new file mode 100644 index 00000000..cf5b01ca Binary files /dev/null and b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-300italic.woff differ diff --git a/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-300italic.woff2 b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-300italic.woff2 new file mode 100644 index 00000000..87591d09 Binary files /dev/null and b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-300italic.woff2 differ diff --git a/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-700.eot b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-700.eot new file mode 100644 index 00000000..c6a1580b Binary files /dev/null and b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-700.eot differ diff --git a/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-700.svg b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-700.svg new file mode 100644 index 00000000..ab6491b6 --- /dev/null +++ b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-700.svg @@ -0,0 +1,309 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-700.ttf b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-700.ttf new file mode 100644 index 00000000..fd10d6aa Binary files /dev/null and b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-700.ttf differ diff --git a/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-700.woff b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-700.woff new file mode 100644 index 00000000..44a9bac7 Binary files /dev/null and b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-700.woff differ diff --git a/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-700.woff2 b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-700.woff2 new file mode 100644 index 00000000..1a32150b Binary files /dev/null and b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-700.woff2 differ diff --git a/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-700italic.eot b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-700italic.eot new file mode 100644 index 00000000..afb6f6e9 Binary files /dev/null and b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-700italic.eot differ diff --git a/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-700italic.svg b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-700italic.svg new file mode 100644 index 00000000..fb2e82e8 --- /dev/null +++ b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-700italic.svg @@ -0,0 +1,322 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-700italic.ttf b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-700italic.ttf new file mode 100644 index 00000000..38620cee Binary files /dev/null and b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-700italic.ttf differ diff --git a/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-700italic.woff b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-700italic.woff new file mode 100644 index 00000000..aa261d0a Binary files /dev/null and b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-700italic.woff differ diff --git a/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-700italic.woff2 b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-700italic.woff2 new file mode 100644 index 00000000..2d3dcc0f Binary files /dev/null and b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-700italic.woff2 differ diff --git a/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-italic.eot b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-italic.eot new file mode 100644 index 00000000..25f397de Binary files /dev/null and b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-italic.eot differ diff --git a/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-italic.svg b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-italic.svg new file mode 100644 index 00000000..7a01f8d7 --- /dev/null +++ b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-italic.svg @@ -0,0 +1,326 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-italic.ttf b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-italic.ttf new file mode 100644 index 00000000..df8c2e8b Binary files /dev/null and b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-italic.ttf differ diff --git a/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-italic.woff b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-italic.woff new file mode 100644 index 00000000..e11e7e4f Binary files /dev/null and b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-italic.woff differ diff --git a/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-italic.woff2 b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-italic.woff2 new file mode 100644 index 00000000..66096431 Binary files /dev/null and b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-italic.woff2 differ diff --git a/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-regular.eot b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-regular.eot new file mode 100644 index 00000000..e64b69bb Binary files /dev/null and b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-regular.eot differ diff --git a/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-regular.svg b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-regular.svg new file mode 100644 index 00000000..803c3b8a --- /dev/null +++ b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-regular.svg @@ -0,0 +1,306 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-regular.ttf b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-regular.ttf new file mode 100644 index 00000000..878bdb26 Binary files /dev/null and b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-regular.ttf differ diff --git a/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-regular.woff b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-regular.woff new file mode 100644 index 00000000..90f54ea5 Binary files /dev/null and b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-regular.woff differ diff --git a/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-regular.woff2 b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-regular.woff2 new file mode 100644 index 00000000..bcbfde74 Binary files /dev/null and b/public/assets/fonts/roboto-condensed/roboto-condensed-v19-latin-regular.woff2 differ diff --git a/public/assets/temporary/muenchende-fontfaces.css b/public/assets/temporary/muenchende-fontfaces.css index b7c47f37..767f9723 100644 --- a/public/assets/temporary/muenchende-fontfaces.css +++ b/public/assets/temporary/muenchende-fontfaces.css @@ -2,46 +2,46 @@ font-family: Roboto Condensed; font-style: normal; font-weight: 300; - src: url(../assets/fonts/roboto-condensed/roboto-condensed-v19-latin-300.eot); - src: local(""), url(../assets/fonts/roboto-condensed/roboto-condensed-v19-latin-300.eot?#iefix) format("embedded-opentype"), url(../assets/fonts/roboto-condensed/roboto-condensed-v19-latin-300.woff2) format("woff2"), url(../assets/fonts/roboto-condensed/roboto-condensed-v19-latin-300.woff) format("woff"), url(../assets/fonts/roboto-condensed/roboto-condensed-v19-latin-300.ttf) format("truetype"), url(../assets/fonts/roboto-condensed/roboto-condensed-v19-latin-300.svg#RobotoCondensed) format("svg") + src: url(../fonts/roboto-condensed/roboto-condensed-v19-latin-300.eot); + src: local(""), url(../fonts/roboto-condensed/roboto-condensed-v19-latin-300.eot?#iefix) format("embedded-opentype"), url(../fonts/roboto-condensed/roboto-condensed-v19-latin-300.woff2) format("woff2"), url(../fonts/roboto-condensed/roboto-condensed-v19-latin-300.woff) format("woff"), url(../fonts/roboto-condensed/roboto-condensed-v19-latin-300.ttf) format("truetype"), url(../fonts/roboto-condensed/roboto-condensed-v19-latin-300.svg#RobotoCondensed) format("svg") } @font-face { font-family: Roboto Condensed; font-style: normal; font-weight: 400; - src: url(../assets/fonts/roboto-condensed/roboto-condensed-v19-latin-regular.eot); - src: local(""), url(../assets/fonts/roboto-condensed/roboto-condensed-v19-latin-regular.eot?#iefix) format("embedded-opentype"), url(../assets/fonts/roboto-condensed/roboto-condensed-v19-latin-regular.woff2) format("woff2"), url(../assets/fonts/roboto-condensed/roboto-condensed-v19-latin-regular.woff) format("woff"), url(../assets/fonts/roboto-condensed/roboto-condensed-v19-latin-regular.ttf) format("truetype"), url(../assets/fonts/roboto-condensed/roboto-condensed-v19-latin-regular.svg#RobotoCondensed) format("svg") + src: url(../fonts/roboto-condensed/roboto-condensed-v19-latin-regular.eot); + src: local(""), url(../fonts/roboto-condensed/roboto-condensed-v19-latin-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/roboto-condensed/roboto-condensed-v19-latin-regular.woff2) format("woff2"), url(../fonts/roboto-condensed/roboto-condensed-v19-latin-regular.woff) format("woff"), url(../fonts/roboto-condensed/roboto-condensed-v19-latin-regular.ttf) format("truetype"), url(../fonts/roboto-condensed/roboto-condensed-v19-latin-regular.svg#RobotoCondensed) format("svg") } @font-face { font-family: Roboto Condensed; font-style: normal; font-weight: 700; - src: url(../assets/fonts/roboto-condensed/roboto-condensed-v19-latin-700.eot); - src: local(""), url(../assets/fonts/roboto-condensed/roboto-condensed-v19-latin-700.eot?#iefix) format("embedded-opentype"), url(../assets/fonts/roboto-condensed/roboto-condensed-v19-latin-700.woff2) format("woff2"), url(../assets/fonts/roboto-condensed/roboto-condensed-v19-latin-700.woff) format("woff"), url(../assets/fonts/roboto-condensed/roboto-condensed-v19-latin-700.ttf) format("truetype"), url(../assets/fonts/roboto-condensed/roboto-condensed-v19-latin-700.svg#RobotoCondensed) format("svg") + src: url(../fonts/roboto-condensed/roboto-condensed-v19-latin-700.eot); + src: local(""), url(../fonts/roboto-condensed/roboto-condensed-v19-latin-700.eot?#iefix) format("embedded-opentype"), url(../fonts/roboto-condensed/roboto-condensed-v19-latin-700.woff2) format("woff2"), url(../fonts/roboto-condensed/roboto-condensed-v19-latin-700.woff) format("woff"), url(../fonts/roboto-condensed/roboto-condensed-v19-latin-700.ttf) format("truetype"), url(../fonts/roboto-condensed/roboto-condensed-v19-latin-700.svg#RobotoCondensed) format("svg") } @font-face { font-family: Open Sans; font-style: normal; font-weight: 400; - src: url(../assets/fonts/open-sans/open-sans-v27-latin-regular.eot); - src: local(""), url(../assets/fonts/open-sans/open-sans-v27-latin-regular.eot?#iefix) format("embedded-opentype"), url(../assets/fonts/open-sans/open-sans-v27-latin-regular.woff2) format("woff2"), url(../assets/fonts/open-sans/open-sans-v27-latin-regular.woff) format("woff"), url(../assets/fonts/open-sans/open-sans-v27-latin-regular.ttf) format("truetype"), url(../assets/fonts/open-sans/open-sans-v27-latin-regular.svg#OpenSans) format("svg") + src: url(../fonts/open-sans/open-sans-v27-latin-regular.eot); + src: local(""), url(../fonts/open-sans/open-sans-v27-latin-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/open-sans/open-sans-v27-latin-regular.woff2) format("woff2"), url(../fonts/open-sans/open-sans-v27-latin-regular.woff) format("woff"), url(../fonts/open-sans/open-sans-v27-latin-regular.ttf) format("truetype"), url(../fonts/open-sans/open-sans-v27-latin-regular.svg#OpenSans) format("svg") } @font-face { font-family: Open Sans; font-style: normal; font-weight: 700; - src: url(../assets/fonts/open-sans/open-sans-v27-latin-700.eot); - src: local(""), url(../assets/fonts/open-sans/open-sans-v27-latin-700.eot?#iefix) format("embedded-opentype"), url(../assets/fonts/open-sans/open-sans-v27-latin-700.woff2) format("woff2"), url(../assets/fonts/open-sans/open-sans-v27-latin-700.woff) format("woff"), url(../assets/fonts/open-sans/open-sans-v27-latin-700.ttf) format("truetype"), url(../assets/fonts/open-sans/open-sans-v27-latin-700.svg#OpenSans) format("svg") + src: url(../fonts/open-sans/open-sans-v27-latin-700.eot); + src: local(""), url(../fonts/open-sans/open-sans-v27-latin-700.eot?#iefix) format("embedded-opentype"), url(../fonts/open-sans/open-sans-v27-latin-700.woff2) format("woff2"), url(../fonts/open-sans/open-sans-v27-latin-700.woff) format("woff"), url(../fonts/open-sans/open-sans-v27-latin-700.ttf) format("truetype"), url(../fonts/open-sans/open-sans-v27-latin-700.svg#OpenSans) format("svg") } @font-face { font-family: Open Sans; font-style: italic; font-weight: 400; - src: url(../assets/fonts/open-sans/open-sans-v27-latin-italic.eot); - src: local(""), url(../assets/fonts/open-sans/open-sans-v27-latin-italic.eot?#iefix) format("embedded-opentype"), url(../assets/fonts/open-sans/open-sans-v27-latin-italic.woff2) format("woff2"), url(../assets/fonts/open-sans/open-sans-v27-latin-italic.woff) format("woff"), url(../assets/fonts/open-sans/open-sans-v27-latin-italic.ttf) format("truetype"), url(../assets/fonts/open-sans/open-sans-v27-latin-italic.svg#OpenSans) format("svg") + src: url(../fonts/open-sans/open-sans-v27-latin-italic.eot); + src: local(""), url(../fonts/open-sans/open-sans-v27-latin-italic.eot?#iefix) format("embedded-opentype"), url(../fonts/open-sans/open-sans-v27-latin-italic.woff2) format("woff2"), url(../fonts/open-sans/open-sans-v27-latin-italic.woff) format("woff"), url(../fonts/open-sans/open-sans-v27-latin-italic.ttf) format("truetype"), url(../fonts/open-sans/open-sans-v27-latin-italic.svg#OpenSans) format("svg") } \ No newline at end of file diff --git a/src/components/Comment/CommentType.ts b/src/components/Comment/CommentType.ts new file mode 100644 index 00000000..25320653 --- /dev/null +++ b/src/components/Comment/CommentType.ts @@ -0,0 +1,3 @@ +type CommentType = "listing" | "slider"; + +export default CommentType; diff --git a/src/components/Comment/MucComment.vue b/src/components/Comment/MucComment.vue new file mode 100644 index 00000000..b7ed8bd7 --- /dev/null +++ b/src/components/Comment/MucComment.vue @@ -0,0 +1,148 @@ + + + + diff --git a/src/components/Comment/MucCommentText.vue b/src/components/Comment/MucCommentText.vue new file mode 100644 index 00000000..6789f693 --- /dev/null +++ b/src/components/Comment/MucCommentText.vue @@ -0,0 +1,53 @@ + + + + + diff --git a/src/components/Comment/index.ts b/src/components/Comment/index.ts new file mode 100644 index 00000000..96f514fc --- /dev/null +++ b/src/components/Comment/index.ts @@ -0,0 +1,4 @@ +import MucComment from "./MucComment.vue"; +import MucCommentText from "./MucCommentText.vue"; + +export { MucComment, MucCommentText }; diff --git a/src/components/index.ts b/src/components/index.ts index fc2fbbb3..0ac34177 100644 --- a/src/components/index.ts +++ b/src/components/index.ts @@ -1,6 +1,14 @@ import { MucBanner } from "./Banner"; import { MucButton } from "./Button"; import { MucCallout } from "./Callout"; +import { MucComment, MucCommentText } from "./Comment/"; import { MucIntro } from "./Intro"; -export { MucButton, MucBanner, MucIntro, MucCallout }; +export { + MucButton, + MucBanner, + MucIntro, + MucCallout, + MucComment, + MucCommentText, +};