@digigov/react-icons 2.0.0-7d9a8d86 → 2.0.0-834daea4

package/AccessibilityIcon/config/index.js

@@ -1,12 +1,13 @@
 import React from "react";
+import Base from "@digigov/react-icons/Base";
 function accessibility() {
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("title", null, "\u039C\u03B5\u03BD\u03BF\u03CD \u03A0\u03C1\u03BF\u03C3\u03B2\u03B1\u03C3\u03B9\u03BC\u03CC\u03C4\u03B7\u03C4\u03B1\u03C2"), /* @__PURE__ */ React.createElement("circle", {
-    cx: "12",
-    cy: "3",
-    r: "3"
-  }), /* @__PURE__ */ React.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\n	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\n	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\n	C22.89,8.04,21.58,5.38,19.76,6.13z"
-  }));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Base, { as: "title" }, "\u039C\u03B5\u03BD\u03BF\u03CD \u03A0\u03C1\u03BF\u03C3\u03B2\u03B1\u03C3\u03B9\u03BC\u03CC\u03C4\u03B7\u03C4\u03B1\u03C2"), /* @__PURE__ */ React.createElement(Base, { as: "circle", cx: "12", cy: "3", r: "3" }), /* @__PURE__ */ React.createElement(
+    Base,
+    {
+      as: "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\n	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\n	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\n	C22.89,8.04,21.58,5.38,19.76,6.13z"
+    }
+  ));
 }
 accessibility.props = [];
 var config_default = accessibility;

package/AccessibilityIcon/config.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/AccessibilityIcon/config.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nexport interface AccessibilityType {}\n\nexport function accessibility(): React.ReactElement {\n  return (\n    <>\n      <title>\u039C\u03B5\u03BD\u03BF\u03CD \u03A0\u03C1\u03BF\u03C3\u03B2\u03B1\u03C3\u03B9\u03BC\u03CC\u03C4\u03B7\u03C4\u03B1\u03C2</title>\n      <circle cx=\"12\" cy=\"3\" r=\"3\" />\n      <path\n        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\n\tc0.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\n\tl1.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\n\tC22.89,8.04,21.58,5.38,19.76,6.13z\"\n      />\n    </>\n  );\n}\n\naccessibility.props = [];\n\nexport default accessibility;\n"],
-  "mappings": "AAAA;AAIO,yBAA6C;AAClD,SACE,0DACE,oCAAC,SAAD,MAAO,8HACP,oCAAC,UAAD;AAAA,IAAQ,IAAG;AAAA,IAAK,IAAG;AAAA,IAAI,GAAE;AAAA,MACzB,oCAAC,QAAD;AAAA,IACE,GAAE;AAAA;AAAA;AASV,cAAc,QAAQ;AAEtB,IAAO,iBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport Base from '@digigov/react-icons/Base';\n\nexport interface AccessibilityType { }\n\nexport function accessibility(): React.ReactElement {\n  return (\n    <>\n      <Base as=\"title\">\u039C\u03B5\u03BD\u03BF\u03CD \u03A0\u03C1\u03BF\u03C3\u03B2\u03B1\u03C3\u03B9\u03BC\u03CC\u03C4\u03B7\u03C4\u03B1\u03C2</Base>\n      <Base as=\"circle\" cx=\"12\" cy=\"3\" r=\"3\" />\n      <Base as=\"path\"\n        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\n\tc0.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\n\tl1.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\n\tC22.89,8.04,21.58,5.38,19.76,6.13z\"\n      />\n    </>\n  );\n}\n\naccessibility.props = [];\n\nexport default accessibility;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AAIV,SAAS,gBAAoC;AAClD,SACE,0DACE,oCAAC,QAAK,IAAG,WAAQ,2HAAqB,GACtC,oCAAC,QAAK,IAAG,UAAS,IAAG,MAAK,IAAG,KAAI,GAAE,KAAI,GACvC;AAAA,IAAC;AAAA;AAAA,MAAK,IAAG;AAAA,MACP,GAAE;AAAA;AAAA,EAIJ,CACF;AAEJ;AAEA,cAAc,QAAQ,CAAC;AAEvB,IAAO,iBAAQ;",
   "names": []
 }

package/AccessibilityIcon/index.js

@@ -1,10 +1,7 @@
 import React from "react";
 import Icon from "@digigov/react-icons/Icon";
 const AccessibilityIcon = (props) => {
-  return /* @__PURE__ */ React.createElement(Icon, {
-    ...props,
-    icon: "accessibility"
-  });
+  return /* @__PURE__ */ React.createElement(Icon, { ...props, icon: "accessibility" });
 };
 var AccessibilityIcon_default = AccessibilityIcon;
 export {

package/AccessibilityIcon/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/AccessibilityIcon/index.tsx"],
   "sourcesContent": ["import React from 'react';\nimport Icon, { IconProps } from '@digigov/react-icons/Icon';\n\nexport const AccessibilityIcon: React.FC<IconProps<'accessibility'>> = (\n  props\n) => {\n  return <Icon {...props} icon=\"accessibility\"></Icon>;\n};\n\nexport default AccessibilityIcon;\n"],
-  "mappings": "AAAA;AACA;AAEO,MAAM,oBAA0D,CACrE,UACG;AACH,SAAO,oCAAC,MAAD;AAAA,OAAU;AAAA,IAAO,MAAK;AAAA;AAAA;AAG/B,IAAO,4BAAQ;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAyB;AAEzB,MAAM,oBAA0D,CACrE,UACG;AACH,SAAO,oCAAC,QAAM,GAAG,OAAO,MAAK,iBAAgB;AAC/C;AAEA,IAAO,4BAAQ;",
   "names": []
 }

package/ArrowIcon/config/index.js

@@ -1,14 +1,7 @@
 import React from "react";
-const arrow = ({direction = "up"}) => {
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, direction === "left" && /* @__PURE__ */ React.createElement("polygon", {
-    points: "14.4 19.7 8.48 13.7 21.93 13.7 22 10.37 8.48 10.32 14.4 4.4 12 2 2 12 12 22 14.4 19.7"
-  }), direction === "right" && /* @__PURE__ */ React.createElement("polygon", {
-    points: "9.6 4.3 15.52 10.3 2.07 10.3 2 13.63 15.52 13.68 9.6 19.6 12 22 22 12 12 2 9.6 4.3"
-  }), direction === "up" && /* @__PURE__ */ React.createElement("polygon", {
-    points: "22 12 12 2 2 12 4.3 14.4 10.3 8.48 10.3 21.93 13.63 22 13.68 8.48 19.6 14.4 22 12"
-  }), direction === "down" && /* @__PURE__ */ React.createElement("polygon", {
-    points: "19.7 9.6 13.7 15.52 13.7 2.07 10.37 2 10.32 15.52 4.4 9.6 2 12 12 22 22 12 19.7 9.6"
-  }));
+import Base from "@digigov/react-icons/Base";
+const arrow = ({ direction = "up" }) => {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, direction === "left" && /* @__PURE__ */ React.createElement(Base, { as: "polygon", points: "14.4 19.7 8.48 13.7 21.93 13.7 22 10.37 8.48 10.32 14.4 4.4 12 2 2 12 12 22 14.4 19.7" }), direction === "right" && /* @__PURE__ */ React.createElement(Base, { as: "polygon", points: "9.6 4.3 15.52 10.3 2.07 10.3 2 13.63 15.52 13.68 9.6 19.6 12 22 22 12 12 2 9.6 4.3" }), direction === "up" && /* @__PURE__ */ React.createElement(Base, { as: "polygon", points: "22 12 12 2 2 12 4.3 14.4 10.3 8.48 10.3 21.93 13.63 22 13.68 8.48 19.6 14.4 22 12" }), direction === "down" && /* @__PURE__ */ React.createElement(Base, { as: "polygon", points: "19.7 9.6 13.7 15.52 13.7 2.07 10.37 2 10.32 15.52 4.4 9.6 2 12 12 22 22 12 19.7 9.6" }));
 };
 arrow.props = ["direction"];
 var config_default = arrow;

