@digigov/react-core 0.21.0 → 0.22.0

package/AccessibilityIcon/__snapshots__/index.test.tsx.snap

@@ -0,0 +1,626 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the AccessibilityIcon with no props 1`] = `
+<ForwardRef(AccessibilityIcon)>
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--accessibility"
+  >
+    <ForwardRef(Base)
+      aria-hidden="true"
+      as="svg"
+      className="govgr-svg-icon--accessibility govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <svg
+        aria-hidden="true"
+        className="govgr-svg-icon--accessibility govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <title>
+          Μενού Προσβασιμότητας
+        </title>
+        <circle
+          cx="12"
+          cy="3"
+          r="3"
+        />
+        <path
+          d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
+        />
+         
+      </svg>
+    </ForwardRef(Base)>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(AccessibilityIcon)>
+`;
+
+exports[`renders the AccessibilityIcon with prop size=l 1`] = `
+<ForwardRef(AccessibilityIcon)
+  size="l"
+>
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--accessibility"
+    size="l"
+  >
+    <ForwardRef(Base)
+      aria-hidden="true"
+      as="svg"
+      className="govgr-svg-icon--accessibility govgr-svg-icon--l govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <svg
+        aria-hidden="true"
+        className="govgr-svg-icon--accessibility govgr-svg-icon--l govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <title>
+          Μενού Προσβασιμότητας
+        </title>
+        <circle
+          cx="12"
+          cy="3"
+          r="3"
+        />
+        <path
+          d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
+        />
+         
+      </svg>
+    </ForwardRef(Base)>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(AccessibilityIcon)>
+`;
+
+exports[`renders the AccessibilityIcon with prop size=m 1`] = `
+<ForwardRef(AccessibilityIcon)
+  size="m"
+>
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--accessibility"
+    size="m"
+  >
+    <ForwardRef(Base)
+      aria-hidden="true"
+      as="svg"
+      className="govgr-svg-icon--accessibility govgr-svg-icon--m govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <svg
+        aria-hidden="true"
+        className="govgr-svg-icon--accessibility govgr-svg-icon--m govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <title>
+          Μενού Προσβασιμότητας
+        </title>
+        <circle
+          cx="12"
+          cy="3"
+          r="3"
+        />
+        <path
+          d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
+        />
+         
+      </svg>
+    </ForwardRef(Base)>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(AccessibilityIcon)>
+`;
+
+exports[`renders the AccessibilityIcon with prop size=s 1`] = `
+<ForwardRef(AccessibilityIcon)
+  size="s"
+>
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--accessibility"
+    size="s"
+  >
+    <ForwardRef(Base)
+      aria-hidden="true"
+      as="svg"
+      className="govgr-svg-icon--accessibility govgr-svg-icon--s govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <svg
+        aria-hidden="true"
+        className="govgr-svg-icon--accessibility govgr-svg-icon--s govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <title>
+          Μενού Προσβασιμότητας
+        </title>
+        <circle
+          cx="12"
+          cy="3"
+          r="3"
+        />
+        <path
+          d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
+        />
+         
+      </svg>
+    </ForwardRef(Base)>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(AccessibilityIcon)>
+`;
+
+exports[`renders the AccessibilityIcon with prop size=xl 1`] = `
+<ForwardRef(AccessibilityIcon)
+  size="xl"
+>
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--accessibility"
+    size="xl"
+  >
+    <ForwardRef(Base)
+      aria-hidden="true"
+      as="svg"
+      className="govgr-svg-icon--accessibility govgr-svg-icon--xl govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <svg
+        aria-hidden="true"
+        className="govgr-svg-icon--accessibility govgr-svg-icon--xl govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <title>
+          Μενού Προσβασιμότητας
+        </title>
+        <circle
+          cx="12"
+          cy="3"
+          r="3"
+        />
+        <path
+          d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
+        />
+         
+      </svg>
+    </ForwardRef(Base)>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(AccessibilityIcon)>
+`;
+
+exports[`renders the AccessibilityIcon with prop size=xl 2`] = `
+<ForwardRef(AccessibilityIcon)
+  size="xxl"
+>
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--accessibility"
+    size="xxl"
+  >
+    <ForwardRef(Base)
+      aria-hidden="true"
+      as="svg"
+      className="govgr-svg-icon--accessibility govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <svg
+        aria-hidden="true"
+        className="govgr-svg-icon--accessibility govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <title>
+          Μενού Προσβασιμότητας
+        </title>
+        <circle
+          cx="12"
+          cy="3"
+          r="3"
+        />
+        <path
+          d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
+        />
+         
+      </svg>
+    </ForwardRef(Base)>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(AccessibilityIcon)>
+`;
+
+exports[`renders the AccessibilityIcon with prop variant=dark 1`] = `
+<ForwardRef(AccessibilityIcon)
+  variant="dark"
+>
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--accessibility"
+    variant="dark"
+  >
+    <ForwardRef(Base)
+      aria-hidden="true"
+      as="svg"
+      className="govgr-svg-icon--accessibility govgr-svg-icon--dark govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <svg
+        aria-hidden="true"
+        className="govgr-svg-icon--accessibility govgr-svg-icon--dark govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <title>
+          Μενού Προσβασιμότητας
+        </title>
+        <circle
+          cx="12"
+          cy="3"
+          r="3"
+        />
+        <path
+          d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
+        />
+         
+      </svg>
+    </ForwardRef(Base)>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(AccessibilityIcon)>
+`;
+
+exports[`renders the AccessibilityIcon with prop variant=error 1`] = `
+<ForwardRef(AccessibilityIcon)
+  variant="error"
+>
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--accessibility"
+    variant="error"
+  >
+    <ForwardRef(Base)
+      aria-hidden="true"
+      as="svg"
+      className="govgr-svg-icon--accessibility govgr-svg-icon--error govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <svg
+        aria-hidden="true"
+        className="govgr-svg-icon--accessibility govgr-svg-icon--error govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <title>
+          Μενού Προσβασιμότητας
+        </title>
+        <circle
+          cx="12"
+          cy="3"
+          r="3"
+        />
+        <path
+          d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
+        />
+         
+      </svg>
+    </ForwardRef(Base)>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(AccessibilityIcon)>
+`;
+
+exports[`renders the AccessibilityIcon with prop variant=error and size= xl 1`] = `
+<ForwardRef(AccessibilityIcon)
+  size="xl"
+  variant="warning"
+>
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--accessibility"
+    size="xl"
+    variant="warning"
+  >
+    <ForwardRef(Base)
+      aria-hidden="true"
+      as="svg"
+      className="govgr-svg-icon--accessibility 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--accessibility govgr-svg-icon--warning govgr-svg-icon--xl govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <title>
+          Μενού Προσβασιμότητας
+        </title>
+        <circle
+          cx="12"
+          cy="3"
+          r="3"
+        />
+        <path
+          d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
+        />
+         
+      </svg>
+    </ForwardRef(Base)>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(AccessibilityIcon)>
+`;
+
+exports[`renders the AccessibilityIcon with prop variant=focus 1`] = `
+<ForwardRef(AccessibilityIcon)
+  variant="focus"
+>
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--accessibility"
+    variant="focus"
+  >
+    <ForwardRef(Base)
+      aria-hidden="true"
+      as="svg"
+      className="govgr-svg-icon--accessibility govgr-svg-icon--focus govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <svg
+        aria-hidden="true"
+        className="govgr-svg-icon--accessibility govgr-svg-icon--focus govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <title>
+          Μενού Προσβασιμότητας
+        </title>
+        <circle
+          cx="12"
+          cy="3"
+          r="3"
+        />
+        <path
+          d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
+        />
+         
+      </svg>
+    </ForwardRef(Base)>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(AccessibilityIcon)>
+`;
+
+exports[`renders the AccessibilityIcon with prop variant=gray 1`] = `
+<ForwardRef(AccessibilityIcon)
+  variant="gray"
+>
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--accessibility"
+    variant="gray"
+  >
+    <ForwardRef(Base)
+      aria-hidden="true"
+      as="svg"
+      className="govgr-svg-icon--accessibility govgr-svg-icon--gray govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <svg
+        aria-hidden="true"
+        className="govgr-svg-icon--accessibility govgr-svg-icon--gray govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <title>
+          Μενού Προσβασιμότητας
+        </title>
+        <circle
+          cx="12"
+          cy="3"
+          r="3"
+        />
+        <path
+          d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
+        />
+         
+      </svg>
+    </ForwardRef(Base)>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(AccessibilityIcon)>
+`;
+
+exports[`renders the AccessibilityIcon with prop variant=light 1`] = `
+<ForwardRef(AccessibilityIcon)
+  variant="light"
+>
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--accessibility"
+    variant="light"
+  >
+    <ForwardRef(Base)
+      aria-hidden="true"
+      as="svg"
+      className="govgr-svg-icon--accessibility govgr-svg-icon--light govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <svg
+        aria-hidden="true"
+        className="govgr-svg-icon--accessibility govgr-svg-icon--light govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <title>
+          Μενού Προσβασιμότητας
+        </title>
+        <circle
+          cx="12"
+          cy="3"
+          r="3"
+        />
+        <path
+          d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
+        />
+         
+      </svg>
+    </ForwardRef(Base)>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(AccessibilityIcon)>
+`;
+
+exports[`renders the AccessibilityIcon with prop variant=primary 1`] = `
+<ForwardRef(AccessibilityIcon)
+  variant="primary"
+>
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--accessibility"
+    variant="primary"
+  >
+    <ForwardRef(Base)
+      aria-hidden="true"
+      as="svg"
+      className="govgr-svg-icon--accessibility govgr-svg-icon--primary govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <svg
+        aria-hidden="true"
+        className="govgr-svg-icon--accessibility govgr-svg-icon--primary govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <title>
+          Μενού Προσβασιμότητας
+        </title>
+        <circle
+          cx="12"
+          cy="3"
+          r="3"
+        />
+        <path
+          d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
+        />
+         
+      </svg>
+    </ForwardRef(Base)>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(AccessibilityIcon)>
+`;
+
+exports[`renders the AccessibilityIcon with prop variant=success 1`] = `
+<ForwardRef(AccessibilityIcon)
+  variant="success"
+>
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--accessibility"
+    variant="success"
+  >
+    <ForwardRef(Base)
+      aria-hidden="true"
+      as="svg"
+      className="govgr-svg-icon--accessibility govgr-svg-icon--success govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <svg
+        aria-hidden="true"
+        className="govgr-svg-icon--accessibility govgr-svg-icon--success govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <title>
+          Μενού Προσβασιμότητας
+        </title>
+        <circle
+          cx="12"
+          cy="3"
+          r="3"
+        />
+        <path
+          d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
+        />
+         
+      </svg>
+    </ForwardRef(Base)>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(AccessibilityIcon)>
+`;
+
+exports[`renders the AccessibilityIcon with prop variant=warning 1`] = `
+<ForwardRef(AccessibilityIcon)
+  variant="warning"
+>
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--accessibility"
+    variant="warning"
+  >
+    <ForwardRef(Base)
+      aria-hidden="true"
+      as="svg"
+      className="govgr-svg-icon--accessibility govgr-svg-icon--warning govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <svg
+        aria-hidden="true"
+        className="govgr-svg-icon--accessibility govgr-svg-icon--warning govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <title>
+          Μενού Προσβασιμότητας
+        </title>
+        <circle
+          cx="12"
+          cy="3"
+          r="3"
+        />
+        <path
+          d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
+        />
+         
+      </svg>
+    </ForwardRef(Base)>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(AccessibilityIcon)>
+`;
+
+exports[`renders the AccessibilityIcon with prop variant=warning and size=s 1`] = `
+<ForwardRef(AccessibilityIcon)
+  size="s"
+  variant="warning"
+>
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--accessibility"
+    size="s"
+    variant="warning"
+  >
+    <ForwardRef(Base)
+      aria-hidden="true"
+      as="svg"
+      className="govgr-svg-icon--accessibility govgr-svg-icon--warning govgr-svg-icon--s govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <svg
+        aria-hidden="true"
+        className="govgr-svg-icon--accessibility govgr-svg-icon--warning govgr-svg-icon--s govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <title>
+          Μενού Προσβασιμότητας
+        </title>
+        <circle
+          cx="12"
+          cy="3"
+          r="3"
+        />
+        <path
+          d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
+        />
+         
+      </svg>
+    </ForwardRef(Base)>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(AccessibilityIcon)>
+`;

package/AccessibilityIcon/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { SvgIconProps } from '@digigov/react-core/SvgIcon';
+export interface AccessibilityIconProps extends SvgIconProps {
+    /**
+     * ref is optional.
+     * ref prop declares the reference of the svg icon component.
+     * It can be used to to access the DOM element and the React element.
+     */
+    ref?: React.Ref<SVGSVGElement>;
+}
+/**
+ * Use AccessibilityIcon component when you need to show web accessibility options.
+ */
+export declare const AccessibilityIcon: React.FC<AccessibilityIconProps>;
+export default AccessibilityIcon;

package/AccessibilityIcon/index.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.AccessibilityIcon = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _SvgIcon = _interopRequireDefault(require("@digigov/react-core/SvgIcon"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _excluded = ["size", "variant", "className"];
+
+var _ref2 = /*#__PURE__*/_react["default"].createElement("title", null, "\u039C\u03B5\u03BD\u03BF\u03CD \u03A0\u03C1\u03BF\u03C3\u03B2\u03B1\u03C3\u03B9\u03BC\u03CC\u03C4\u03B7\u03C4\u03B1\u03C2");
+
+var _ref3 = /*#__PURE__*/_react["default"].createElement("circle", {
+  cx: "12",
+  cy: "3",
+  r: "3"
+});
+
+var _ref4 = /*#__PURE__*/_react["default"].createElement("path", {
+  d: "M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
+});
+
+/**
+ * Use AccessibilityIcon component when you need to show web accessibility options.
+ */
+var AccessibilityIcon = /*#__PURE__*/_react["default"].forwardRef(function AccessibilityIcon(_ref, ref) {
+  var size = _ref.size,
+      variant = _ref.variant,
+      className = _ref.className,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], (0, _extends2["default"])({
+    size: size,
+    variant: variant,
+    className: (0, _clsx["default"])(className, true && 'govgr-svg-icon--accessibility'),
+    ref: ref
+  }, props), _ref2, _ref3, _ref4, ' ');
+});
+
+exports.AccessibilityIcon = AccessibilityIcon;
+var _default = AccessibilityIcon;
+exports["default"] = _default;

package/AccessibilityIcon/index.test.d.ts

@@ -0,0 +1 @@
+export {};