@digigov/react-core 0.20.1 → 0.21.1

package/src/TableBody/index.tsx

@@ -2,20 +2,31 @@ import React from 'react';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
-export interface TableBodyProps extends BaseProps<'tbody'> {}
+export interface TableBodyProps extends BaseProps<'tbody'> {
+  /**
+   * verticalAlign is optional. Default value is 'middle'.
+   * This prop set the vertical align of the body's content.
+   */
+  verticalAlign?: 'middle' | 'top' | 'bottom';
+}
 /**
  * Use TableBody inside the Table component to provide for the table data.
  */
 export const TableBody = React.forwardRef<
   HTMLTableSectionElement,
   TableBodyProps
->(function TableBody({ className, children, ...props }, ref) {
+>(function TableBody(
+  { verticalAlign = 'middle', className, children, ...props },
+  ref
+) {
   return (
     <Base
       as="tbody"
       ref={ref}
       className={clsx(className, {
         'govgr-table__body': true,
+        'govgr-table__body--vertical-top': verticalAlign === 'top',
+        'govgr-table__body--vertical-bottom': verticalAlign === 'bottom',
       })}
       {...props}
     >

package/src/TableRow/index.tsx

@@ -2,18 +2,25 @@ import React from 'react';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
-export interface TableRowProps extends BaseProps<'tr'> {}
+export interface TableRowProps extends BaseProps<'tr'> {
+  /**
+   * warning is optional. Default value is false.
+   * Add the warning prop to add a warning line on the left of the row.
+   */
+  warning?: boolean; 
+}
 /**
  * Use TableRow inside the Table component to provide a new row to the table.
  */
 export const TableRow = React.forwardRef<HTMLTableRowElement, TableRowProps>(
-  function TableRow({ className, children, ...props }, ref) {
+  function TableRow({ warning=false, className, children, ...props }, ref) {
     return (
       <Base
         as="tr"
         ref={ref}
         className={clsx(className, {
           'govgr-table__row': true,
+          'govgr-table__row--warning': warning,
         })}
         {...props}
       >

package/src/Unpurge/index.tsx

@@ -89,21 +89,51 @@ function Unpurge() {
     govgr-mb-8 
     govgr-mr-8 
     govgr-ml-8 
-    govgr-p-8 
-    govgr-pt-8 
-    govgr-pb-8 
-    govgr-pr-8 
-    govgr-pl-8 
     govgr-m-9 
     govgr-mt-9 
     govgr-mb-9 
     govgr-mr-9 
     govgr-ml-9 
+    govgr-m-10 
+    govgr-mt-10 
+    govgr-mb-10 
+    govgr-mr-10 
+    govgr-ml-10 
+    govgr-m-11 
+    govgr-mt-11 
+    govgr-mb-11 
+    govgr-mr-11 
+    govgr-ml-11 
+    govgr-m-12 
+    govgr-mt-12 
+    govgr-mb-12 
+    govgr-mr-12 
+    govgr-ml-12 
+    govgr-p-8 
+    govgr-pt-8 
+    govgr-pb-8 
+    govgr-pr-8 
+    govgr-pl-8 
     govgr-p-9 
     govgr-pt-9 
     govgr-pb-9 
     govgr-pr-9 
     govgr-pl-9 
+    govgr-p-10
+    govgr-pt-10
+    govgr-pb-10
+    govgr-pr-10
+    govgr-pl-10
+    govgr-p-11
+    govgr-pt-11
+    govgr-pb-11
+    govgr-pr-11
+    govgr-pl-11
+    govgr-p-12
+    govgr-pt-12
+    govgr-pb-12
+    govgr-pr-12
+    govgr-pl-12
     govgr-print-hidden
     `}
     ></div>