package/ArrowIcon/config.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/ArrowIcon/config.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nexport interface ArrowType {\n  /**\n   * @value 'left'\n   * @value 'right'\n   * @value 'up'\n   * @value 'down'\n   * @default 'up'\n   */\n  direction?: 'left' | 'right' | 'up' | 'down';\n}\n\nexport const arrow: React.FC<ArrowType> = ({ direction = 'up' }) => {\n  return (\n    <>\n      {direction === 'left' && (\n        <polygon points=\"14.4 19.7 8.48 13.7 21.93 13.7 22 10.37 8.48 10.32 14.4 4.4 12 2 2 12 12 22 14.4 19.7\" />\n      )}\n      {direction === 'right' && (\n        <polygon points=\"9.6 4.3 15.52 10.3 2.07 10.3 2 13.63 15.52 13.68 9.6 19.6 12 22 22 12 12 2 9.6 4.3\" />\n      )}\n      {direction === 'up' && (\n        <polygon points=\"22 12 12 2 2 12 4.3 14.4 10.3 8.48 10.3 21.93 13.63 22 13.68 8.48 19.6 14.4 22 12\" />\n      )}\n      {direction === 'down' && (\n        <polygon points=\"19.7 9.6 13.7 15.52 13.7 2.07 10.37 2 10.32 15.52 4.4 9.6 2 12 12 22 22 12 19.7 9.6\" />\n      )}\n    </>\n  );\n};\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\narrow.props = ['direction'];\n\nexport default arrow;\n"],
-  "mappings": "AAAA;AAaO,MAAM,QAA6B,CAAC,CAAE,YAAY,UAAW;AAClE,SACE,0DACG,cAAc,UACb,oCAAC,WAAD;AAAA,IAAS,QAAO;AAAA,MAEjB,cAAc,WACb,oCAAC,WAAD;AAAA,IAAS,QAAO;AAAA,MAEjB,cAAc,QACb,oCAAC,WAAD;AAAA,IAAS,QAAO;AAAA,MAEjB,cAAc,UACb,oCAAC,WAAD;AAAA,IAAS,QAAO;AAAA;AAAA;AAOxB,MAAM,QAAQ,CAAC;AAEf,IAAO,iBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport Base from '@digigov/react-icons/Base';\n\nexport interface ArrowType {\n  /**\n   * @value 'left'\n   * @value 'right'\n   * @value 'up'\n   * @value 'down'\n   * @default 'up'\n   */\n  direction?: 'left' | 'right' | 'up' | 'down';\n}\n\nexport const arrow: React.FC<ArrowType> = ({ direction = 'up' }) => {\n  return (\n    <>\n      {direction === 'left' && (\n        <Base as=\"polygon\" points=\"14.4 19.7 8.48 13.7 21.93 13.7 22 10.37 8.48 10.32 14.4 4.4 12 2 2 12 12 22 14.4 19.7\" />\n      )}\n      {direction === 'right' && (\n        <Base as=\"polygon\" points=\"9.6 4.3 15.52 10.3 2.07 10.3 2 13.63 15.52 13.68 9.6 19.6 12 22 22 12 12 2 9.6 4.3\" />\n      )}\n      {direction === 'up' && (\n        <Base as=\"polygon\" points=\"22 12 12 2 2 12 4.3 14.4 10.3 8.48 10.3 21.93 13.63 22 13.68 8.48 19.6 14.4 22 12\" />\n      )}\n      {direction === 'down' && (\n        <Base as=\"polygon\" points=\"19.7 9.6 13.7 15.52 13.7 2.07 10.37 2 10.32 15.52 4.4 9.6 2 12 12 22 22 12 19.7 9.6\" />\n      )}\n    </>\n  );\n};\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\narrow.props = ['direction'];\n\nexport default arrow;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AAaV,MAAM,QAA6B,CAAC,EAAE,YAAY,KAAK,MAAM;AAClE,SACE,0DACG,cAAc,UACb,oCAAC,QAAK,IAAG,WAAU,QAAO,yFAAwF,GAEnH,cAAc,WACb,oCAAC,QAAK,IAAG,WAAU,QAAO,sFAAqF,GAEhH,cAAc,QACb,oCAAC,QAAK,IAAG,WAAU,QAAO,qFAAoF,GAE/G,cAAc,UACb,oCAAC,QAAK,IAAG,WAAU,QAAO,uFAAsF,CAEpH;AAEJ;AAGA,MAAM,QAAQ,CAAC,WAAW;AAE1B,IAAO,iBAAQ;",
   "names": []
 }

package/ArrowIcon/index.js

@@ -1,10 +1,7 @@
 import React from "react";
 import Icon from "@digigov/react-icons/Icon";
 const ArrowIcon = (props) => {
-  return /* @__PURE__ */ React.createElement(Icon, {
-    ...props,
-    icon: "arrow"
-  });
+  return /* @__PURE__ */ React.createElement(Icon, { ...props, icon: "arrow" });
 };
 var ArrowIcon_default = ArrowIcon;
 export {

package/ArrowIcon/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ArrowIcon/index.tsx"],
   "sourcesContent": ["import React from 'react';\nimport Icon, { IconProps } from '@digigov/react-icons/Icon';\n\nexport const ArrowIcon: React.FC<IconProps<'arrow'>> = (props) => {\n  return <Icon {...props} icon=\"arrow\"></Icon>;\n};\n\nexport default ArrowIcon;\n"],
-  "mappings": "AAAA;AACA;AAEO,MAAM,YAA0C,CAAC,UAAU;AAChE,SAAO,oCAAC,MAAD;AAAA,OAAU;AAAA,IAAO,MAAK;AAAA;AAAA;AAG/B,IAAO,oBAAQ;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAyB;AAEzB,MAAM,YAA0C,CAAC,UAAU;AAChE,SAAO,oCAAC,QAAM,GAAG,OAAO,MAAK,SAAQ;AACvC;AAEA,IAAO,oBAAQ;",
   "names": []
 }

package/Base/index.d.ts

@@ -0,0 +1,95 @@
+import React from 'react';
+type AsProp<C extends React.ElementType> = {
+    as?: C;
+};
+type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
+type PolymorphicComponentProp<C extends React.ElementType, Props = Record<string, unknown>> = React.PropsWithChildren<Props & AsProp<C>> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
+type PolymorphicComponentPropWithRef<C extends React.ElementType, Props = Record<string, unknown>> = PolymorphicComponentProp<C, Props> & {
+    ref?: any;
+};
+/**
+ * This is the updated component props using PolymorphicComponentPropWithRef
+ */
+export type BaseProps<C extends React.ElementType> = PolymorphicComponentPropWithRef<C, {
+    /** margin is optional. It has not a default value. */
+    margin?: spacingValues;
+    /** marginTop is optional. It has not a default value. */
+    marginTop?: spacingValues;
+    /** marginBottom is optional. It has not a default value. */
+    marginBottom?: spacingValues;
+    /** marginLeft is optional. It has not a default value. */
+    marginLeft?: spacingValues;
+    /** marginRight is optional. It has not a default value. */
+    marginRight?: spacingValues;
+    /** Alternative for margin. Margin is optional. It has not a default value. */
+    m?: spacingValues;
+    /** Alternative for marginTop. MarginTop is optional. It has not a default value. */
+    mt?: spacingValues;
+    /** Alternative for marginBottom. MarginBottom is optional. It has not a default value. */
+    mb?: spacingValues;
+    /** Alternative for marginLeft. MarginLeft is optional. It has not a default value. */
+    ml?: spacingValues;
+    /** Alternative for marginRight. MarginRight is optional. It has not a default value. */
+    mr?: spacingValues;
+    /** Alternative for marginX. MarginX is optional. It has not a default value. */
+    mx?: spacingValues;
+    /** Alternative for marginY. MarginY is optional. It has not a default value. */
+    my?: spacingValues;
+    /** padding is optional. It has not a default value. */
+    padding?: spacingValues;
+    /** paddingTop is optional. It has not a default value. */
+    paddingTop?: spacingValues;
+    /** paddingBottom is optional. It has not a default value. */
+    paddingBottom?: spacingValues;
+    /** paddingLeft is optional. It has not a default value. */
+    paddingLeft?: spacingValues;
+    /** paddingRight is optional. It has not a default value. */
+    paddingRight?: spacingValues;
+    /** Alternative for padding. Padding is optional. It has not a default value. */
+    p?: spacingValues;
+    /** Alternative for paddingTop. PaddingTop is optional. It has not a default value. */
+    pt?: spacingValues;
+    /** Alternative for paddingBottom. PaddingBottom is optional. It has not a default value. */
+    pb?: spacingValues;
+    /** Alternative for paddingLeft. PaddingLeft is optional. It has not a default value. */
+    pl?: spacingValues;
+    /** Alternative for paddingRight. PaddingRight is optional. It has not a default value. */
+    pr?: spacingValues;
+    /** Alternative for paddingX. PaddingX is optional. It has not a default value. */
+    px?: spacingValues;
+    /** Alternative for paddingY. PaddingY is optional. It has not a default value. */
+    py?: spacingValues;
+    /**  printHidden is optional. Default value is false. When true, the component is hidden at print. */
+    printHidden?: boolean;
+    /**  printVisible is optional. When block, the component is displayed as block. When inline, the component is displayed as inline.*/
+    printVisible?: 'block' | 'inline';
+    /** Components will be hidden at all screen sizes. */
+    hidden?: boolean;
+    /** Components will be hidden from 'xs' screen size and up. */
+    xsUpHidden?: boolean;
+    /** Components will be hidden from 'sm' screen size and up. */
+    smUpHidden?: boolean;
+    /** Components will be hidden from 'md' screen size and up. */
+    mdUpHidden?: boolean;
+    /** Components will be hidden from 'lg' screen size and up. */
+    lgUpHidden?: boolean;
+    /** Components will be hidden from 'xl' screen size and up. */
+    xlUpHidden?: boolean;
+    /** Components will be hidden between xs and sm screen size. */
+    xsHidden?: boolean;
+    /** Components will be hidden between sm and md screen size. */
+    smHidden?: boolean;
+    /** Components will be hidden between md and lg screen size. */
+    mdHidden?: boolean;
+    /** Components will be hidden between lg and xl screen size. */
+    lgHidden?: boolean;
+    /** Components will be hidden between xl and 2xl screen size. */
+    xlHidden?: boolean;
+}>;
+type spacingValues = 0 | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96;
+/**
+ * This is the type used in the type annotation for the component
+ */
+type BaseComponent = <C extends React.ElementType = 'span'>(props: BaseProps<C>) => React.ReactNode | null;
+export declare const Base: BaseComponent;
+export default Base;

package/Base/index.js

@@ -0,0 +1,102 @@
+import React from "react";
+import clsx from "clsx";
+const Base = React.forwardRef(function Base2({
+  as,
+  margin,
+  marginTop,
+  marginBottom,
+  marginLeft,
+  marginRight,
+  m,
+  mt,
+  mb,
+  ml,
+  mr,
+  mx,
+  my,
+  padding,
+  paddingTop,
+  paddingBottom,
+  paddingLeft,
+  paddingRight,
+  p,
+  pt,
+  pb,
+  pr,
+  pl,
+  px,
+  py,
+  printHidden,
+  printVisible,
+  hidden,
+  xsUpHidden,
+  smUpHidden,
+  mdUpHidden,
+  lgUpHidden,
+  xlUpHidden,
+  xsHidden,
+  smHidden,
+  mdHidden,
+  lgHidden,
+  xlHidden,
+  children,
+  className,
+  ...props
+}, ref) {
+  const Component = as || "span";
+  return /* @__PURE__ */ React.createElement(
+    Component,
+    {
+      as,
+      className: clsx(className, {
+        [`ds-m-${margin}`]: margin !== void 0 ? true : void 0,
+        [`ds-mt-${marginTop}`]: marginTop !== void 0 ? true : void 0,
+        [`ds-mb-${marginBottom}`]: marginBottom !== void 0 ? true : void 0,
+        [`ds-mr-${marginRight}`]: marginRight !== void 0 ? true : void 0,
+        [`ds-ml-${marginLeft}`]: marginLeft !== void 0 ? true : void 0,
+        [`ds-m-${m}`]: m !== void 0 ? true : void 0,
+        [`ds-mt-${mt}`]: mt !== void 0 ? true : void 0,
+        [`ds-mb-${mb}`]: mb !== void 0 ? true : void 0,
+        [`ds-mr-${mr}`]: mr !== void 0 ? true : void 0,
+        [`ds-ml-${ml}`]: ml !== void 0 ? true : void 0,
+        [`ds-mx-${mx}`]: mx !== void 0 ? true : void 0,
+        [`ds-my-${my}`]: my !== void 0 ? true : void 0,
+        [`ds-p-${padding}`]: padding !== void 0 ? true : void 0,
+        [`ds-pt-${paddingTop}`]: paddingTop !== void 0 ? true : void 0,
+        [`ds-pb-${paddingBottom}`]: paddingBottom !== void 0 ? true : void 0,
+        [`ds-pr-${paddingRight}`]: paddingRight !== void 0 ? true : void 0,
+        [`ds-pl-${paddingLeft}`]: paddingLeft !== void 0 ? true : void 0,
+        [`ds-p-${p}`]: p !== void 0 ? true : void 0,
+        [`ds-pt-${pt}`]: pt !== void 0 ? true : void 0,
+        [`ds-pb-${pb}`]: pb !== void 0 ? true : void 0,
+        [`ds-pr-${pr}`]: pr !== void 0 ? true : void 0,
+        [`ds-pl-${pl}`]: pl !== void 0 ? true : void 0,
+        [`ds-px-${px}`]: px !== void 0 ? true : void 0,
+        [`ds-py-${py}`]: py !== void 0 ? true : void 0,
+        "ds-print-hidden": !!printHidden,
+        "ds-print-visible-block": printVisible === "block",
+        "ds-print-visible-inline": printVisible === "inline",
+        "ds-hidden": !!hidden,
+        "ds-hidden-xs-up": !!xsUpHidden,
+        "ds-hidden-sm-up": !!smUpHidden,
+        "ds-hidden-md-up": !!mdUpHidden,
+        "ds-hidden-lg-up": !!lgUpHidden,
+        "ds-hidden-xl-up": !!xlUpHidden,
+        "ds-hidden-xs": !!xsHidden,
+        "ds-hidden-sm": !!smHidden,
+        "ds-hidden-md": !!mdHidden,
+        "ds-hidden-lg": !!lgHidden,
+        "ds-hidden-xl": !!xlHidden
+      }),
+      ref,
+      ...props
+    },
+    children
+  );
+});
+var Base_default = Base;
+export {
+  Base,
+  Base_default as default
+};
+//# sourceMappingURL=index.js.map

package/Base/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Base/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\n\ntype AsProp<C extends React.ElementType> = {\n  as?: C;\n};\n\ntype PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);\n\n// This is the first reusable type utility we built\ntype PolymorphicComponentProp<\n  C extends React.ElementType,\n  Props = Record<string, unknown>,\n> = React.PropsWithChildren<Props & AsProp<C>> &\n  Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;\n\n// This is a new type utitlity with ref!\ntype PolymorphicComponentPropWithRef<\n  C extends React.ElementType,\n  Props = Record<string, unknown>,\n> = PolymorphicComponentProp<C, Props> & { ref?: any };\n\n// This is the type for the \"ref\" only\ntype PolymorphicRef<C extends React.ElementType> =\n  React.ComponentPropsWithRef<C>['ref'];\n\n/**\n * This is the updated component props using PolymorphicComponentPropWithRef\n */\nexport type BaseProps<C extends React.ElementType> =\n  PolymorphicComponentPropWithRef<\n    C,\n    {\n      /** margin is optional. It has not a default value. */\n      margin?: spacingValues;\n      /** marginTop is optional. It has not a default value. */\n      marginTop?: spacingValues;\n      /** marginBottom is optional. It has not a default value. */\n      marginBottom?: spacingValues;\n      /** marginLeft is optional. It has not a default value. */\n      marginLeft?: spacingValues;\n      /** marginRight is optional. It has not a default value. */\n      marginRight?: spacingValues;\n      /** Alternative for margin. Margin is optional. It has not a default value. */\n      m?: spacingValues;\n      /** Alternative for marginTop. MarginTop is optional. It has not a default value. */\n      mt?: spacingValues;\n      /** Alternative for marginBottom. MarginBottom is optional. It has not a default value. */\n      mb?: spacingValues;\n      /** Alternative for marginLeft. MarginLeft is optional. It has not a default value. */\n      ml?: spacingValues;\n      /** Alternative for marginRight. MarginRight is optional. It has not a default value. */\n      mr?: spacingValues;\n      /** Alternative for marginX. MarginX is optional. It has not a default value. */\n      mx?: spacingValues;\n      /** Alternative for marginY. MarginY is optional. It has not a default value. */\n      my?: spacingValues;\n      /** padding is optional. It has not a default value. */\n      padding?: spacingValues;\n      /** paddingTop is optional. It has not a default value. */\n      paddingTop?: spacingValues;\n      /** paddingBottom is optional. It has not a default value. */\n      paddingBottom?: spacingValues;\n      /** paddingLeft is optional. It has not a default value. */\n      paddingLeft?: spacingValues;\n      /** paddingRight is optional. It has not a default value. */\n      paddingRight?: spacingValues;\n      /** Alternative for padding. Padding is optional. It has not a default value. */\n      p?: spacingValues;\n      /** Alternative for paddingTop. PaddingTop is optional. It has not a default value. */\n      pt?: spacingValues;\n      /** Alternative for paddingBottom. PaddingBottom is optional. It has not a default value. */\n      pb?: spacingValues;\n      /** Alternative for paddingLeft. PaddingLeft is optional. It has not a default value. */\n      pl?: spacingValues;\n      /** Alternative for paddingRight. PaddingRight is optional. It has not a default value. */\n      pr?: spacingValues;\n      /** Alternative for paddingX. PaddingX is optional. It has not a default value. */\n      px?: spacingValues;\n      /** Alternative for paddingY. PaddingY is optional. It has not a default value. */\n      py?: spacingValues;\n      /**  printHidden is optional. Default value is false. When true, the component is hidden at print. */\n      printHidden?: boolean;\n      /**  printVisible is optional. When block, the component is displayed as block. When inline, the component is displayed as inline.*/\n      printVisible?: 'block' | 'inline';\n      /** Components will be hidden at all screen sizes. */\n      hidden?: boolean;\n      /** Components will be hidden from 'xs' screen size and up. */\n      xsUpHidden?: boolean;\n      /** Components will be hidden from 'sm' screen size and up. */\n      smUpHidden?: boolean;\n      /** Components will be hidden from 'md' screen size and up. */\n      mdUpHidden?: boolean;\n      /** Components will be hidden from 'lg' screen size and up. */\n      lgUpHidden?: boolean;\n      /** Components will be hidden from 'xl' screen size and up. */\n      xlUpHidden?: boolean;\n      /** Components will be hidden between xs and sm screen size. */\n      xsHidden?: boolean;\n      /** Components will be hidden between sm and md screen size. */\n      smHidden?: boolean;\n      /** Components will be hidden between md and lg screen size. */\n      mdHidden?: boolean;\n      /** Components will be hidden between lg and xl screen size. */\n      lgHidden?: boolean;\n      /** Components will be hidden between xl and 2xl screen size. */\n      xlHidden?: boolean;\n    }\n  >;\n\ntype spacingValues =\n  | 0\n  | 0.5\n  | 1\n  | 1.5\n  | 2\n  | 2.5\n  | 3\n  | 3.5\n  | 4\n  | 5\n  | 6\n  | 7\n  | 8\n  | 9\n  | 10\n  | 11\n  | 12\n  | 14\n  | 16\n  | 20\n  | 24\n  | 28\n  | 32\n  | 36\n  | 40\n  | 44\n  | 48\n  | 52\n  | 56\n  | 60\n  | 64\n  | 72\n  | 80\n  | 96;\n\n/**\n * This is the type used in the type annotation for the component\n */\ntype BaseComponent = <C extends React.ElementType = 'span'>(\n  props: BaseProps<C>\n) => React.ReactNode | null;\n\nexport const Base: BaseComponent = React.forwardRef(function Base<\n  C extends React.ElementType = 'span',\n>(\n  {\n    as,\n    margin,\n    marginTop,\n    marginBottom,\n    marginLeft,\n    marginRight,\n    m,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    padding,\n    paddingTop,\n    paddingBottom,\n    paddingLeft,\n    paddingRight,\n    p,\n    pt,\n    pb,\n    pr,\n    pl,\n    px,\n    py,\n    printHidden,\n    printVisible,\n    hidden,\n    xsUpHidden,\n    smUpHidden,\n    mdUpHidden,\n    lgUpHidden,\n    xlUpHidden,\n    xsHidden,\n    smHidden,\n    mdHidden,\n    lgHidden,\n    xlHidden,\n    children,\n    className,\n    ...props\n  }: BaseProps<C>,\n  ref?: PolymorphicRef<C>\n) {\n  const Component = as || 'span';\n\n  return (\n    <Component\n      as={as}\n      className={clsx(className, {\n        [`ds-m-${margin}`]: margin !== undefined ? true : undefined,\n        [`ds-mt-${marginTop}`]: marginTop !== undefined ? true : undefined,\n        [`ds-mb-${marginBottom}`]:\n          marginBottom !== undefined ? true : undefined,\n        [`ds-mr-${marginRight}`]: marginRight !== undefined ? true : undefined,\n        [`ds-ml-${marginLeft}`]: marginLeft !== undefined ? true : undefined,\n        [`ds-m-${m}`]: m !== undefined ? true : undefined,\n        [`ds-mt-${mt}`]: mt !== undefined ? true : undefined,\n        [`ds-mb-${mb}`]: mb !== undefined ? true : undefined,\n        [`ds-mr-${mr}`]: mr !== undefined ? true : undefined,\n        [`ds-ml-${ml}`]: ml !== undefined ? true : undefined,\n        [`ds-mx-${mx}`]: mx !== undefined ? true : undefined,\n        [`ds-my-${my}`]: my !== undefined ? true : undefined,\n        [`ds-p-${padding}`]: padding !== undefined ? true : undefined,\n        [`ds-pt-${paddingTop}`]: paddingTop !== undefined ? true : undefined,\n        [`ds-pb-${paddingBottom}`]:\n          paddingBottom !== undefined ? true : undefined,\n        [`ds-pr-${paddingRight}`]:\n          paddingRight !== undefined ? true : undefined,\n        [`ds-pl-${paddingLeft}`]: paddingLeft !== undefined ? true : undefined,\n        [`ds-p-${p}`]: p !== undefined ? true : undefined,\n        [`ds-pt-${pt}`]: pt !== undefined ? true : undefined,\n        [`ds-pb-${pb}`]: pb !== undefined ? true : undefined,\n        [`ds-pr-${pr}`]: pr !== undefined ? true : undefined,\n        [`ds-pl-${pl}`]: pl !== undefined ? true : undefined,\n        [`ds-px-${px}`]: px !== undefined ? true : undefined,\n        [`ds-py-${py}`]: py !== undefined ? true : undefined,\n        'ds-print-hidden': !!printHidden,\n        'ds-print-visible-block': printVisible === 'block',\n        'ds-print-visible-inline': printVisible === 'inline',\n        'ds-hidden': !!hidden,\n        'ds-hidden-xs-up': !!xsUpHidden,\n        'ds-hidden-sm-up': !!smUpHidden,\n        'ds-hidden-md-up': !!mdUpHidden,\n        'ds-hidden-lg-up': !!lgUpHidden,\n        'ds-hidden-xl-up': !!xlUpHidden,\n        'ds-hidden-xs': !!xsHidden,\n        'ds-hidden-sm': !!smHidden,\n        'ds-hidden-md': !!mdHidden,\n        'ds-hidden-lg': !!lgHidden,\n        'ds-hidden-xl': !!xlHidden,\n      })}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </Component>\n  );\n});\n\nexport default Base;\n"],
+  "mappings": "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",
+  "names": ["Base"]
+}

