@digigov/react-core 2.0.0-85c27c19 → 2.0.0-8e254888

package/src/utils/index.native.tsx

@@ -0,0 +1,120 @@
+import React from 'react';
+import clsx from 'clsx';
+
+type WithClassName<TProps> = TProps & { className?: string };
+type PropFactory<TProps> = (props: WithClassName<TProps>) => any;
+
+/**
+ * A HOC that transforms the props of the wrapped component before passing them through
+ *
+ * @param Component The component to wrap
+ * @param [propFactory=(props) => props] The function that transforms the props
+ * @returns The wrapped component that accepts the transformed props
+ *
+ * @example
+ * type MyComponentProps = { name: string; };
+ * const MyComponent = (props: MyComponentProps) => <p>Hi {props.name}</p>;
+ *
+ * const MyNativeComponent = extend(MyComponent, (props) => ({ name: props.name.toUpperCase(), ...props }));
+ *
+ * type AdditionalProps = { lastName: string; };
+ * const MyExpandedNativeComponent = extend<MyComponentProps, AdditionalProps>(MyNativeComponent, (props) => ({ name: `${props.name} ${props.lastName}`, ...props }));
+ */
+export function extend<TProps, TAdditionalProps>(
+  Component: React.ComponentType<TProps>,
+  propFactory: PropFactory<TProps & TAdditionalProps> = (props) => props
+) {
+  const ExtendedComponent = React.forwardRef(function ExtendedComponent(
+    props: WithClassName<TProps & TAdditionalProps>,
+    ref
+  ) {
+    const transformedProps = propFactory(props);
+
+    return <Component ref={ref} {...transformedProps} />;
+  });
+  return ExtendedComponent;
+}
+
+interface PseudoclassOptions {
+  self?: Record<string, string[]>;
+  children?: Record<string, string[]>;
+}
+
+/**
+ * A HOC that adds pseudoclass support to the wrapped component
+ *
+ * @param Component The component to wrap
+ * @param options The pseudoclass options
+ * @returns The wrapped component that supports pseudoclasses
+ *
+ * @example
+ * const MyComponent = (props) => <p {...props}>Hi</p>;
+ * const MyComponentWithPseudoclass = enablePseudoclass(MyComponent
+ *  { self: { 'empty': ['ds-component__empty'] }, childrenClassNames: { 'first-child': ['ds-component__first-child'] } });
+ *
+ * <MyComponentWithPseudoclass className="my-class" empty focus>
+ * <p>First child</p>
+ * <p>Second child</p>
+ * </MyComponentWithPseudoclass>
+ *
+ * */
+export function enablePseudoclass<T extends React.ElementType>(
+  Component: T,
+  { self = {}, children = {} }: PseudoclassOptions
+) {
+  return React.forwardRef<React.ElementRef<T>, React.ComponentPropsWithRef<T>>(
+    function enablePseudoclassComponent(
+      { className, children: componentChildren, ...props },
+      ref
+    ) {
+      // Handle if children is an array, add the corresponding classnames to the first and last child
+      if (Array.isArray(componentChildren)) {
+        return (
+          <Component ref={ref} {...(props as any)} className={className}>
+            {componentChildren.map((child, index) => {
+              return React.cloneElement(child, {
+                key: index,
+                className: clsx(
+                  child.props.className,
+                  ...Object.entries(children).map(([key, classNames]) => {
+                    if (index === 0 && key === 'first-child') return classNames;
+                    if (
+                      index === componentChildren.length - 1 &&
+                      key === 'last-child'
+                    )
+                      return classNames;
+                    return '';
+                  })
+                ),
+              });
+            })}
+          </Component>
+        );
+      }
+      // Handle if children is a single element, add the corresponding classname for empty pseudoclass
+      if (componentChildren === undefined) {
+        const componentClassNames = Object.entries(self).map(([key, value]) => {
+          if (key === 'empty') return value.join(' ');
+          return '';
+        });
+        return (
+          <Component
+            ref={ref}
+            {...(props as any)}
+            className={clsx(className, ...componentClassNames)}
+          >
+            {componentChildren}
+          </Component>
+        );
+      }
+      // Else return the component as it is
+      return (
+        <Component ref={ref} {...(props as any)} className={className}>
+          {componentChildren}
+        </Component>
+      );
+    }
+  );
+}
+
+export default extend;

package/utils/index.native/index.js

