@optiaxiom/icons 0.1.0

package/README.md

@@ -0,0 +1,32 @@
+# Axiom Icons Library
+
+Material Symbols kit for use with the Optimizely Design System.
+
+## Getting Started
+
+```sh
+npm install @optiaxiom/icons
+```
+
+```tsx
+import { IconDelete } from "@optiaxiom/icons";
+
+function App() {
+  return (
+    <>
+      <IconDelete />
+      <IconDelete size={24} />
+    </>
+  );
+}
+```
+
+Check out our [Icons Guide](https://optimizely-axiom.github.io/optiaxiom/guides/icons) to learn more and explore all available icons.
+
+## Contributing
+
+See the [main repository](https://github.com/optimizely-axiom/optiaxiom) for contribution guidelines.
+
+## License
+
+Apache-2.0

package/dist/cjs/index.js

@@ -0,0 +1,171 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+
+const sizes = {
+  "2xs": "1rem",
+  xs: "1.25rem",
+  sm: "1.5rem",
+  md: "2rem",
+  lg: "2.5rem",
+  xl: "3rem",
+  "3xl": "5rem"
+};
+function resolveSize(size) {
+  return typeof size === "string" && size in sizes ? sizes[size] : size;
+}
+
+const IconAdd = react.forwardRef(
+  function IconAdd({ size = 20, ...props }, ref) {
+    const resolved = resolveSize(size);
+    return jsxRuntime.jsxs("svg", {
+      fill: "currentColor",
+      height: resolved,
+      ref,
+      viewBox: "0 -960 960 960",
+      width: resolved,
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [jsxRuntime.jsx("path", { d: "M457.31-457.31H242.69q-9.64 0-16.16-6.58-6.53-6.58-6.53-16.31 0-9.72 6.53-16.11 6.52-6.38 16.16-6.38h214.62v-214.62q0-9.64 6.58-16.16 6.58-6.53 16.31-6.53 9.72 0 16.11 6.53 6.38 6.52 6.38 16.16v214.62h214.62q9.64 0 16.16 6.58 6.53 6.58 6.53 16.31 0 9.72-6.53 16.11-6.52 6.38-16.16 6.38H502.69v214.62q0 9.64-6.58 16.16-6.58 6.53-16.31 6.53-9.72 0-16.11-6.53-6.38-6.52-6.38-16.16v-214.62Z" })],
+    });
+  },
+);
+
+const IconAddBoxFilled = react.forwardRef(
+  function IconAddBoxFilled({ size = 20, ...props }, ref) {
+    const resolved = resolveSize(size);
+    return jsxRuntime.jsxs("svg", {
+      fill: "currentColor",
+      height: resolved,
+      ref,
+      viewBox: "0 -960 960 960",
+      width: resolved,
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [jsxRuntime.jsx("path", { d: "M457.31-457.31v144.62q0 9.64 6.58 16.17 6.58 6.52 16.31 6.52 9.72 0 16.11-6.52 6.38-6.53 6.38-16.17v-144.62h144.62q9.64 0 16.17-6.58 6.52-6.58 6.52-16.31 0-9.72-6.52-16.11-6.53-6.38-16.17-6.38H502.69v-144.62q0-9.64-6.58-16.17-6.58-6.52-16.31-6.52-9.72 0-16.11 6.52-6.38 6.53-6.38 16.17v144.62H312.69q-9.64 0-16.17 6.58-6.52 6.58-6.52 16.31 0 9.72 6.52 16.11 6.53 6.38 16.17 6.38h144.62ZM197.69-140q-23.53 0-40.61-17.08T140-197.69v-564.62q0-23.53 17.08-40.61T197.69-820h564.62q23.53 0 40.61 17.08T820-762.31v564.62q0 23.53-17.08 40.61T762.31-140H197.69Z" })],
+    });
+  },
+);
+
+const IconAddBox = react.forwardRef(
+  function IconAddBox({ size = 20, ...props }, ref) {
+    const resolved = resolveSize(size);
+    return jsxRuntime.jsxs("svg", {
+      fill: "currentColor",
+      height: resolved,
+      ref,
+      viewBox: "0 -960 960 960",
+      width: resolved,
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [jsxRuntime.jsx("path", { d: "M457.31-457.31v144.62q0 9.66 6.56 16.17 6.57 6.52 16.31 6.52 9.74 0 16.13-6.52 6.38-6.51 6.38-16.17v-144.62h144.62q9.66 0 16.17-6.56 6.52-6.57 6.52-16.31 0-9.74-6.52-16.13-6.51-6.38-16.17-6.38H502.69v-144.62q0-9.66-6.56-16.17-6.57-6.52-16.31-6.52-9.74 0-16.13 6.52-6.38 6.51-6.38 16.17v144.62H312.69q-9.66 0-16.17 6.56-6.52 6.57-6.52 16.31 0 9.74 6.52 16.13 6.51 6.38 16.17 6.38h144.62ZM197.69-140q-23.53 0-40.61-17.08T140-197.69v-564.62q0-23.53 17.08-40.61T197.69-820h564.62q23.53 0 40.61 17.08T820-762.31v564.62q0 23.53-17.08 40.61T762.31-140H197.69Zm0-45.39h564.62q4.61 0 8.46-3.84 3.84-3.85 3.84-8.46v-564.62q0-4.61-3.84-8.46-3.85-3.84-8.46-3.84H197.69q-4.61 0-8.46 3.84-3.84 3.85-3.84 8.46v564.62q0 4.61 3.84 8.46 3.85 3.84 8.46 3.84Zm-12.3-589.22v589.22-589.22Z" })],
+    });
+  },
+);
+
+const IconDelete = react.forwardRef(
+  function IconDelete({ size = 20, ...props }, ref) {
+    const resolved = resolveSize(size);
+    return jsxRuntime.jsxs("svg", {
+      fill: "currentColor",
+      height: resolved,
+      ref,
+      viewBox: "0 -960 960 960",
+      width: resolved,
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [jsxRuntime.jsx("path", { d: "M278.31-140q-23.5 0-40.6-17.1-17.09-17.09-17.09-40.59v-544.23h-17.93q-9.64 0-16.16-6.58-6.53-6.58-6.53-16.31 0-9.73 6.53-16.11 6.52-6.39 16.16-6.39h148.39q0-11.84 8.24-19.96 8.25-8.11 19.83-8.11h201.7q11.58 0 19.83 8.24 8.24 8.25 8.24 19.83h148.39q9.64 0 16.16 6.58 6.53 6.58 6.53 16.31 0 9.73-6.53 16.11-6.52 6.39-16.16 6.39h-17.93v544.23q0 23.5-17.09 40.59-17.1 17.1-40.6 17.1H278.31ZM694-741.92H266v544.23q0 5.38 3.65 8.84 3.66 3.46 8.66 3.46h403.38q5 0 8.66-3.46 3.65-3.46 3.65-8.84v-544.23ZM420.23-276.37q6.39-6.52 6.39-16.17v-343.23q0-9.27-6.58-15.98-6.58-6.71-16.31-6.71-9.73 0-16.11 6.71-6.39 6.71-6.39 15.98v343.23q0 9.65 6.58 16.17 6.58 6.52 16.31 6.52 9.73 0 16.11-6.52Zm152.15 0q6.39-6.52 6.39-16.17v-343.23q0-9.27-6.58-15.98-6.58-6.71-16.31-6.71-9.73 0-16.11 6.71-6.39 6.71-6.39 15.98v343.23q0 9.65 6.58 16.17 6.58 6.52 16.31 6.52 9.73 0 16.11-6.52ZM266-741.92v556.53-556.53Z" })],
+    });
+  },
+);
+
+const IconEdit = react.forwardRef(
+  function IconEdit({ size = 20, ...props }, ref) {
+    const resolved = resolveSize(size);
+    return jsxRuntime.jsxs("svg", {
+      fill: "currentColor",
+      height: resolved,
+      ref,
+      viewBox: "0 -960 960 960",
+      width: resolved,
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [jsxRuntime.jsx("path", { d: "M185.39-185.39h40.92l468.54-467.92-40.93-40.92-468.53 467.92v40.92ZM168.85-140q-12.52 0-20.69-8.16-8.16-8.17-8.16-20.69v-51.84q0-11.79 4.81-22.82 4.81-11.03 12.81-18.64l544.3-544.46q6.23-5.63 14.66-9.2 8.42-3.57 17.6-3.57 8.57 0 16.81 3.34 8.24 3.35 15.32 9.43l40.92 40.92q6.69 6.69 9.73 15.16 3.04 8.46 3.04 16.93 0 8.6-3.51 17.33-3.5 8.73-9.26 14.96L262.15-157.62q-7.61 8-18.64 12.81-11.03 4.81-22.82 4.81h-51.84Zm605.53-594.31-39.46-39.07 39.46 39.07Zm-99.75 60.68-20.71-20.6 40.93 40.92-20.22-20.32Z" })],
+    });
+  },
+);
+
+const IconExperiment = react.forwardRef(
+  function IconExperiment({ size = 20, ...props }, ref) {
+    const resolved = resolveSize(size);
+    return jsxRuntime.jsxs("svg", {
+      fill: "currentColor",
+      height: resolved,
+      ref,
+      viewBox: "0 -960 960 960",
+      width: resolved,
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [jsxRuntime.jsx("path", { d: "M179.69-140q-31.96 0-45.25-29.39-13.28-29.38 8.79-53.69l245.69-282.69v-268.84h-56.61q-9.91 0-16.3-6.4-6.39-6.4-6.39-16.31 0-9.91 6.39-16.29 6.39-6.39 16.3-6.39h295.38q9.91 0 16.3 6.4 6.39 6.4 6.39 16.31 0 9.91-6.39 16.29-6.39 6.39-16.3 6.39h-56.61v268.84l245.69 282.69q22.07 24.31 8.79 53.69Q812.27-140 780.31-140H179.69Zm72.7-78.08h455.22L554.15-396.54h-148.3L252.39-218.08Zm-81.62 32.69h618.46L525.69-489.15v-285.46h-91.38v285.46L170.77-185.39ZM480-480Z" })],
+    });
+  },
+);
+
+const IconStar = react.forwardRef(
+  function IconStar({ size = 20, ...props }, ref) {
+    const resolved = resolveSize(size);
+    return jsxRuntime.jsxs("svg", {
+      fill: "currentColor",
+      height: resolved,
+      ref,
+      viewBox: "0 -960 960 960",
+      width: resolved,
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [jsxRuntime.jsx("path", { d: "M331.46-256.15 480-345.54l148.54 90.39-39.31-169.16 130.69-113.46L547.54-553 480-712.15 412.46-554l-172.38 15.23 130.69 113.85-39.31 168.77ZM480-292.46 309.77-189.69q-6.46 3.46-13.15 3.15-6.7-.31-12.16-4.15-5.46-3.85-8.19-10.12-2.73-6.27-.73-13.96l44.77-193.54L170.54-539q-6.08-5.08-7.58-11.65-1.5-6.58.31-12.85t7.08-10.42q5.27-4.16 12.96-4.77l198.15-17.46 77.08-183.08q3.23-6.69 9.11-10.23Q473.54-793 480-793t12.35 3.54q5.88 3.54 9.11 10.23l77.08 183.08 198.15 17.46q7.69.61 12.96 4.77 5.27 4.15 7.08 10.42 1.81 6.27.31 12.85-1.5 6.57-7.58 11.65L639.69-408.31l45.15 193.54q1.62 7.69-1.11 13.96-2.73 6.27-8.19 10.12-5.46 3.84-12.16 4.15-6.69.31-13.15-3.15L480-292.46Zm0-181.39Z" })],
+    });
+  },
+);
+
+const IconUnfoldMore = react.forwardRef(
+  function IconUnfoldMore({ size = 20, ...props }, ref) {
+    const resolved = resolveSize(size);
+    return jsxRuntime.jsxs("svg", {
+      fill: "currentColor",
+      height: resolved,
+      ref,
+      viewBox: "0 -960 960 960",
+      width: resolved,
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [jsxRuntime.jsx("path", { d: "m480-201.08 117.08-117.07q6.85-6.7 16.5-6.89 9.65-.19 16.73 7.02 7.07 7.2 7.07 16.61t-7.07 16.49L500.23-154.85q-4.61 4.62-9.61 6.62-4.99 2-10.8 2-5.82 0-10.63-2-4.81-2-9.42-6.62L329.69-284.92q-6.69-6.86-6.88-16.51-.19-9.65 7.01-16.72 7.21-7.08 16.62-7.08t16.48 7.08L480-201.08Zm0-555.38L362.92-639.39q-6.85 6.7-16.5 6.89-9.65.19-16.73-7.02-7.07-7.2-7.07-16.61t7.07-16.48l130.08-130.08q4.61-4.62 9.61-6.81 4.99-2.19 10.8-2.19 5.82 0 10.63 2.19 4.81 2.19 9.42 6.81l130.08 130.08q6.69 6.85 6.88 16.5.19 9.65-7.01 16.72-7.21 7.08-16.62 7.08t-16.48-7.08L480-756.46Z" })],
+    });
+  },
+);
+
+const IconVisibility = react.forwardRef(
+  function IconVisibility({ size = 20, ...props }, ref) {
+    const resolved = resolveSize(size);
+    return jsxRuntime.jsxs("svg", {
+      fill: "currentColor",
+      height: resolved,
+      ref,
+      viewBox: "0 -960 960 960",
+      width: resolved,
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [jsxRuntime.jsx("path", { d: "M590.31-389.81q45.46-45.58 45.46-110.31t-45.58-110.19q-45.58-45.46-110.31-45.46t-110.19 45.58q-45.46 45.58-45.46 110.31t45.58 110.19q45.58 45.46 110.31 45.46t110.19-45.58ZM401.27-421.5q-32.12-32.36-32.12-78.74 0-46.38 32.35-78.49 32.36-32.12 78.74-32.12 46.38 0 78.49 32.35 32.12 32.36 32.12 78.74 0 46.38-32.35 78.49-32.36 32.12-78.74 32.12-46.38 0-78.49-32.35ZM248.15-290.23Q143.23-360.46 78.92-470.38q-4.38-7.13-6.38-14.46-2-7.33-2-15.24 0-7.92 2-15.19t6.38-14.35q64.31-109.92 169.23-180.15Q353.08-780 480-780q126.92 0 231.85 70.23 104.92 70.23 169.23 180.15 4.38 7.13 6.38 14.46 2 7.33 2 15.24 0 7.92-2 15.19t-6.38 14.35q-64.31 109.92-169.23 180.15Q606.92-220 480-220q-126.92 0-231.85-70.23ZM480-500Zm218.65 170.85Q798.23-392.92 850.46-500q-52.23-107.08-151.64-170.85-99.41-63.76-218.65-63.76-119.25 0-218.82 63.76Q161.77-607.08 108.92-500q52.85 107.08 152.26 170.85 99.41 63.76 218.65 63.76 119.25 0 218.82-63.76Z" })],
+    });
+  },
+);
+
+exports.IconAdd = IconAdd;
+exports.IconAddBox = IconAddBox;
+exports.IconAddBoxFilled = IconAddBoxFilled;
+exports.IconDelete = IconDelete;
+exports.IconEdit = IconEdit;
+exports.IconExperiment = IconExperiment;
+exports.IconStar = IconStar;
+exports.IconUnfoldMore = IconUnfoldMore;
+exports.IconVisibility = IconVisibility;

package/dist/esm/_virtual/add.svg.js

@@ -0,0 +1,21 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { resolveSize } from '../resolveSize.js';
+
+const IconAdd = forwardRef(
+  function IconAdd({ size = 20, ...props }, ref) {
+    const resolved = resolveSize(size);
+    return jsxs("svg", {
+      fill: "currentColor",
+      height: resolved,
+      ref,
+      viewBox: "0 -960 960 960",
+      width: resolved,
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [jsx("path", { d: "M457.31-457.31H242.69q-9.64 0-16.16-6.58-6.53-6.58-6.53-16.31 0-9.72 6.53-16.11 6.52-6.38 16.16-6.38h214.62v-214.62q0-9.64 6.58-16.16 6.58-6.53 16.31-6.53 9.72 0 16.11 6.53 6.38 6.52 6.38 16.16v214.62h214.62q9.64 0 16.16 6.58 6.53 6.58 6.53 16.31 0 9.72-6.53 16.11-6.52 6.38-16.16 6.38H502.69v214.62q0 9.64-6.58 16.16-6.58 6.53-16.31 6.53-9.72 0-16.11-6.53-6.38-6.52-6.38-16.16v-214.62Z" })],
+    });
+  },
+);
+
+export { IconAdd as default };

package/dist/esm/_virtual/add_box-fill.svg.js

@@ -0,0 +1,21 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { resolveSize } from '../resolveSize.js';
+
+const IconAddBoxFilled = forwardRef(
+  function IconAddBoxFilled({ size = 20, ...props }, ref) {
+    const resolved = resolveSize(size);
+    return jsxs("svg", {
+      fill: "currentColor",
+      height: resolved,
+      ref,
+      viewBox: "0 -960 960 960",
+      width: resolved,
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [jsx("path", { d: "M457.31-457.31v144.62q0 9.64 6.58 16.17 6.58 6.52 16.31 6.52 9.72 0 16.11-6.52 6.38-6.53 6.38-16.17v-144.62h144.62q9.64 0 16.17-6.58 6.52-6.58 6.52-16.31 0-9.72-6.52-16.11-6.53-6.38-16.17-6.38H502.69v-144.62q0-9.64-6.58-16.17-6.58-6.52-16.31-6.52-9.72 0-16.11 6.52-6.38 6.53-6.38 16.17v144.62H312.69q-9.64 0-16.17 6.58-6.52 6.58-6.52 16.31 0 9.72 6.52 16.11 6.53 6.38 16.17 6.38h144.62ZM197.69-140q-23.53 0-40.61-17.08T140-197.69v-564.62q0-23.53 17.08-40.61T197.69-820h564.62q23.53 0 40.61 17.08T820-762.31v564.62q0 23.53-17.08 40.61T762.31-140H197.69Z" })],
+    });
+  },
+);
+
+export { IconAddBoxFilled as default };

package/dist/esm/_virtual/add_box.svg.js

@@ -0,0 +1,21 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { resolveSize } from '../resolveSize.js';
+
+const IconAddBox = forwardRef(
+  function IconAddBox({ size = 20, ...props }, ref) {
+    const resolved = resolveSize(size);
+    return jsxs("svg", {
+      fill: "currentColor",
+      height: resolved,
+      ref,
+      viewBox: "0 -960 960 960",
+      width: resolved,
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [jsx("path", { d: "M457.31-457.31v144.62q0 9.66 6.56 16.17 6.57 6.52 16.31 6.52 9.74 0 16.13-6.52 6.38-6.51 6.38-16.17v-144.62h144.62q9.66 0 16.17-6.56 6.52-6.57 6.52-16.31 0-9.74-6.52-16.13-6.51-6.38-16.17-6.38H502.69v-144.62q0-9.66-6.56-16.17-6.57-6.52-16.31-6.52-9.74 0-16.13 6.52-6.38 6.51-6.38 16.17v144.62H312.69q-9.66 0-16.17 6.56-6.52 6.57-6.52 16.31 0 9.74 6.52 16.13 6.51 6.38 16.17 6.38h144.62ZM197.69-140q-23.53 0-40.61-17.08T140-197.69v-564.62q0-23.53 17.08-40.61T197.69-820h564.62q23.53 0 40.61 17.08T820-762.31v564.62q0 23.53-17.08 40.61T762.31-140H197.69Zm0-45.39h564.62q4.61 0 8.46-3.84 3.84-3.85 3.84-8.46v-564.62q0-4.61-3.84-8.46-3.85-3.84-8.46-3.84H197.69q-4.61 0-8.46 3.84-3.84 3.85-3.84 8.46v564.62q0 4.61 3.84 8.46 3.85 3.84 8.46 3.84Zm-12.3-589.22v589.22-589.22Z" })],
+    });
+  },
+);
+
+export { IconAddBox as default };

package/dist/esm/_virtual/delete.svg.js

@@ -0,0 +1,21 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { resolveSize } from '../resolveSize.js';
+
+const IconDelete = forwardRef(
+  function IconDelete({ size = 20, ...props }, ref) {
+    const resolved = resolveSize(size);
+    return jsxs("svg", {
+      fill: "currentColor",
+      height: resolved,
+      ref,
+      viewBox: "0 -960 960 960",
+      width: resolved,
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [jsx("path", { d: "M278.31-140q-23.5 0-40.6-17.1-17.09-17.09-17.09-40.59v-544.23h-17.93q-9.64 0-16.16-6.58-6.53-6.58-6.53-16.31 0-9.73 6.53-16.11 6.52-6.39 16.16-6.39h148.39q0-11.84 8.24-19.96 8.25-8.11 19.83-8.11h201.7q11.58 0 19.83 8.24 8.24 8.25 8.24 19.83h148.39q9.64 0 16.16 6.58 6.53 6.58 6.53 16.31 0 9.73-6.53 16.11-6.52 6.39-16.16 6.39h-17.93v544.23q0 23.5-17.09 40.59-17.1 17.1-40.6 17.1H278.31ZM694-741.92H266v544.23q0 5.38 3.65 8.84 3.66 3.46 8.66 3.46h403.38q5 0 8.66-3.46 3.65-3.46 3.65-8.84v-544.23ZM420.23-276.37q6.39-6.52 6.39-16.17v-343.23q0-9.27-6.58-15.98-6.58-6.71-16.31-6.71-9.73 0-16.11 6.71-6.39 6.71-6.39 15.98v343.23q0 9.65 6.58 16.17 6.58 6.52 16.31 6.52 9.73 0 16.11-6.52Zm152.15 0q6.39-6.52 6.39-16.17v-343.23q0-9.27-6.58-15.98-6.58-6.71-16.31-6.71-9.73 0-16.11 6.71-6.39 6.71-6.39 15.98v343.23q0 9.65 6.58 16.17 6.58 6.52 16.31 6.52 9.73 0 16.11-6.52ZM266-741.92v556.53-556.53Z" })],
+    });
+  },
+);
+
+export { IconDelete as default };

package/dist/esm/_virtual/edit.svg.js

@@ -0,0 +1,21 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { resolveSize } from '../resolveSize.js';
+
+const IconEdit = forwardRef(
+  function IconEdit({ size = 20, ...props }, ref) {
+    const resolved = resolveSize(size);
+    return jsxs("svg", {
+      fill: "currentColor",
+      height: resolved,
+      ref,
+      viewBox: "0 -960 960 960",
+      width: resolved,
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [jsx("path", { d: "M185.39-185.39h40.92l468.54-467.92-40.93-40.92-468.53 467.92v40.92ZM168.85-140q-12.52 0-20.69-8.16-8.16-8.17-8.16-20.69v-51.84q0-11.79 4.81-22.82 4.81-11.03 12.81-18.64l544.3-544.46q6.23-5.63 14.66-9.2 8.42-3.57 17.6-3.57 8.57 0 16.81 3.34 8.24 3.35 15.32 9.43l40.92 40.92q6.69 6.69 9.73 15.16 3.04 8.46 3.04 16.93 0 8.6-3.51 17.33-3.5 8.73-9.26 14.96L262.15-157.62q-7.61 8-18.64 12.81-11.03 4.81-22.82 4.81h-51.84Zm605.53-594.31-39.46-39.07 39.46 39.07Zm-99.75 60.68-20.71-20.6 40.93 40.92-20.22-20.32Z" })],
+    });
+  },
+);
+
+export { IconEdit as default };

package/dist/esm/_virtual/experiment.svg.js

@@ -0,0 +1,21 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { resolveSize } from '../resolveSize.js';
+
+const IconExperiment = forwardRef(
+  function IconExperiment({ size = 20, ...props }, ref) {
+    const resolved = resolveSize(size);
+    return jsxs("svg", {
+      fill: "currentColor",
+      height: resolved,
+      ref,
+      viewBox: "0 -960 960 960",
+      width: resolved,
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [jsx("path", { d: "M179.69-140q-31.96 0-45.25-29.39-13.28-29.38 8.79-53.69l245.69-282.69v-268.84h-56.61q-9.91 0-16.3-6.4-6.39-6.4-6.39-16.31 0-9.91 6.39-16.29 6.39-6.39 16.3-6.39h295.38q9.91 0 16.3 6.4 6.39 6.4 6.39 16.31 0 9.91-6.39 16.29-6.39 6.39-16.3 6.39h-56.61v268.84l245.69 282.69q22.07 24.31 8.79 53.69Q812.27-140 780.31-140H179.69Zm72.7-78.08h455.22L554.15-396.54h-148.3L252.39-218.08Zm-81.62 32.69h618.46L525.69-489.15v-285.46h-91.38v285.46L170.77-185.39ZM480-480Z" })],
+    });
+  },
+);
+
+export { IconExperiment as default };

package/dist/esm/_virtual/star.svg.js

@@ -0,0 +1,21 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { resolveSize } from '../resolveSize.js';
+
+const IconStar = forwardRef(
+  function IconStar({ size = 20, ...props }, ref) {
+    const resolved = resolveSize(size);
+    return jsxs("svg", {
+      fill: "currentColor",
+      height: resolved,
+      ref,
+      viewBox: "0 -960 960 960",
+      width: resolved,
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [jsx("path", { d: "M331.46-256.15 480-345.54l148.54 90.39-39.31-169.16 130.69-113.46L547.54-553 480-712.15 412.46-554l-172.38 15.23 130.69 113.85-39.31 168.77ZM480-292.46 309.77-189.69q-6.46 3.46-13.15 3.15-6.7-.31-12.16-4.15-5.46-3.85-8.19-10.12-2.73-6.27-.73-13.96l44.77-193.54L170.54-539q-6.08-5.08-7.58-11.65-1.5-6.58.31-12.85t7.08-10.42q5.27-4.16 12.96-4.77l198.15-17.46 77.08-183.08q3.23-6.69 9.11-10.23Q473.54-793 480-793t12.35 3.54q5.88 3.54 9.11 10.23l77.08 183.08 198.15 17.46q7.69.61 12.96 4.77 5.27 4.15 7.08 10.42 1.81 6.27.31 12.85-1.5 6.57-7.58 11.65L639.69-408.31l45.15 193.54q1.62 7.69-1.11 13.96-2.73 6.27-8.19 10.12-5.46 3.84-12.16 4.15-6.69.31-13.15-3.15L480-292.46Zm0-181.39Z" })],
+    });
+  },
+);
+
+export { IconStar as default };

package/dist/esm/_virtual/unfold_more.svg.js

@@ -0,0 +1,21 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { resolveSize } from '../resolveSize.js';
+
+const IconUnfoldMore = forwardRef(
+  function IconUnfoldMore({ size = 20, ...props }, ref) {
+    const resolved = resolveSize(size);
+    return jsxs("svg", {
+      fill: "currentColor",
+      height: resolved,
+      ref,
+      viewBox: "0 -960 960 960",
+      width: resolved,
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [jsx("path", { d: "m480-201.08 117.08-117.07q6.85-6.7 16.5-6.89 9.65-.19 16.73 7.02 7.07 7.2 7.07 16.61t-7.07 16.49L500.23-154.85q-4.61 4.62-9.61 6.62-4.99 2-10.8 2-5.82 0-10.63-2-4.81-2-9.42-6.62L329.69-284.92q-6.69-6.86-6.88-16.51-.19-9.65 7.01-16.72 7.21-7.08 16.62-7.08t16.48 7.08L480-201.08Zm0-555.38L362.92-639.39q-6.85 6.7-16.5 6.89-9.65.19-16.73-7.02-7.07-7.2-7.07-16.61t7.07-16.48l130.08-130.08q4.61-4.62 9.61-6.81 4.99-2.19 10.8-2.19 5.82 0 10.63 2.19 4.81 2.19 9.42 6.81l130.08 130.08q6.69 6.85 6.88 16.5.19 9.65-7.01 16.72-7.21 7.08-16.62 7.08t-16.48-7.08L480-756.46Z" })],
+    });
+  },
+);
+
+export { IconUnfoldMore as default };

package/dist/esm/_virtual/visibility.svg.js

@@ -0,0 +1,21 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { resolveSize } from '../resolveSize.js';
+
+const IconVisibility = forwardRef(
+  function IconVisibility({ size = 20, ...props }, ref) {
+    const resolved = resolveSize(size);
+    return jsxs("svg", {
+      fill: "currentColor",
+      height: resolved,
+      ref,
+      viewBox: "0 -960 960 960",
+      width: resolved,
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [jsx("path", { d: "M590.31-389.81q45.46-45.58 45.46-110.31t-45.58-110.19q-45.58-45.46-110.31-45.46t-110.19 45.58q-45.46 45.58-45.46 110.31t45.58 110.19q45.58 45.46 110.31 45.46t110.19-45.58ZM401.27-421.5q-32.12-32.36-32.12-78.74 0-46.38 32.35-78.49 32.36-32.12 78.74-32.12 46.38 0 78.49 32.35 32.12 32.36 32.12 78.74 0 46.38-32.35 78.49-32.36 32.12-78.74 32.12-46.38 0-78.49-32.35ZM248.15-290.23Q143.23-360.46 78.92-470.38q-4.38-7.13-6.38-14.46-2-7.33-2-15.24 0-7.92 2-15.19t6.38-14.35q64.31-109.92 169.23-180.15Q353.08-780 480-780q126.92 0 231.85 70.23 104.92 70.23 169.23 180.15 4.38 7.13 6.38 14.46 2 7.33 2 15.24 0 7.92-2 15.19t-6.38 14.35q-64.31 109.92-169.23 180.15Q606.92-220 480-220q-126.92 0-231.85-70.23ZM480-500Zm218.65 170.85Q798.23-392.92 850.46-500q-52.23-107.08-151.64-170.85-99.41-63.76-218.65-63.76-119.25 0-218.82 63.76Q161.77-607.08 108.92-500q52.85 107.08 152.26 170.85 99.41 63.76 218.65 63.76 119.25 0 218.82-63.76Z" })],
+    });
+  },
+);
+
+export { IconVisibility as default };

package/dist/esm/index.js

@@ -0,0 +1,9 @@
+export { default as IconAdd } from './_virtual/add.svg.js';
+export { default as IconAddBoxFilled } from './_virtual/add_box-fill.svg.js';
+export { default as IconAddBox } from './_virtual/add_box.svg.js';
+export { default as IconDelete } from './_virtual/delete.svg.js';
+export { default as IconEdit } from './_virtual/edit.svg.js';
+export { default as IconExperiment } from './_virtual/experiment.svg.js';
+export { default as IconStar } from './_virtual/star.svg.js';
+export { default as IconUnfoldMore } from './_virtual/unfold_more.svg.js';
+export { default as IconVisibility } from './_virtual/visibility.svg.js';

package/dist/esm/resolveSize.js

@@ -0,0 +1,14 @@
+const sizes = {
+  "2xs": "1rem",
+  xs: "1.25rem",
+  sm: "1.5rem",
+  md: "2rem",
+  lg: "2.5rem",
+  xl: "3rem",
+  "3xl": "5rem"
+};
+function resolveSize(size) {
+  return typeof size === "string" && size in sizes ? sizes[size] : size;
+}
+
+export { resolveSize };

package/dist/index.d.ts

@@ -0,0 +1,150 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+
+declare function resolveSize(size: number | string): string | number;
+
+const IconAdd = forwardRef(
+  function IconAdd({ size = 20, ...props }, ref) {
+    const resolved = resolveSize(size);
+    return jsxs("svg", {
+      fill: "currentColor",
+      height: resolved,
+      ref,
+      viewBox: "0 -960 960 960",
+      width: resolved,
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [jsx("path", { d: "M457.31-457.31H242.69q-9.64 0-16.16-6.58-6.53-6.58-6.53-16.31 0-9.72 6.53-16.11 6.52-6.38 16.16-6.38h214.62v-214.62q0-9.64 6.58-16.16 6.58-6.53 16.31-6.53 9.72 0 16.11 6.53 6.38 6.52 6.38 16.16v214.62h214.62q9.64 0 16.16 6.58 6.53 6.58 6.53 16.31 0 9.72-6.53 16.11-6.52 6.38-16.16 6.38H502.69v214.62q0 9.64-6.58 16.16-6.58 6.53-16.31 6.53-9.72 0-16.11-6.53-6.38-6.52-6.38-16.16v-214.62Z" })],
+    });
+  },
+);
+
+const IconAddBoxFilled = forwardRef(
+  function IconAddBoxFilled({ size = 20, ...props }, ref) {
+    const resolved = resolveSize(size);
+    return jsxs("svg", {
+      fill: "currentColor",
+      height: resolved,
+      ref,
+      viewBox: "0 -960 960 960",
+      width: resolved,
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [jsx("path", { d: "M457.31-457.31v144.62q0 9.64 6.58 16.17 6.58 6.52 16.31 6.52 9.72 0 16.11-6.52 6.38-6.53 6.38-16.17v-144.62h144.62q9.64 0 16.17-6.58 6.52-6.58 6.52-16.31 0-9.72-6.52-16.11-6.53-6.38-16.17-6.38H502.69v-144.62q0-9.64-6.58-16.17-6.58-6.52-16.31-6.52-9.72 0-16.11 6.52-6.38 6.53-6.38 16.17v144.62H312.69q-9.64 0-16.17 6.58-6.52 6.58-6.52 16.31 0 9.72 6.52 16.11 6.53 6.38 16.17 6.38h144.62ZM197.69-140q-23.53 0-40.61-17.08T140-197.69v-564.62q0-23.53 17.08-40.61T197.69-820h564.62q23.53 0 40.61 17.08T820-762.31v564.62q0 23.53-17.08 40.61T762.31-140H197.69Z" })],
+    });
+  },
+);
+
+const IconAddBox = forwardRef(
+  function IconAddBox({ size = 20, ...props }, ref) {
+    const resolved = resolveSize(size);
+    return jsxs("svg", {
+      fill: "currentColor",
+      height: resolved,
+      ref,
+      viewBox: "0 -960 960 960",
+      width: resolved,
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [jsx("path", { d: "M457.31-457.31v144.62q0 9.66 6.56 16.17 6.57 6.52 16.31 6.52 9.74 0 16.13-6.52 6.38-6.51 6.38-16.17v-144.62h144.62q9.66 0 16.17-6.56 6.52-6.57 6.52-16.31 0-9.74-6.52-16.13-6.51-6.38-16.17-6.38H502.69v-144.62q0-9.66-6.56-16.17-6.57-6.52-16.31-6.52-9.74 0-16.13 6.52-6.38 6.51-6.38 16.17v144.62H312.69q-9.66 0-16.17 6.56-6.52 6.57-6.52 16.31 0 9.74 6.52 16.13 6.51 6.38 16.17 6.38h144.62ZM197.69-140q-23.53 0-40.61-17.08T140-197.69v-564.62q0-23.53 17.08-40.61T197.69-820h564.62q23.53 0 40.61 17.08T820-762.31v564.62q0 23.53-17.08 40.61T762.31-140H197.69Zm0-45.39h564.62q4.61 0 8.46-3.84 3.84-3.85 3.84-8.46v-564.62q0-4.61-3.84-8.46-3.85-3.84-8.46-3.84H197.69q-4.61 0-8.46 3.84-3.84 3.85-3.84 8.46v564.62q0 4.61 3.84 8.46 3.85 3.84 8.46 3.84Zm-12.3-589.22v589.22-589.22Z" })],
+    });
+  },
+);
+
+const IconDelete = forwardRef(
+  function IconDelete({ size = 20, ...props }, ref) {
+    const resolved = resolveSize(size);
+    return jsxs("svg", {
+      fill: "currentColor",
+      height: resolved,
+      ref,
+      viewBox: "0 -960 960 960",
+      width: resolved,
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [jsx("path", { d: "M278.31-140q-23.5 0-40.6-17.1-17.09-17.09-17.09-40.59v-544.23h-17.93q-9.64 0-16.16-6.58-6.53-6.58-6.53-16.31 0-9.73 6.53-16.11 6.52-6.39 16.16-6.39h148.39q0-11.84 8.24-19.96 8.25-8.11 19.83-8.11h201.7q11.58 0 19.83 8.24 8.24 8.25 8.24 19.83h148.39q9.64 0 16.16 6.58 6.53 6.58 6.53 16.31 0 9.73-6.53 16.11-6.52 6.39-16.16 6.39h-17.93v544.23q0 23.5-17.09 40.59-17.1 17.1-40.6 17.1H278.31ZM694-741.92H266v544.23q0 5.38 3.65 8.84 3.66 3.46 8.66 3.46h403.38q5 0 8.66-3.46 3.65-3.46 3.65-8.84v-544.23ZM420.23-276.37q6.39-6.52 6.39-16.17v-343.23q0-9.27-6.58-15.98-6.58-6.71-16.31-6.71-9.73 0-16.11 6.71-6.39 6.71-6.39 15.98v343.23q0 9.65 6.58 16.17 6.58 6.52 16.31 6.52 9.73 0 16.11-6.52Zm152.15 0q6.39-6.52 6.39-16.17v-343.23q0-9.27-6.58-15.98-6.58-6.71-16.31-6.71-9.73 0-16.11 6.71-6.39 6.71-6.39 15.98v343.23q0 9.65 6.58 16.17 6.58 6.52 16.31 6.52 9.73 0 16.11-6.52ZM266-741.92v556.53-556.53Z" })],
+    });
+  },
+);
+
+const IconEdit = forwardRef(
+  function IconEdit({ size = 20, ...props }, ref) {
+    const resolved = resolveSize(size);
+    return jsxs("svg", {
+      fill: "currentColor",
+      height: resolved,
+      ref,
+      viewBox: "0 -960 960 960",
+      width: resolved,
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [jsx("path", { d: "M185.39-185.39h40.92l468.54-467.92-40.93-40.92-468.53 467.92v40.92ZM168.85-140q-12.52 0-20.69-8.16-8.16-8.17-8.16-20.69v-51.84q0-11.79 4.81-22.82 4.81-11.03 12.81-18.64l544.3-544.46q6.23-5.63 14.66-9.2 8.42-3.57 17.6-3.57 8.57 0 16.81 3.34 8.24 3.35 15.32 9.43l40.92 40.92q6.69 6.69 9.73 15.16 3.04 8.46 3.04 16.93 0 8.6-3.51 17.33-3.5 8.73-9.26 14.96L262.15-157.62q-7.61 8-18.64 12.81-11.03 4.81-22.82 4.81h-51.84Zm605.53-594.31-39.46-39.07 39.46 39.07Zm-99.75 60.68-20.71-20.6 40.93 40.92-20.22-20.32Z" })],
+    });
+  },
+);
+
+const IconExperiment = forwardRef(
+  function IconExperiment({ size = 20, ...props }, ref) {
+    const resolved = resolveSize(size);
+    return jsxs("svg", {
+      fill: "currentColor",
+      height: resolved,
+      ref,
+      viewBox: "0 -960 960 960",
+      width: resolved,
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [jsx("path", { d: "M179.69-140q-31.96 0-45.25-29.39-13.28-29.38 8.79-53.69l245.69-282.69v-268.84h-56.61q-9.91 0-16.3-6.4-6.39-6.4-6.39-16.31 0-9.91 6.39-16.29 6.39-6.39 16.3-6.39h295.38q9.91 0 16.3 6.4 6.39 6.4 6.39 16.31 0 9.91-6.39 16.29-6.39 6.39-16.3 6.39h-56.61v268.84l245.69 282.69q22.07 24.31 8.79 53.69Q812.27-140 780.31-140H179.69Zm72.7-78.08h455.22L554.15-396.54h-148.3L252.39-218.08Zm-81.62 32.69h618.46L525.69-489.15v-285.46h-91.38v285.46L170.77-185.39ZM480-480Z" })],
+    });
+  },
+);
+
+const IconStar = forwardRef(
+  function IconStar({ size = 20, ...props }, ref) {
+    const resolved = resolveSize(size);
+    return jsxs("svg", {
+      fill: "currentColor",
+      height: resolved,
+      ref,
+      viewBox: "0 -960 960 960",
+      width: resolved,
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [jsx("path", { d: "M331.46-256.15 480-345.54l148.54 90.39-39.31-169.16 130.69-113.46L547.54-553 480-712.15 412.46-554l-172.38 15.23 130.69 113.85-39.31 168.77ZM480-292.46 309.77-189.69q-6.46 3.46-13.15 3.15-6.7-.31-12.16-4.15-5.46-3.85-8.19-10.12-2.73-6.27-.73-13.96l44.77-193.54L170.54-539q-6.08-5.08-7.58-11.65-1.5-6.58.31-12.85t7.08-10.42q5.27-4.16 12.96-4.77l198.15-17.46 77.08-183.08q3.23-6.69 9.11-10.23Q473.54-793 480-793t12.35 3.54q5.88 3.54 9.11 10.23l77.08 183.08 198.15 17.46q7.69.61 12.96 4.77 5.27 4.15 7.08 10.42 1.81 6.27.31 12.85-1.5 6.57-7.58 11.65L639.69-408.31l45.15 193.54q1.62 7.69-1.11 13.96-2.73 6.27-8.19 10.12-5.46 3.84-12.16 4.15-6.69.31-13.15-3.15L480-292.46Zm0-181.39Z" })],
+    });
+  },
+);
+
+const IconUnfoldMore = forwardRef(
+  function IconUnfoldMore({ size = 20, ...props }, ref) {
+    const resolved = resolveSize(size);
+    return jsxs("svg", {
+      fill: "currentColor",
+      height: resolved,
+      ref,
+      viewBox: "0 -960 960 960",
+      width: resolved,
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [jsx("path", { d: "m480-201.08 117.08-117.07q6.85-6.7 16.5-6.89 9.65-.19 16.73 7.02 7.07 7.2 7.07 16.61t-7.07 16.49L500.23-154.85q-4.61 4.62-9.61 6.62-4.99 2-10.8 2-5.82 0-10.63-2-4.81-2-9.42-6.62L329.69-284.92q-6.69-6.86-6.88-16.51-.19-9.65 7.01-16.72 7.21-7.08 16.62-7.08t16.48 7.08L480-201.08Zm0-555.38L362.92-639.39q-6.85 6.7-16.5 6.89-9.65.19-16.73-7.02-7.07-7.2-7.07-16.61t7.07-16.48l130.08-130.08q4.61-4.62 9.61-6.81 4.99-2.19 10.8-2.19 5.82 0 10.63 2.19 4.81 2.19 9.42 6.81l130.08 130.08q6.69 6.85 6.88 16.5.19 9.65-7.01 16.72-7.21 7.08-16.62 7.08t-16.48-7.08L480-756.46Z" })],
+    });
+  },
+);
+
+const IconVisibility = forwardRef(
+  function IconVisibility({ size = 20, ...props }, ref) {
+    const resolved = resolveSize(size);
+    return jsxs("svg", {
+      fill: "currentColor",
+      height: resolved,
+      ref,
+      viewBox: "0 -960 960 960",
+      width: resolved,
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [jsx("path", { d: "M590.31-389.81q45.46-45.58 45.46-110.31t-45.58-110.19q-45.58-45.46-110.31-45.46t-110.19 45.58q-45.46 45.58-45.46 110.31t45.58 110.19q45.58 45.46 110.31 45.46t110.19-45.58ZM401.27-421.5q-32.12-32.36-32.12-78.74 0-46.38 32.35-78.49 32.36-32.12 78.74-32.12 46.38 0 78.49 32.35 32.12 32.36 32.12 78.74 0 46.38-32.35 78.49-32.36 32.12-78.74 32.12-46.38 0-78.49-32.35ZM248.15-290.23Q143.23-360.46 78.92-470.38q-4.38-7.13-6.38-14.46-2-7.33-2-15.24 0-7.92 2-15.19t6.38-14.35q64.31-109.92 169.23-180.15Q353.08-780 480-780q126.92 0 231.85 70.23 104.92 70.23 169.23 180.15 4.38 7.13 6.38 14.46 2 7.33 2 15.24 0 7.92-2 15.19t-6.38 14.35q-64.31 109.92-169.23 180.15Q606.92-220 480-220q-126.92 0-231.85-70.23ZM480-500Zm218.65 170.85Q798.23-392.92 850.46-500q-52.23-107.08-151.64-170.85-99.41-63.76-218.65-63.76-119.25 0-218.82 63.76Q161.77-607.08 108.92-500q52.85 107.08 152.26 170.85 99.41 63.76 218.65 63.76 119.25 0 218.82-63.76Z" })],
+    });
+  },
+);
+
+export { IconAdd, IconAddBox, IconAddBoxFilled, IconDelete, IconEdit, IconExperiment, IconStar, IconUnfoldMore, IconVisibility };

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@optiaxiom/icons",
+  "homepage": "https://github.com/optimizely-axiom/optiaxiom/tree/master/packages/icons#readme",
+  "repository": {
+    "directory": "packages/icons",
+    "type": "git",
+    "url": "git+https://github.com/optimizely-axiom/optiaxiom.git"
+  },
+  "type": "module",
+  "version": "0.1.0",
+  "files": [
+    "dist/**",
+    "LICENSE"
+  ],
+  "license": "Apache-2.0",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    }
+  },
+  "sideEffects": false,
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "rm -rf dist && NODE_ENV=production rollup -c",
+    "dev": "rm -rf dist && rollup -cw"
+  },
+  "devDependencies": {
+    "@material-symbols/svg-300": "^0.43.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "peerDependencies": {
+    "react": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+  }
+}