@digigov/react-core 1.0.0-6b93ebf2 → 1.0.0-758a1807

package/esm/Stack/index.test.js

@@ -0,0 +1,248 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import Stack from '@digigov/react-core/Stack';
+
+var _ref = /*#__PURE__*/React.createElement(Stack, null, "hello");
+
+it('renders the Stack with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(Stack, {
+  direction: "column"
+}, "hello");
+
+it('renders the Stack with direction="column"', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
+});
+
+var _ref3 = /*#__PURE__*/React.createElement(Stack, {
+  direction: "row"
+}, "hello");
+
+it('renders the Stack with direction="row"', function () {
+  expect(mount(_ref3)).toMatchSnapshot();
+});
+
+var _ref4 = /*#__PURE__*/React.createElement(Stack, {
+  flexWrap: "wrap"
+}, "hello");
+
+it('renders the Stack with flexWrap="wrap"', function () {
+  expect(mount(_ref4)).toMatchSnapshot();
+});
+
+var _ref5 = /*#__PURE__*/React.createElement(Stack, {
+  flexWrap: "nowrap"
+}, "hello");
+
+it('renders the Stack with flexWrap="nowrap"', function () {
+  expect(mount(_ref5)).toMatchSnapshot();
+});
+
+var _ref6 = /*#__PURE__*/React.createElement(Stack, {
+  spacing: 2
+}, "hello");
+
+it('renders the Stack with spacing={2}', function () {
+  expect(mount(_ref6)).toMatchSnapshot();
+});
+
+var _ref7 = /*#__PURE__*/React.createElement(Stack, {
+  spacing: 4
+}, "hello");
+
+it('renders the Stack with spacing={4}', function () {
+  expect(mount(_ref7)).toMatchSnapshot();
+});
+
+var _ref8 = /*#__PURE__*/React.createElement(Stack, {
+  spacing: 6
+}, "hello");
+
+it('renders the Stack with spacing={6}', function () {
+  expect(mount(_ref8)).toMatchSnapshot();
+});
+
+var _ref9 = /*#__PURE__*/React.createElement(Stack, {
+  spacing: 8
+}, "hello");
+
+it('renders the Stack with spacing={8}', function () {
+  expect(mount(_ref9)).toMatchSnapshot();
+});
+
+var _ref10 = /*#__PURE__*/React.createElement(Stack, {
+  spacing: 10
+}, "hello");
+
+it('renders the Stack with spacing={10}', function () {
+  expect(mount(_ref10)).toMatchSnapshot();
+});
+
+var _ref11 = /*#__PURE__*/React.createElement(Stack, {
+  spacing: 12
+}, "hello");
+
+it('renders the Stack with spacing={12}', function () {
+  expect(mount(_ref11)).toMatchSnapshot();
+});
+
+var _ref12 = /*#__PURE__*/React.createElement(Stack, {
+  justifyContent: "center"
+}, "hello");
+
+it('renders the Stack with justifyContent="center"', function () {
+  expect(mount(_ref12)).toMatchSnapshot();
+});
+
+var _ref13 = /*#__PURE__*/React.createElement(Stack, {
+  justifyContent: "flex-start"
+}, "hello");
+
+it('renders the Stack with justifyContent="flex-start"', function () {
+  expect(mount(_ref13)).toMatchSnapshot();
+});
+
+var _ref14 = /*#__PURE__*/React.createElement(Stack, {
+  justifyContent: "flex-end"
+}, "hello");
+
+it('renders the Stack with justifyContent="flex-end"', function () {
+  expect(mount(_ref14)).toMatchSnapshot();
+});
+
+var _ref15 = /*#__PURE__*/React.createElement(Stack, {
+  justifyContent: "space-around"
+}, "hello");
+
+it('renders the Stack with justifyContent="space-around"', function () {
+  expect(mount(_ref15)).toMatchSnapshot();
+});
+
+var _ref16 = /*#__PURE__*/React.createElement(Stack, {
+  justifyContent: "space-between"
+}, "hello");
+
+it('renders the Stack with justifyContent="space-between"', function () {
+  expect(mount(_ref16)).toMatchSnapshot();
+});
+
+var _ref17 = /*#__PURE__*/React.createElement(Stack, {
+  justifyContent: "space-evenly"
+}, "hello");
+
+it('renders the Stack with justifyContent="space-evenly"', function () {
+  expect(mount(_ref17)).toMatchSnapshot();
+});
+
+var _ref18 = /*#__PURE__*/React.createElement(Stack, {
+  alignItems: "flex-start"
+}, "hello");
+
+it('renders the Stack with alignItems="flex-start"', function () {
+  expect(mount(_ref18)).toMatchSnapshot();
+});
+
+var _ref19 = /*#__PURE__*/React.createElement(Stack, {
+  alignItems: "flex-end"
+}, "hello");
+
+it('renders the Stack with alignItems="flex-end"', function () {
+  expect(mount(_ref19)).toMatchSnapshot();
+});
+
+var _ref20 = /*#__PURE__*/React.createElement(Stack, {
+  alignItems: "center"
+}, "hello");
+
+it('renders the Stack with alignItems="center"', function () {
+  expect(mount(_ref20)).toMatchSnapshot();
+});
+
+var _ref21 = /*#__PURE__*/React.createElement(Stack, {
+  alignItems: "baseline"
+}, "hello");
+
+it('renders the Stack with alignItems="baseline"', function () {
+  expect(mount(_ref21)).toMatchSnapshot();
+});
+
+var _ref22 = /*#__PURE__*/React.createElement(Stack, {
+  alignItems: "stretch"
+}, "hello");
+
+it('renders the Stack with alignItems="stretch"', function () {
+  expect(mount(_ref22)).toMatchSnapshot();
+});
+
+var _ref23 = /*#__PURE__*/React.createElement(Stack, {
+  alignContent: "center"
+}, "hello");
+
+it('renders the Stack with alignContent="center"', function () {
+  expect(mount(_ref23)).toMatchSnapshot();
+});
+
+var _ref24 = /*#__PURE__*/React.createElement(Stack, {
+  alignContent: "flex-start"
+}, "hello");
+
+it('renders the Stack with alignContent="flex-start"', function () {
+  expect(mount(_ref24)).toMatchSnapshot();
+});
+
+var _ref25 = /*#__PURE__*/React.createElement(Stack, {
+  alignContent: "flex-end"
+}, "hello");
+
+it('renders the Stack with alignContent="flex-end"', function () {
+  expect(mount(_ref25)).toMatchSnapshot();
+});
+
+var _ref26 = /*#__PURE__*/React.createElement(Stack, {
+  alignContent: "space-around"
+}, "hello");
+
+it('renders the Stack with alignContent="space-around"', function () {
+  expect(mount(_ref26)).toMatchSnapshot();
+});
+
+var _ref27 = /*#__PURE__*/React.createElement(Stack, {
+  alignContent: "space-between"
+}, "hello");
+
+it('renders the Stack with alignContent="space-between"', function () {
+  expect(mount(_ref27)).toMatchSnapshot();
+});
+
+var _ref28 = /*#__PURE__*/React.createElement(Stack, {
+  alignContent: "space-evenly"
+}, "hello");
+
+it('renders the Stack with alignContent="space-evenly"', function () {
+  expect(mount(_ref28)).toMatchSnapshot();
+});
+
+var _ref29 = /*#__PURE__*/React.createElement(Stack, {
+  direction: "row",
+  flexWrap: "nowrap",
+  spacing: 12
+}, "hello");
+
+it('renders the Stack with direction = "row", flexWrap="nowrap" and spacing={12}', function () {
+  expect(mount(_ref29)).toMatchSnapshot();
+});
+
+var _ref30 = /*#__PURE__*/React.createElement(Stack, {
+  direction: "row",
+  flexWrap: "wrap",
+  justifyContent: "flex-end",
+  alignItems: "baseline",
+  alignContent: "center",
+  spacing: 12
+}, "hello");
+
+it('renders the Stack with direction = "row", flexWrap="wrap" justifyContent="flex-end" alignItems="baseline" alignContent="center" and spacing={12}', function () {
+  expect(mount(_ref30)).toMatchSnapshot();
+});

