@digigov/react-core 2.0.8 → 2.0.9-platform-196.17-02-26-12-34

package/TaskListItemTag/index.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { BaseProps } from '../Base/index.js';
-export interface TaskListItemTagProps extends BaseProps<'strong'> {
-    /**
-     * Set status to change the background color of the TaskListItemTag element.
-    @value 'primary'
-    @value 'secondary'
-    @value 'info'
-     */
-    color?: 'primary' | 'secondary' | 'info';
-}
-/**
- * TaskListItemTag is used inside the TaskListItem component and it displays the status of the task (completed, not started yet, etc.)
- */
-export declare const TaskListItemTag: React.ForwardRefExoticComponent<Omit<TaskListItemTagProps, "ref"> & React.RefAttributes<HTMLElement>>;
-export default TaskListItemTag;

package/TaskListItemTag/index.js

@@ -1,16 +0,0 @@
-import react from "react";
-import clsx from "clsx";
-import Base from "../Base/index.js";
-const TaskListItemTag_TaskListItemTag = /*#__PURE__*/ react.forwardRef(function({ color, className, children, ...props }, ref) {
-    return /*#__PURE__*/ react.createElement(Base, {
-        as: "strong",
-        ref: ref,
-        className: clsx(className, {
-            'ds-task-list__content__tag': true,
-            [`ds-task-list__content__tag--${color}`]: void 0 !== color
-        }),
-        ...props
-    }, children);
-});
-const TaskListItemTag = TaskListItemTag_TaskListItemTag;
-export { TaskListItemTag_TaskListItemTag as TaskListItemTag, TaskListItemTag as default };

package/TextArea/index.d.ts

@@ -1,2 +0,0 @@
-export * from './index.web.js';
-export { default as default } from './index.web.js';

package/TextArea/index.js

@@ -1,3 +0,0 @@
-import index_web from "./index.web.js";
-export * from "./index.web.js";
-export { index_web as default };

package/TextArea/index.native.d.ts

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

package/TextArea/index.native.js

@@ -1,12 +0,0 @@
-import clsx from "clsx";
-import index_web from "./index.web.js";
-import index_native from "../utils/index.native.js";
-const TextArea = index_native(index_web, ({ className, ...props })=>({
-        ...props,
-        multiline: true,
-        className: clsx(className, {
-            'ds-textarea__wrapper': true
-        })
-    }));
-const TextArea_index_native = TextArea;
-export { TextArea, TextArea_index_native as default };

package/TextArea/index.web.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import { BaseProps } from '../Base/index.js';
-export interface TextAreaProps extends BaseProps<'textarea'> {
-    /**
-     * 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 TextArea will be dense.
-     * @value false
-     * @default false
-     */
-    dense?: boolean;
-}
-/**
- * Textarea component is used when you need to let users enter an
- * amount of text that’s longer than a single line.
- */
-export declare const TextArea: React.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
-export default TextArea;

package/TextArea/index.web.js

@@ -1,20 +0,0 @@
-import react from "react";
-import clsx from "clsx";
-import Base from "../Base/index.js";
-const index_web_TextArea = /*#__PURE__*/ react.forwardRef(function({ name, rows, error, dense, className, ...props }, ref) {
-    const defaultRows = dense ? 3 : 6;
-    return /*#__PURE__*/ react.createElement(Base, {
-        as: "textarea",
-        name: name,
-        rows: rows || defaultRows,
-        ref: ref,
-        className: clsx(className, {
-            'ds-textarea': true,
-            'ds-textarea--dense': dense,
-            'ds-input--error': error
-        }),
-        ...props
-    });
-});
-const index_web = index_web_TextArea;
-export { index_web_TextArea as TextArea, index_web as default };

package/TextInput/index.d.ts

@@ -1,2 +0,0 @@
-export * from './index.web.js';
-export { default as default } from './index.web.js';

package/TextInput/index.js

