@digigov/react-core 2.0.0-36b707c1 → 2.0.0-385c7994

package/Accordion/index.d.ts

@@ -1,28 +1,2 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface AccordionProps extends BaseProps<'div'> {
-    horizontalBorders?: 'none' | 'top' | 'bottom';
-    /**
-     * summaryColor is optional.
-     * 'primary' color gives AccordionSectionSummary the default color.
-     * 'secondary' color gives AccordionSectionSummary a gray background.
-     * @value primary
-     * @value secondary
-     * @default primary
-     * */
-    summaryColor?: 'primary' | 'secondary';
-    /**
-     * dense is optional.
-     * If true, AccordionSection will have a smaller padding.
-     * @value true
-     * @value false
-     * @default false
-     * */
-    dense?: boolean;
-}
-/**
- * Accordion is the main component for an accordion.
- * Inside this component must be a list of AccordionSection components.
- */
-export declare const Accordion: React.ForwardRefExoticComponent<Omit<AccordionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default Accordion;
+export * from './index.web.js';
+export { default as default } from './index.web.js';

package/Accordion/index.js

@@ -1,37 +1,3 @@
-import React from "react";
-import clsx from "clsx";
-import Base from "@digigov/react-core/Base";
-const Accordion = React.forwardRef(
-  function Accordion2({
-    className,
-    horizontalBorders = "top",
-    summaryColor = "primary",
-    dense,
-    children,
-    ...props
-  }, ref) {
-    return /* @__PURE__ */ React.createElement(
-      Base,
-      {
-        as: "div",
-        ref,
-        className: clsx(className, {
-          "ds-accordion": true,
-          "ds-accordion--no-border": horizontalBorders === "none",
-          "ds-accordion--border-top": horizontalBorders === "top",
-          "ds-accordion--border-bottom": horizontalBorders === "bottom",
-          "ds-accordion--dense": dense,
-          "ds-accordion--secondary": summaryColor === "secondary"
-        }),
-        ...props
-      },
-      children
-    );
-  }
-);
-var Accordion_default = Accordion;
-export {
-  Accordion,
-  Accordion_default as default
-};
-//# sourceMappingURL=index.js.map
+import index_web from "./index.web.js";
+export * from "./index.web.js";
+export { index_web as default };

package/Accordion/index.native.d.ts

@@ -0,0 +1,2 @@
+export declare const Accordion: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("./index.web.js").AccordionProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<unknown>, "ref"> & import("react").RefAttributes<unknown>>;
+export default Accordion;

package/Accordion/index.native.js

@@ -0,0 +1,15 @@
+import index_web from "./index.web.js";
+import index_native, { enablePseudoclass } from "../utils/index.native.js";
+const Accordion = enablePseudoclass(index_native(index_web, ({ className, ...props })=>({
+        ...props,
+        multiline: true,
+        className
+    })), {
+    children: {
+        'first-child': [
+            'ds-accordion__section__first-child'
+        ]
+    }
+});
+const Accordion_index_native = Accordion;
+export { Accordion, Accordion_index_native as default };

package/Accordion/index.web.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { BaseProps } from '../Base/index.js';
+export interface AccordionProps extends BaseProps<'div'> {
+    horizontalBorders?: 'none' | 'top' | 'bottom';
+    /**
+     * summaryColor is optional.
+     * 'primary' color gives AccordionSectionSummary the default color.
+     * 'secondary' color gives AccordionSectionSummary a gray background.
+     * @value primary
+     * @value secondary
+     * @default primary
+     * */
+    summaryColor?: 'primary' | 'secondary';
+    /**
+     * dense is optional.
+     * If true, AccordionSection will have a smaller padding.
+     * @value true
+     * @value false
+     * @default false
+     * */
+    dense?: boolean;
+}
+/**
+ * Accordion is the main component for an accordion.
+ * Inside this component must be a list of AccordionSection components.
+ */
+export declare const Accordion: React.ForwardRefExoticComponent<Omit<AccordionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default Accordion;

package/Accordion/index.web.js