package/{Icon/index.test → Base}/package.json

@@ -2,5 +2,5 @@
   "sideEffects": false,
   "module": "./index.js",
   "types": "./index.d.ts",
-  "main": "../../cjs/Icon/index.test/index.js"
+  "main": "../cjs/Base/index.js"
 }

package/BurgerIcon/config/index.js

@@ -1,23 +1,19 @@
 import React from "react";
 import clsx from "clsx";
-const burger = ({active = false}) => {
-  return /* @__PURE__ */ React.createElement("g", {
-    className: clsx({
-      [`ds-svg-icon--burger--active`]: active
-    })
-  }, /* @__PURE__ */ React.createElement("rect", {
-    id: "ds-svg-icon--burger__line-1",
-    width: "20",
-    height: "3.3"
-  }), /* @__PURE__ */ React.createElement("rect", {
-    id: "ds-svg-icon--burger__line-2",
-    width: "20",
-    height: "3.3"
-  }), /* @__PURE__ */ React.createElement("rect", {
-    id: "ds-svg-icon--burger__line-3",
-    width: "20",
-    height: "3.3"
-  }));
+import Base from "@digigov/react-icons/Base";
+const burger = ({ active = false }) => {
+  return /* @__PURE__ */ React.createElement(
+    Base,
+    {
+      as: "g",
+      className: clsx({
+        [`ds-svg-icon--burger--active`]: active
+      })
+    },
+    /* @__PURE__ */ React.createElement(Base, { as: "rect", id: "ds-svg-icon--burger__line-1", width: "20", height: "3.3" }),
+    /* @__PURE__ */ React.createElement(Base, { as: "rect", id: "ds-svg-icon--burger__line-2", width: "20", height: "3.3" }),
+    /* @__PURE__ */ React.createElement(Base, { as: "rect", id: "ds-svg-icon--burger__line-3", width: "20", height: "3.3" })
+  );
 };
 burger.props = ["active"];
 var config_default = burger;

package/BurgerIcon/config.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/BurgerIcon/config.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\n\nexport type BurgerType = {\n  active?: boolean;\n};\n\nexport const burger: React.FC<BurgerType> = ({ active = false }) => {\n  return (\n    <g\n      className={clsx({\n        [`ds-svg-icon--burger--active`]: active,\n      })}\n    >\n      <rect id=\"ds-svg-icon--burger__line-1\" width=\"20\" height=\"3.3\" />\n      <rect id=\"ds-svg-icon--burger__line-2\" width=\"20\" height=\"3.3\" />\n      <rect id=\"ds-svg-icon--burger__line-3\" width=\"20\" height=\"3.3\" />\n    </g>\n  );\n};\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nburger.props = ['active'];\n\nexport default burger;\n"],
-  "mappings": "AAAA;AACA;AAMO,MAAM,SAA+B,CAAC,CAAE,SAAS,WAAY;AAClE,SACE,oCAAC,KAAD;AAAA,IACE,WAAW,KAAK;AAAA,OACb,gCAAgC;AAAA;AAAA,KAGnC,oCAAC,QAAD;AAAA,IAAM,IAAG;AAAA,IAA8B,OAAM;AAAA,IAAK,QAAO;AAAA,MACzD,oCAAC,QAAD;AAAA,IAAM,IAAG;AAAA,IAA8B,OAAM;AAAA,IAAK,QAAO;AAAA,MACzD,oCAAC,QAAD;AAAA,IAAM,IAAG;AAAA,IAA8B,OAAM;AAAA,IAAK,QAAO;AAAA;AAAA;AAM/D,OAAO,QAAQ,CAAC;AAEhB,IAAO,iBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base from '@digigov/react-icons/Base';\n\nexport type BurgerType = {\n  active?: boolean;\n};\n\nexport const burger: React.FC<BurgerType> = ({ active = false }) => {\n  return (\n    <Base as=\"g\"\n      className={clsx({\n        [`ds-svg-icon--burger--active`]: active,\n      })}\n    >\n      <Base as=\"rect\" id=\"ds-svg-icon--burger__line-1\" width=\"20\" height=\"3.3\" />\n      <Base as=\"rect\" id=\"ds-svg-icon--burger__line-2\" width=\"20\" height=\"3.3\" />\n      <Base as=\"rect\" id=\"ds-svg-icon--burger__line-3\" width=\"20\" height=\"3.3\" />\n    </Base>\n  );\n};\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nburger.props = ['active'];\n\nexport default burger;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAU;AAMV,MAAM,SAA+B,CAAC,EAAE,SAAS,MAAM,MAAM;AAClE,SACE;AAAA,IAAC;AAAA;AAAA,MAAK,IAAG;AAAA,MACP,WAAW,KAAK;AAAA,QACd,CAAC,6BAA6B,GAAG;AAAA,MACnC,CAAC;AAAA;AAAA,IAED,oCAAC,QAAK,IAAG,QAAO,IAAG,+BAA8B,OAAM,MAAK,QAAO,OAAM;AAAA,IACzE,oCAAC,QAAK,IAAG,QAAO,IAAG,+BAA8B,OAAM,MAAK,QAAO,OAAM;AAAA,IACzE,oCAAC,QAAK,IAAG,QAAO,IAAG,+BAA8B,OAAM,MAAK,QAAO,OAAM;AAAA,EAC3E;AAEJ;AAGA,OAAO,QAAQ,CAAC,QAAQ;AAExB,IAAO,iBAAQ;",
   "names": []
 }

package/BurgerIcon/index.js

@@ -1,10 +1,7 @@
 import React from "react";
 import Icon from "@digigov/react-icons/Icon";
 const BurgerIcon = (props) => {
-  return /* @__PURE__ */ React.createElement(Icon, {
-    ...props,
-    icon: "burger"
-  });
+  return /* @__PURE__ */ React.createElement(Icon, { ...props, icon: "burger" });
 };
 var BurgerIcon_default = BurgerIcon;
 export {

package/BurgerIcon/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/BurgerIcon/index.tsx"],
   "sourcesContent": ["import React from 'react';\nimport Icon, { IconProps } from '@digigov/react-icons/Icon';\n\nexport const BurgerIcon: React.FC<IconProps<'burger'>> = (props) => {\n  return <Icon {...props} icon=\"burger\"></Icon>;\n};\n\nexport default BurgerIcon;\n"],
-  "mappings": "AAAA;AACA;AAEO,MAAM,aAA4C,CAAC,UAAU;AAClE,SAAO,oCAAC,MAAD;AAAA,OAAU;AAAA,IAAO,MAAK;AAAA;AAAA;AAG/B,IAAO,qBAAQ;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAyB;AAEzB,MAAM,aAA4C,CAAC,UAAU;AAClE,SAAO,oCAAC,QAAM,GAAG,OAAO,MAAK,UAAS;AACxC;AAEA,IAAO,qBAAQ;",
   "names": []
 }

package/CancelIcon/config/index.js

@@ -1,8 +1,7 @@
 import React from "react";
+import Base from "@digigov/react-icons/Base";
 function cancel() {
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("path", {
-    d: "M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2ZM17.419,15.581l-1.838,1.838-3.581-3.581-3.581,3.581-1.838-1.838,3.581-3.581-3.581-3.581,1.838-1.839,3.581,3.581,3.581-3.581,1.838,1.839-3.581,3.581,3.581,3.581Z"
-  }));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Base, { as: "path", d: "M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2ZM17.419,15.581l-1.838,1.838-3.581-3.581-3.581,3.581-1.838-1.838,3.581-3.581-3.581-3.581,1.838-1.839,3.581,3.581,3.581-3.581,1.838,1.839-3.581,3.581,3.581,3.581Z" }));
 }
 cancel.props = [];
 var config_default = cancel;

