@appquality/unguess-design-system 2.10.70 → 2.11.1
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/CHANGELOG.md +36 -0
- package/build/index.js +235 -192
- package/build/stories/campaign-cards/_types.d.ts +2 -2
- package/build/stories/forms/checkbox/cards/_types.d.ts +2 -2
- package/build/stories/forms/radio/cards/_types.d.ts +2 -2
- package/build/stories/product-cards/_types.d.ts +2 -2
- package/build/stories/service-cards/_types.d.ts +2 -2
- package/build/stories/special-cards/_types.d.ts +3 -1
- package/build/stories/special-cards/index.d.ts +2 -2
- package/build/stories/special-cards/index.stories.d.ts +3 -3
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export interface CampaignCardsProps extends
|
|
1
|
+
import { SpecialCardProps } from "../special-cards/_types";
|
|
2
|
+
export interface CampaignCardsProps extends SpecialCardProps {
|
|
3
3
|
/**
|
|
4
4
|
* displays a new tag in the top right
|
|
5
5
|
*/
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
2
|
+
import { SpecialCardProps } from "../../../special-cards/_types";
|
|
3
3
|
import { CheckboxArgs } from "../_types";
|
|
4
4
|
export interface CheckboxCardArgs extends CheckboxArgs {
|
|
5
|
-
card?:
|
|
5
|
+
card?: SpecialCardProps;
|
|
6
6
|
label: string;
|
|
7
7
|
icon: React.ReactNode;
|
|
8
8
|
iconActive?: React.ReactNode;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
2
|
+
import { SpecialCardProps } from "../../../special-cards/_types";
|
|
3
3
|
import { RadioArgs } from "../_types";
|
|
4
4
|
export interface RadioCardArgs extends RadioArgs {
|
|
5
|
-
card?:
|
|
5
|
+
card?: SpecialCardProps;
|
|
6
6
|
label: string;
|
|
7
7
|
icon: React.ReactNode;
|
|
8
8
|
iconActive?: React.ReactNode;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
3
|
-
export interface ProductCardProps extends
|
|
2
|
+
import { SpecialCardProps } from "../special-cards/_types";
|
|
3
|
+
export interface ProductCardProps extends SpecialCardProps {
|
|
4
4
|
/**
|
|
5
5
|
* displays a new tag in the top right
|
|
6
6
|
*/
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
2
|
+
import { SpecialCardProps } from "../special-cards/_types";
|
|
3
3
|
interface ITag {
|
|
4
4
|
label: string;
|
|
5
5
|
icon: React.ReactNode;
|
|
6
6
|
}
|
|
7
|
-
export interface ServiceCardsProps extends
|
|
7
|
+
export interface ServiceCardsProps extends SpecialCardProps {
|
|
8
8
|
serviceIcon?: React.ReactNode;
|
|
9
9
|
serviceTitle?: string;
|
|
10
10
|
serviceSubtitle?: string;
|
|
@@ -2,11 +2,13 @@ import { IWellProps } from "@zendeskgarden/react-notifications";
|
|
|
2
2
|
import { HTMLAttributes } from "react";
|
|
3
3
|
export declare const FLEX_DIRECTION: string[];
|
|
4
4
|
export declare const JUSTIFY_CONTENT: string[];
|
|
5
|
-
export interface
|
|
5
|
+
export interface SpecialCardProps extends IWellProps {
|
|
6
6
|
/** Applies a background color */
|
|
7
7
|
isRecessed?: boolean;
|
|
8
8
|
/** Applies a drop shadow */
|
|
9
9
|
isFloating?: boolean;
|
|
10
|
+
/** Reduce opacity and disable pointer events*/
|
|
11
|
+
isDisabled?: boolean;
|
|
10
12
|
}
|
|
11
13
|
export interface CardMetaProps extends HTMLAttributes<HTMLDivElement> {
|
|
12
14
|
direction?: typeof FLEX_DIRECTION[number];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { SpecialCardProps } from "./_types";
|
|
2
2
|
/**
|
|
3
3
|
* A SpecialCard is a spefic type of card with an opinionated set of default spaces and subcomponents order.
|
|
4
4
|
* <hr>
|
|
@@ -7,7 +7,7 @@ import { CardProps } from "./_types";
|
|
|
7
7
|
- As container of input (checkboxCard, radioCard)
|
|
8
8
|
*/
|
|
9
9
|
declare const SpecialCard: {
|
|
10
|
-
(props:
|
|
10
|
+
(props: SpecialCardProps): JSX.Element;
|
|
11
11
|
Meta: import("styled-components").StyledComponent<"div", any, import("./_types").CardMetaProps, never>;
|
|
12
12
|
Thumb: import("styled-components").StyledComponent<"div", any, import("./_types").CardThumbProps, never>;
|
|
13
13
|
Header: {
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { ComponentMeta, Story } from "@storybook/react";
|
|
2
|
-
import {
|
|
3
|
-
interface CardStoryProps extends
|
|
2
|
+
import { SpecialCardProps } from "./_types";
|
|
3
|
+
interface CardStoryProps extends SpecialCardProps {
|
|
4
4
|
title: string;
|
|
5
5
|
content: string;
|
|
6
6
|
}
|
|
7
7
|
export declare const Default: Story<CardStoryProps>;
|
|
8
8
|
declare const _default: ComponentMeta<{
|
|
9
|
-
(props:
|
|
9
|
+
(props: SpecialCardProps): JSX.Element;
|
|
10
10
|
Meta: import("styled-components").StyledComponent<"div", any, import("./_types").CardMetaProps, never>;
|
|
11
11
|
Thumb: import("styled-components").StyledComponent<"div", any, import("./_types").CardThumbProps, never>;
|
|
12
12
|
Header: {
|