@@ -0,0 +1,20 @@
+import react from "react";
+import clsx from "clsx";
+import Base from "../Base/index.js";
+const index_web_Accordion = /*#__PURE__*/ react.forwardRef(function({ className, horizontalBorders = 'top', summaryColor = 'primary', dense, children, ...props }, ref) {
+    return /*#__PURE__*/ react.createElement(Base, {
+        as: "div",
+        ref: ref,
+        className: clsx(className, {
+            'ds-accordion': true,
+            'ds-accordion--no-border': 'none' === horizontalBorders,
+            'ds-accordion--border-top': 'top' === horizontalBorders,
+            'ds-accordion--border-bottom': 'bottom' === horizontalBorders,
+            'ds-accordion--dense': dense,
+            'ds-accordion--secondary': 'secondary' === summaryColor
+        }),
+        ...props
+    }, children);
+});
+const index_web = index_web_Accordion;
+export { index_web_Accordion as Accordion, index_web as default };

package/AccordionControls/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
+import { BaseProps } from '../Base/index.js';
 export interface AccordionControlsProps extends BaseProps<'div'> {
 }
 /**

package/AccordionControls/index.js

@@ -1,21 +1,15 @@
-import React from "react";
+import react from "react";
 import clsx from "clsx";
-import Base from "@digigov/react-core/Base";
-const AccordionControls = React.forwardRef(function AccordionControls2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ React.createElement(
-    Base,
-    {
-      as: "div",
-      ref,
-      className: clsx(className, { "ds-accordion__controls": true }),
-      ...props
-    },
-    children
-  );
+import Base from "../Base/index.js";
+const AccordionControls_AccordionControls = /*#__PURE__*/ react.forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ react.createElement(Base, {
+        as: "div",
+        ref: ref,
+        className: clsx(className, {
+            'ds-accordion__controls': true
+        }),
+        ...props
+    }, children);
 });
-var AccordionControls_default = AccordionControls;
-export {
-  AccordionControls,
-  AccordionControls_default as default
-};
-//# sourceMappingURL=index.js.map
+const src_AccordionControls = AccordionControls_AccordionControls;
+export { AccordionControls_AccordionControls as AccordionControls, src_AccordionControls as default };

package/AccordionSection/index.d.ts

@@ -1,11 +1,2 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface AccordionSectionProps extends BaseProps<'details'> {
-}
-/**
- * AccordionSection should be inside the Accordion component.
- *
- * Inside this component must place the Accordion and the AccordionSectionContent components.
- */
-export declare const AccordionSection: React.ForwardRefExoticComponent<Omit<AccordionSectionProps, "ref"> & React.RefAttributes<HTMLDetailsElement>>;
-export default AccordionSection;
+export * from './index.web.js';
+export { default as default } from './index.web.js';

package/AccordionSection/index.js

@@ -1,23 +1,3 @@
-import React from "react";
-import clsx from "clsx";
-import Base from "@digigov/react-core/Base";
-const AccordionSection = React.forwardRef(function AccordionSection2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ React.createElement(
-    Base,
-    {
-      as: "details",
-      ref,
-      className: clsx(className, {
-        "ds-accordion__section": true
-      }),
-      ...props
-    },
-    children
-  );
-});
-var AccordionSection_default = AccordionSection;
-export {
-  AccordionSection,
-  AccordionSection_default as default
-};
-//# sourceMappingURL=index.js.map
+import index_web from "./index.web.js";
+export * from "./index.web.js";
+export { index_web as default };

package/AccordionSection/index.native.d.ts

@@ -0,0 +1,2 @@
+export declare const AccordionSection: import("react").ForwardRefExoticComponent<Omit<Omit<import("./index.web.js").AccordionSectionProps, "ref"> & import("react").RefAttributes<HTMLDetailsElement>, "ref"> & import("react").RefAttributes<unknown>>;
+export default AccordionSection;

package/AccordionSection/index.native.js

@@ -0,0 +1,12 @@
+import index_web from "./index.web.js";
+import { extend } from "../utils/index.native.js";
+const AccordionSection = extend(index_web, ({ className, ...props })=>({
+        className: className,
+        iconClassName: 'ds-accordion__section-button-icon',
+        openIcon: '–',
+        closeIcon: '+',
+        placement: 'after',
+        ...props
+    }));
+const index_native = AccordionSection;
+export { AccordionSection, index_native as default };