package/CancelIcon/config.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/CancelIcon/config.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nexport interface CancelType {}\n\nexport function cancel(): React.ReactElement {\n  return (\n    <>\n      <path d=\"M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2ZM17.419,15.581l-1.838,1.838-3.581-3.581-3.581,3.581-1.838-1.838,3.581-3.581-3.581-3.581,1.838-1.839,3.581,3.581,3.581-3.581,1.838,1.839-3.581,3.581,3.581,3.581Z\"/>\n    </>\n  );\n}\n\ncancel.props = [];\n\nexport default cancel;\n"],
-  "mappings": "AAAA;AAIO,kBAAsC;AAC3C,SACE,0DACE,oCAAC,QAAD;AAAA,IAAM,GAAE;AAAA;AAAA;AAKd,OAAO,QAAQ;AAEf,IAAO,iBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport Base from '@digigov/react-icons/Base';\n\nexport interface CancelType { }\n\nexport function cancel(): React.ReactElement {\n  return (\n    <>\n      <Base as=\"path\" d=\"M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2ZM17.419,15.581l-1.838,1.838-3.581-3.581-3.581,3.581-1.838-1.838,3.581-3.581-3.581-3.581,1.838-1.839,3.581,3.581,3.581-3.581,1.838,1.839-3.581,3.581,3.581,3.581Z\" />\n    </>\n  );\n}\n\ncancel.props = [];\n\nexport default cancel;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AAIV,SAAS,SAA6B;AAC3C,SACE,0DACE,oCAAC,QAAK,IAAG,QAAO,GAAE,2OAA0O,CAC9P;AAEJ;AAEA,OAAO,QAAQ,CAAC;AAEhB,IAAO,iBAAQ;",
   "names": []
 }

