@imtf/icons 0.0.1

package/README.md

@@ -0,0 +1,75 @@
+## Installation
+
+`yarn add @imtf/icons`
+
+## Usage
+
+```
+import { IconProvider, AdminIcon, AppIcon } from "@imtf/icons";
+
+const palette = {
+    primary: {
+        main: '#3670ad'
+    },
+    secondary: {
+        main: '#6b1c2e'
+    }
+}
+
+<IconProvider palette={palette} defaultColor="primary.main" defaultSize={32}>
+    <AdminIcon />
+    <AppIcon color="secondary.main />
+</IconProvider>
+```
+
+## IconProvider props
+
+| Props        | Type          | Default      | Notes                                                              |
+| ------------ | ------------- | ------------ | ------------------------------------------------------------------ |
+| palette      | object        | {}           | A color palette that can be accessed by all icons                  |
+| defaultColor | string        | currentColor | Can be a path of the palette, an hexadecimal value or a color name |
+| defaultSize  | number/string | 24           | Defines the default width and height of the icons                  |
+
+## Icon props
+
+All default [SVG attributes](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute) can be used as well as some custom ones :
+
+| Props | Type          | Default      | Notes                                                              |
+| ----- | ------------- | ------------ | ------------------------------------------------------------------ |
+| size  | number/string | null         | the default width and height of the icon                           |
+| color | string        | currentColor | Can be a path of the palette, an hexadecimal value or a color name |
+
+## Raw SVG icons
+
+If necessary, you can directly import the SVG file of each icons.
+
+> They do not consume the default values from the `IconProvider`
+
+### Usage
+
+```
+import { Calendar } from "@imtf/icons/svg";
+
+<img src={Calendar} alt="calendar" style={{ width: 50 }} />
+```
+
+### Custom component
+
+In case you need to create your own React component out of an SVG, you will need to import the SVG from his absolute path.
+
+```
+import React from "react";
+import { ReactComponent as Calendar } from "@imtf/icons/svg/Calendar.svg";
+
+const CalendarIcon = (props) => {
+  return <Calendar {...props} />;
+};
+
+export default TestIcon;
+```
+
+## Configuration
+
+### Add new icons
+
+To add new svg icons, you must add them in the `src/icons` folder and run `npm run build` or `yarn build` on your terminal. Don't worry about redundant or useless information on your SVG files, they will be optimized thanks to [svgo](https://github.com/svg/svgo).

package/lib/icons/AdminIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function AdminIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+export default AdminIcon;

package/lib/icons/AdminIcon.js