package/esm/StepNavAccordionHeadingText/__snapshots__/index.test.tsx.snap

@@ -1,7 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders the StepNavAccordionHeadingText with no props 1`] = `
-<ForwardRef(StepNavAccordionHeadingText)>
+exports[`renders the StepNavAccordionHeadingText with closeLabel prop 1`] = `
+<ForwardRef(StepNavAccordionHeadingText)
+  closeLabel="Κλείσε"
+>
   <ForwardRef(Base)
     as="span"
     className="govgr-step-nav__accordion__heading__text"
@@ -17,35 +19,16 @@ exports[`renders the StepNavAccordionHeadingText with no props 1`] = `
   >
     Εμφάνιση
   </span>
-</ForwardRef(StepNavAccordionHeadingText)>
-`;
-
-exports[`renders the StepNavAccordionHeadingText with open prop 1`] = `
-<ForwardRef(StepNavAccordionHeadingText)
-  open={true}
->
-  <ForwardRef(Base)
-    as="span"
-    className="govgr-step-nav__accordion__heading__text"
-  >
-    <span
-      className="govgr-step-nav__accordion__heading__text"
-    >
-      hello
-    </span>
-  </ForwardRef(Base)>
   <span
     className="govgr-step-nav__accordion__opened"
   >
-    Απόκρυψη
+    Κλείσε
   </span>
 </ForwardRef(StepNavAccordionHeadingText)>
 `;
 
-exports[`renders the StepNavAccordionHeadingText with open prop 2`] = `
-<ForwardRef(StepNavAccordionHeadingText)
-  open={false}
->
+exports[`renders the StepNavAccordionHeadingText with no props 1`] = `
+<ForwardRef(StepNavAccordionHeadingText)>
   <ForwardRef(Base)
     as="span"
     className="govgr-step-nav__accordion__heading__text"
@@ -61,24 +44,6 @@ exports[`renders the StepNavAccordionHeadingText with open prop 2`] = `
   >
     Εμφάνιση
   </span>