@@ -0,0 +1,54 @@
+import React from "react";
+import clsx from "clsx";
+function extend(Component, propFactory = (props) => props) {
+  const ExtendedComponent = React.forwardRef(function ExtendedComponent2(props, ref) {
+    const transformedProps = propFactory(props);
+    return /* @__PURE__ */ React.createElement(Component, { ref, ...transformedProps });
+  });
+  return ExtendedComponent;
+}
+function enablePseudoclass(Component, { self = {}, children = {} }) {
+  return React.forwardRef(
+    function enablePseudoclassComponent({ className, children: componentChildren, ...props }, ref) {
+      if (Array.isArray(componentChildren)) {
+        return /* @__PURE__ */ React.createElement(Component, { ref, ...props, className }, componentChildren.map((child, index) => {
+          return React.cloneElement(child, {
+            key: index,
+            className: clsx(
+              child.props.className,
+              ...Object.entries(children).map(([key, classNames]) => {
+                if (index === 0 && key === "first-child") return classNames;
+                if (index === componentChildren.length - 1 && key === "last-child")
+                  return classNames;
+                return "";
+              })
+            )
+          });
+        }));
+      }
+      if (componentChildren === void 0) {
+        const componentClassNames = Object.entries(self).map(([key, value]) => {
+          if (key === "empty") return value.join(" ");
+          return "";
+        });
+        return /* @__PURE__ */ React.createElement(
+          Component,
+          {
+            ref,
+            ...props,
+            className: clsx(className, ...componentClassNames)
+          },
+          componentChildren
+        );
+      }
+      return /* @__PURE__ */ React.createElement(Component, { ref, ...props, className }, componentChildren);
+    }
+  );
+}
+var index_native_default = extend;
+export {
+  index_native_default as default,
+  enablePseudoclass,
+  extend
+};
+//# sourceMappingURL=index.native.js.map

package/utils/index.native/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/utils/index.native/index.js"
+}

package/utils/index.native.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+type WithClassName<TProps> = TProps & {
+    className?: string;
+};
+type PropFactory<TProps> = (props: WithClassName<TProps>) => any;
+/**
+ * A HOC that transforms the props of the wrapped component before passing them through
+ *
+ * @param Component The component to wrap
+ * @param [propFactory=(props) => props] The function that transforms the props
+ * @returns The wrapped component that accepts the transformed props
+ *
+ * @example
+ * type MyComponentProps = { name: string; };
+ * const MyComponent = (props: MyComponentProps) => <p>Hi {props.name}</p>;
+ *
+ * const MyNativeComponent = extend(MyComponent, (props) => ({ name: props.name.toUpperCase(), ...props }));
+ *
+ * type AdditionalProps = { lastName: string; };
+ * const MyExpandedNativeComponent = extend<MyComponentProps, AdditionalProps>(MyNativeComponent, (props) => ({ name: `${props.name} ${props.lastName}`, ...props }));
+ */
+export declare function extend<TProps, TAdditionalProps>(Component: React.ComponentType<TProps>, propFactory?: PropFactory<TProps & TAdditionalProps>): React.ForwardRefExoticComponent<React.PropsWithoutRef<WithClassName<TProps & TAdditionalProps>> & React.RefAttributes<unknown>>;
+interface PseudoclassOptions {
+    self?: Record<string, string[]>;
+    children?: Record<string, string[]>;
+}
+/**
+ * A HOC that adds pseudoclass support to the wrapped component
+ *
+ * @param Component The component to wrap
+ * @param options The pseudoclass options
+ * @returns The wrapped component that supports pseudoclasses
+ *
+ * @example
+ * const MyComponent = (props) => <p {...props}>Hi</p>;
+ * const MyComponentWithPseudoclass = enablePseudoclass(MyComponent
+ *  { self: { 'empty': ['ds-component__empty'] }, childrenClassNames: { 'first-child': ['ds-component__first-child'] } });
+ *
+ * <MyComponentWithPseudoclass className="my-class" empty focus>
+ * <p>First child</p>
+ * <p>Second child</p>
+ * </MyComponentWithPseudoclass>
+ *
+ * */
+export declare function enablePseudoclass<T extends React.ElementType>(Component: T, { self, children }: PseudoclassOptions): React.ForwardRefExoticComponent<React.PropsWithoutRef<React.ComponentPropsWithRef<T>> & React.RefAttributes<React.ElementRef<T>>>;
+export default extend;

