feat(Comment): add size prop to Group

src/views/Comment/CommentGroup.js

@@ -1,11 +1,13 @@
 import cx from 'classnames'
+import _ from 'lodash'
 import React, { PropTypes } from 'react'
 
 import {
   customPropTypes,
   getElementType,
   getUnhandledProps,
   META,
+  SUI,
   useKeyOnly,
 } from '../../lib'
 
@@ -18,11 +20,13 @@ function CommentGroup(props) {
     children,
     collapsed,
     minimal,
+    size,
     threaded,
   } = props
 
   const classes = cx(
     'ui',
+    size,
     useKeyOnly(collapsed, 'collapsed'),
     useKeyOnly(minimal, 'minimal'),
     useKeyOnly(threaded, 'threaded'),
@@ -57,6 +61,9 @@ CommentGroup.propTypes = {
   /** Comments can hide extra information unless a user shows intent to interact with a comment. */
   minimal: PropTypes.bool,
 
+  /** Comments can have different sizes. */
+  size: PropTypes.oneOf(_.without(SUI.SIZES, 'medium')),
+
   /** A comment list can be threaded to showing the relationship between conversations. */
   threaded: PropTypes.bool,
 }

src/views/Comment/index.d.ts

@@ -43,6 +43,9 @@ interface CommentActionProps {
 
   /** Additional classes. */
   className?: string;
+
+  /** Comments can have different sizes. */
+  size?: 'mini' | 'tiny' | 'small' | 'large' | 'big' | 'huge' | 'massive';
 }
 
 export const CommentAction: React.ComponentClass<CommentActionProps>;

test/specs/views/Comment/CommentGroup-test.js

@@ -1,3 +1,6 @@
+import _ from 'lodash'
+
+import { SUI } from 'src/lib'
 import CommentGroup from 'src/views/Comment/CommentGroup'
 import * as common from 'test/specs/commonTests'
 
@@ -8,4 +11,6 @@ describe('CommentGroup', () => {
   common.propKeyOnlyToClassName(CommentGroup, 'collapsed')
   common.propKeyOnlyToClassName(CommentGroup, 'minimal')
   common.propKeyOnlyToClassName(CommentGroup, 'threaded')
+
+  common.propValueOnlyToClassName(CommentGroup, 'size', _.without(SUI.SIZES, 'medium'))
 })