@@ -0,0 +1,29 @@
+import * as React from "react";
+import { useContext, useMemo } from 'react';
+import { IconContext } from '../index.js';
+import get from 'lodash.get';
+
+const AdminIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}) => {
+  const defaultContextValues = useContext(IconContext);
+  const defaultValues = { ...defaultContextValues,
+    color: defaultColor || defaultContextValues.color,
+    size: size || defaultContextValues.size,
+    ...props
+  };
+  const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    width: defaultValues.size,
+    height: defaultValues.size,
+    fill: color
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "m17.5293671.57993303.1418797.11983763.1344976.13027269c.5179311.53750101.7931819 1.26716895.7548847 2.01779354l-.0710059 1.40011233c-.0312773.62554593.41787 1.16374145 1.020826 1.25591142l.1225452.01238072.1215241.00016508 1.4019055-.07109558c1.4949933-.07329754 2.7664365 1.07878746 2.8397611 2.5729508.0401171.81202499-.2863912 1.59913661-.8900103 2.14460854l-1.0418682.9398805c-.4631908.4187753-.5280234 1.1136061-.1693613 1.6089357l.0833474.1029152.0854013.0852735 1.0427119.9406422c1.1110838 1.0031579 1.1979455 2.7172859.1938538 3.8278722-.546309.6043976-1.3349049.9309052-2.1480966.8894158l-1.4014958-.0710763c-.6246447-.032389-1.1631015.4163369-1.2562722 1.0181121l-.0125905.1222985-.000212.1295574.0712571 1.4053632c.0663972 1.4953195-1.0915651 2.7610788-2.5864797 2.8274579-.8012886.0359819-1.5773621-.2851265-2.1227315-.8806045l-.9417316-1.0418095c-.4178363-.4627897-1.1123601-.5275915-1.6025566-.1735549l-.1017394.0822834-.0930518.0927738-.9460491 1.0421548c-1.00716113 1.1067705-2.72108437 1.1880599-3.82761351.1811184-.59613093-.5421887-.91985955-1.3220298-.88367226-2.1330693l.07204955-1.4009622c.03238898-.6246446-.41633695-1.1631014-1.01811216-1.2562721l-.12229849-.0125906-.12955738-.0002119-1.3997962.0709892C1.35526222 18.6372422.0811999 17.489816.00376379 15.9963998c-.04291868-.8140704.2827752-1.6041383.88761694-2.1508487l1.04113365-.9401205c.46319086-.4187753.52802337-1.1136061.16936131-1.6089357l-.08334737-.1029152-.08713472-.0868421-1.04142998-.9453903C-.21784055 9.15588707-.30124585 7.44329825.70359602 6.33465067c.5437559-.59910002 1.32789374-.92412163 2.13806049-.88527515l1.40218744.07111252c.66633039.03516744 1.23526088-.47704189 1.2706784-1.14730236l.00169865-.06136971-.06915335-1.46962277C5.37652607 1.34698848 6.53145064.07828245 8.027398.00770612c.80653435-.03735236 1.58783344.28651949 2.1323314.88505448l.9418774 1.04007777c.4164882.46257255 1.1098535.52817091 1.6031187.17180874l.1024631-.08283101.0920667-.09233446.9440858-1.03588751c.96135-1.06477796 2.5756436-1.18892642 3.686026-.3136611Zm-2.5750226 1.32146025-.9432922 1.03500722c-.0625234.06947039-.1289598.13590677-.1993155.19936489-1.1110087 1.00170649-2.8241063.91224188-3.8234204-.19765107L9.04902534 1.9008943c-.24270145-.26678632-.59177515-.41148782-.9515858-.39482448-.66794816.03151282-1.18353217.59789139-1.15206136 1.26495249l.06666559 1.39468544c.00563644.0986377.00563644.19644648.00017719.29044817-.07889344 1.49343904-1.35362993 2.641087-2.84589223 2.56232712l-1.39857678-.07093069c-.36048246-.0172834-.71085449.12794423-.95308697.39483115-.44845231.49478003-.41121894 1.25930525.08346064 1.7082841l1.03909772.94328243c.06967591.06270827.13550361.12853607.1960186.19593187 1.00286421 1.1107585.91562597 2.8243058-.19510346 3.8285267l-1.04120083.9401812c-.26922499.2433498-.41440792.5955345-.39522021.9594873.03455677.666452.60288958 1.178295 1.27096849 1.1436544l1.40508445-.0712447c.08938536-.0040023.17880433-.0040023.27347794.0002555 1.49428598.0774815 2.64348113 1.3507521 2.56602939 2.8444631l-.07178808 1.3955399c-.01609431.3608841.12861184.7094718.39482022.9515917.49381502.4493717 1.25905727.4130771 1.7081792-.0804626l.94271651-1.0384682c.05854074-.0651931.12136854-.1276885.19649774-.1966481 1.1108336-1.002932 2.8246597-.9156578 3.8272604.1948091l.9381346 1.037854c.2421158.2643509.5884756.4076608.9463571.3915902.6676296-.029645 1.1845215-.5946554 1.1550952-1.2576946l-.0712446-1.4050844c-.0040024-.0893854-.0040024-.1788043.0002555-.2734779.0774815-1.494286 1.350752-2.6434812 2.8439294-2.5660567l1.4008747.0710444c.3631243.0185268.7150538-.127185.9591687-.3972564.4483139-.4958624.4095464-1.2608996-.0861051-1.7084058l-1.0418315-.9398487c-.069676-.0627083-.1355037-.128536-.1960186-.1959318-1.0028643-1.1107586-.915626-2.8243059.1953693-3.82876676l1.0420029-.94000226c.2692106-.24327749.4149741-.59466857.3970489-.95749982-.0327261-.66687203-.6004022-1.18125681-1.2668619-1.14858223l-1.4040544.07119784c-.0880701.00406478-.1751765.00406478-.2661213-.0001382-1.4940906-.07470453-2.6441829-1.34716524-2.569441-2.84199895l.0710444-1.40087473c.0185267-.36312428-.127185-.71505382-.3971892-.95910794l-.1026556-.08323722c-.4938791-.35792533-1.1883156-.29313837-1.6083767.17210405ZM12 6.51421053c3.030003 0 5.4868421 2.45683907 5.4868421 5.48684207 0 3.0300031-2.4568391 5.4868421-5.4868421 5.4868421-3.03000304 0-5.48684211-2.456839-5.48684211-5.4868421 0-3.030003 2.45683907-5.48684207 5.48684211-5.48684207Zm0 1.5c-2.20157591 0-3.98684211 1.78526619-3.98684211 3.98684207 0 2.2015759 1.7852662 3.9868421 3.98684211 3.9868421 2.2015759 0 3.9868421-1.7852662 3.9868421-3.9868421 0-2.20157588-1.7852662-3.98684207-3.9868421-3.98684207Z"
+  }));
+};
+
+export default AdminIcon;

package/lib/icons/AlertCircleIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function AlertCircleIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+export default AlertCircleIcon;

package/lib/icons/AlertCircleIcon.js

