@digigov/react-core 0.20.0-navlist.alpha.2 → 0.20.0

package/esm/registry.js

@@ -62,6 +62,7 @@ import * as _digigov_react_core_FooterMetaItem from '@digigov/react-core/FooterM
 import * as _digigov_react_core_FooterNavigation from '@digigov/react-core/FooterNavigation';
 import * as _digigov_react_core_FooterSection from '@digigov/react-core/FooterSection';
 import * as _digigov_react_core_Form from '@digigov/react-core/Form';
+import * as _digigov_react_core_GlobeIcon from '@digigov/react-core/GlobeIcon';
 import * as _digigov_react_core_GovGRLogo_govgr_logo_blue_base64 from '@digigov/react-core/GovGRLogo/govgr-logo-blue-base64';
 import * as _digigov_react_core_GovGRLogo from '@digigov/react-core/GovGRLogo';
 import * as _digigov_react_core_Grid from '@digigov/react-core/Grid';
@@ -93,11 +94,11 @@ import * as _digigov_react_core_Main from '@digigov/react-core/Main';
 import * as _digigov_react_core_Masthead from '@digigov/react-core/Masthead';
 import * as _digigov_react_core_MastheadBody from '@digigov/react-core/MastheadBody';
 import * as _digigov_react_core_MoreVertIcon from '@digigov/react-core/MoreVertIcon';
-import * as _digigov_react_core_NavHorizontal from '@digigov/react-core/NavHorizontal';
-import * as _digigov_react_core_NavHorizontalList from '@digigov/react-core/NavHorizontalList';
-import * as _digigov_react_core_NavHorizontalListItem from '@digigov/react-core/NavHorizontalListItem';
-import * as _digigov_react_core_NavHorizontalListItemButton from '@digigov/react-core/NavHorizontalListItemButton';
-import * as _digigov_react_core_NavHorizontalListItemLink from '@digigov/react-core/NavHorizontalListItemLink';
+import * as _digigov_react_core_Nav from '@digigov/react-core/Nav';
+import * as _digigov_react_core_NavList from '@digigov/react-core/NavList';
+import * as _digigov_react_core_NavListItem from '@digigov/react-core/NavListItem';
+import * as _digigov_react_core_NavListItemButton from '@digigov/react-core/NavListItemButton';
+import * as _digigov_react_core_NavListItemLink from '@digigov/react-core/NavListItemLink';
 import * as _digigov_react_core_NavMenu from '@digigov/react-core/NavMenu';
 import * as _digigov_react_core_NavMenuContainer from '@digigov/react-core/NavMenuContainer';
 import * as _digigov_react_core_NavMenuContainerContent from '@digigov/react-core/NavMenuContainerContent';