package/AccordionSection/index.web.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { BaseProps } from '../Base/index.js';
+export interface AccordionSectionProps extends BaseProps<'details'> {
+}
+/**
+ * AccordionSection should be inside the Accordion component.
+ * Inside this component must place the Accordion and the AccordionSectionContent components.
+ */
+export declare const AccordionSection: React.ForwardRefExoticComponent<Omit<AccordionSectionProps, "ref"> & React.RefAttributes<HTMLDetailsElement>>;
+export default AccordionSection;

package/AccordionSection/index.web.js

@@ -0,0 +1,15 @@
+import react from "react";
+import clsx from "clsx";
+import Base from "../Base/index.js";
+const index_web_AccordionSection = /*#__PURE__*/ react.forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ react.createElement(Base, {
+        as: "details",
+        ref: ref,
+        className: clsx(className, {
+            'ds-accordion__section': true
+        }),
+        ...props
+    }, children);
+});
+const index_web = index_web_AccordionSection;
+export { index_web_AccordionSection as AccordionSection, index_web as default };

package/AccordionSectionContent/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
+import { BaseProps } from '../Base/index.js';
 export interface AccordionSectionContentProps extends BaseProps<'div'> {
 }
 /**

package/AccordionSectionContent/index.js

@@ -1,23 +1,15 @@
-import React from "react";
+import react from "react";
 import clsx from "clsx";
-import Base from "@digigov/react-core/Base";
-const AccordionSectionContent = React.forwardRef(function AccordionSectionContent2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ React.createElement(
-    Base,
-    {
-      as: "div",
-      ref,
-      className: clsx(className, {
-        "ds-accordion__section-content": true
-      }),
-      ...props
-    },
-    children
-  );
+import Base from "../Base/index.js";
+const AccordionSectionContent_AccordionSectionContent = /*#__PURE__*/ react.forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ react.createElement(Base, {
+        as: "div",
+        ref: ref,
+        className: clsx(className, {
+            'ds-accordion__section-content': true
+        }),
+        ...props
+    }, children);
 });
-var AccordionSectionContent_default = AccordionSectionContent;
-export {
-  AccordionSectionContent,
-  AccordionSectionContent_default as default
-};
-//# sourceMappingURL=index.js.map
+const src_AccordionSectionContent = AccordionSectionContent_AccordionSectionContent;
+export { AccordionSectionContent_AccordionSectionContent as AccordionSectionContent, src_AccordionSectionContent as default };

package/AccordionSectionSummary/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
+import { BaseProps } from '../Base/index.js';
 export interface AccordionSectionSummaryProps extends BaseProps<'summary'> {
 }
 /**

package/AccordionSectionSummary/index.js

@@ -1,25 +1,17 @@
-import React from "react";
+import react from "react";
 import clsx from "clsx";
-import Base from "@digigov/react-core/Base";
-const AccordionSectionSummary = React.forwardRef(function AccordionSectionSummary2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ React.createElement(
-    Base,
-    {
-      as: "summary",
-      ref,
-      className: clsx(className, {
-        "ds-accordion__section-summary": true
-      }),
-      role: "heading",
-      "aria-level": 2,
-      ...props
-    },
-    children
-  );
+import Base from "../Base/index.js";
+const AccordionSectionSummary_AccordionSectionSummary = /*#__PURE__*/ react.forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ react.createElement(Base, {
+        as: "summary",
+        ref: ref,
+        className: clsx(className, {
+            'ds-accordion__section-summary': true
+        }),
+        role: "heading",
+        "aria-level": 2,
+        ...props
+    }, children);
 });
-var AccordionSectionSummary_default = AccordionSectionSummary;
-export {
-  AccordionSectionSummary,
-  AccordionSectionSummary_default as default
-};
-//# sourceMappingURL=index.js.map
+const src_AccordionSectionSummary = AccordionSectionSummary_AccordionSectionSummary;
+export { AccordionSectionSummary_AccordionSectionSummary as AccordionSectionSummary, src_AccordionSectionSummary as default };