@@ -0,0 +1,29 @@
+import * as React from "react";
+import { useContext, useMemo } from 'react';
+import { IconContext } from '../index.js';
+import get from 'lodash.get';
+
+const AlertCircleIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}) => {
+  const defaultContextValues = useContext(IconContext);
+  const defaultValues = { ...defaultContextValues,
+    color: defaultColor || defaultContextValues.color,
+    size: size || defaultContextValues.size,
+    ...props
+  };
+  const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    width: defaultValues.size,
+    height: defaultValues.size,
+    fill: color
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M11.9830572.00299963c-3.20559926.0519935-6.26221718 1.36482939-8.50893634 3.65254343C1.2034047 5.91626047-.05043857 9.00387452.00155493 12.2084739-.00644407 18.7126609 5.2608975 23.992001 11.7650845 24h.2489689c6.6771653-.0689914 12.0384952-5.5303087 11.9845019-12.2074741C24.0135534 5.29533808 18.7592102.015998 12.2620224 0c-.0929884 0-.1859768.00099988-.2789652.00299963ZM10.5002426 16.5429321c-.0299963-.8148981.6059243-1.4988126 1.4208224-1.5288089.0089989 0 .0189976-.0009998.0279965-.0009998h.0269966c.8198975.0019997 1.4918135.6509186 1.5228097 1.4698162.0299962.8138983-.6049244 1.4988127-1.4188227 1.5288089-.0099987 0-.0199975.0009999-.0299962.0009999h-.0269967c-.8198975-.0029996-1.4908136-.6509186-1.5228096-1.4698163Zm.4999375-4.0414948V6.50218723c0-.55193101.447944-.99987502.999875-.99987502s.999875.44794401.999875.99987502v5.99925007c0 .551931-.447944.999875-.999875.999875s-.999875-.447944-.999875-.999875Z"
+  }));
+};
+
+export default AlertCircleIcon;

package/lib/icons/AlertCircleOutlinedIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function AlertCircleOutlinedIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+export default AlertCircleOutlinedIcon;

package/lib/icons/AlertCircleOutlinedIcon.js

@@ -0,0 +1,29 @@
+import * as React from "react";
+import { useContext, useMemo } from 'react';
+import { IconContext } from '../index.js';
+import get from 'lodash.get';
+
+const AlertCircleOutlinedIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}) => {
+  const defaultContextValues = useContext(IconContext);
+  const defaultValues = { ...defaultContextValues,
+    color: defaultColor || defaultContextValues.color,
+    size: size || defaultContextValues.size,
+    ...props
+  };
+  const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    width: defaultValues.size,
+    height: defaultValues.size,
+    fill: color
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M12 0c6.627417 0 12 5.372583 12 12s-5.372583 12-12 12S0 18.627417 0 12 5.372583 0 12 0Zm0 1.5C6.20101013 1.5 1.5 6.20101013 1.5 12c0 5.7989899 4.70101013 10.5 10.5 10.5 5.7989899 0 10.5-4.7010101 10.5-10.5 0-5.79898987-4.7010101-10.5-10.5-10.5Zm-.0239419 13.5131234c.8198975.0019997 1.4918135.6509186 1.5228097 1.4698162.0299962.8138983-.6049244 1.4988127-1.4188227 1.5288089l-.0149981.0005-.0419948.0004999c-.8198975-.0029996-1.4908136-.6509186-1.5228096-1.4698163-.0299963-.8148981.6059243-1.4988126 1.4208224-1.5288089l.0139982-.0004999.0409949-.0004999Zm.023997-9.51081119c.551931 0 .999875.44794401.999875.99987502v5.99925007c0 .551931-.447944.999875-.999875.999875s-.999875-.447944-.999875-.999875V6.50218723c0-.55193101.447944-.99987502.999875-.99987502Z"
+  }));
+};
+
+export default AlertCircleOutlinedIcon;

package/lib/icons/AlertIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function AlertIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+export default AlertIcon;

package/lib/icons/AlertIcon.js