package/utils/index.native.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/utils/index.native.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\n\ntype WithClassName<TProps> = TProps & { className?: string };\ntype PropFactory<TProps> = (props: WithClassName<TProps>) => any;\n\n/**\n * A HOC that transforms the props of the wrapped component before passing them through\n *\n * @param Component The component to wrap\n * @param [propFactory=(props) => props] The function that transforms the props\n * @returns The wrapped component that accepts the transformed props\n *\n * @example\n * type MyComponentProps = { name: string; };\n * const MyComponent = (props: MyComponentProps) => <p>Hi {props.name}</p>;\n *\n * const MyNativeComponent = extend(MyComponent, (props) => ({ name: props.name.toUpperCase(), ...props }));\n *\n * type AdditionalProps = { lastName: string; };\n * const MyExpandedNativeComponent = extend<MyComponentProps, AdditionalProps>(MyNativeComponent, (props) => ({ name: `${props.name} ${props.lastName}`, ...props }));\n */\nexport function extend<TProps, TAdditionalProps>(\n  Component: React.ComponentType<TProps>,\n  propFactory: PropFactory<TProps & TAdditionalProps> = (props) => props\n) {\n  const ExtendedComponent = React.forwardRef(function ExtendedComponent(\n    props: WithClassName<TProps & TAdditionalProps>,\n    ref\n  ) {\n    const transformedProps = propFactory(props);\n\n    return <Component ref={ref} {...transformedProps} />;\n  });\n  return ExtendedComponent;\n}\n\ninterface PseudoclassOptions {\n  self?: Record<string, string[]>;\n  children?: Record<string, string[]>;\n}\n\n/**\n * A HOC that adds pseudoclass support to the wrapped component\n *\n * @param Component The component to wrap\n * @param options The pseudoclass options\n * @returns The wrapped component that supports pseudoclasses\n *\n * @example\n * const MyComponent = (props) => <p {...props}>Hi</p>;\n * const MyComponentWithPseudoclass = enablePseudoclass(MyComponent\n *  { self: { 'empty': ['ds-component__empty'] }, childrenClassNames: { 'first-child': ['ds-component__first-child'] } });\n *\n * <MyComponentWithPseudoclass className=\"my-class\" empty focus>\n * <p>First child</p>\n * <p>Second child</p>\n * </MyComponentWithPseudoclass>\n *\n * */\nexport function enablePseudoclass<T extends React.ElementType>(\n  Component: T,\n  { self = {}, children = {} }: PseudoclassOptions\n) {\n  return React.forwardRef<React.ElementRef<T>, React.ComponentPropsWithRef<T>>(\n    function enablePseudoclassComponent(\n      { className, children: componentChildren, ...props },\n      ref\n    ) {\n      // Handle if children is an array, add the corresponding classnames to the first and last child\n      if (Array.isArray(componentChildren)) {\n        return (\n          <Component ref={ref} {...(props as any)} className={className}>\n            {componentChildren.map((child, index) => {\n              return React.cloneElement(child, {\n                key: index,\n                className: clsx(\n                  child.props.className,\n                  ...Object.entries(children).map(([key, classNames]) => {\n                    if (index === 0 && key === 'first-child') return classNames;\n                    if (\n                      index === componentChildren.length - 1 &&\n                      key === 'last-child'\n                    )\n                      return classNames;\n                    return '';\n                  })\n                ),\n              });\n            })}\n          </Component>\n        );\n      }\n      // Handle if children is a single element, add the corresponding classname for empty pseudoclass\n      if (componentChildren === undefined) {\n        const componentClassNames = Object.entries(self).map(([key, value]) => {\n          if (key === 'empty') return value.join(' ');\n          return '';\n        });\n        return (\n          <Component\n            ref={ref}\n            {...(props as any)}\n            className={clsx(className, ...componentClassNames)}\n          >\n            {componentChildren}\n          </Component>\n        );\n      }\n      // Else return the component as it is\n      return (\n        <Component ref={ref} {...(props as any)} className={className}>\n          {componentChildren}\n        </Component>\n      );\n    }\n  );\n}\n\nexport default extend;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AAqBV,SAAS,OACd,WACA,cAAsD,CAAC,UAAU,OACjE;AACA,QAAM,oBAAoB,MAAM,WAAW,SAASA,mBAClD,OACA,KACA;AACA,UAAM,mBAAmB,YAAY,KAAK;AAE1C,WAAO,oCAAC,aAAU,KAAW,GAAG,kBAAkB;AAAA,EACpD,CAAC;AACD,SAAO;AACT;AAyBO,SAAS,kBACd,WACA,EAAE,OAAO,CAAC,GAAG,WAAW,CAAC,EAAE,GAC3B;AACA,SAAO,MAAM;AAAA,IACX,SAAS,2BACP,EAAE,WAAW,UAAU,mBAAmB,GAAG,MAAM,GACnD,KACA;AAEA,UAAI,MAAM,QAAQ,iBAAiB,GAAG;AACpC,eACE,oCAAC,aAAU,KAAW,GAAI,OAAe,aACtC,kBAAkB,IAAI,CAAC,OAAO,UAAU;AACvC,iBAAO,MAAM,aAAa,OAAO;AAAA,YAC/B,KAAK;AAAA,YACL,WAAW;AAAA,cACT,MAAM,MAAM;AAAA,cACZ,GAAG,OAAO,QAAQ,QAAQ,EAAE,IAAI,CAAC,CAAC,KAAK,UAAU,MAAM;AACrD,oBAAI,UAAU,KAAK,QAAQ,cAAe,QAAO;AACjD,oBACE,UAAU,kBAAkB,SAAS,KACrC,QAAQ;AAER,yBAAO;AACT,uBAAO;AAAA,cACT,CAAC;AAAA,YACH;AAAA,UACF,CAAC;AAAA,QACH,CAAC,CACH;AAAA,MAEJ;AAEA,UAAI,sBAAsB,QAAW;AACnC,cAAM,sBAAsB,OAAO,QAAQ,IAAI,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM;AACrE,cAAI,QAAQ,QAAS,QAAO,MAAM,KAAK,GAAG;AAC1C,iBAAO;AAAA,QACT,CAAC;AACD,eACE;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACC,GAAI;AAAA,YACL,WAAW,KAAK,WAAW,GAAG,mBAAmB;AAAA;AAAA,UAEhD;AAAA,QACH;AAAA,MAEJ;AAEA,aACE,oCAAC,aAAU,KAAW,GAAI,OAAe,aACtC,iBACH;AAAA,IAEJ;AAAA,EACF;AACF;AAEA,IAAO,uBAAQ;",
+  "names": ["ExtendedComponent"]
+}

package/AutoCompleteInput/index.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface AutoCompleteInputProps extends BaseProps<'input'> {
-    /**
-     * isFocused is optional. The default value is false.
-     * isFocused prop is used to focus the list element.
-     * @value true
-     * @value false
-     */
-    isFocused?: boolean;
-}
-/**
- * AutoCompleteInput component is used to display the value that the user is typing.
- *
- */
-export declare const AutoCompleteInput: React.ForwardRefExoticComponent<Omit<AutoCompleteInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-export default AutoCompleteInput;

package/AutoCompleteInput/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/AutoCompleteInput/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nexport interface AutoCompleteInputProps extends BaseProps<'input'> {\n  /**\n   * isFocused is optional. The default value is false.\n   * isFocused prop is used to focus the list element.\n   * @value true\n   * @value false\n   */\n  isFocused?: boolean;\n\n}\n/**\n * AutoCompleteInput component is used to display the value that the user is typing.\n *\n */\nexport const AutoCompleteInput = React.forwardRef<\n  HTMLInputElement,\n  AutoCompleteInputProps\n>(function AutoCompleteInput(\n  { name, isFocused, className, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"input\"\n      type=\"text\"\n      name={name}\n      ref={ref}\n      className={clsx(className, {\n        'ds-autocomplete__input': true,\n        'ds-autocomplete__input--focused': isFocused,\n      })}\n      {...props}\n    />\n  );\n});\n\nexport default AutoCompleteInput;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAezB,MAAM,oBAAoB,MAAM,WAGrC,SAASA,mBACT,EAAE,MAAM,WAAW,WAAW,GAAG,MAAM,GACvC,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,0BAA0B;AAAA,QAC1B,mCAAmC;AAAA,MACrC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,IAAO,4BAAQ;",
-  "names": ["AutoCompleteInput"]
-}

package/BreadcrumbsListItem/index.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface BreadcrumbsListItemProps extends BaseProps<'li'> {
-    /**
-    * href is optional and provides the text and url of the Breadcrumbs items.
-  
-    */
-    href?: string;
-}
-/**
- * BreadcrumbsListItem creates a list of items with the possibility of navigation.
- * It should be used inside BreadcrumbsList as children component
- */
-export declare const BreadcrumbsListItem: React.ForwardRefExoticComponent<Omit<BreadcrumbsListItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
-export default BreadcrumbsListItem;

package/BreadcrumbsListItem/index.js

@@ -1,33 +0,0 @@
-import React from "react";
-import clsx from "clsx";
-import Base from "@digigov/react-core/Base";
-const BreadcrumbsListItem = React.forwardRef(function BreadcrumbsListItem2({ href, className, children, ...props }, ref) {
-  return /* @__PURE__ */ React.createElement(
-    Base,
-    {
-      as: "li",
-      ref,
-      className: clsx(className, {
-        "ds-breadcrumbs__list-item": true
-      }),
-      ...props
-    },
-    /* @__PURE__ */ React.createElement(
-      "a",
-      {
-        href,
-        className: clsx({
-          "ds-breadcrumbs__link": true,
-          "ds-breadcrumbs__link--inactive": href === void 0
-        })
-      },
-      children
-    )
-  );
-});
-var BreadcrumbsListItem_default = BreadcrumbsListItem;
-export {
-  BreadcrumbsListItem,
-  BreadcrumbsListItem_default as default
-};
-//# sourceMappingURL=index.js.map

package/BreadcrumbsListItem/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/BreadcrumbsListItem/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface BreadcrumbsListItemProps extends BaseProps<'li'> {\n  /**\n  * href is optional and provides the text and url of the Breadcrumbs items.\n\n  */\n  href?: string;\n}\n/**\n * BreadcrumbsListItem creates a list of items with the possibility of navigation.\n * It should be used inside BreadcrumbsList as children component\n */\nexport const BreadcrumbsListItem = React.forwardRef<\n  HTMLLIElement,\n  BreadcrumbsListItemProps\n>(function BreadcrumbsListItem({ href, className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"li\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-breadcrumbs__list-item': true,\n      })}\n      {...props}\n    >\n      <a\n        href={href}\n        className={clsx({\n          'ds-breadcrumbs__link': true,\n          'ds-breadcrumbs__link--inactive': href === undefined,\n        })}\n      >\n        {children}\n      </a>\n    </Base>\n  );\n});\n\nexport default BreadcrumbsListItem;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAazB,MAAM,sBAAsB,MAAM,WAGvC,SAASA,qBAAoB,EAAE,MAAM,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,6BAA6B;AAAA,MAC/B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEJ;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,KAAK;AAAA,UACd,wBAAwB;AAAA,UACxB,kCAAkC,SAAS;AAAA,QAC7C,CAAC;AAAA;AAAA,MAEA;AAAA,IACH;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,8BAAQ;",
-  "names": ["BreadcrumbsListItem"]
-}

package/SvgIcon/index.d.ts

@@ -1,37 +0,0 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface SvgIconProps extends BaseProps<'svg'> {
-    /**
-     * size is optional.
-     * size prop declares the size of the svg icon.
-     * @value 'xs'
-     * @value 'sm'
-     * @value 'md'
-     * @value 'lg'
-     * @value 'xl'
-     * @default 'sm'
-     */
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-    /**
-     * color property styles svg icon with Gov.gr palette's basic colors.
-     * color property is optional.
-     * @value 'base-content'
-     * @value 'dark', always dark, among all themes
-     * @value 'white', always white, among all themes
-     * @value 'gray'
-     * @value 'primary'
-     * @value 'success'
-     * @value 'warning'
-     * @value 'error'
-     * @value 'focus', use only in focus state, in dark background
-     * @value 'info'
-     * @value 'link'
-     */
-    color?: 'base-content' | 'dark' | 'white' | 'gray' | 'primary' | 'success' | 'warning' | 'error' | 'focus' | 'info' | 'link';
-}
-/**
- * Use SvgIcon as global svg component.
- *  SvgIcon can be used inside other svg components as children such as CheckIcon, CaretIcon etc.
- */
-export declare const SvgIcon: React.ForwardRefExoticComponent<Omit<SvgIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export default SvgIcon;

package/SvgIcon/index.js

@@ -1,30 +0,0 @@
-import React from "react";
-import clsx from "clsx";
-import Base from "@digigov/react-core/Base";
-const SvgIcon = React.forwardRef(
-  function SvgIcon2({ size, color, children, className, ...props }, ref) {
-    return /* @__PURE__ */ React.createElement(
-      Base,
-      {
-        as: "svg",
-        ref,
-        className: clsx(className, {
-          "ds-svg-icon": true,
-          [`ds-svg-icon--${color}`]: color !== void 0,
-          [`ds-svg-icon--${size}`]: size !== void 0
-        }),
-        focusable: "false",
-        viewBox: "0 0 24 24",
-        "aria-hidden": "true",
-        ...props
-      },
-      children
-    );
-  }
-);
-var SvgIcon_default = SvgIcon;
-export {
-  SvgIcon,
-  SvgIcon_default as default
-};
-//# sourceMappingURL=index.js.map

package/SvgIcon/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/SvgIcon/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface SvgIconProps extends BaseProps<'svg'> {\n  /**\n   * size is optional.\n   * size prop declares the size of the svg icon.\n   * @value 'xs'\n   * @value 'sm'\n   * @value 'md'\n   * @value 'lg'\n   * @value 'xl'\n   * @default 'sm'\n   */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\n  /**\n   * color property styles svg icon with Gov.gr palette's basic colors.\n   * color property is optional.\n   * @value 'base-content' \n   * @value 'dark', always dark, among all themes\n   * @value 'white', always white, among all themes\n   * @value 'gray'\n   * @value 'primary'\n   * @value 'success'\n   * @value 'warning'\n   * @value 'error'\n   * @value 'focus', use only in focus state, in dark background\n   * @value 'info'\n   * @value 'link'\n   */\n  color?:\n    | 'base-content'\n    | 'dark'\n    | 'white'\n    | 'gray'\n    | 'primary'\n    | 'success'\n    | 'warning'\n    | 'error'\n    | 'focus'\n    | 'info'\n    | 'link';\n}\n/**\n * Use SvgIcon as global svg component.\n *  SvgIcon can be used inside other svg components as children such as CheckIcon, CaretIcon etc.\n */\nexport const SvgIcon = React.forwardRef<SVGSVGElement, SvgIconProps>(\n  function SvgIcon({ size, color, children, className, ...props }, ref) {\n    return (\n      <Base\n        as=\"svg\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-svg-icon': true,\n          [`ds-svg-icon--${color}`]: color !== undefined,\n          [`ds-svg-icon--${size}`]: size !== undefined,\n        })}\n        focusable=\"false\"\n        viewBox=\"0 0 24 24\"\n        aria-hidden=\"true\"\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default SvgIcon;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AA+CzB,MAAM,UAAU,MAAM;AAAA,EAC3B,SAASA,SAAQ,EAAE,MAAM,OAAO,UAAU,WAAW,GAAG,MAAM,GAAG,KAAK;AACpE,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,eAAe;AAAA,UACf,CAAC,gBAAgB,KAAK,EAAE,GAAG,UAAU;AAAA,UACrC,CAAC,gBAAgB,IAAI,EAAE,GAAG,SAAS;AAAA,QACrC,CAAC;AAAA,QACD,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,eAAY;AAAA,QACX,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,kBAAQ;",
-  "names": ["SvgIcon"]
-}

package/cjs/AutoCompleteInput/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/AutoCompleteInput/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nexport interface AutoCompleteInputProps extends BaseProps<'input'> {\n  /**\n   * isFocused is optional. The default value is false.\n   * isFocused prop is used to focus the list element.\n   * @value true\n   * @value false\n   */\n  isFocused?: boolean;\n\n}\n/**\n * AutoCompleteInput component is used to display the value that the user is typing.\n *\n */\nexport const AutoCompleteInput = React.forwardRef<\n  HTMLInputElement,\n  AutoCompleteInputProps\n>(function AutoCompleteInput(\n  { name, isFocused, className, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"input\"\n      type=\"text\"\n      name={name}\n      ref={ref}\n      className={clsx(className, {\n        'ds-autocomplete__input': true,\n        'ds-autocomplete__input--focused': isFocused,\n      })}\n      {...props}\n    />\n  );\n});\n\nexport default AutoCompleteInput;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAezB,MAAM,oBAAoB,aAAAA,QAAM,WAGrC,SAASC,mBACT,EAAE,MAAM,WAAW,WAAW,GAAG,MAAM,GACvC,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,0BAA0B;AAAA,QAC1B,mCAAmC;AAAA,MACrC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,IAAO,4BAAQ;",
-  "names": ["React", "AutoCompleteInput", "Base", "clsx"]
-}

package/cjs/BreadcrumbsListItem/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/BreadcrumbsListItem/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface BreadcrumbsListItemProps extends BaseProps<'li'> {\n  /**\n  * href is optional and provides the text and url of the Breadcrumbs items.\n\n  */\n  href?: string;\n}\n/**\n * BreadcrumbsListItem creates a list of items with the possibility of navigation.\n * It should be used inside BreadcrumbsList as children component\n */\nexport const BreadcrumbsListItem = React.forwardRef<\n  HTMLLIElement,\n  BreadcrumbsListItemProps\n>(function BreadcrumbsListItem({ href, className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"li\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-breadcrumbs__list-item': true,\n      })}\n      {...props}\n    >\n      <a\n        href={href}\n        className={clsx({\n          'ds-breadcrumbs__link': true,\n          'ds-breadcrumbs__link--inactive': href === undefined,\n        })}\n      >\n        {children}\n      </a>\n    </Base>\n  );\n});\n\nexport default BreadcrumbsListItem;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAazB,MAAM,sBAAsB,aAAAA,QAAM,WAGvC,SAASC,qBAAoB,EAAE,MAAM,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC3E,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,6BAA6B;AAAA,MAC/B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEJ,6BAAAH,QAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAW,YAAAG,SAAK;AAAA,UACd,wBAAwB;AAAA,UACxB,kCAAkC,SAAS;AAAA,QAC7C,CAAC;AAAA;AAAA,MAEA;AAAA,IACH;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,8BAAQ;",
-  "names": ["React", "BreadcrumbsListItem", "Base", "clsx"]
-}

package/cjs/SvgIcon/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/SvgIcon/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface SvgIconProps extends BaseProps<'svg'> {\n  /**\n   * size is optional.\n   * size prop declares the size of the svg icon.\n   * @value 'xs'\n   * @value 'sm'\n   * @value 'md'\n   * @value 'lg'\n   * @value 'xl'\n   * @default 'sm'\n   */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\n  /**\n   * color property styles svg icon with Gov.gr palette's basic colors.\n   * color property is optional.\n   * @value 'base-content' \n   * @value 'dark', always dark, among all themes\n   * @value 'white', always white, among all themes\n   * @value 'gray'\n   * @value 'primary'\n   * @value 'success'\n   * @value 'warning'\n   * @value 'error'\n   * @value 'focus', use only in focus state, in dark background\n   * @value 'info'\n   * @value 'link'\n   */\n  color?:\n    | 'base-content'\n    | 'dark'\n    | 'white'\n    | 'gray'\n    | 'primary'\n    | 'success'\n    | 'warning'\n    | 'error'\n    | 'focus'\n    | 'info'\n    | 'link';\n}\n/**\n * Use SvgIcon as global svg component.\n *  SvgIcon can be used inside other svg components as children such as CheckIcon, CaretIcon etc.\n */\nexport const SvgIcon = React.forwardRef<SVGSVGElement, SvgIconProps>(\n  function SvgIcon({ size, color, children, className, ...props }, ref) {\n    return (\n      <Base\n        as=\"svg\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-svg-icon': true,\n          [`ds-svg-icon--${color}`]: color !== undefined,\n          [`ds-svg-icon--${size}`]: size !== undefined,\n        })}\n        focusable=\"false\"\n        viewBox=\"0 0 24 24\"\n        aria-hidden=\"true\"\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default SvgIcon;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AA+CzB,MAAM,UAAU,aAAAA,QAAM;AAAA,EAC3B,SAASC,SAAQ,EAAE,MAAM,OAAO,UAAU,WAAW,GAAG,MAAM,GAAG,KAAK;AACpE,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,eAAe;AAAA,UACf,CAAC,gBAAgB,KAAK,EAAE,GAAG,UAAU;AAAA,UACrC,CAAC,gBAAgB,IAAI,EAAE,GAAG,SAAS;AAAA,QACrC,CAAC;AAAA,QACD,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,eAAY;AAAA,QACX,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,kBAAQ;",
-  "names": ["React", "SvgIcon", "Base", "clsx"]
-}