@digigov/react-core 2.0.0-d57821ba → 2.0.0-e20fed09

package/TextInput/index.d.ts

@@ -1,46 +1,2 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface TextInputProps extends BaseProps<'input'> {
-    /**
-     * maxWidth is optional.
-     * @value '2-char';
-     * @value '3-char';
-     * @value '4-char';
-     * @value '5-char';
-     * @value '10-char';
-     * @value '20-char';
-     */
-    maxWidth?: '2-char' | '3-char' | '4-char' | '5-char' | '10-char' | '20-char';
-    /**
-     * width is optional.
-     * Use width prop to define a custom width in your component.
-     * @value '25%';
-     * @value '33.3%';
-     * @value '50%';
-     * @value '66.6%';
-     * @value '75%';
-     * @value '100%';
-     * @value 'full';
-     */
-    width?: '25%' | '33.3%' | '50%' | '66.6%' | '75%' | '100%' | 'full';
-    /**
-     * error is optional. The default value is false.
-     * Use this prop when there is an error at the input.
-     * @value true
-     * @value false
-     */
-    error?: boolean;
-    /**
-     * dense is optional.
-     * @value true TextInput will be dense.
-     * @value false
-     * @default false
-     */
-    dense?: boolean;
-}
-/**
- * TextInput component when you need to let users enter text that’s no
- * longer than a single line, such as their name or phone number.
- */
-export declare const TextInput: React.ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-export default TextInput;
+export * from '@digigov/react-core/TextInput/index.web';
+export { default as default } from '@digigov/react-core/TextInput/index.web';

package/TextInput/index.js

@@ -1,43 +1,6 @@
-import React from "react";
-import clsx from "clsx";
-import Base from "@digigov/react-core/Base";
-const TextInput = React.forwardRef(
-  function TextInput2({
-    type = "text",
-    maxWidth,
-    width,
-    error,
-    dense,
-    className,
-    children,
-    ...props
-  }, ref) {
-    return /* @__PURE__ */ React.createElement(
-      Base,
-      {
-        as: "input",
-        type,
-        ref,
-        className: clsx(className, {
-          "ds-input": true,
-          "ds-input--error": error,
-          "ds-input--dense": dense,
-          [`ds-input--width-${maxWidth}`]: maxWidth !== void 0,
-          "ds-!-width-one-quarter": width === "25%",
-          "ds-!-width-one-third": width === "33.3%",
-          "ds-!-width-one-half": width === "50%",
-          "ds-!-width-two-thirds": width === "66.6%",
-          "ds-!-width-three-quarters": width === "75%"
-        }),
-        ...props
-      },
-      children
-    );
-  }
-);
-var TextInput_default = TextInput;
+export * from "@digigov/react-core/TextInput/index.web";
+import { default as default2 } from "@digigov/react-core/TextInput/index.web";
 export {
-  TextInput,
-  TextInput_default as default
+  default2 as default
 };
 //# sourceMappingURL=index.js.map