package/CancelIcon/index.js

@@ -1,10 +1,7 @@
 import React from "react";
 import Icon from "@digigov/react-icons/Icon";
 const CancelIcon = (props) => {
-  return /* @__PURE__ */ React.createElement(Icon, {
-    ...props,
-    icon: "cancel"
-  });
+  return /* @__PURE__ */ React.createElement(Icon, { ...props, icon: "cancel" });
 };
 var CancelIcon_default = CancelIcon;
 export {

package/CancelIcon/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/CancelIcon/index.tsx"],
   "sourcesContent": ["import React from 'react';\nimport Icon, { IconProps } from '@digigov/react-icons/Icon';\n\nexport const CancelIcon: React.FC<IconProps<'cancel'>> = (props) => {\n  return <Icon {...props} icon=\"cancel\"></Icon>;\n};\n\nexport default CancelIcon;\n"],
-  "mappings": "AAAA;AACA;AAEO,MAAM,aAA4C,CAAC,UAAU;AAClE,SAAO,oCAAC,MAAD;AAAA,OAAU;AAAA,IAAO,MAAK;AAAA;AAAA;AAG/B,IAAO,qBAAQ;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAyB;AAEzB,MAAM,aAA4C,CAAC,UAAU;AAClE,SAAO,oCAAC,QAAM,GAAG,OAAO,MAAK,UAAS;AACxC;AAEA,IAAO,qBAAQ;",
   "names": []
 }

