@scottish-government/designsystem-react 0.1.2 → 0.1.3

package/src/icons/ChevronLeft.tsx

@@ -0,0 +1,15 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgChevronLeft = (props: SVGProps<SVGSVGElement>) => (
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        fill="#000000"
+        role="img"
+        {...props}
+    >
+        <path d="M0 0h24v24H0z" fill="none" />
+        <path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z" />
+    </svg>
+);
+export default SvgChevronLeft;

package/src/icons/ChevronRight.tsx

@@ -0,0 +1,15 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgChevronRight = (props: SVGProps<SVGSVGElement>) => (
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        fill="#000000"
+        role="img"
+        {...props}
+    >
+        <path d="M0 0h24v24H0z" fill="none" />
+        <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" />
+    </svg>
+);
+export default SvgChevronRight;

package/src/icons/Close.tsx

@@ -0,0 +1,15 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgClose = (props: SVGProps<SVGSVGElement>) => (
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        fill="#000000"
+        role="img"
+        {...props}
+    >
+        <path d="M0 0h24v24H0z" fill="none" />
+        <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" />
+    </svg>
+);
+export default SvgClose;

package/src/icons/Description.tsx

@@ -0,0 +1,15 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgDescription = (props: SVGProps<SVGSVGElement>) => (
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        fill="#000000"
+        role="img"
+        {...props}
+    >
+        <path d="M0 0h24v24H0z" fill="none" />
+        <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z" />
+    </svg>
+);
+export default SvgDescription;

package/src/icons/DoubleChevronLeft.tsx

@@ -0,0 +1,19 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgDoubleChevronLeft = (props: SVGProps<SVGSVGElement>) => (
+    <svg
+        id="Layer_1"
+        xmlns="http://www.w3.org/2000/svg"
+        xmlnsXlink="http://www.w3.org/1999/xlink"
+        x="0px"
+        y="0px"
+        viewBox="0 0 24 24"
+        xmlSpace="preserve"
+        role="img"
+        {...props}
+    >
+        <path d="M18.4,16.6L13.8,12l4.6-4.6L17,6l-6,6l6,6L18.4,16.6z" />
+        <path d="M12.4,16.6L7.8,12l4.6-4.6L11,6l-6,6l6,6L12.4,16.6z" />
+    </svg>
+);
+export default SvgDoubleChevronLeft;

package/src/icons/DoubleChevronRight.tsx

@@ -0,0 +1,19 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgDoubleChevronRight = (props: SVGProps<SVGSVGElement>) => (
+    <svg
+        id="Layer_1"
+        xmlns="http://www.w3.org/2000/svg"
+        xmlnsXlink="http://www.w3.org/1999/xlink"
+        x="0px"
+        y="0px"
+        viewBox="0 0 24 24"
+        xmlSpace="preserve"
+        role="img"
+        {...props}
+    >
+        <path d="M5.6,7.4l4.6,4.6l-4.6,4.6L7,18l6-6L7,6L5.6,7.4z" />
+        <path d="M11.6,7.4l4.6,4.6l-4.6,4.6L13,18l6-6l-6-6L11.6,7.4z" />
+    </svg>
+);
+export default SvgDoubleChevronRight;

package/src/icons/Error.tsx

@@ -0,0 +1,15 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgError = (props: SVGProps<SVGSVGElement>) => (
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        fill="#000000"
+        role="img"
+        {...props}
+    >
+        <path d="M0 0h24v24H0z" fill="none" />
+        <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" />
+    </svg>
+);
+export default SvgError;

package/src/icons/ExpandLess.tsx

@@ -0,0 +1,15 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgExpandLess = (props: SVGProps<SVGSVGElement>) => (
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        fill="#000000"
+        role="img"
+        {...props}
+    >
+        <path d="M0 0h24v24H0z" fill="none" />
+        <path d="M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z" />
+    </svg>
+);
+export default SvgExpandLess;

package/src/icons/ExpandMore.tsx

@@ -0,0 +1,15 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgExpandMore = (props: SVGProps<SVGSVGElement>) => (
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        fill="#000000"
+        role="img"
+        {...props}
+    >
+        <path d="M0 0h24v24H0z" fill="none" />
+        <path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z" />
+    </svg>
+);
+export default SvgExpandMore;

package/src/icons/List.tsx

@@ -0,0 +1,18 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgList = (props: SVGProps<SVGSVGElement>) => (
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        fill="#000000"
+        role="img"
+        {...props}
+    >
+        <g fill="none">
+            <path d="M0 0h24v24H0V0z" />
+            <path d="M0 0h24v24H0V0z" opacity={0.87} />
+        </g>
+        <path d="M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7zm-4 6h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z" />
+    </svg>
+);
+export default SvgList;

package/src/icons/Menu.tsx

@@ -0,0 +1,15 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgMenu = (props: SVGProps<SVGSVGElement>) => (
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        fill="#000000"
+        role="img"
+        {...props}
+    >
+        <path d="M0 0h24v24H0z" fill="none" />
+        <path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" />
+    </svg>
+);
+export default SvgMenu;

package/src/icons/PriorityHigh.tsx

@@ -0,0 +1,16 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgPriorityHigh = (props: SVGProps<SVGSVGElement>) => (
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        fill="#000000"
+        role="img"
+        {...props}
+    >
+        <path d="M0 0h24v24H0z" fill="none" />
+        <circle cx={12} cy={19} r={2} />
+        <path d="M10 3h4v12h-4z" />
+    </svg>
+);
+export default SvgPriorityHigh;

package/src/icons/Search.tsx

@@ -0,0 +1,15 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgSearch = (props: SVGProps<SVGSVGElement>) => (
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        fill="#000000"
+        role="img"
+        {...props}
+    >
+        <path d="M0 0h24v24H0z" fill="none" />
+        <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" />
+    </svg>
+);
+export default SvgSearch;

package/src/icons/index.ts

@@ -0,0 +1,17 @@
+export { default as ArrowUpward } from "./ArrowUpward";
+export { default as CalendarToday } from "./CalendarToday";
+export { default as Cancel } from "./Cancel";
+export { default as CheckCircle } from "./CheckCircle";
+export { default as ChevronLeft } from "./ChevronLeft";
+export { default as ChevronRight } from "./ChevronRight";
+export { default as Close } from "./Close";
+export { default as Description } from "./Description";
+export { default as DoubleChevronLeft } from "./DoubleChevronLeft";
+export { default as DoubleChevronRight } from "./DoubleChevronRight";
+export { default as Error } from "./Error";
+export { default as ExpandLess } from "./ExpandLess";
+export { default as ExpandMore } from "./ExpandMore";
+export { default as List } from "./List";
+export { default as Menu } from "./Menu";
+export { default as PriorityHigh } from "./PriorityHigh";
+export { default as Search } from "./Search";