-</ForwardRef(StepNavAccordionHeadingText)>
-`;
-
-exports[`renders the StepNavAccordionHeadingText with open prop 3`] = `
-<ForwardRef(StepNavAccordionHeadingText)
-  open={true}
-  openLabel="Άνοιξε"
->
-  <ForwardRef(Base)
-    as="span"
-    className="govgr-step-nav__accordion__heading__text"
-  >
-    <span
-      className="govgr-step-nav__accordion__heading__text"
-    >
-      hello
-    </span>
-  </ForwardRef(Base)>
   <span
     className="govgr-step-nav__accordion__opened"
   >
@@ -87,9 +52,9 @@ exports[`renders the StepNavAccordionHeadingText with open prop 3`] = `
 </ForwardRef(StepNavAccordionHeadingText)>
 `;
 
-exports[`renders the StepNavAccordionHeadingText with open prop 4`] = `
+exports[`renders the StepNavAccordionHeadingText with openLabel prop 1`] = `
 <ForwardRef(StepNavAccordionHeadingText)
-  closeLabel="Κλείσε"
+  openLabel="Άνοιξε"
 >
   <ForwardRef(Base)
     as="span"
@@ -104,7 +69,12 @@ exports[`renders the StepNavAccordionHeadingText with open prop 4`] = `
   <span
     className="govgr-step-nav__accordion__closed"
   >
-    Εμφάνιση
+    Άνοιξε
+  </span>
+  <span
+    className="govgr-step-nav__accordion__opened"
+  >
+    Απόκρυψη
   </span>
 </ForwardRef(StepNavAccordionHeadingText)>
 `;