package/CaretIcon/config/index.js

@@ -1,14 +1,7 @@
 import React from "react";
-const caret = ({direction = "left"}) => {
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, direction === "left" && /* @__PURE__ */ React.createElement("path", {
-    d: "M18,22V2L6,12L18,22z"
-  }), direction === "right" && /* @__PURE__ */ React.createElement("path", {
-    d: "M6,2v20l12-10L6,2z"
-  }), direction === "up" && /* @__PURE__ */ React.createElement("path", {
-    d: "M2,18h20L12,6L2,18z"
-  }), direction === "down" && /* @__PURE__ */ React.createElement("path", {
-    d: "M22,6H2l10,12L22,6z"
-  }));
+import Base from "@digigov/react-icons/Base";
+const caret = ({ direction = "left" }) => {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, direction === "left" && /* @__PURE__ */ React.createElement(Base, { as: "path", d: "M18,22V2L6,12L18,22z" }), direction === "right" && /* @__PURE__ */ React.createElement(Base, { as: "path", d: "M6,2v20l12-10L6,2z" }), direction === "up" && /* @__PURE__ */ React.createElement(Base, { as: "path", d: "M2,18h20L12,6L2,18z" }), direction === "down" && /* @__PURE__ */ React.createElement(Base, { as: "path", d: "M22,6H2l10,12L22,6z" }));
 };
 caret.props = ["direction"];
 var config_default = caret;