@@ -0,0 +1,31 @@
+import * as React from "react";
+import { useContext, useMemo } from 'react';
+import { IconContext } from '../index.js';
+import get from 'lodash.get';
+
+const AlertIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}) => {
+  const defaultContextValues = useContext(IconContext);
+  const defaultValues = { ...defaultContextValues,
+    color: defaultColor || defaultContextValues.color,
+    size: size || defaultContextValues.size,
+    ...props
+  };
+  const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 17 20",
+    width: defaultValues.size,
+    height: defaultValues.size,
+    fill: color
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "m8.5.81246989.47860162.00253125c2.23168908.04317238 4.43561778.52488025 6.49556588 1.42403116.6671427.30598275 1.0933151.97450366 1.0884015 1.7032177v5.7105c0 4.0048468-2.4666996 7.5965772-6.20506003 9.0348458l-.78011867.2997571c-.69329271.2671128-1.46148789.2671128-2.15414927.0002429l-.78104675-.3001141C2.90413062 17.2493272.43744798 13.6575968.43744798 9.65275V3.94733333c-.00493056-.73379737.42124179-1.40231828 1.10105618-1.7139715C3.58663664 1.3394983 5.78976718.85814763 8.02140228.8149994L8.5.81246989Zm.00687369 1.49999861-.48180024.002759c-2.0263929.04246059-4.02573318.48077498-5.87390593 1.2872402-.13109074.06012432-.2146832.19125275-.2137024.3397823v5.7105c0 3.3842305 2.08447647 6.4194506 5.24304385 7.6346542l.78138133.3002429c.34620729.1333872.73001211.1333872 1.07685073-.0002429l.78045325-.2998859c3.15886412-1.2153177 5.24335752-4.2505378 5.24335752-7.6347683V3.93716667c.0009639-.14344622-.0826286-.27457465-.2010476-.3290285-2.0030116-.87417147-4.16867004-1.31570466-6.35463051-1.29566967Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M8.61274439 10.38109483 8.5 10.375c-.56946356 0-1.03125.46178644-1.03125 1.03125 0 .5694636.46178644 1.03125 1.03125 1.03125s1.03125-.4617864 1.03125-1.03125c0-.53136479-.40206367-.96897832-.91850561-1.02515517ZM9.25 9.4375v-3.375c0-.41421356-.33578644-.75-.75-.75s-.75.33578644-.75.75v3.375c0 .41421356.33578644.75.75.75s.75-.33578644.75-.75Z"
+  }));
+};
+
+export default AlertIcon;

package/lib/icons/AlertLightIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function AlertLightIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+export default AlertLightIcon;

package/lib/icons/AlertLightIcon.js

@@ -0,0 +1,31 @@
+import * as React from "react";
+import { useContext, useMemo } from 'react';
+import { IconContext } from '../index.js';
+import get from 'lodash.get';
+
+const AlertLightIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}) => {
+  const defaultContextValues = useContext(IconContext);
+  const defaultValues = { ...defaultContextValues,
+    color: defaultColor || defaultContextValues.color,
+    size: size || defaultContextValues.size,
+    ...props
+  };
+  const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 46 53",
+    width: defaultValues.size,
+    height: defaultValues.size,
+    fill: color
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M42.8530675 4.9524823c1.4387684.65988625 2.3577134 2.10140152 2.3471928 3.6781177v16.7508c0 11.1476216-6.8662607 21.145404-17.2716513 25.1486958l-2.2895687.8797571c-1.6981427.6542628-3.5799379.6542628-5.2774493.0002429l-2.2904967-.8801141C7.66600043 46.526804.7997564 36.5290216.7997564 25.3814V8.63568333c-.0105373-1.58179951.9084077-3.02331478 2.35984776-3.6888715C9.19793149 2.31151326 15.7093495.93509318 22.2942158.89873322h1.4367659c6.5762952.03988064 13.0792454 1.41634574 19.1220858 4.05374908ZM22.2845033 2.39881292C15.9093755 2.43644796 9.60609393 3.77000435 3.77226752 6.3159177 2.86955111 6.72994553 2.293186 7.63406831 2.29986476 8.6306v16.7508c0 10.5270053 6.48394663 19.9682775 16.30954424 23.7485042l2.2908313.8802429c1.3510573.5205372 2.8484621.5205372 4.2001507-.0002429l2.2899033-.8798859c9.8258943-3.7803408 16.3098579-13.221613 16.3098579-23.7486183V8.62551667c.0066618-.99144836-.5697033-1.89557114-1.459748-2.3039285-5.8460456-2.5513813-12.1497635-3.88513297-18.5249069-3.92277525h-1.430994Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M23 30.45c.4142136 0 .75-.3357864.75-.75s-.3357864-.75-.75-.75c-.8696136 0-1.575.7053864-1.575 1.575S22.1303864 32.1 23 32.1s1.575-.7053864 1.575-1.575S23.8696136 28.95 23 28.95c-.4142136 0-.75.3357864-.75.75s.3357864.75.75.75Zm0 0c.0411864 0 .075.0338136.075.075s-.0338136.075-.075.075-.075-.0338136-.075-.075.0338136-.075.075-.075Zm.75-5.7v-9.9c0-.4142136-.3357864-.75-.75-.75s-.75.3357864-.75.75v9.9c0 .4142136.3357864.75.75.75s.75-.3357864.75-.75Z"
+  }));
+};
+
+export default AlertLightIcon;

package/lib/icons/AnnotationsIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function AnnotationsIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+export default AnnotationsIcon;

package/lib/icons/AnnotationsIcon.js