package/esm/StepNavAccordionHeadingText/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "open", "openLabel", "closeLabel", "children"];
+var _excluded = ["className", "openLabel", "closeLabel", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
@@ -12,7 +12,6 @@ import Base from '@digigov/react-core/Base';
  */
 export var StepNavAccordionHeadingText = /*#__PURE__*/React.forwardRef(function StepNavAccordionHeadingText(_ref, ref) {
   var className = _ref.className,
-      open = _ref.open,
       _ref$openLabel = _ref.openLabel,
       openLabel = _ref$openLabel === void 0 ? 'Εμφάνιση' : _ref$openLabel,
       _ref$closeLabel = _ref.closeLabel,
@@ -24,9 +23,9 @@ export var StepNavAccordionHeadingText = /*#__PURE__*/React.forwardRef(function
     as: "span",
     ref: ref,
     className: clsx(className, true && 'govgr-step-nav__accordion__heading__text')
-  }, props), children), !open && /*#__PURE__*/React.createElement("span", {
+  }, props), children), /*#__PURE__*/React.createElement("span", {
     className: "govgr-step-nav__accordion__closed"
-  }, openLabel), open && /*#__PURE__*/React.createElement("span", {
+  }, openLabel), /*#__PURE__*/React.createElement("span", {
     className: "govgr-step-nav__accordion__opened"
   }, closeLabel));
 });

package/esm/StepNavAccordionHeadingText/index.test.js

@@ -9,34 +9,17 @@ it('renders the StepNavAccordionHeadingText with no props', function () {
 });
 
 var _ref2 = /*#__PURE__*/React.createElement(StepNavAccordionHeadingText, {
-  open: true
+  openLabel: "\u0386\u03BD\u03BF\u03B9\u03BE\u03B5"
 }, "hello");
 