package/CaretIcon/config.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/CaretIcon/config.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nexport interface CaretType {\n  /**\n   * @value 'left'\n   * @value 'right'\n   * @value 'up'\n   * @value 'down'\n   * @default 'left'\n   */\n  direction?: 'left' | 'right' | 'up' | 'down';\n}\n\nexport const caret: React.FC<CaretType> = ({ direction = 'left' }) => {\n  return (\n    <>\n      {direction === 'left' && <path d=\"M18,22V2L6,12L18,22z\" />}\n      {direction === 'right' && <path d=\"M6,2v20l12-10L6,2z\" />}\n      {direction === 'up' && <path d=\"M2,18h20L12,6L2,18z\" />}\n      {direction === 'down' && <path d=\"M22,6H2l10,12L22,6z\" />}\n    </>\n  );\n};\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\ncaret.props = ['direction'];\n\nexport default caret;\n"],
-  "mappings": "AAAA;AAaO,MAAM,QAA6B,CAAC,CAAE,YAAY,YAAa;AACpE,SACE,0DACG,cAAc,UAAU,oCAAC,QAAD;AAAA,IAAM,GAAE;AAAA,MAChC,cAAc,WAAW,oCAAC,QAAD;AAAA,IAAM,GAAE;AAAA,MACjC,cAAc,QAAQ,oCAAC,QAAD;AAAA,IAAM,GAAE;AAAA,MAC9B,cAAc,UAAU,oCAAC,QAAD;AAAA,IAAM,GAAE;AAAA;AAAA;AAMvC,MAAM,QAAQ,CAAC;AAEf,IAAO,iBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport Base from '@digigov/react-icons/Base';\n\nexport interface CaretType {\n  /**\n   * @value 'left'\n   * @value 'right'\n   * @value 'up'\n   * @value 'down'\n   * @default 'left'\n   */\n  direction?: 'left' | 'right' | 'up' | 'down';\n}\n\nexport const caret: React.FC<CaretType> = ({ direction = 'left' }) => {\n  return (\n    <>\n      {direction === 'left' && <Base as=\"path\" d=\"M18,22V2L6,12L18,22z\" />}\n      {direction === 'right' && <Base as=\"path\" d=\"M6,2v20l12-10L6,2z\" />}\n      {direction === 'up' && <Base as=\"path\" d=\"M2,18h20L12,6L2,18z\" />}\n      {direction === 'down' && <Base as=\"path\" d=\"M22,6H2l10,12L22,6z\" />}\n    </>\n  );\n};\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\ncaret.props = ['direction'];\n\nexport default caret;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AAaV,MAAM,QAA6B,CAAC,EAAE,YAAY,OAAO,MAAM;AACpE,SACE,0DACG,cAAc,UAAU,oCAAC,QAAK,IAAG,QAAO,GAAE,wBAAuB,GACjE,cAAc,WAAW,oCAAC,QAAK,IAAG,QAAO,GAAE,sBAAqB,GAChE,cAAc,QAAQ,oCAAC,QAAK,IAAG,QAAO,GAAE,uBAAsB,GAC9D,cAAc,UAAU,oCAAC,QAAK,IAAG,QAAO,GAAE,uBAAsB,CACnE;AAEJ;AAGA,MAAM,QAAQ,CAAC,WAAW;AAE1B,IAAO,iBAAQ;",
   "names": []
 }

package/CaretIcon/index.js

@@ -1,10 +1,7 @@
 import React from "react";
 import Icon from "@digigov/react-icons/Icon";
 const CaretIcon = (props) => {
-  return /* @__PURE__ */ React.createElement(Icon, {
-    ...props,
-    icon: "caret"
-  });
+  return /* @__PURE__ */ React.createElement(Icon, { ...props, icon: "caret" });
 };
 var CaretIcon_default = CaretIcon;
 export {

package/CaretIcon/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/CaretIcon/index.tsx"],
   "sourcesContent": ["import React from 'react';\nimport Icon, { IconProps } from '@digigov/react-icons/Icon';\n\nexport const CaretIcon: React.FC<IconProps<'caret'>> = (props) => {\n  return <Icon {...props} icon=\"caret\"></Icon>;\n};\n\nexport default CaretIcon;\n"],
-  "mappings": "AAAA;AACA;AAEO,MAAM,YAA0C,CAAC,UAAU;AAChE,SAAO,oCAAC,MAAD;AAAA,OAAU;AAAA,IAAO,MAAK;AAAA;AAAA;AAG/B,IAAO,oBAAQ;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAyB;AAEzB,MAAM,YAA0C,CAAC,UAAU;AAChE,SAAO,oCAAC,QAAM,GAAG,OAAO,MAAK,SAAQ;AACvC;AAEA,IAAO,oBAAQ;",
   "names": []
 }

package/ChatIcon/config/index.js

@@ -1,10 +1,7 @@
 import React from "react";
-const chat = ({dots = false}) => {
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, dots ? /* @__PURE__ */ React.createElement("path", {
-    d: "M2,3.5v13h4.35l2.5,3,2.5-3h10.65V3.5H2ZM7.65,11.3c-.718,0-1.3-.582-1.3-1.3s.582-1.3,1.3-1.3,1.3.582,1.3,1.3-.582,1.3-1.3,1.3ZM12,11.3c-.718,0-1.3-.582-1.3-1.3s.582-1.3,1.3-1.3,1.3.582,1.3,1.3-.582,1.3-1.3,1.3ZM16.35,11.3c-.718,0-1.3-.582-1.3-1.3s.582-1.3,1.3-1.3,1.3.582,1.3,1.3-.582,1.3-1.3,1.3Z"
-  }) : /* @__PURE__ */ React.createElement("path", {
-    d: "M2,3.5v13h4.35l2.5,3,2.5-3h10.65V3.5H2Z"
-  }));
+import Base from "@digigov/react-icons/Base";
+const chat = ({ dots = false }) => {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, dots ? /* @__PURE__ */ React.createElement(Base, { as: "path", d: "M2,3.5v13h4.35l2.5,3,2.5-3h10.65V3.5H2ZM7.65,11.3c-.718,0-1.3-.582-1.3-1.3s.582-1.3,1.3-1.3,1.3.582,1.3,1.3-.582,1.3-1.3,1.3ZM12,11.3c-.718,0-1.3-.582-1.3-1.3s.582-1.3,1.3-1.3,1.3.582,1.3,1.3-.582,1.3-1.3,1.3ZM16.35,11.3c-.718,0-1.3-.582-1.3-1.3s.582-1.3,1.3-1.3,1.3.582,1.3,1.3-.582,1.3-1.3,1.3Z" }) : /* @__PURE__ */ React.createElement(Base, { as: "path", d: "M2,3.5v13h4.35l2.5,3,2.5-3h10.65V3.5H2Z" }));
 };
 chat.props = ["dots"];
 var config_default = chat;