@@ -0,0 +1,30 @@
+import * as React from "react";
+import { useContext, useMemo } from 'react';
+import { IconContext } from '../index.js';
+import get from 'lodash.get';
+
+const AnnotationsIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}) => {
+  const defaultContextValues = useContext(IconContext);
+  const defaultValues = { ...defaultContextValues,
+    color: defaultColor || defaultContextValues.color,
+    size: size || defaultContextValues.size,
+    ...props
+  };
+  const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    width: defaultValues.size,
+    height: defaultValues.size,
+    fill: color
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M21 0c1.6568542 0 3 1.34314575 3 3v18c0 1.6568542-1.3431458 3-3 3H3c-1.65685425 0-3-1.3431458-3-3V3c0-1.65685425 1.34314575-3 3-3h18Zm-6 16H5c-.55228475 0-1 .4477153-1 1s.44771525 1 1 1h10c.5522847 0 1-.4477153 1-1s-.4477153-1-1-1Zm4-5H5c-.55228475 0-1 .4477153-1 1s.44771525 1 1 1h14c.5522847 0 1-.4477153 1-1s-.4477153-1-1-1Zm0-5H5c-.55228475 0-1 .44771525-1 1s.44771525 1 1 1h14c.5522847 0 1-.44771525 1-1s-.4477153-1-1-1Z"
+  }));
+};
+
+export default AnnotationsIcon;

package/lib/icons/AppIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function AppIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+export default AppIcon;

package/lib/icons/AppIcon.js

@@ -0,0 +1,30 @@
+import * as React from "react";
+import { useContext, useMemo } from 'react';
+import { IconContext } from '../index.js';
+import get from 'lodash.get';
+
+const AppIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}) => {
+  const defaultContextValues = useContext(IconContext);
+  const defaultValues = { ...defaultContextValues,
+    color: defaultColor || defaultContextValues.color,
+    size: size || defaultContextValues.size,
+    ...props
+  };
+  const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    width: defaultValues.size,
+    height: defaultValues.size,
+    fill: color
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M6 17c.55228475 0 1 .4477153 1 1v5c0 .5522847-.44771525 1-1 1H1c-.55228475 0-1-.4477153-1-1v-5c0-.5522847.44771525-1 1-1h5Zm8.5 0c.5522847 0 1 .4477153 1 1v5c0 .5522847-.4477153 1-1 1h-5c-.55228475 0-1-.4477153-1-1v-5c0-.5522847.44771525-1 1-1h5Zm8.5 0c.5522847 0 1 .4477153 1 1v5c0 .5522847-.4477153 1-1 1h-5c-.5522847 0-1-.4477153-1-1v-5c0-.5522847.4477153-1 1-1h5ZM6 8.5c.55228475 0 1 .44771525 1 1v5c0 .5522847-.44771525 1-1 1H1c-.55228475 0-1-.4477153-1-1v-5c0-.55228475.44771525-1 1-1h5Zm8.5 0c.5522847 0 1 .44771525 1 1v5c0 .5522847-.4477153 1-1 1h-5c-.55228475 0-1-.4477153-1-1v-5c0-.55228475.44771525-1 1-1h5Zm8.5 0c.5522847 0 1 .44771525 1 1v5c0 .5522847-.4477153 1-1 1h-5c-.5522847 0-1-.4477153-1-1v-5c0-.55228475.4477153-1 1-1h5ZM6 0c.55228475 0 1 .44771525 1 1v5c0 .55228475-.44771525 1-1 1H1c-.55228475 0-1-.44771525-1-1V1c0-.55228475.44771525-1 1-1h5Zm8.5 0c.5522847 0 1 .44771525 1 1v5c0 .55228475-.4477153 1-1 1h-5c-.55228475 0-1-.44771525-1-1V1c0-.55228475.44771525-1 1-1h5ZM23 0c.5522847 0 1 .44771525 1 1v5c0 .55228475-.4477153 1-1 1h-5c-.5522847 0-1-.44771525-1-1V1c0-.55228475.4477153-1 1-1h5Z"
+  }));
+};
+
+export default AppIcon;

package/lib/icons/ArrowDropDownIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function ArrowDropDownIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+export default ArrowDropDownIcon;

package/lib/icons/ArrowDropDownIcon.js

@@ -0,0 +1,29 @@
+import * as React from "react";
+import { useContext, useMemo } from 'react';
+import { IconContext } from '../index.js';
+import get from 'lodash.get';
+
+const ArrowDropDownIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}) => {
+  const defaultContextValues = useContext(IconContext);
+  const defaultValues = { ...defaultContextValues,
+    color: defaultColor || defaultContextValues.color,
+    size: size || defaultContextValues.size,
+    ...props
+  };
+  const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    width: defaultValues.size,
+    height: defaultValues.size,
+    fill: color
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "m8.29647719 11.71 2.59000001 2.59c.39.39 1.02.39 1.41 0l2.59-2.59c.63-.63.18-1.71-.71-1.71H8.99647719c-.89 0-1.33 1.08-.7 1.71Z"
+  }));
+};
+
+export default ArrowDropDownIcon;

package/lib/icons/BackIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function BackIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+export default BackIcon;

package/lib/icons/BackIcon.js