package/AccordionSectionSummaryHeading/index.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
+import { BaseProps } from '../Base/index.js';
 export interface AccordionSectionSummaryHeadingProps extends BaseProps<'h2'> {
+    variant?: 'default' | 'arrows';
 }
 /**
  * AccordionSectionSummaryHeading should be placed inside AccordionSectionSummary.

package/AccordionSectionSummaryHeading/index.js

@@ -1,32 +1,22 @@
-import React from "react";
+import react from "react";
 import clsx from "clsx";
-import Base from "@digigov/react-core/Base";
-const AccordionSectionSummaryHeading = React.forwardRef(function AccordionSectionSummaryHeading2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ React.createElement(
-    Base,
-    {
-      as: "h2",
-      ref,
-      className: clsx(className, {
-        "ds-accordion__section-heading": true
-      }),
-      ...props,
-      role: "button"
-    },
-    /* @__PURE__ */ React.createElement(
-      "span",
-      {
+import Base from "../Base/index.js";
+const AccordionSectionSummaryHeading_AccordionSectionSummaryHeading = /*#__PURE__*/ react.forwardRef(function({ variant, className, children, ...props }, ref) {
+    return /*#__PURE__*/ react.createElement(Base, {
+        as: "h2",
+        ref: ref,
+        className: clsx(className, {
+            'ds-accordion__section-heading': true
+        }),
+        ...props,
+        role: "button"
+    }, /*#__PURE__*/ react.createElement(Base, {
+        as: "span",
         className: clsx({
-          "ds-accordion__section-button": true
+            'ds-accordion__section-button': true,
+            'ds-accordion__section-button--arrows': 'arrows' === variant
         })
-      },
-      children
-    )
-  );
+    }, children));
 });
-var AccordionSectionSummaryHeading_default = AccordionSectionSummaryHeading;
-export {
-  AccordionSectionSummaryHeading,
-  AccordionSectionSummaryHeading_default as default
-};
-//# sourceMappingURL=index.js.map
+const src_AccordionSectionSummaryHeading = AccordionSectionSummaryHeading_AccordionSectionSummaryHeading;
+export { AccordionSectionSummaryHeading_AccordionSectionSummaryHeading as AccordionSectionSummaryHeading, src_AccordionSectionSummaryHeading as default };

package/AdminAside/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AsideProps } from '@digigov/react-core/Aside';
+import { AsideProps } from '../Aside/index.js';
 export interface AdminAsideProps extends AsideProps {
 }
 /**

package/AdminAside/index.js

@@ -1,26 +1,16 @@
-import React from "react";
+import react from "react";
 import clsx from "clsx";
-import Aside from "@digigov/react-core/Aside";
-const AdminAside = React.forwardRef(
-  function AdminAside2({ className, children, ...props }, ref) {
-    return /* @__PURE__ */ React.createElement(
-      Aside,
-      {
+import Aside from "../Aside/index.js";
+const AdminAside_AdminAside = /*#__PURE__*/ react.forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ react.createElement(Aside, {
         lg: 3,
         sticky: false,
-        ref,
+        ref: ref,
         className: clsx(className, {
-          "ds-admin-aside": true
+            'ds-admin-aside': true
         }),
         ...props
-      },
-      children
-    );
-  }
-);
-var AdminAside_default = AdminAside;
-export {
-  AdminAside,
-  AdminAside_default as default
-};
-//# sourceMappingURL=index.js.map
+    }, children);
+});
+const src_AdminAside = AdminAside_AdminAside;
+export { AdminAside_AdminAside as AdminAside, src_AdminAside as default };