package/ChatIcon/config.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/ChatIcon/config.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nexport interface ChatType {\n  /**\n   * @value 'false'\n   * @value 'true'\n   * @default 'false'\n   */\n  dots?: boolean;\n}\n\nexport const chat: React.FC<ChatType> = ({ dots = false }) => {\n  return (\n    <>\n      {dots ? (\n        <path d=\"M2,3.5v13h4.35l2.5,3,2.5-3h10.65V3.5H2ZM7.65,11.3c-.718,0-1.3-.582-1.3-1.3s.582-1.3,1.3-1.3,1.3.582,1.3,1.3-.582,1.3-1.3,1.3ZM12,11.3c-.718,0-1.3-.582-1.3-1.3s.582-1.3,1.3-1.3,1.3.582,1.3,1.3-.582,1.3-1.3,1.3ZM16.35,11.3c-.718,0-1.3-.582-1.3-1.3s.582-1.3,1.3-1.3,1.3.582,1.3,1.3-.582,1.3-1.3,1.3Z\" />\n      ) : (\n        <path d=\"M2,3.5v13h4.35l2.5,3,2.5-3h10.65V3.5H2Z\" />\n      )}\n    </>\n  );\n};\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nchat.props = ['dots'];\n\nexport default chat;\n"],
-  "mappings": "AAAA;AAWO,MAAM,OAA2B,CAAC,CAAE,OAAO,WAAY;AAC5D,SACE,0DACG,OACC,oCAAC,QAAD;AAAA,IAAM,GAAE;AAAA,OAER,oCAAC,QAAD;AAAA,IAAM,GAAE;AAAA;AAAA;AAQhB,KAAK,QAAQ,CAAC;AAEd,IAAO,iBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport Base from '@digigov/react-icons/Base';\n\nexport interface ChatType {\n  /**\n   * @value 'false'\n   * @value 'true'\n   * @default 'false'\n   */\n  dots?: boolean;\n}\n\nexport const chat: React.FC<ChatType> = ({ dots = false }) => {\n  return (\n    <>\n      {dots ? (\n        <Base as=\"path\" d=\"M2,3.5v13h4.35l2.5,3,2.5-3h10.65V3.5H2ZM7.65,11.3c-.718,0-1.3-.582-1.3-1.3s.582-1.3,1.3-1.3,1.3.582,1.3,1.3-.582,1.3-1.3,1.3ZM12,11.3c-.718,0-1.3-.582-1.3-1.3s.582-1.3,1.3-1.3,1.3.582,1.3,1.3-.582,1.3-1.3,1.3ZM16.35,11.3c-.718,0-1.3-.582-1.3-1.3s.582-1.3,1.3-1.3,1.3.582,1.3,1.3-.582,1.3-1.3,1.3Z\" />\n      ) : (\n        <Base as=\"path\" d=\"M2,3.5v13h4.35l2.5,3,2.5-3h10.65V3.5H2Z\" />\n      )}\n    </>\n  );\n};\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nchat.props = ['dots'];\n\nexport default chat;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AAWV,MAAM,OAA2B,CAAC,EAAE,OAAO,MAAM,MAAM;AAC5D,SACE,0DACG,OACC,oCAAC,QAAK,IAAG,QAAO,GAAE,4SAA2S,IAE7T,oCAAC,QAAK,IAAG,QAAO,GAAE,2CAA0C,CAEhE;AAEJ;AAIA,KAAK,QAAQ,CAAC,MAAM;AAEpB,IAAO,iBAAQ;",
   "names": []
 }

package/ChatIcon/index.js

@@ -1,10 +1,7 @@
 import React from "react";
 import Icon from "@digigov/react-icons/Icon";
 const ChatIcon = (props) => {
-  return /* @__PURE__ */ React.createElement(Icon, {
-    ...props,
-    icon: "chat"
-  });
+  return /* @__PURE__ */ React.createElement(Icon, { ...props, icon: "chat" });
 };
 var ChatIcon_default = ChatIcon;
 export {

package/ChatIcon/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ChatIcon/index.tsx"],
   "sourcesContent": ["import React from 'react';\nimport Icon, { IconProps } from '@digigov/react-icons/Icon';\n\nexport const ChatIcon: React.FC<IconProps<'chat'>> = (props) => {\n  return <Icon {...props} icon=\"chat\"></Icon>;\n};\n\nexport default ChatIcon;\n"],
-  "mappings": "AAAA;AACA;AAEO,MAAM,WAAwC,CAAC,UAAU;AAC9D,SAAO,oCAAC,MAAD;AAAA,OAAU;AAAA,IAAO,MAAK;AAAA;AAAA;AAG/B,IAAO,mBAAQ;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAyB;AAEzB,MAAM,WAAwC,CAAC,UAAU;AAC9D,SAAO,oCAAC,QAAM,GAAG,OAAO,MAAK,QAAO;AACtC;AAEA,IAAO,mBAAQ;",
   "names": []
 }

package/CheckIcon/config/index.js

@@ -1,8 +1,7 @@
 import React from "react";
+import Base from "@digigov/react-icons/Base";
 function check() {
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("polygon", {
-    points: "9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
-  }));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Base, { as: "polygon", points: "9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94" }));
 }
 check.props = [];
 var config_default = check;