@@ -1,3 +0,0 @@
-import index_web from "./index.web.js";
-export * from "./index.web.js";
-export { index_web as default };

package/TextInput/index.native.d.ts

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

package/TextInput/index.native.js

@@ -1,13 +0,0 @@
-import clsx from "clsx";
-import index_web from "./index.web.js";
-import index_native from "../utils/index.native.js";
-const TextInput = index_native(index_web, ({ className, ...props })=>({
-        ...props,
-        className: clsx(className, {
-            'ds-input__wrapper': true,
-            'ds-input--disabled': props.disabled,
-            [`ds-input--width-${props.maxWidth}__wrapper`]: void 0 !== props.maxWidth
-        })
-    }));
-const TextInput_index_native = TextInput;
-export { TextInput, TextInput_index_native as default };

package/TextInput/index.web.d.ts

@@ -1,46 +0,0 @@
-import React from 'react';
-import { BaseProps } from '../Base/index.js';
-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

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

package/Timeline/index.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { BaseProps } from '../Base/index.js';
-export interface TimelineProps extends BaseProps<'ol'> {
-    /**
-     * dense is optional.
-     * @value true Timeline will be dense.
-     * @value false
-     * @default true
-     */
-    dense?: boolean;
-}
-/**
- * Timeline component is used for listing items.
- * This component must contain TimelineItem component.
- */
-export declare const Timeline: React.ForwardRefExoticComponent<Omit<TimelineProps, "ref"> & React.RefAttributes<HTMLOListElement>>;
-export default Timeline;

package/Timeline/index.js

@@ -1,16 +0,0 @@
-import react from "react";
-import clsx from "clsx";
-import Base from "../Base/index.js";
-const Timeline_Timeline = /*#__PURE__*/ react.forwardRef(function({ dense, className, children, ...props }, ref) {
-    return /*#__PURE__*/ react.createElement(Base, {
-        as: "ol",
-        ref: ref,
-        className: clsx(className, {
-            'ds-timeline': true,
-            'ds-timeline--dense': dense
-        }),
-        ...props
-    }, children);
-});
-const src_Timeline = Timeline_Timeline;
-export { Timeline_Timeline as Timeline, src_Timeline as default };

package/TimelineActions/index.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { BaseProps } from '../Base/index.js';
-export interface TimelineActionsProps extends BaseProps<'div'> {
-}
-/**
- * TimelineActions contains the action behavior for Timeline Component.
- * We can use Links and Buttons.
- * Use TimelineActions inside Timeline component, after TimelineContent.
- */
-export declare const TimelineActions: React.ForwardRefExoticComponent<Omit<TimelineActionsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default TimelineActions;

package/TimelineActions/index.js

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

package/TimelineContent/index.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { BaseProps } from '../Base/index.js';
-export interface TimelineContentProps extends BaseProps<'div'> {
-}
-/**
- * TimelineContent component is used as a content for Timeline component.
- * TimelineContent component must be used inside Timeline component as child, after TimelineHeading.
- */
-export declare const TimelineContent: React.ForwardRefExoticComponent<Omit<TimelineContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default TimelineContent;

package/TimelineContent/index.js

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

package/TimelineHeading/index.d.ts

@@ -1,25 +0,0 @@
-import React from 'react';
-import { BaseProps } from '../Base/index.js';
-export interface TimelineHeadingProps extends BaseProps<'h2'> {
-    /**
-     * size is optional. 'lg' is the default value.
-     * @value 'lg'
-     * @value 'md'
-     * @value 'sm'
-     * @default 'lg'
-     */
-    size?: 'lg' | 'md' | 'sm';
-    /**
-     * element is optional. 'h2' is the default value.
-     * @value 'h2'
-     * @value 'h3'
-     * @value 'h4'
-     */
-    element?: 'h2' | 'h3' | 'h4';
-}
-/**
- * TimelineHeading component is used to place a title in a Timeline component.
- * TimelineHeading component must be wraped inside Timeline component.
- */
-export declare const TimelineHeading: React.ForwardRefExoticComponent<Omit<TimelineHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-export default TimelineHeading;