package/TextInput/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/TextInput/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TextInputProps extends BaseProps<'input'> {\n  /**\n   * maxWidth is optional.\n   * @value '2-char';\n   * @value '3-char';\n   * @value '4-char';\n   * @value '5-char';\n   * @value '10-char';\n   * @value '20-char';\n   */\n  maxWidth?: '2-char' | '3-char' | '4-char' | '5-char' | '10-char' | '20-char';\n\n  /**\n   * width is optional.\n   * Use width prop to define a custom width in your component.\n   * @value '25%';\n   * @value '33.3%';\n   * @value '50%';\n   * @value '66.6%';\n   * @value '75%';\n   * @value '100%';\n   * @value 'full';\n   */\n  width?: '25%' | '33.3%' | '50%' | '66.6%' | '75%' | '100%' | 'full';\n\n  /**\n   * error is optional. The default value is false.\n   * Use this prop when there is an error at the input.\n   * @value true\n   * @value false\n   */\n  error?: boolean;\n  /**\n   * dense is optional.\n   * @value true TextInput will be dense.\n   * @value false\n   * @default false\n   */\n  dense?: boolean;\n}\n/**\n * TextInput component when you need to let users enter text that\u2019s no\n * longer than a single line, such as their name or phone number.\n */\nexport const TextInput = React.forwardRef<HTMLInputElement, TextInputProps>(\n  function TextInput(\n    {\n      type = 'text',\n      maxWidth,\n      width,\n      error,\n      dense,\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"input\"\n        type={type}\n        ref={ref}\n        className={clsx(className, {\n          'ds-input': true,\n          'ds-input--error': error,\n          'ds-input--dense': dense,\n          [`ds-input--width-${maxWidth}`]: maxWidth !== undefined,\n          'ds-!-width-one-quarter': width === '25%',\n          'ds-!-width-one-third': width === '33.3%',\n          'ds-!-width-one-half': width === '50%',\n          'ds-!-width-two-thirds': width === '66.6%',\n          'ds-!-width-three-quarters': width === '75%',\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default TextInput;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AA8CzB,MAAM,YAAY,MAAM;AAAA,EAC7B,SAASA,WACP;AAAA,IACE,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,YAAY;AAAA,UACZ,mBAAmB;AAAA,UACnB,mBAAmB;AAAA,UACnB,CAAC,mBAAmB,QAAQ,EAAE,GAAG,aAAa;AAAA,UAC9C,0BAA0B,UAAU;AAAA,UACpC,wBAAwB,UAAU;AAAA,UAClC,uBAAuB,UAAU;AAAA,UACjC,yBAAyB,UAAU;AAAA,UACnC,6BAA6B,UAAU;AAAA,QACzC,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,oBAAQ;",
-  "names": ["TextInput"]
+  "sourcesContent": ["export * from '@digigov/react-core/TextInput/index.web';\nexport { default as default } from '@digigov/react-core/TextInput/index.web';\n"],
+  "mappings": "AAAA,cAAc;AACd,SAAoB,WAAXA,gBAA0B;",
+  "names": ["default"]
 }

package/TextInput/index.native/index.js

@@ -0,0 +1,19 @@
+import clsx from "clsx";
+import CoreTextInput from "@digigov/react-core/TextInput/index.web";
+import extend from "@digigov/react-core/utils/index.native";
+const TextInput = extend(CoreTextInput, ({ className, ...props }) => {
+  return {
+    ...props,
+    className: clsx(className, {
+      "ds-input__wrapper": true,
+      "ds-input--disabled": props.disabled,
+      [`ds-input--width-${props.maxWidth}__wrapper`]: props.maxWidth !== void 0
+    })
+  };
+});
+var index_native_default = TextInput;
+export {
+  TextInput,
+  index_native_default as default
+};
+//# sourceMappingURL=index.native.js.map

package/TextInput/index.native/package.json

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

package/TextInput/index.native.d.ts

@@ -0,0 +1,2 @@
+export declare const TextInput: import("react").ForwardRefExoticComponent<Omit<Omit<import("@digigov/react-core/TextInput/index.web").TextInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<unknown>>;
+export default TextInput;

package/TextInput/index.native.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/TextInput/index.native.tsx"],
+  "sourcesContent": ["import clsx from 'clsx';\nimport CoreTextInput from '@digigov/react-core/TextInput/index.web';\nimport extend from '@digigov/react-core/utils/index.native';\nexport const TextInput = extend(CoreTextInput, ({ className, ...props }) => {\n  return {\n    ...props,\n    className: clsx(className, {\n      'ds-input__wrapper': true,\n      'ds-input--disabled': props.disabled,\n      [`ds-input--width-${props.maxWidth}__wrapper`]:\n        props.maxWidth !== undefined,\n    }),\n  };\n});\nexport default TextInput;\n"],
+  "mappings": "AAAA,OAAO,UAAU;AACjB,OAAO,mBAAmB;AAC1B,OAAO,YAAY;AACZ,MAAM,YAAY,OAAO,eAAe,CAAC,EAAE,WAAW,GAAG,MAAM,MAAM;AAC1E,SAAO;AAAA,IACL,GAAG;AAAA,IACH,WAAW,KAAK,WAAW;AAAA,MACzB,qBAAqB;AAAA,MACrB,sBAAsB,MAAM;AAAA,MAC5B,CAAC,mBAAmB,MAAM,QAAQ,WAAW,GAC3C,MAAM,aAAa;AAAA,IACvB,CAAC;AAAA,EACH;AACF,CAAC;AACD,IAAO,uBAAQ;",
+  "names": []
+}

package/TextInput/index.web/index.js

@@ -0,0 +1,43 @@
+import React from "react";
+import clsx from "clsx";
+import Base from "@digigov/react-core/Base";
+const TextInput = React.forwardRef(
+  function TextInput2({
+    type = "text",
+    maxWidth,
+    width,
+    error,
+    dense,
+    className,
+    children,
+    ...props
+  }, ref) {
+    return /* @__PURE__ */ React.createElement(
+      Base,
+      {
+        as: "input",
+        type,
+        ref,
+        className: clsx(className, {
+          "ds-input": true,
+          "ds-input--error": error,
+          "ds-input--dense": dense,
+          [`ds-input--width-${maxWidth}`]: maxWidth !== void 0,
+          "ds-!-width-one-quarter": width === "25%",
+          "ds-!-width-one-third": width === "33.3%",
+          "ds-!-width-one-half": width === "50%",
+          "ds-!-width-two-thirds": width === "66.6%",
+          "ds-!-width-three-quarters": width === "75%"
+        }),
+        ...props
+      },
+      children
+    );
+  }
+);
+var index_web_default = TextInput;
+export {
+  TextInput,
+  index_web_default as default
+};
+//# sourceMappingURL=index.web.js.map

package/TextInput/index.web/package.json

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

package/TextInput/index.web.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+import { BaseProps } from '@digigov/react-core/Base';
+export interface TextInputProps extends BaseProps<'input'> {
+    /**
+     * maxWidth is optional.
+     * @value '2-char';
+     * @value '3-char';
+     * @value '4-char';
+     * @value '5-char';
+     * @value '10-char';
+     * @value '20-char';
+     */
+    maxWidth?: '2-char' | '3-char' | '4-char' | '5-char' | '10-char' | '20-char';
+    /**
+     * width is optional.
+     * Use width prop to define a custom width in your component.
+     * @value '25%';
+     * @value '33.3%';
+     * @value '50%';
+     * @value '66.6%';
+     * @value '75%';
+     * @value '100%';
+     * @value 'full';
+     */
+    width?: '25%' | '33.3%' | '50%' | '66.6%' | '75%' | '100%' | 'full';
+    /**
+     * error is optional. The default value is false.
+     * Use this prop when there is an error at the input.
+     * @value true
+     * @value false
+     */
+    error?: boolean;
+    /**
+     * dense is optional.
+     * @value true TextInput will be dense.
+     * @value false
+     * @default false
+     */
+    dense?: boolean;
+}
+/**
+ * TextInput component when you need to let users enter text that’s no
+ * longer than a single line, such as their name or phone number.
+ */
+export declare const TextInput: React.ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export default TextInput;

package/TextInput/index.web.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/TextInput/index.web.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TextInputProps extends BaseProps<'input'> {\n  /**\n   * maxWidth is optional.\n   * @value '2-char';\n   * @value '3-char';\n   * @value '4-char';\n   * @value '5-char';\n   * @value '10-char';\n   * @value '20-char';\n   */\n  maxWidth?: '2-char' | '3-char' | '4-char' | '5-char' | '10-char' | '20-char';\n\n  /**\n   * width is optional.\n   * Use width prop to define a custom width in your component.\n   * @value '25%';\n   * @value '33.3%';\n   * @value '50%';\n   * @value '66.6%';\n   * @value '75%';\n   * @value '100%';\n   * @value 'full';\n   */\n  width?: '25%' | '33.3%' | '50%' | '66.6%' | '75%' | '100%' | 'full';\n\n  /**\n   * error is optional. The default value is false.\n   * Use this prop when there is an error at the input.\n   * @value true\n   * @value false\n   */\n  error?: boolean;\n  /**\n   * dense is optional.\n   * @value true TextInput will be dense.\n   * @value false\n   * @default false\n   */\n  dense?: boolean;\n}\n/**\n * TextInput component when you need to let users enter text that\u2019s no\n * longer than a single line, such as their name or phone number.\n */\nexport const TextInput = React.forwardRef<HTMLInputElement, TextInputProps>(\n  function TextInput(\n    {\n      type = 'text',\n      maxWidth,\n      width,\n      error,\n      dense,\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"input\"\n        type={type}\n        ref={ref}\n        className={clsx(className, {\n          'ds-input': true,\n          'ds-input--error': error,\n          'ds-input--dense': dense,\n          [`ds-input--width-${maxWidth}`]: maxWidth !== undefined,\n          'ds-!-width-one-quarter': width === '25%',\n          'ds-!-width-one-third': width === '33.3%',\n          'ds-!-width-one-half': width === '50%',\n          'ds-!-width-two-thirds': width === '66.6%',\n          'ds-!-width-three-quarters': width === '75%',\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default TextInput;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AA8CzB,MAAM,YAAY,MAAM;AAAA,EAC7B,SAASA,WACP;AAAA,IACE,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,YAAY;AAAA,UACZ,mBAAmB;AAAA,UACnB,mBAAmB;AAAA,UACnB,CAAC,mBAAmB,QAAQ,EAAE,GAAG,aAAa;AAAA,UAC9C,0BAA0B,UAAU;AAAA,UACpC,wBAAwB,UAAU;AAAA,UAClC,uBAAuB,UAAU;AAAA,UACjC,yBAAyB,UAAU;AAAA,UACnC,6BAA6B,UAAU;AAAA,QACzC,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,oBAAQ;",
+  "names": ["TextInput"]
+}

package/TimelineActions/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/TimelineActions/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TimelineActionsProps extends BaseProps<'div'> { }\n/**\n * TimelineActions contains the action behavior for Timeline Component.\n * We can use Links and Buttons.\n * Use TimelineActions inside Timeline component, after TimelineContent.\n */\nexport const TimelineActions = React.forwardRef<\n  HTMLDivElement,\n  TimelineActionsProps\n>(function CardContent({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-timeline__actions': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default TimelineActions;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TimelineActionsProps extends BaseProps<'div'> {}\n/**\n * TimelineActions contains the action behavior for Timeline Component.\n * We can use Links and Buttons.\n * Use TimelineActions inside Timeline component, after TimelineContent.\n */\nexport const TimelineActions = React.forwardRef<\n  HTMLDivElement,\n  TimelineActionsProps\n>(function CardContent({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-timeline__actions': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default TimelineActions;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAQzB,MAAM,kBAAkB,MAAM,WAGnC,SAAS,YAAY,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC7D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
   "names": []
 }

package/TimelineContent/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/TimelineContent/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TimelineContentProps extends BaseProps<'div'> { }\n/**\n * TimelineContent component is used as a content for Timeline component.\n * TimelineContent component must be used inside Timeline component as child, after TimelineHeading.\n */\nexport const TimelineContent = React.forwardRef<\n  HTMLDivElement,\n  TimelineContentProps\n>(function TimelineContent({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-timeline__content': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default TimelineContent;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TimelineContentProps extends BaseProps<'div'> {}\n/**\n * TimelineContent component is used as a content for Timeline component.\n * TimelineContent component must be used inside Timeline component as child, after TimelineHeading.\n */\nexport const TimelineContent = React.forwardRef<\n  HTMLDivElement,\n  TimelineContentProps\n>(function TimelineContent({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-timeline__content': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default TimelineContent;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAOzB,MAAM,kBAAkB,MAAM,WAGnC,SAASA,iBAAgB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
   "names": ["TimelineContent"]
 }

package/TimelineItem/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/TimelineItem/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TimelineItemProps extends BaseProps<'li'> { }\n/**\n * TimelineItem must be inside Timeline compoenent.\n */\nexport const TimelineItem = React.forwardRef<HTMLLIElement, TimelineItemProps>(\n  function TimelineItem({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"li\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-timeline__item': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default TimelineItem;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TimelineItemProps extends BaseProps<'li'> {}\n/**\n * TimelineItem must be inside Timeline compoenent.\n */\nexport const TimelineItem = React.forwardRef<HTMLLIElement, TimelineItemProps>(\n  function TimelineItem({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"li\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-timeline__item': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default TimelineItem;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAMzB,MAAM,eAAe,MAAM;AAAA,EAChC,SAASA,cAAa,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC5D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,qBAAqB;AAAA,QACvB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,uBAAQ;",
   "names": ["TimelineItem"]
 }

package/Top/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Top/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TopProps extends BaseProps<'div'> { }\n/**\n * Top is used inside the Layout component and it must be the first component in order.\n */\nexport const Top = React.forwardRef<HTMLDivElement, TopProps>(function Top(\n  { className, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-top': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default Top;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TopProps extends BaseProps<'div'> {}\n/**\n * Top is used inside the Layout component and it must be the first component in order.\n */\nexport const Top = React.forwardRef<HTMLDivElement, TopProps>(function Top(\n  { className, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-top': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default Top;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAMzB,MAAM,MAAM,MAAM,WAAqC,SAASA,KACrE,EAAE,WAAW,UAAU,GAAG,MAAM,GAChC,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,UAAU;AAAA,MACZ,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,cAAQ;",
   "names": ["Top"]
 }

package/Typography/index.d.ts

@@ -26,5 +26,5 @@ export interface TypographyProps extends BaseProps<'h1' | 'h2' | 'h3' | 'h4' | '
  * Typography component is used as generic component for typography.
  * Use Typography component to extend components such as Heading, NormalText Paragraph etc.
  */
-export declare const Typography: React.ForwardRefExoticComponent<Omit<TypographyProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const Typography: React.ForwardRefExoticComponent<Omit<TypographyProps, "ref"> & React.RefAttributes<HTMLParagraphElement | HTMLHeadingElement | HTMLSpanElement>>;
 export default Typography;

package/Typography/index.js

@@ -1,23 +1,21 @@
 import React from "react";
 import clsx from "clsx";
 import Base from "@digigov/react-core/Base";
-const Typography = React.forwardRef(
-  function Typography2({ as, fontSize, fontWeight, className, children, ...props }, ref) {
-    return /* @__PURE__ */ React.createElement(
-      Base,
-      {
-        as,
-        ref,
-        className: clsx(className, {
-          [`ds-!-font-size-${fontSize}`]: fontSize !== void 0,
-          [`ds-!-font-weight-${fontWeight}`]: fontWeight !== void 0
-        }),
-        ...props
-      },
-      children
-    );
-  }
-);
+const Typography = React.forwardRef(function Typography2({ as, fontSize, fontWeight, className, children, ...props }, ref) {
+  return /* @__PURE__ */ React.createElement(
+    Base,
+    {
+      as,
+      ref,
+      className: clsx(className, {
+        [`ds-!-font-size-${fontSize}`]: fontSize !== void 0,
+        [`ds-!-font-weight-${fontWeight}`]: fontWeight !== void 0
+      }),
+      ...props
+    },
+    children
+  );
+});
 var Typography_default = Typography;
 export {
   Typography,

package/Typography/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Typography/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TypographyProps\n  extends BaseProps<'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'span' | 'p' | 'code'> {\n  /**\n   * fontSize is optional.\n   * Add this fontSize override prop in order to change the font size.\n   * @value 14\n   * @value 16\n   * @value 19\n   * @value 24\n   * @value 30\n   * @value 36\n   * @value 48\n   * @value 72\n   */\n  fontSize?: 14 | 16 | 19 | 24 | 30 | 36 | 48 | 72;\n  /**\n   * fontWeight is optional.\n   * You can add a fontWeight override prop to change the font weight to regular or bold.\n   * @value 'regular'\n   * @value 'bold'\n   */\n  fontWeight?: 'regular' | 'bold';\n}\n/**\n * Typography component is used as generic component for typography.\n * Use Typography component to extend components such as Heading, NormalText Paragraph etc.\n */\nexport const Typography = React.forwardRef<HTMLHeadingElement, TypographyProps>(\n  function Typography(\n    { as, fontSize, fontWeight, className, children, ...props },\n    ref\n  ) {\n    return (\n      <Base\n        as={as}\n        ref={ref}\n        className={clsx(className, {\n          [`ds-!-font-size-${fontSize}`]: fontSize !== undefined,\n          [`ds-!-font-weight-${fontWeight}`]: fontWeight !== undefined,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default Typography;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AA6BzB,MAAM,aAAa,MAAM;AAAA,EAC9B,SAASA,YACP,EAAE,IAAI,UAAU,YAAY,WAAW,UAAU,GAAG,MAAM,GAC1D,KACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,CAAC,kBAAkB,QAAQ,EAAE,GAAG,aAAa;AAAA,UAC7C,CAAC,oBAAoB,UAAU,EAAE,GAAG,eAAe;AAAA,QACrD,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,qBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TypographyProps\n  extends BaseProps<'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'span' | 'p' | 'code'> {\n  /**\n   * fontSize is optional.\n   * Add this fontSize override prop in order to change the font size.\n   * @value 14\n   * @value 16\n   * @value 19\n   * @value 24\n   * @value 30\n   * @value 36\n   * @value 48\n   * @value 72\n   */\n  fontSize?: 14 | 16 | 19 | 24 | 30 | 36 | 48 | 72;\n  /**\n   * fontWeight is optional.\n   * You can add a fontWeight override prop to change the font weight to regular or bold.\n   * @value 'regular'\n   * @value 'bold'\n   */\n  fontWeight?: 'regular' | 'bold';\n}\n/**\n * Typography component is used as generic component for typography.\n * Use Typography component to extend components such as Heading, NormalText Paragraph etc.\n */\nexport const Typography = React.forwardRef<\n  HTMLSpanElement | HTMLParagraphElement | HTMLHeadingElement,\n  TypographyProps\n>(function Typography(\n  { as, fontSize, fontWeight, className, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as={as}\n      ref={ref}\n      className={clsx(className, {\n        [`ds-!-font-size-${fontSize}`]: fontSize !== undefined,\n        [`ds-!-font-weight-${fontWeight}`]: fontWeight !== undefined,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default Typography;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AA6BzB,MAAM,aAAa,MAAM,WAG9B,SAASA,YACT,EAAE,IAAI,UAAU,YAAY,WAAW,UAAU,GAAG,MAAM,GAC1D,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,CAAC,kBAAkB,QAAQ,EAAE,GAAG,aAAa;AAAA,QAC7C,CAAC,oBAAoB,UAAU,EAAE,GAAG,eAAe;AAAA,MACrD,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,qBAAQ;",
   "names": ["Typography"]
 }