@@ -0,0 +1,29 @@
+import * as React from "react";
+import { useContext, useMemo } from 'react';
+import { IconContext } from '../index.js';
+import get from 'lodash.get';
+
+const BackIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}) => {
+  const defaultContextValues = useContext(IconContext);
+  const defaultValues = { ...defaultContextValues,
+    color: defaultColor || defaultContextValues.color,
+    size: size || defaultContextValues.size,
+    ...props
+  };
+  const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    width: defaultValues.size,
+    height: defaultValues.size,
+    fill: color
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M10.4696699 4.46966991c.2928932-.29289321.767767-.29289321 1.0606602 0 .2928932.29289322.2928932.76776696 0 1.06066018L5.81 11.25h14.3566667c.3796957 0 .6934909.2821539.7431534.6482294L20.9166667 12c0 .4142136-.3357865.75-.75.75H5.81l5.7203301 5.7196699c.2662665.2662666.2904726.6829303.0726181.9765418l-.0726181.0841184c-.2928932.2928932-.767767.2928932-1.0606602 0l-6.99999999-7c-.29289321-.2928932-.29289321-.767767 0-1.0606602Z"
+  }));
+};
+
+export default BackIcon;

package/lib/icons/BaseDefaultIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function BaseDefaultIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+export default BaseDefaultIcon;

package/lib/icons/BaseDefaultIcon.js

@@ -0,0 +1,27 @@
+import * as React from "react";
+import { useContext, useMemo } from 'react';
+import { IconContext } from '../index.js';
+import get from 'lodash.get';
+
+const BaseDefaultIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}) => {
+  const defaultContextValues = useContext(IconContext);
+  const defaultValues = { ...defaultContextValues,
+    color: defaultColor || defaultContextValues.color,
+    size: size || defaultContextValues.size,
+    ...props
+  };
+  const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    width: defaultValues.size,
+    height: defaultValues.size,
+    fill: color
+  }, props));
+};
+
+export default BaseDefaultIcon;

package/lib/icons/BindersIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function BindersIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+export default BindersIcon;

package/lib/icons/BindersIcon.js

@@ -0,0 +1,29 @@
+import * as React from "react";
+import { useContext, useMemo } from 'react';
+import { IconContext } from '../index.js';
+import get from 'lodash.get';
+
+const BindersIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}) => {
+  const defaultContextValues = useContext(IconContext);
+  const defaultValues = { ...defaultContextValues,
+    color: defaultColor || defaultContextValues.color,
+    size: size || defaultContextValues.size,
+    ...props
+  };
+  const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    width: defaultValues.size,
+    height: defaultValues.size,
+    fill: color
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M2 6C.8954305 6 0 5.1045695 0 4V2C0 .8954305.8954305 0 2 0h20c1.1045695 0 2 .8954305 2 2v2c0 1.1045695-.8954305 2-2 2h-9.25v5.971l6.45.0007544c1.3188919 0 2.4518347.866804 2.5439569 2.0423335l.0060431.1550349.0007888 3.9255226C23.0445711 18.4277993 24 19.6019427 24 21c0 1.6573333-1.3426667 3-3 3s-3-1.3426667-3-3c0-1.3984204.9559253-2.5728106 2.2502194-2.9056141L20.25 14.1691228c0-.3443432-.439035-.6973684-1.05-.6973684L12.75 13.471l.0007888 4.6236454C14.0445711 18.4277993 15 19.6019427 15 21c0 1.6573333-1.3426667 3-3 3s-3-1.3426667-3-3c0-1.3984204.95592534-2.5728106 2.2502194-2.9056141L11.25 13.471l-6.45.0007544c-.56396767 0-.98143881.3008026-1.04232806.6179151L3.75 14.1691228l.00078879 3.9255226C5.04457105 18.4277993 6 19.6019427 6 21c0 1.6573333-1.34266667 3-3 3s-3-1.3426667-3-3c0-1.3984204.95592534-2.5728106 2.25021942-2.9056141L2.25 14.1691228c0-1.2535516 1.17376497-2.1973684 2.55-2.1973684L11.25 11.971V6H2Zm1 13.5c-.82890621 0-1.5.6710938-1.5 1.5s.67109379 1.5 1.5 1.5 1.5-.6710938 1.5-1.5-.67109379-1.5-1.5-1.5Zm9 0c-.8289062 0-1.5.6710938-1.5 1.5s.6710938 1.5 1.5 1.5 1.5-.6710938 1.5-1.5-.6710938-1.5-1.5-1.5Zm9 0c-.8289062 0-1.5.6710938-1.5 1.5s.6710938 1.5 1.5 1.5 1.5-.6710938 1.5-1.5-.6710938-1.5-1.5-1.5Zm1-18H2c-.27614237 0-.5.22385763-.5.5v2c0 .27614237.22385763.5.5.5h20c.2761424 0 .5-.22385763.5-.5V2c0-.27614237-.2238576-.5-.5-.5Z"
+  }));
+};
+
+export default BindersIcon;

package/lib/icons/BinocularsIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function BinocularsIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+export default BinocularsIcon;

package/lib/icons/BinocularsIcon.js