package/AdminContainer/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ContainerProps } from '@digigov/react-core/Container';
+import { ContainerProps } from '../Container/index.js';
 export interface AdminContainerProps extends Omit<ContainerProps, 'grid'> {
     /**
      * grid is optional. Set to false if you don't need grid layout.

package/AdminContainer/index.js

@@ -1,24 +1,16 @@
-import React from "react";
-import Container from "@digigov/react-core/Container";
+import react from "react";
 import clsx from "clsx";
-const AdminContainer = React.forwardRef(function AdminContainer2({ grid = true, className, children, ...props }, ref) {
-  return /* @__PURE__ */ React.createElement(
-    Container,
-    {
-      ref,
-      fullWidth: true,
-      grid,
-      className: clsx(className, {
-        "ds-admin-container": true
-      }),
-      ...props
-    },
-    children
-  );
+import Container from "../Container/index.js";
+const AdminContainer_AdminContainer = /*#__PURE__*/ react.forwardRef(function({ grid = true, className, children, ...props }, ref) {
+    return /*#__PURE__*/ react.createElement(Container, {
+        ref: ref,
+        fullWidth: true,
+        grid: grid,
+        className: clsx(className, {
+            'ds-admin-container': true
+        }),
+        ...props
+    }, children);
 });
-var AdminContainer_default = AdminContainer;
-export {
-  AdminContainer,
-  AdminContainer_default as default
-};
-//# sourceMappingURL=index.js.map
+const src_AdminContainer = AdminContainer_AdminContainer;
+export { AdminContainer_AdminContainer as AdminContainer, src_AdminContainer as default };

package/AdminHeader/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { HeaderProps } from '@digigov/react-core/Header';
+import { HeaderProps } from '../Header/index.js';
 export interface AdminHeaderProps extends HeaderProps {
 }
 /**

package/AdminHeader/index.js

@@ -1,25 +1,15 @@
-import React from "react";
+import react from "react";
 import clsx from "clsx";
-import Header from "@digigov/react-core/Header";
-const AdminHeader = React.forwardRef(
-  function AdminHeader2({ className, children, ...props }, ref) {
-    return /* @__PURE__ */ React.createElement(
-      Header,
-      {
+import Header from "../Header/index.js";
+const AdminHeader_AdminHeader = /*#__PURE__*/ react.forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ react.createElement(Header, {
         "data-module": "ds-header",
-        ref,
+        ref: ref,
         className: clsx(className, {
-          "ds-admin-header": true
+            'ds-admin-header': true
         }),
         ...props
-      },
-      children
-    );
-  }
-);
-var AdminHeader_default = AdminHeader;
-export {
-  AdminHeader,
-  AdminHeader_default as default
-};
-//# sourceMappingURL=index.js.map
+    }, children);
+});
+const src_AdminHeader = AdminHeader_AdminHeader;
+export { AdminHeader_AdminHeader as AdminHeader, src_AdminHeader as default };

package/AdminHeaderContent/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { HeaderContentProps } from '@digigov/react-core/HeaderContent';
+import { HeaderContentProps } from '../HeaderContent/index.js';
 export interface AdminHeaderContentProps extends HeaderContentProps {
 }
 /**

package/AdminHeaderContent/index.js

@@ -1,22 +1,14 @@
-import React from "react";
+import react from "react";
 import clsx from "clsx";
-import HeaderContent from "@digigov/react-core/HeaderContent";
-const AdminHeaderContent = React.forwardRef(function AdminHeaderContent2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ React.createElement(
-    HeaderContent,
-    {
-      ref,
-      className: clsx(className, {
-        "ds-admin-header__content": true
-      }),
-      ...props
-    },
-    children
-  );
+import HeaderContent from "../HeaderContent/index.js";
+const AdminHeaderContent_AdminHeaderContent = /*#__PURE__*/ react.forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ react.createElement(HeaderContent, {
+        ref: ref,
+        className: clsx(className, {
+            'ds-admin-header__content': true
+        }),
+        ...props
+    }, children);
 });
-var AdminHeaderContent_default = AdminHeaderContent;
-export {
-  AdminHeaderContent,
-  AdminHeaderContent_default as default
-};
-//# sourceMappingURL=index.js.map
+const src_AdminHeaderContent = AdminHeaderContent_AdminHeaderContent;
+export { AdminHeaderContent_AdminHeaderContent as AdminHeaderContent, src_AdminHeaderContent as default };

package/AdminLayout/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { LayoutProps } from '@digigov/react-core/Layout';
+import { LayoutProps } from '../Layout/index.js';
 export interface AdminLayoutProps extends LayoutProps {
 }
 /**