@@ -235,6 +236,7 @@ export default {
   '@digigov/react-core/FooterNavigation': lazyImport(_digigov_react_core_FooterNavigation),
   '@digigov/react-core/FooterSection': lazyImport(_digigov_react_core_FooterSection),
   '@digigov/react-core/Form': lazyImport(_digigov_react_core_Form),
+  '@digigov/react-core/GlobeIcon': lazyImport(_digigov_react_core_GlobeIcon),
   '@digigov/react-core/GovGRLogo/govgr-logo-blue-base64': lazyImport(_digigov_react_core_GovGRLogo_govgr_logo_blue_base64),
   '@digigov/react-core/GovGRLogo': lazyImport(_digigov_react_core_GovGRLogo),
   '@digigov/react-core/Grid': lazyImport(_digigov_react_core_Grid),
@@ -266,11 +268,11 @@ export default {
   '@digigov/react-core/Masthead': lazyImport(_digigov_react_core_Masthead),
   '@digigov/react-core/MastheadBody': lazyImport(_digigov_react_core_MastheadBody),
   '@digigov/react-core/MoreVertIcon': lazyImport(_digigov_react_core_MoreVertIcon),
-  '@digigov/react-core/NavHorizontal': lazyImport(_digigov_react_core_NavHorizontal),
-  '@digigov/react-core/NavHorizontalList': lazyImport(_digigov_react_core_NavHorizontalList),
-  '@digigov/react-core/NavHorizontalListItem': lazyImport(_digigov_react_core_NavHorizontalListItem),
-  '@digigov/react-core/NavHorizontalListItemButton': lazyImport(_digigov_react_core_NavHorizontalListItemButton),
-  '@digigov/react-core/NavHorizontalListItemLink': lazyImport(_digigov_react_core_NavHorizontalListItemLink),
+  '@digigov/react-core/Nav': lazyImport(_digigov_react_core_Nav),
+  '@digigov/react-core/NavList': lazyImport(_digigov_react_core_NavList),
+  '@digigov/react-core/NavListItem': lazyImport(_digigov_react_core_NavListItem),
+  '@digigov/react-core/NavListItemButton': lazyImport(_digigov_react_core_NavListItemButton),
+  '@digigov/react-core/NavListItemLink': lazyImport(_digigov_react_core_NavListItemLink),
   '@digigov/react-core/NavMenu': lazyImport(_digigov_react_core_NavMenu),
   '@digigov/react-core/NavMenuContainer': lazyImport(_digigov_react_core_NavMenuContainer),
   '@digigov/react-core/NavMenuContainerContent': lazyImport(_digigov_react_core_NavMenuContainerContent),

package/index.d.ts

@@ -62,6 +62,7 @@ export * from '@digigov/react-core/FooterSection';
 export * from '@digigov/react-core/FieldContainer';
 export * from '@digigov/react-core/GovGRLogo';
 export * from '@digigov/react-core/Grid';
+export * from '@digigov/react-core/GlobeIcon';
 export * from '@digigov/react-core/Header';
 export * from '@digigov/react-core/HeaderContent';
 export * from '@digigov/react-core/HeaderLogo';
@@ -84,11 +85,11 @@ export * from '@digigov/react-core/Main';
 export * from '@digigov/react-core/Masthead';
 export * from '@digigov/react-core/MastheadBody';
 export * from '@digigov/react-core/MoreVertIcon';
-export * from '@digigov/react-core/NavHorizontal';
-export * from '@digigov/react-core/NavHorizontalList';
-export * from '@digigov/react-core/NavHorizontalListItem';
-export * from '@digigov/react-core/NavHorizontalListItemLink';
-export * from '@digigov/react-core/NavHorizontalListItemButton';
+export * from '@digigov/react-core/Nav';
+export * from '@digigov/react-core/NavList';
+export * from '@digigov/react-core/NavListItem';
+export * from '@digigov/react-core/NavListItemLink';
+export * from '@digigov/react-core/NavListItemButton';
 export * from '@digigov/react-core/NavMenu';
 export * from '@digigov/react-core/NavMenuContainer';
 export * from '@digigov/react-core/NavMenuContainerContent';

package/index.js

@@ -836,6 +836,19 @@ Object.keys(_Grid).forEach(function (key) {
   });
 });
 
+var _GlobeIcon = require("@digigov/react-core/GlobeIcon");
+
+Object.keys(_GlobeIcon).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _GlobeIcon[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _GlobeIcon[key];
+    }
+  });
+});
+
 var _Header = require("@digigov/react-core/Header");
 
 Object.keys(_Header).forEach(function (key) {
@@ -1122,67 +1135,67 @@ Object.keys(_MoreVertIcon).forEach(function (key) {
   });
 });
 
-var _NavHorizontal = require("@digigov/react-core/NavHorizontal");
+var _Nav = require("@digigov/react-core/Nav");
 
-Object.keys(_NavHorizontal).forEach(function (key) {
+Object.keys(_Nav).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _NavHorizontal[key]) return;
+  if (key in exports && exports[key] === _Nav[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _NavHorizontal[key];
+      return _Nav[key];
     }
   });
 });
 
-var _NavHorizontalList = require("@digigov/react-core/NavHorizontalList");
+var _NavList = require("@digigov/react-core/NavList");
 
-Object.keys(_NavHorizontalList).forEach(function (key) {
+Object.keys(_NavList).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _NavHorizontalList[key]) return;
+  if (key in exports && exports[key] === _NavList[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _NavHorizontalList[key];
+      return _NavList[key];
     }
   });
 });
 
-var _NavHorizontalListItem = require("@digigov/react-core/NavHorizontalListItem");
+var _NavListItem = require("@digigov/react-core/NavListItem");
 
