@digigov/react-core 0.21.1 → 0.22.0

package/src/Nav/index.tsx

@@ -14,13 +14,37 @@ export interface NavProps extends BaseProps<'nav'> {
    * layout is horizontal by default.
    */
   layout?: 'vertical' | 'horizontal';
+  /**
+   * hidden is optional.
+   * hidden prop hides the nav element when it is called from a navItem.
+   */
+  hidden?: boolean;
+  /**
+   * fixed is optional.
+   * fixed prop allows element to be positioned relative to the viewport
+   */
+  fixed?: boolean;
+  /**
+   * border is optional.
+   * border prop contains border-bottom styling.
+   */
+  border?: boolean;
 }
 /**
  * Nav is mainly used under the Header.
  * This is a wrapper for the NavList component.
  */
 export const Nav = React.forwardRef<HTMLElement, NavProps>(function Nav(
-  { className, open = false, layout = 'horizontal', children, ...props },
+  {
+    className,
+    open = false,
+    layout = 'horizontal',
+    hidden = false,
+    fixed = true,
+    border = true,
+    children,
+    ...props
+  },
   ref
 ) {
   return (
@@ -29,8 +53,11 @@ export const Nav = React.forwardRef<HTMLElement, NavProps>(function Nav(
       ref={ref}
       className={clsx(className, {
         'govgr-horizontal-nav': true,
-        'govgr-nav-horizontal--border': layout === 'horizontal',
+        'govgr-horizontal-nav--order': layout === 'horizontal',
+        'govgr-nav-horizontal--fixed': fixed,
+        'govgr-nav-horizontal--border': border,
         'govgr-horizontal-nav--open': open,
+        'govgr-horizontal-nav--hidden': hidden,
       })}
       {...props}
     >

package/src/SectionBreak/index.tsx

@@ -12,13 +12,16 @@ export interface SectionBreakProps extends BaseProps<'hr'> {
   /**
    * size is optional and it is about the different size margins.
    */
-  size?: 'xl' | 'l' | 'm';
+  size?: 'xl' | 'l' | 'm' | 's';
 }
 /**
  * SectionBreak is used to create a thematic break between sections of content.
  */
 export const SectionBreak = React.forwardRef<HTMLHRElement, SectionBreakProps>(
-  function SectionBreak({ visible, size, className, ...props }, ref) {
+  function SectionBreak(
+    { visible = true, size = 's', className, ...props },
+    ref
+  ) {
     return (
       <Base
         as="hr"

package/src/SvgIcon/index.tsx

@@ -7,7 +7,7 @@ export interface SvgIconProps extends BaseProps<'svg'> {
    * size prop declares the size of the svg icon.
    * size is optional. The default value is 'm'.
    */
-  size?: 's' | 'm' | 'l' | 'xl';
+  size?: 's' | 'm' | 'l' | 'xl' | 'xxl';
 
   /**
    * variant property styles svg icon with Gov.gr palette's basic colors.

package/src/index.ts

@@ -1,3 +1,5 @@
+export * from '@digigov/react-core/AccessibilityIcon';
+export * from '@digigov/react-core/AccessibilityTextIcon';
 export * from '@digigov/react-core/Accordion';
 export * from '@digigov/react-core/AccordionControls';
 export * from '@digigov/react-core/AccordionSection';

package/src/registry.js

@@ -1,4 +1,6 @@
 
+import * as _digigov_react_core_AccessibilityIcon from '@digigov/react-core/AccessibilityIcon';
+import * as _digigov_react_core_AccessibilityTextIcon from '@digigov/react-core/AccessibilityTextIcon';
 import * as _digigov_react_core_Accordion from '@digigov/react-core/Accordion';
 import * as _digigov_react_core_AccordionControls from '@digigov/react-core/AccordionControls';
 import * as _digigov_react_core_AccordionSection from '@digigov/react-core/AccordionSection';
@@ -176,6 +178,8 @@ function lazyImport(pkgImport) {
   )
 }
 export default {
+  '@digigov/react-core/AccessibilityIcon': lazyImport(_digigov_react_core_AccessibilityIcon),
+  '@digigov/react-core/AccessibilityTextIcon': lazyImport(_digigov_react_core_AccessibilityTextIcon),
   '@digigov/react-core/Accordion': lazyImport(_digigov_react_core_Accordion),
   '@digigov/react-core/AccordionControls': lazyImport(_digigov_react_core_AccordionControls),
   '@digigov/react-core/AccordionSection': lazyImport(_digigov_react_core_AccordionSection),