@@ -0,0 +1,29 @@
+import * as React from "react";
+import { useContext, useMemo } from 'react';
+import { IconContext } from '../index.js';
+import get from 'lodash.get';
+
+const BinocularsIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}) => {
+  const defaultContextValues = useContext(IconContext);
+  const defaultValues = { ...defaultContextValues,
+    color: defaultColor || defaultContextValues.color,
+    size: size || defaultContextValues.size,
+    ...props
+  };
+  const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    width: defaultValues.size,
+    height: defaultValues.size,
+    fill: color
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M17.3175261.04999623c1.4839595-.002684 2.7542476 1.11207537 3.1284137 2.67991154L23.7315529 17.33555l.0152342.08936C23.9110654 17.9201355 24 18.4496957 24 19c0 2.7611111-2.2388889 5-5 5s-5-2.2388889-5-5l.0001351-.077992c-.0002493-.008727-.0003493-.017491-.0002976-.0262895L14.039 12.1708416H9.96l.0400003 6.7247271c.0000517.0087985-.00004833.0175625-.0002976.0262895C9.99979451 18.9471428 10 18.9735474 10 19c0 2.7611111-2.23888889 5-5 5s-5-2.2388889-5-5c0-.5503043.08893456-1.0798645.25321293-1.57509l.01507201-.0895097L3.553898 2.72975799C3.92806415 1.16192181 5.19835224.04716244 6.68231169.04984645c1.81104767.00308864 3.23004622 1.6446219 3.2276728 3.61303062L9.934 7.77584161h4.131l.0248533-4.11281475C14.0874799 1.69461813 15.5064785.05308487 17.3175261.04999623ZM5 15.5c-1.93268399 0-3.5 1.567316-3.5 3.5s1.56731601 3.5 3.5 3.5 3.5-1.567316 3.5-3.5-1.56731601-3.5-3.5-3.5Zm14 0c-1.932684 0-3.5 1.567316-3.5 3.5s1.567316 3.5 3.5 3.5 3.5-1.567316 3.5-3.5-1.567316-3.5-3.5-3.5ZM6.67967566 1.54984645c-.75367063-.00136308-1.44693149.60701784-1.66454946 1.51861056L2.39006739 14.734555C3.1498208 14.2686342 4.04358085 14 5 14c1.35268565 0 2.58003371.5373516 3.48019594 1.4102065L8.40999812 3.66641127c.00142269-1.18940001-.79867737-2.11497591-1.73032246-2.11656482Zm10.64048654.00014978c-.9316451.00158891-1.7317452.92716481-1.7303225 2.11656482l-.0700356 11.74364545C16.4199663 14.5373516 17.6473143 14 19 14c.9564191 0 1.8501792.2686342 2.6099326.734555l-2.625221-11.66594821c-.217618-.91159271-.9108788-1.51997363-1.6645494-1.51861056Zm-3.8991096 7.72631956h-2.8421052v1.39473681h2.8421052V9.27631579Z"
+  }));
+};
+
+export default BinocularsIcon;

package/lib/icons/BookmarksIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function BookmarksIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+export default BookmarksIcon;

package/lib/icons/BookmarksIcon.js

@@ -0,0 +1,29 @@
+import * as React from "react";
+import { useContext, useMemo } from 'react';
+import { IconContext } from '../index.js';
+import get from 'lodash.get';
+
+const BookmarksIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}) => {
+  const defaultContextValues = useContext(IconContext);
+  const defaultValues = { ...defaultContextValues,
+    color: defaultColor || defaultContextValues.color,
+    size: size || defaultContextValues.size,
+    ...props
+  };
+  const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    width: defaultValues.size,
+    height: defaultValues.size,
+    fill: color
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M12.5657895 1.5v9.1776316c0 .482839-.516777.771405-.9208703.5509674l-.0791297-.0509674L8.78215789 9.09 6 11.1776316c-.38627124.2897034-.92719016.0494214-.99329615-.4061158L5 10.6776316V1.5h1.25l-.00084211 7.927 2.15873685-1.61778947c.19444444-.14583334.45269097-.1640625.66308593-.0546875l.08691407.0546875L11.3151579 9.427l.0006316-7.927h1.25ZM18.4592699 0H2.37276018C1.06277898 0 0 .99410369 0 2.21943574V21.7805643C0 23.0058963 1.06277898 24 2.37276018 24H21.6272398C22.937221 24 24 23.0058963 24 21.7805643V5.11147335c0-.59795433-.2579728-1.17158843-.7152064-1.58891697L20.1157109.63048193C19.6725507.22632118 19.0778988 0 18.4592699 0ZM2.35047655 1.51364413H18.4803347c.2205795 0 .4329766.08008197.5910019.22285419l3.1774037 2.87257901c.1626394.1470582.2549187.35033564.2549187.56200452V21.7289466c0 .4329509-.3795924.7846975-.8468176.7846975H2.35047655c-.46722512 0-.84681755-.3517466-.84681755-.7846975V2.29834164c0-.43295087.37959243-.78469751.84681755-.78469751Z"
+  }));
+};
+
+export default BookmarksIcon;