-Object.keys(_NavHorizontalListItem).forEach(function (key) {
+Object.keys(_NavListItem).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _NavHorizontalListItem[key]) return;
+  if (key in exports && exports[key] === _NavListItem[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _NavHorizontalListItem[key];
+      return _NavListItem[key];
     }
   });
 });
 
-var _NavHorizontalListItemLink = require("@digigov/react-core/NavHorizontalListItemLink");
+var _NavListItemLink = require("@digigov/react-core/NavListItemLink");
 
-Object.keys(_NavHorizontalListItemLink).forEach(function (key) {
+Object.keys(_NavListItemLink).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _NavHorizontalListItemLink[key]) return;
+  if (key in exports && exports[key] === _NavListItemLink[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _NavHorizontalListItemLink[key];
+      return _NavListItemLink[key];
     }
   });
 });
 
-var _NavHorizontalListItemButton = require("@digigov/react-core/NavHorizontalListItemButton");
+var _NavListItemButton = require("@digigov/react-core/NavListItemButton");
 
-Object.keys(_NavHorizontalListItemButton).forEach(function (key) {
+Object.keys(_NavListItemButton).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _NavHorizontalListItemButton[key]) return;
+  if (key in exports && exports[key] === _NavListItemButton[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _NavHorizontalListItemButton[key];
+      return _NavListItemButton[key];
     }
   });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digigov/react-core",
-  "version": "0.20.0-navlist.alpha.2",
+  "version": "0.20.0",
   "description": "@digigov react core components",
   "author": "GRNET Developers <devs@lists.grnet.gr>",
   "license": "BSD-2-Clause",
@@ -11,12 +11,11 @@
     "directory": "dist"
   },
   "peerDependencies": {
-    "@digigov/css": "0.31.0-navlist.alpha.2",
+    "@digigov/css": "0.32.0",
     "clsx": "1.1.1",
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"
   },
-  "dependencies": {},
   "private": false,
   "typings": "./index.d.ts"
 }

package/registry.d.ts