-it('renders the StepNavAccordionHeadingText with open prop', function () {
+it('renders the StepNavAccordionHeadingText with openLabel prop', function () {
   expect(mount(_ref2)).toMatchSnapshot();
 });
 
 var _ref3 = /*#__PURE__*/React.createElement(StepNavAccordionHeadingText, {
-  open: false
-}, "hello");
-
-it('renders the StepNavAccordionHeadingText with open prop', function () {
-  expect(mount(_ref3)).toMatchSnapshot();
-});
-
-var _ref4 = /*#__PURE__*/React.createElement(StepNavAccordionHeadingText, {
-  open: true,
-  openLabel: "\u0386\u03BD\u03BF\u03B9\u03BE\u03B5"
-}, "hello");
-
-it('renders the StepNavAccordionHeadingText with open prop', function () {
-  expect(mount(_ref4)).toMatchSnapshot();
-});
-
-var _ref5 = /*#__PURE__*/React.createElement(StepNavAccordionHeadingText, {
   closeLabel: "\u039A\u03BB\u03B5\u03AF\u03C3\u03B5"
 }, "hello");
 
-it('renders the StepNavAccordionHeadingText with open prop', function () {
-  expect(mount(_ref5)).toMatchSnapshot();
+it('renders the StepNavAccordionHeadingText with closeLabel prop', function () {
+  expect(mount(_ref3)).toMatchSnapshot();
 });

package/esm/StepNavAccordionSummaryHeading/__snapshots__/index.test.tsx.snap

@@ -7,10 +7,10 @@ exports[`renders the StepNavAccordionSummaryHeading with element="h3" size = "sm
 >
   <ForwardRef(Base)
     as="h3"
-    className="govgr-step-nav__accordion__heading-sm govgr-step-nav__accordion__heading"
+    className="govgr-step-nav__accordion__heading--sm govgr-step-nav__accordion__heading"
   >
     <h3
-      className="govgr-step-nav__accordion__heading-sm govgr-step-nav__accordion__heading"
+      className="govgr-step-nav__accordion__heading--sm govgr-step-nav__accordion__heading"
     >
       hello
     </h3>
@@ -25,10 +25,10 @@ exports[`renders the StepNavAccordionSummaryHeading with element="h4" size = "md
 >
   <ForwardRef(Base)
     as="h4"
-    className="govgr-step-nav__accordion__heading-md govgr-step-nav__accordion__heading"
+    className="govgr-step-nav__accordion__heading--md govgr-step-nav__accordion__heading"
   >
     <h4
-      className="govgr-step-nav__accordion__heading-md govgr-step-nav__accordion__heading"
+      className="govgr-step-nav__accordion__heading--md govgr-step-nav__accordion__heading"
     >
       hello
     </h4>
@@ -57,10 +57,10 @@ exports[`renders the StepNavAccordionSummaryHeading with size = "md" prop 1`] =
 >
   <ForwardRef(Base)
     as="h3"
-    className="govgr-step-nav__accordion__heading-md govgr-step-nav__accordion__heading"
+    className="govgr-step-nav__accordion__heading--md govgr-step-nav__accordion__heading"
   >
     <h3
-      className="govgr-step-nav__accordion__heading-md govgr-step-nav__accordion__heading"
+      className="govgr-step-nav__accordion__heading--md govgr-step-nav__accordion__heading"
     >
       hello
     </h3>
@@ -74,10 +74,10 @@ exports[`renders the StepNavAccordionSummaryHeading with size = "sm" prop 1`] =
 >
   <ForwardRef(Base)
     as="h4"
-    className="govgr-step-nav__accordion__heading-sm govgr-step-nav__accordion__heading"
+    className="govgr-step-nav__accordion__heading--sm govgr-step-nav__accordion__heading"
   >
     <h4
-      className="govgr-step-nav__accordion__heading-sm govgr-step-nav__accordion__heading"
+      className="govgr-step-nav__accordion__heading--sm govgr-step-nav__accordion__heading"
     >
       hello
     </h4>

package/esm/SvgIcon/__snapshots__/index.test.tsx.snap

@@ -19,20 +19,20 @@ exports[`renders the SvgIcon with no props 1`] = `
 </ForwardRef(SvgIcon)>
 `;
 
-exports[`renders the SvgIcon with prop size=l 1`] = `
+exports[`renders the SvgIcon with prop size=lg 1`] = `
 <ForwardRef(SvgIcon)
   size="lg"
 >
   <ForwardRef(Base)
     aria-hidden="true"
     as="svg"
-    className="govgr-svg-icon--md govgr-svg-icon"
+    className="govgr-svg-icon--lg govgr-svg-icon"
     focusable="false"
     viewBox="0 0 24 24"
   >
     <svg
       aria-hidden="true"
-      className="govgr-svg-icon--md govgr-svg-icon"
+      className="govgr-svg-icon--lg govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -42,20 +42,20 @@ exports[`renders the SvgIcon with prop size=l 1`] = `
 </ForwardRef(SvgIcon)>
 `;
 
-exports[`renders the SvgIcon with prop size=m 1`] = `
+exports[`renders the SvgIcon with prop size=md 1`] = `
 <ForwardRef(SvgIcon)
   size="md"
 >
   <ForwardRef(Base)
     aria-hidden="true"
     as="svg"
-    className="govgr-svg-icon--sm govgr-svg-icon"
+    className="govgr-svg-icon--md govgr-svg-icon"
     focusable="false"
     viewBox="0 0 24 24"
   >
     <svg
       aria-hidden="true"
-      className="govgr-svg-icon--sm govgr-svg-icon"
+      className="govgr-svg-icon--md govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -65,20 +65,20 @@ exports[`renders the SvgIcon with prop size=m 1`] = `
 </ForwardRef(SvgIcon)>
 `;
 
-exports[`renders the SvgIcon with prop size=s 1`] = `
+exports[`renders the SvgIcon with prop size=sm 1`] = `
 <ForwardRef(SvgIcon)
   size="sm"
 >
   <ForwardRef(Base)
     aria-hidden="true"
     as="svg"
-    className="govgr-svg-icon--xs govgr-svg-icon"
+    className="govgr-svg-icon--sm govgr-svg-icon"
     focusable="false"
     viewBox="0 0 24 24"
   >
     <svg
       aria-hidden="true"
-      className="govgr-svg-icon--xs govgr-svg-icon"
+      className="govgr-svg-icon--sm govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -95,13 +95,36 @@ exports[`renders the SvgIcon with prop size=xl 1`] = `
   <ForwardRef(Base)
     aria-hidden="true"
     as="svg"
-    className="govgr-svg-icon--lg govgr-svg-icon"
+    className="govgr-svg-icon--xl govgr-svg-icon"
     focusable="false"
     viewBox="0 0 24 24"
   >
     <svg
       aria-hidden="true"
-      className="govgr-svg-icon--lg govgr-svg-icon"
+      className="govgr-svg-icon--xl govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      hello
+    </svg>
+  </ForwardRef(Base)>
+</ForwardRef(SvgIcon)>
+`;
+
+exports[`renders the SvgIcon with prop size=xs 1`] = `
+<ForwardRef(SvgIcon)
+  size="xs"
+>
+  <ForwardRef(Base)
+    aria-hidden="true"
+    as="svg"
+    className="govgr-svg-icon--xs govgr-svg-icon"
+    focusable="false"
+    viewBox="0 0 24 24"
+  >
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--xs govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -165,13 +188,13 @@ exports[`renders the SvgIcon with prop variant=error and size= xl 1`] = `
   <ForwardRef(Base)
     aria-hidden="true"
     as="svg"
-    className="govgr-svg-icon--warning govgr-svg-icon--lg govgr-svg-icon"
+    className="govgr-svg-icon--warning govgr-svg-icon--xl govgr-svg-icon"
     focusable="false"
     viewBox="0 0 24 24"
   >
     <svg
       aria-hidden="true"
-      className="govgr-svg-icon--warning govgr-svg-icon--lg govgr-svg-icon"
+      className="govgr-svg-icon--warning govgr-svg-icon--xl govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -319,7 +342,7 @@ exports[`renders the SvgIcon with prop variant=warning 1`] = `
 </ForwardRef(SvgIcon)>
 `;
 
-exports[`renders the SvgIcon with prop variant=warning and size=s 1`] = `
+exports[`renders the SvgIcon with prop variant=warning and size=sm 1`] = `
 <ForwardRef(SvgIcon)
   size="sm"
   variant="warning"
@@ -327,13 +350,13 @@ exports[`renders the SvgIcon with prop variant=warning and size=s 1`] = `
   <ForwardRef(Base)
     aria-hidden="true"
     as="svg"
-    className="govgr-svg-icon--warning govgr-svg-icon--xs govgr-svg-icon"
+    className="govgr-svg-icon--warning govgr-svg-icon--sm govgr-svg-icon"
     focusable="false"
     viewBox="0 0 24 24"
   >
     <svg
       aria-hidden="true"
-      className="govgr-svg-icon--warning govgr-svg-icon--xs govgr-svg-icon"
+      className="govgr-svg-icon--warning govgr-svg-icon--sm govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >

package/esm/SvgIcon/index.js

@@ -19,7 +19,7 @@ export var SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(_ref, ref) {
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "svg",
     ref: ref,
-    className: clsx(className, variant === 'success' && 'govgr-svg-icon--success', variant === 'primary' && 'govgr-svg-icon--primary', variant === 'warning' && 'govgr-svg-icon--warning', variant === 'light' && 'govgr-svg-icon--light', variant === 'error' && 'govgr-svg-icon--error', variant === 'focus' && 'govgr-svg-icon--focus', variant === 'dark' && 'govgr-svg-icon--dark', variant === 'gray' && 'govgr-svg-icon--gray', variant === 'link' && 'govgr-svg-icon--link', size === 'xxl' && 'govgr-svg-icon--xl', size === 'sm' && 'govgr-svg-icon--xs', size === 'md' && 'govgr-svg-icon--sm', size === 'lg' && 'govgr-svg-icon--md', size === 'xl' && 'govgr-svg-icon--lg', true && 'govgr-svg-icon'),
+    className: clsx(className, variant === 'success' && 'govgr-svg-icon--success', variant === 'primary' && 'govgr-svg-icon--primary', variant === 'warning' && 'govgr-svg-icon--warning', variant === 'light' && 'govgr-svg-icon--light', variant === 'error' && 'govgr-svg-icon--error', variant === 'focus' && 'govgr-svg-icon--focus', variant === 'dark' && 'govgr-svg-icon--dark', variant === 'gray' && 'govgr-svg-icon--gray', variant === 'link' && 'govgr-svg-icon--link', size !== undefined && "govgr-svg-icon--".concat(size), true && 'govgr-svg-icon'),
     focusable: "false",
     viewBox: "0 0 24 24",
     "aria-hidden": "true"