package/lib/icons/BusinessIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function BusinessIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+export default BusinessIcon;

package/lib/icons/BusinessIcon.js

@@ -0,0 +1,29 @@
+import * as React from "react";
+import { useContext, useMemo } from 'react';
+import { IconContext } from '../index.js';
+import get from 'lodash.get';
+
+const BusinessIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}) => {
+  const defaultContextValues = useContext(IconContext);
+  const defaultValues = { ...defaultContextValues,
+    color: defaultColor || defaultContextValues.color,
+    size: size || defaultContextValues.size,
+    ...props
+  };
+  const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    width: defaultValues.size,
+    height: defaultValues.size,
+    fill: color
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M22.5 16.75h-4.25V21h4.25v-4.25Zm-9.5-1.5h3.75V11H13V8h9c1.1045695 0 2 .8954305 2 2v12c0 1.1045695-.8954305 2-2 2h-9v-3h3.75v-4.25H13v-1.5ZM22.5 11h-4.25v4.25h4.25V11ZM11 0c1.1045695 0 2 .8954305 2 2v22H2c-1.1045695 0-2-.8954305-2-2V2C0 .8954305.8954305 0 2 0h9ZM5.75 18.75H1.5v3.75h4.25v-3.75Zm5.75 0H7.25v3.75h4.25v-3.75ZM5.75 13H1.5v4.25h4.25V13Zm5.75 0H7.25v4.25h4.25V13ZM5.75 7.25H1.5v4.25h4.25V7.25Zm5.75 0H7.25v4.25h4.25V7.25ZM5.75 1.5H1.5v4.25h4.25V1.5Zm5.75 0H7.25v4.25h4.25V1.5Z"
+  }));
+};
+
+export default BusinessIcon;

package/lib/icons/CalendarIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function CalendarIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+export default CalendarIcon;

package/lib/icons/CalendarIcon.js

@@ -0,0 +1,29 @@
+import * as React from "react";
+import { useContext, useMemo } from 'react';
+import { IconContext } from '../index.js';
+import get from 'lodash.get';
+
+const CalendarIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}) => {
+  const defaultContextValues = useContext(IconContext);
+  const defaultValues = { ...defaultContextValues,
+    color: defaultColor || defaultContextValues.color,
+    size: size || defaultContextValues.size,
+    ...props
+  };
+  const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    width: defaultValues.size,
+    height: defaultValues.size,
+    fill: color
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M17.25 0c.4142136 0 .75.33578644.75.75V3h3.75C22.9922136 3 24 4.00778644 24 5.25v16.5c0 1.2422136-1.0077864 2.25-2.25 2.25H2.25C1.00778644 24 0 22.9922136 0 21.75V5.25C0 4.00778644 1.00778644 3 2.25 3H6V.75c0-.37969577.28215388-.69349096.64822944-.74315338L6.75 0c.41421356 0 .75.33578644.75.75V3h9V.75c0-.37969577.2821539-.69349096.6482294-.74315338Zm5.25 10.5h-21v11.25c0 .4137864.33621356.75.75.75h19.5c.4137864 0 .75-.3362136.75-.75V10.5Zm-4 6.875c.621 0 1.125.504 1.125 1.125s-.504 1.125-1.125 1.125-1.125-.504-1.125-1.125.504-1.125 1.125-1.125Zm-6.5 0c.621 0 1.125.504 1.125 1.125s-.504 1.125-1.125 1.125-1.125-.504-1.125-1.125.504-1.125 1.125-1.125Zm-6.5 0c.621 0 1.125.504 1.125 1.125s-.504 1.125-1.125 1.125-1.125-.504-1.125-1.125.504-1.125 1.125-1.125Zm0-5c.621 0 1.125.504 1.125 1.125s-.504 1.125-1.125 1.125-1.125-.504-1.125-1.125.504-1.125 1.125-1.125Zm6.5 0c.621 0 1.125.504 1.125 1.125s-.504 1.125-1.125 1.125-1.125-.504-1.125-1.125.504-1.125 1.125-1.125Zm6.5 0c.621 0 1.125.504 1.125 1.125s-.504 1.125-1.125 1.125-1.125-.504-1.125-1.125.504-1.125 1.125-1.125ZM6 4.5H2.25c-.41378644 0-.75.33621356-.75.75V9h21V5.25c0-.41378644-.3362136-.75-.75-.75H18V6c0 .37969577-.2821539.69349096-.6482294.74315338L17.25 6.75c-.4142136 0-.75-.33578644-.75-.75V4.5h-9V6c0 .37969577-.28215388.69349096-.64822944.74315338L6.75 6.75C6.33578644 6.75 6 6.41421356 6 6V4.5Z"
+  }));
+};
+
+export default CalendarIcon;

package/lib/icons/CancelIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function CancelIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+export default CancelIcon;