@@ -63,6 +63,7 @@ declare var _default: {
     '@digigov/react-core/FooterNavigation': {};
     '@digigov/react-core/FooterSection': {};
     '@digigov/react-core/Form': {};
+    '@digigov/react-core/GlobeIcon': {};
     '@digigov/react-core/GovGRLogo/govgr-logo-blue-base64': {};
     '@digigov/react-core/GovGRLogo': {};
     '@digigov/react-core/Grid': {};
@@ -94,11 +95,11 @@ declare var _default: {
     '@digigov/react-core/Masthead': {};
     '@digigov/react-core/MastheadBody': {};
     '@digigov/react-core/MoreVertIcon': {};
-    '@digigov/react-core/NavHorizontal': {};
-    '@digigov/react-core/NavHorizontalList': {};
-    '@digigov/react-core/NavHorizontalListItem': {};
-    '@digigov/react-core/NavHorizontalListItemButton': {};
-    '@digigov/react-core/NavHorizontalListItemLink': {};
+    '@digigov/react-core/Nav': {};
+    '@digigov/react-core/NavList': {};
+    '@digigov/react-core/NavListItem': {};
+    '@digigov/react-core/NavListItemButton': {};
+    '@digigov/react-core/NavListItemLink': {};
     '@digigov/react-core/NavMenu': {};
     '@digigov/react-core/NavMenuContainer': {};
     '@digigov/react-core/NavMenuContainerContent': {};

package/registry.js

@@ -135,6 +135,8 @@ var _digigov_react_core_FooterSection = _interopRequireWildcard(require("@digigo
 
 var _digigov_react_core_Form = _interopRequireWildcard(require("@digigov/react-core/Form"));
 
+var _digigov_react_core_GlobeIcon = _interopRequireWildcard(require("@digigov/react-core/GlobeIcon"));
+
 var _digigov_react_core_GovGRLogo_govgr_logo_blue_base64 = _interopRequireWildcard(require("@digigov/react-core/GovGRLogo/govgr-logo-blue-base64"));
 
 var _digigov_react_core_GovGRLogo = _interopRequireWildcard(require("@digigov/react-core/GovGRLogo"));
@@ -197,15 +199,15 @@ var _digigov_react_core_MastheadBody = _interopRequireWildcard(require("@digigov
 
 var _digigov_react_core_MoreVertIcon = _interopRequireWildcard(require("@digigov/react-core/MoreVertIcon"));
 
-var _digigov_react_core_NavHorizontal = _interopRequireWildcard(require("@digigov/react-core/NavHorizontal"));
+var _digigov_react_core_Nav = _interopRequireWildcard(require("@digigov/react-core/Nav"));
 
-var _digigov_react_core_NavHorizontalList = _interopRequireWildcard(require("@digigov/react-core/NavHorizontalList"));
+var _digigov_react_core_NavList = _interopRequireWildcard(require("@digigov/react-core/NavList"));
 
-var _digigov_react_core_NavHorizontalListItem = _interopRequireWildcard(require("@digigov/react-core/NavHorizontalListItem"));
+var _digigov_react_core_NavListItem = _interopRequireWildcard(require("@digigov/react-core/NavListItem"));
 
-var _digigov_react_core_NavHorizontalListItemButton = _interopRequireWildcard(require("@digigov/react-core/NavHorizontalListItemButton"));
+var _digigov_react_core_NavListItemButton = _interopRequireWildcard(require("@digigov/react-core/NavListItemButton"));
 
-var _digigov_react_core_NavHorizontalListItemLink = _interopRequireWildcard(require("@digigov/react-core/NavHorizontalListItemLink"));
+var _digigov_react_core_NavListItemLink = _interopRequireWildcard(require("@digigov/react-core/NavListItemLink"));
 
 var _digigov_react_core_NavMenu = _interopRequireWildcard(require("@digigov/react-core/NavMenu"));
 
@@ -404,6 +406,7 @@ var _default = {
   '@digigov/react-core/FooterNavigation': lazyImport(_digigov_react_core_FooterNavigation),
   '@digigov/react-core/FooterSection': lazyImport(_digigov_react_core_FooterSection),
   '@digigov/react-core/Form': lazyImport(_digigov_react_core_Form),
+  '@digigov/react-core/GlobeIcon': lazyImport(_digigov_react_core_GlobeIcon),
   '@digigov/react-core/GovGRLogo/govgr-logo-blue-base64': lazyImport(_digigov_react_core_GovGRLogo_govgr_logo_blue_base64),
   '@digigov/react-core/GovGRLogo': lazyImport(_digigov_react_core_GovGRLogo),
   '@digigov/react-core/Grid': lazyImport(_digigov_react_core_Grid),
@@ -435,11 +438,11 @@ var _default = {
   '@digigov/react-core/Masthead': lazyImport(_digigov_react_core_Masthead),
   '@digigov/react-core/MastheadBody': lazyImport(_digigov_react_core_MastheadBody),
   '@digigov/react-core/MoreVertIcon': lazyImport(_digigov_react_core_MoreVertIcon),
-  '@digigov/react-core/NavHorizontal': lazyImport(_digigov_react_core_NavHorizontal),
-  '@digigov/react-core/NavHorizontalList': lazyImport(_digigov_react_core_NavHorizontalList),
-  '@digigov/react-core/NavHorizontalListItem': lazyImport(_digigov_react_core_NavHorizontalListItem),
-  '@digigov/react-core/NavHorizontalListItemButton': lazyImport(_digigov_react_core_NavHorizontalListItemButton),
-  '@digigov/react-core/NavHorizontalListItemLink': lazyImport(_digigov_react_core_NavHorizontalListItemLink),
+  '@digigov/react-core/Nav': lazyImport(_digigov_react_core_Nav),
+  '@digigov/react-core/NavList': lazyImport(_digigov_react_core_NavList),
+  '@digigov/react-core/NavListItem': lazyImport(_digigov_react_core_NavListItem),
+  '@digigov/react-core/NavListItemButton': lazyImport(_digigov_react_core_NavListItemButton),
+  '@digigov/react-core/NavListItemLink': lazyImport(_digigov_react_core_NavListItemLink),
   '@digigov/react-core/NavMenu': lazyImport(_digigov_react_core_NavMenu),
   '@digigov/react-core/NavMenuContainer': lazyImport(_digigov_react_core_NavMenuContainer),
   '@digigov/react-core/NavMenuContainerContent': lazyImport(_digigov_react_core_NavMenuContainerContent),

package/src/Base/index.tsx

@@ -55,6 +55,26 @@ export type BaseProps<
     paddingRight?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
     /**  printHidden is optional. Default value is false. When true, the component is hidden at print. */
     printHidden?: boolean;
+    /** Components will be hidden from 'xs' screen size and up. */
+    xsUpHidden?: boolean;
+    /** Components will be hidden from 'sm' screen size and up. */
+    smUpHidden?: boolean;
+    /** Components will be hidden from 'md' screen size and up. */
+    mdUpHidden?: boolean;
+    /** Components will be hidden from 'lg' screen size and up. */
+    lgUpHidden?: boolean;
+    /** Components will be hidden from 'xl' screen size and up. */
+    xlUpHidden?: boolean;
+    /** Components will be hidden between xs and sm screen size. */
+    xsHidden?: boolean;
+    /** Components will be hidden between sm and md screen size. */
+    smHidden?: boolean;
+    /** Components will be hidden between md and lg screen size. */
+    mdHidden?: boolean;
+    /** Components will be hidden between lg and xl screen size. */
+    lgHidden?: boolean;
+    /** Components will be hidden between xl and 2xl screen size. */
+    xlHidden?: boolean;
   }
 >;
 
@@ -77,7 +97,17 @@ function calculateClasses(
   paddingRight?: number,
   paddingLeft?: number,
   printHidden?: boolean,
-  printVisible?: "block" | "inline"
+  printVisible?: 'block' | 'inline',
+  xsUpHidden?: boolean,
+  smUpHidden?: boolean,
+  mdUpHidden?: boolean,
+  lgUpHidden?: boolean,
+  xlUpHidden?: boolean,
+  xsHidden?: boolean,
+  smHidden?: boolean,
+  mdHidden?: boolean,
+  lgHidden?: boolean,
+  xlHidden?: boolean
 ) {
   const classList = {} as Record<string, boolean>;
   for (let i = 0; i <= 12; i++) {
@@ -93,8 +123,18 @@ function calculateClasses(
     classList[`govgr-pl-${i}`] = paddingLeft === i;
   }
   classList['govgr-print-hidden'] = !!printHidden;
-  classList['govgr-print-visible-block'] = printVisible === "block";
-  classList['govgr-print-visible-inline'] = printVisible === "inline";
+  classList['govgr-print-visible-block'] = printVisible === 'block';
+  classList['govgr-print-visible-inline'] = printVisible === 'inline';
+  classList['govgr-hidden-xs--up'] = xsUpHidden === true;
+  classList['govgr-hidden-sm--up'] = smUpHidden === true;
+  classList['govgr-hidden-md--up'] = mdUpHidden === true;
+  classList['govgr-hidden-lg--up'] = lgUpHidden === true;
+  classList['govgr-hidden-xl--up'] = xlUpHidden === true;
+  classList['govgr-hidden-xs'] = xsHidden === true;
+  classList['govgr-hidden-sm'] = smHidden === true;
+  classList['govgr-hidden-md'] = mdHidden === true;
+  classList['govgr-hidden-lg'] = lgHidden === true;
+  classList['govgr-hidden-xl'] = xlHidden === true;
   return classList;
 }
 
@@ -115,6 +155,16 @@ export const Base: BaseComponent = React.forwardRef(function Base<
     paddingRight,
     printHidden,
     printVisible,
+    xsUpHidden,
+    smUpHidden,
+    mdUpHidden,
+    lgUpHidden,
+    xlUpHidden,
+    xsHidden,
+    smHidden,
+    mdHidden,
+    lgHidden,
+    xlHidden,
     children,
     className,
     ...props
@@ -141,6 +191,16 @@ export const Base: BaseComponent = React.forwardRef(function Base<
           paddingLeft,
           printHidden,
           printVisible,
+          xsUpHidden,
+          smUpHidden,
+          mdUpHidden,
+          lgUpHidden,
+          xlUpHidden,
+          xsHidden,
+          smHidden,
+          mdHidden,
+          lgHidden,
+          xlHidden
         )
       )}
       {...props}

package/src/BurgerIcon/__snapshots__/index.test.tsx.snap

@@ -1,128 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders the BurgerIcon prop hidden="l" 1`] = `
-<ForwardRef(BurgerIcon)
-  hidden="l"
->
-  <ForwardRef(SvgIcon)
-    className="govgr-burger-icon--hidden-l govgr-burger-icon"
-  >
-    <ForwardRef(Base)
-      aria-hidden="true"
-      as="svg"
-      className="govgr-burger-icon--hidden-l govgr-burger-icon govgr-svg-icon"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      <svg
-        aria-hidden="true"
-        className="govgr-burger-icon--hidden-l govgr-burger-icon govgr-svg-icon"
-        focusable="false"
-        viewBox="0 0 24 24"
-      >
-        <rect
-          height="3.3"
-          id="govgr-burger-icon__line-1"
-          width="20"
-        />
-        <rect
-          height="3.3"
-          id="govgr-burger-icon__line-2"
-          width="20"
-        />
-        <rect
-          height="3.3"
-          id="govgr-burger-icon__line-3"
-          width="20"
-        />
-      </svg>
-    </ForwardRef(Base)>
-  </ForwardRef(SvgIcon)>
-</ForwardRef(BurgerIcon)>
-`;
-
-exports[`renders the BurgerIcon prop hidden="m" 1`] = `
-<ForwardRef(BurgerIcon)
-  hidden="m"
->
-  <ForwardRef(SvgIcon)
-    className="govgr-burger-icon--hidden-m govgr-burger-icon"
-  >
-    <ForwardRef(Base)
-      aria-hidden="true"
-      as="svg"
-      className="govgr-burger-icon--hidden-m govgr-burger-icon govgr-svg-icon"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      <svg
-        aria-hidden="true"
-        className="govgr-burger-icon--hidden-m govgr-burger-icon govgr-svg-icon"
-        focusable="false"
-        viewBox="0 0 24 24"
-      >
-        <rect
-          height="3.3"
-          id="govgr-burger-icon__line-1"
-          width="20"
-        />
-        <rect
-          height="3.3"
-          id="govgr-burger-icon__line-2"
-          width="20"
-        />
-        <rect
-          height="3.3"
-          id="govgr-burger-icon__line-3"
-          width="20"
-        />
-      </svg>
-    </ForwardRef(Base)>
-  </ForwardRef(SvgIcon)>
-</ForwardRef(BurgerIcon)>
-`;
-
-exports[`renders the BurgerIcon prop hidden="s" 1`] = `
-<ForwardRef(BurgerIcon)
-  hidden="s"
->
-  <ForwardRef(SvgIcon)
-    className="govgr-burger-icon--hidden-s govgr-burger-icon"
-  >
-    <ForwardRef(Base)
-      aria-hidden="true"
-      as="svg"
-      className="govgr-burger-icon--hidden-s govgr-burger-icon govgr-svg-icon"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      <svg
-        aria-hidden="true"
-        className="govgr-burger-icon--hidden-s govgr-burger-icon govgr-svg-icon"
-        focusable="false"
-        viewBox="0 0 24 24"
-      >
-        <rect
-          height="3.3"
-          id="govgr-burger-icon__line-1"
-          width="20"
-        />
-        <rect
-          height="3.3"
-          id="govgr-burger-icon__line-2"
-          width="20"
-        />
-        <rect
-          height="3.3"
-          id="govgr-burger-icon__line-3"
-          width="20"
-        />
-      </svg>
-    </ForwardRef(Base)>
-  </ForwardRef(SvgIcon)>
-</ForwardRef(BurgerIcon)>
-`;
-
 exports[`renders the BurgerIcon prop variant= "error" 1`] = `
 <ForwardRef(BurgerIcon)
   variant="error"
@@ -207,7 +84,7 @@ exports[`renders the BurgerIcon prop variant= "light" 1`] = `
 </ForwardRef(BurgerIcon)>
 `;
 
-exports[`renders the BurgerIcon props active hidden="no" variant= "light" 1`] = `
+exports[`renders the BurgerIcon props active variant= "light" 1`] = `
 <ForwardRef(BurgerIcon)
   active={true}
   variant="light"
@@ -371,90 +248,3 @@ exports[`renders the BurgerIcon with prop variant=dark 1`] = `
   </ForwardRef(SvgIcon)>
 </ForwardRef(BurgerIcon)>
 `;
-
-exports[`renders the BurgerIcon with props active hidden="s" and variant="dark" 1`] = `
-<ForwardRef(BurgerIcon)
-  active={true}
-  hidden="s"
-  variant="dark"
->
-  <ForwardRef(SvgIcon)
-    className="govgr-burger-icon--active govgr-burger-icon--hidden-s govgr-burger-icon"
-    variant="dark"
-  >
-    <ForwardRef(Base)
-      aria-hidden="true"
-      as="svg"
-      className="govgr-burger-icon--active govgr-burger-icon--hidden-s govgr-burger-icon govgr-svg-icon--dark govgr-svg-icon"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      <svg
-        aria-hidden="true"
-        className="govgr-burger-icon--active govgr-burger-icon--hidden-s govgr-burger-icon govgr-svg-icon--dark govgr-svg-icon"
-        focusable="false"
-        viewBox="0 0 24 24"
-      >
-        <rect
-          height="3.3"
-          id="govgr-burger-icon__line-1"
-          width="20"
-        />
-        <rect
-          height="3.3"
-          id="govgr-burger-icon__line-2"
-          width="20"
-        />
-        <rect
-          height="3.3"
-          id="govgr-burger-icon__line-3"
-          width="20"
-        />
-      </svg>
-    </ForwardRef(Base)>
-  </ForwardRef(SvgIcon)>
-</ForwardRef(BurgerIcon)>
-`;
-
-exports[`renders the BurgerIcon with props hidden="l" and variant="success" 1`] = `
-<ForwardRef(BurgerIcon)
-  hidden="l"
-  variant="success"
->
-  <ForwardRef(SvgIcon)
-    className="govgr-burger-icon--hidden-l govgr-burger-icon"
-    variant="success"
-  >
-    <ForwardRef(Base)
-      aria-hidden="true"
-      as="svg"
-      className="govgr-burger-icon--hidden-l govgr-burger-icon govgr-svg-icon--success govgr-svg-icon"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      <svg
-        aria-hidden="true"
-        className="govgr-burger-icon--hidden-l govgr-burger-icon govgr-svg-icon--success govgr-svg-icon"
-        focusable="false"
-        viewBox="0 0 24 24"
-      >
-        <rect
-          height="3.3"
-          id="govgr-burger-icon__line-1"
-          width="20"
-        />
-        <rect
-          height="3.3"
-          id="govgr-burger-icon__line-2"
-          width="20"
-        />
-        <rect
-          height="3.3"
-          id="govgr-burger-icon__line-3"
-          width="20"
-        />
-      </svg>
-    </ForwardRef(Base)>
-  </ForwardRef(SvgIcon)>
-</ForwardRef(BurgerIcon)>
-`;

package/src/BurgerIcon/index.test.tsx

@@ -21,25 +21,6 @@ it('renders the BurgerIcon prop variant= "light"', () => {
 it('renders the BurgerIcon prop variant= "error"', () => {
   expect(mount(<BurgerIcon variant="error" />)).toMatchSnapshot();
 });
-it('renders the BurgerIcon prop hidden="s"', () => {
-  expect(mount(<BurgerIcon hidden="s" />)).toMatchSnapshot();
-});
-it('renders the BurgerIcon prop hidden="m"', () => {
-  expect(mount(<BurgerIcon hidden="m" />)).toMatchSnapshot();
-});
-it('renders the BurgerIcon prop hidden="l"', () => {
-  expect(mount(<BurgerIcon hidden="l" />)).toMatchSnapshot();
-});
-
-it('renders the BurgerIcon with props active hidden="s" and variant="dark"', () => {
-  expect(
-    mount(<BurgerIcon active hidden="s" variant="dark" />)
-  ).toMatchSnapshot();
-});
-it('renders the BurgerIcon with props hidden="l" and variant="success"', () => {
-  expect(mount(<BurgerIcon hidden="l" variant="success" />)).toMatchSnapshot();
-});
-
-it('renders the BurgerIcon props active hidden="no" variant= "light"', () => {
+it('renders the BurgerIcon props active variant= "light"', () => {
   expect(mount(<BurgerIcon active variant="light" />)).toMatchSnapshot();
 });