package/TimelineHeading/index.js

@@ -1,30 +0,0 @@
-import react from "react";
-import clsx from "clsx";
-import Base from "../Base/index.js";
-const getComponentBySize = (size)=>{
-    switch(size){
-        case 'lg':
-            return 'h2';
-        case 'md':
-            return 'h3';
-        case 'sm':
-            return 'h4';
-        default:
-            return 'h2';
-    }
-};
-const TimelineHeading_TimelineHeading = /*#__PURE__*/ react.forwardRef(function({ size = 'lg', element, className, children, ...props }, ref) {
-    const Component = element ? element : getComponentBySize(size);
-    return /*#__PURE__*/ react.createElement(Base, {
-        as: Component,
-        ref: ref,
-        className: clsx(className, {
-            'ds-timeline__heading': true,
-            'ds-timeline__heading-md': 'md' === size,
-            'ds-timeline__heading-sm': 'sm' === size
-        }),
-        ...props
-    }, children);
-});
-const src_TimelineHeading = TimelineHeading_TimelineHeading;
-export { TimelineHeading_TimelineHeading as TimelineHeading, src_TimelineHeading as default };

package/TimelineItem/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { BaseProps } from '../Base/index.js';
-export interface TimelineItemProps extends BaseProps<'li'> {
-}
-/**
- * TimelineItem must be inside Timeline compoenent.
- */
-export declare const TimelineItem: React.ForwardRefExoticComponent<Omit<TimelineItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
-export default TimelineItem;

package/TimelineItem/index.js

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

package/Top/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { BaseProps } from '../Base/index.js';
-export interface TopProps extends BaseProps<'div'> {
-}
-/**
- * Top is used inside the Layout component and it must be the first component in order.
- */
-export declare const Top: React.ForwardRefExoticComponent<Omit<TopProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default Top;

package/Top/index.js

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

package/Typography/index.d.ts

@@ -1,30 +0,0 @@
-import React from 'react';
-import { BaseProps } from '../Base/index.js';
-export interface TypographyProps extends BaseProps<'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'span' | 'p' | 'code'> {
-    /**
-     * fontSize is optional.
-     * Add this fontSize override prop in order to change the font size.
-     * @value 14
-     * @value 16
-     * @value 19
-     * @value 24
-     * @value 30
-     * @value 36
-     * @value 48
-     * @value 72
-     */
-    fontSize?: 14 | 16 | 19 | 24 | 30 | 36 | 48 | 72;
-    /**
-     * fontWeight is optional.
-     * You can add a fontWeight override prop to change the font weight to regular or bold.
-     * @value 'regular'
-     * @value 'bold'
-     */
-    fontWeight?: 'regular' | 'bold';
-}
-/**
- * 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<HTMLParagraphElement | HTMLHeadingElement | HTMLSpanElement>>;
-export default Typography;

package/Typography/index.js

@@ -1,16 +0,0 @@
-import react from "react";
-import clsx from "clsx";
-import Base from "../Base/index.js";
-const Typography_Typography = /*#__PURE__*/ react.forwardRef(function({ as, fontSize, fontWeight, className, children, ...props }, ref) {
-    return /*#__PURE__*/ react.createElement(Base, {
-        as: as,
-        ref: ref,
-        className: clsx(className, {
-            [`ds-!-font-size-${fontSize}`]: void 0 !== fontSize,
-            [`ds-!-font-weight-${fontWeight}`]: void 0 !== fontWeight
-        }),
-        ...props
-    }, children);
-});
-const src_Typography = Typography_Typography;
-export { Typography_Typography as Typography, src_Typography as default };

package/Unpurge/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare function Unpurge(): React.JSX.Element;
-export default Unpurge;