@dep-dio/dio-designsystem 0.2.0 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +138 -1
- package/designsystemet.config.json +56 -0
- package/dist/assets/icons/floppydisk.svg +3 -0
- package/dist/assets/icons/menu-hamburger.svg +3 -0
- package/dist/assets/icons/pencil.svg +3 -0
- package/dist/assets/icons/social-facebook.svg +3 -0
- package/dist/assets/icons/social-flickr.svg +3 -0
- package/dist/assets/icons/social-instagram.svg +3 -0
- package/dist/assets/icons/social-linkedin.svg +3 -0
- package/dist/assets/icons/social-x.svg +3 -0
- package/dist/assets/icons/upload.svg +3 -0
- package/dist/components/Alert/Alert.d.ts +8 -0
- package/dist/components/Breadcrumbs/Breadcrumbs.d.ts +18 -0
- package/dist/components/Button/Button.d.ts +12 -0
- package/dist/components/Button/ButtonClose.d.ts +8 -0
- package/dist/components/Button/ButtonLink.d.ts +10 -0
- package/dist/components/Card/Card.d.ts +20 -0
- package/dist/components/Checkbox/Checkbox.d.ts +17 -0
- package/dist/components/Checkbox/CheckboxFieldset.d.ts +10 -0
- package/dist/components/ControlGroup/ControlGroup.d.ts +7 -0
- package/dist/components/Details/Details.d.ts +18 -0
- package/dist/components/Dialog/Dialog.d.ts +30 -0
- package/dist/components/Dropdown/Dropdown.d.ts +19 -0
- package/dist/components/ErrorSummary/ErrorSummary.d.ts +27 -0
- package/dist/components/FeedbackBanner/FeedbackBanner.d.ts +9 -0
- package/dist/components/Form/Form.d.ts +6 -0
- package/dist/components/Label/Label.d.ts +9 -0
- package/dist/components/LinkList/LinkList.d.ts +11 -0
- package/dist/components/NavigationalLink/NavigationalLink.d.ts +8 -0
- package/dist/components/Pagination/Pagination.d.ts +15 -0
- package/dist/components/Radio/Radio.d.ts +9 -0
- package/dist/components/Radio/RadioFieldset.d.ts +10 -0
- package/dist/components/Select/Select.d.ts +25 -0
- package/dist/components/Spinner/Spinner.d.ts +8 -0
- package/dist/components/SvgIcon/SvgIcon.d.ts +10 -0
- package/dist/components/Switch/Switch.d.ts +9 -0
- package/dist/components/Tabs/Tabs.d.ts +13 -0
- package/dist/components/Tag/Tag.d.ts +7 -0
- package/dist/components/Textarea/Textarea.d.ts +16 -0
- package/dist/components/Textfield/Textfield.d.ts +15 -0
- package/dist/components/ValidationMessage/ValidationMessage.d.ts +3 -0
- package/dist/react.d.ts +31 -0
- package/dist/react.js +9115 -0
- package/dist/react.js.map +7 -0
- package/dist/styles/main.css +663 -4370
- package/dist/styles/scss-utils.scss +153 -0
- package/dist/styles.d.ts +1 -0
- package/dist/theme-colors.d.ts +6 -0
- package/dist/types.d.ts +18 -0
- package/dist/vite-icons-plugin.d.ts +1 -1
- package/dist/vite-icons-plugin.js.map +2 -2
- package/dist/{newsletter-subscribe/NewsletterSubscribe.d.ts → web-components/NewsAlertSubscribe/DioNewsAlertSubscribe.d.ts} +1 -1
- package/dist/web.d.ts +7 -7
- package/dist/web.js +19 -19
- package/dist/web.js.map +3 -3
- package/package.json +101 -70
- package/dist/styles/_mixins.scss +0 -48
- /package/dist/{carousel/Carousel.d.ts → web-components/Carousel/DioCarousel.d.ts} +0 -0
- /package/dist/{feedback-banner/FeedbackBanner.d.ts → web-components/FeedbackBanner/DioFeedbackBanner.d.ts} +0 -0
- /package/dist/{search-autocomplete/SearchAutocomplete.d.ts → web-components/SearchAutocomplete/DioSearchAutocomplete.d.ts} +0 -0
- /package/dist/{timeline/Timeline.d.ts → web-components/Timeline/DioTimeline.d.ts} +0 -0
- /package/dist/{to-top-of-page/ToTopOfPage.d.ts → web-components/ToTopOfPage/DioToTopOfPage.d.ts} +0 -0
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { type TabsProps as DsTabsProps } from "@digdir/designsystemet-react";
|
|
2
|
+
export type TabsProps = DsTabsProps;
|
|
3
|
+
declare function TabsRoot({ className, children, ...props }: TabsProps): import("react").JSX.Element;
|
|
4
|
+
export declare const Tabs: typeof TabsRoot & {
|
|
5
|
+
List: import("react").ForwardRefExoticComponent<import("@digdir/designsystemet-react").TabsListProps & import("react").RefAttributes<import("@digdir/designsystemet-web").DSTabListElement>>;
|
|
6
|
+
Tab: import("react").ForwardRefExoticComponent<{
|
|
7
|
+
value: string;
|
|
8
|
+
} & Omit<import("react").HTMLAttributes<import("@digdir/designsystemet-web").DSTabElement>, "value"> & import("react").RefAttributes<import("@digdir/designsystemet-web").DSTabElement>>;
|
|
9
|
+
Panel: import("react").ForwardRefExoticComponent<{
|
|
10
|
+
value: string;
|
|
11
|
+
} & Omit<import("react").HTMLAttributes<import("@digdir/designsystemet-web").DSTabPanelElement>, "value"> & import("react").RefAttributes<import("@digdir/designsystemet-web").DSTabPanelElement>>;
|
|
12
|
+
};
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type TagProps as DsTagProps } from "@digdir/designsystemet-react";
|
|
2
|
+
import type { Color } from "../../theme-colors";
|
|
3
|
+
interface TagProps extends DsTagProps {
|
|
4
|
+
color?: Color;
|
|
5
|
+
}
|
|
6
|
+
export declare function Tag({ className, color, children, ...props }: TagProps): import("react").JSX.Element;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { type TextareaProps as DsTextareaProps } from "@digdir/designsystemet-react";
|
|
2
|
+
import type { ChangeEventHandler, ReactNode } from "react";
|
|
3
|
+
export interface TextareaProps extends Omit<DsTextareaProps, "required" | "disabled" | "onChange"> {
|
|
4
|
+
controlClassName?: string;
|
|
5
|
+
label?: ReactNode;
|
|
6
|
+
description?: ReactNode;
|
|
7
|
+
isValid?: boolean;
|
|
8
|
+
errorMessage?: string;
|
|
9
|
+
isValidationVisible?: boolean;
|
|
10
|
+
isRequired?: boolean;
|
|
11
|
+
isDisabled?: boolean;
|
|
12
|
+
requiredMessage?: string;
|
|
13
|
+
value?: string;
|
|
14
|
+
onChange?: ChangeEventHandler<HTMLTextAreaElement>;
|
|
15
|
+
}
|
|
16
|
+
export declare function Textarea({ className, controlClassName, label, description, id, isValid, errorMessage, isValidationVisible, isRequired, isDisabled, requiredMessage, value, onChange, ...props }: TextareaProps): import("react").JSX.Element;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { type TextfieldProps as DsTextfieldProps } from "@digdir/designsystemet-react";
|
|
2
|
+
import type { ChangeEventHandler, ReactNode } from "react";
|
|
3
|
+
export type TextfieldProps = Omit<DsTextfieldProps, "label" | "error" | "required" | "disabled" | "onChange"> & {
|
|
4
|
+
isValid?: boolean;
|
|
5
|
+
isValidationVisible?: boolean;
|
|
6
|
+
label?: ReactNode;
|
|
7
|
+
errorMessage?: string;
|
|
8
|
+
isRequired?: boolean;
|
|
9
|
+
isDisabled?: boolean;
|
|
10
|
+
requiredMessage?: string;
|
|
11
|
+
value?: string;
|
|
12
|
+
onChange?: ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
|
|
13
|
+
accept?: string;
|
|
14
|
+
};
|
|
15
|
+
export declare function Textfield({ className, isValid, isValidationVisible, errorMessage, isRequired, isDisabled, requiredMessage, label, value, onChange, ...props }: TextfieldProps): import("react").JSX.Element;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { type ValidationMessageProps as DsValidationMessageProps } from "@digdir/designsystemet-react";
|
|
2
|
+
export type ValidationMessageProps = DsValidationMessageProps;
|
|
3
|
+
export declare function ValidationMessage({ className, children, ...props }: ValidationMessageProps): import("react").JSX.Element;
|
package/dist/react.d.ts
ADDED
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
export { Alert, type AlertProps } from "./components/Alert/Alert";
|
|
2
|
+
export { Breadcrumbs, type BreadcrumbItem, type BreadcrumbsProps, } from "./components/Breadcrumbs/Breadcrumbs";
|
|
3
|
+
export { Button, type ButtonProps } from "./components/Button/Button";
|
|
4
|
+
export { ButtonClose, type ButtonCloseProps } from "./components/Button/ButtonClose";
|
|
5
|
+
export { ButtonLink, type ButtonLinkProps } from "./components/Button/ButtonLink";
|
|
6
|
+
export { Card, type CardProps, type CardVariant } from "./components/Card/Card";
|
|
7
|
+
export { Checkbox, type CheckboxProps } from "./components/Checkbox/Checkbox";
|
|
8
|
+
export { CheckboxFieldset, type CheckboxFieldsetProps, } from "./components/Checkbox/CheckboxFieldset";
|
|
9
|
+
export { ControlGroup, type ControlGroupProps } from "./components/ControlGroup/ControlGroup";
|
|
10
|
+
export { Details, type DetailsProps } from "./components/Details/Details";
|
|
11
|
+
export { Dialog, type DialogProps } from "./components/Dialog/Dialog";
|
|
12
|
+
export { Dropdown, type DropdownProps } from "./components/Dropdown/Dropdown";
|
|
13
|
+
export { ErrorSummary, type ErrorSummaryItem, type ErrorSummaryProps, } from "./components/ErrorSummary/ErrorSummary";
|
|
14
|
+
export { FeedbackBanner, type FeedbackBannerProps, } from "./components/FeedbackBanner/FeedbackBanner";
|
|
15
|
+
export { Form, type FormProps } from "./components/Form/Form";
|
|
16
|
+
export { DEFAULT_REQUIRED_MESSAGE, Label, type LabelProps, } from "./components/Label/Label";
|
|
17
|
+
export { LinkList, type LinkListItem, type LinkListProps } from "./components/LinkList/LinkList";
|
|
18
|
+
export { NavigationalLink, type NavigationalLinkProps, } from "./components/NavigationalLink/NavigationalLink";
|
|
19
|
+
export { Pagination, type PaginationProps } from "./components/Pagination/Pagination";
|
|
20
|
+
export { Radio, type RadioProps } from "./components/Radio/Radio";
|
|
21
|
+
export { RadioFieldset, type RadioFieldsetProps } from "./components/Radio/RadioFieldset";
|
|
22
|
+
export { Select, type SelectProps } from "./components/Select/Select";
|
|
23
|
+
export { Spinner, type SpinnerProps } from "./components/Spinner/Spinner";
|
|
24
|
+
export { SvgIcon, type SvgIconProps } from "./components/SvgIcon/SvgIcon";
|
|
25
|
+
export { Switch, type SwitchProps } from "./components/Switch/Switch";
|
|
26
|
+
export { Tabs, type TabsProps } from "./components/Tabs/Tabs";
|
|
27
|
+
export { Tag } from "./components/Tag/Tag";
|
|
28
|
+
export { Textarea, type TextareaProps } from "./components/Textarea/Textarea";
|
|
29
|
+
export { Textfield, type TextfieldProps } from "./components/Textfield/Textfield";
|
|
30
|
+
export { ValidationMessage, type ValidationMessageProps, } from "./components/ValidationMessage/ValidationMessage";
|
|
31
|
+
export { colors, severityColors, themeColors, type Color, type SeverityColors, type ThemeColor, } from "./theme-colors";
|