@sendoutcards/quantum-design-ui 1.7.71 → 1.7.72

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.
Files changed (6) hide show
  1. package/dist/index.es.js +8 -1
  2. package/dist/src/atoms/typography/styles.d.ts +7 -7
  3. package/dist/src/atoms/typography/text.d.ts +1 -1
  4. package/dist/src/molecules/comparisonItem/comparisonItem.d.ts +1 -1
  5. package/dist/src/stories/molecules/ComparisonItem.stories.d.ts +3 -1
  6. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -22629,7 +22629,7 @@ var ComparisonItem = function (_a) {
22629
22629
  width: '100%',
22630
22630
  letterSpacing: '.235px'
22631
22631
  }
22632
- }), jsx(Text, {
22632
+ }), typeof description === 'string' ? jsx(Text, {
22633
22633
  inset: "x_25",
22634
22634
  type: "caption",
22635
22635
  color: "primaryBody",
@@ -22638,6 +22638,13 @@ var ComparisonItem = function (_a) {
22638
22638
  style: {
22639
22639
  width: '100%'
22640
22640
  }
22641
+ }) : description === null || description === void 0 ? void 0 : description.map(function (bullet) {
22642
+ return jsx(ListItem, {
22643
+ orientation: "horizontal"
22644
+ }, jsx(Text, {
22645
+ isInline: true,
22646
+ type: "caption"
22647
+ }, bullet));
22641
22648
  })), jsx(Flex, {
22642
22649
  outset: isMinified ? {
22643
22650
  right: 'x1'
package/dist/src/atoms/typography/styles.d.ts CHANGED
@@ -1,11 +1,11 @@
1
1
  import { TextEntity } from "../../theme/theming/entities";
2
2
  declare const _default: {
3
- heroTitle: (textEntity: TextEntity, color?: "primaryBrand" | "secondaryBrand" | "primaryHeading" | "primaryBody" | "inverseHeading" | "inverseBody" | "accent" | "success" | "warning" | "danger" | "anchorBlue" | undefined, weight?: "thin" | "regular" | "semiBold" | "bold" | "extraBold" | undefined, alignment?: "left" | "center" | "right" | undefined, italic?: boolean | undefined, strikeThrough?: boolean | undefined, lineHeight?: number | undefined, whiteSpace?: "normal" | "nowrap" | undefined, isInline?: true | undefined) => import("@emotion/utils").SerializedStyles;
4
- title: (textEntity: TextEntity, color?: "primaryBrand" | "secondaryBrand" | "primaryHeading" | "primaryBody" | "inverseHeading" | "inverseBody" | "accent" | "success" | "warning" | "danger" | "anchorBlue" | undefined, weight?: "thin" | "regular" | "semiBold" | "bold" | "extraBold" | undefined, alignment?: "left" | "center" | "right" | undefined, italic?: boolean | undefined, strikeThrough?: boolean | undefined, lineHeight?: number | undefined, whiteSpace?: "normal" | "nowrap" | undefined, isInline?: true | undefined) => import("@emotion/utils").SerializedStyles;
5
- subtitle: (textEntity: TextEntity, color?: "primaryBrand" | "secondaryBrand" | "primaryHeading" | "primaryBody" | "inverseHeading" | "inverseBody" | "accent" | "success" | "warning" | "danger" | "anchorBlue" | undefined, weight?: "thin" | "regular" | "semiBold" | "bold" | "extraBold" | undefined, alignment?: "left" | "center" | "right" | undefined, italic?: boolean | undefined, strikeThrough?: boolean | undefined, lineHeight?: number | undefined, whiteSpace?: "normal" | "nowrap" | undefined, isInline?: true | undefined) => import("@emotion/utils").SerializedStyles;
6
- largeBody: (textEntity: TextEntity, color?: "primaryBrand" | "secondaryBrand" | "primaryHeading" | "primaryBody" | "inverseHeading" | "inverseBody" | "accent" | "success" | "warning" | "danger" | "anchorBlue" | undefined, weight?: "thin" | "regular" | "semiBold" | "bold" | "extraBold" | undefined, alignment?: "left" | "center" | "right" | undefined, italic?: boolean | undefined, strikeThrough?: boolean | undefined, lineHeight?: number | undefined, whiteSpace?: "normal" | "nowrap" | undefined, isInline?: true | undefined) => import("@emotion/utils").SerializedStyles;
7
- body: (textEntity: TextEntity, color?: "primaryBrand" | "secondaryBrand" | "primaryHeading" | "primaryBody" | "inverseHeading" | "inverseBody" | "accent" | "success" | "warning" | "danger" | "anchorBlue" | undefined, weight?: "thin" | "regular" | "semiBold" | "bold" | "extraBold" | undefined, alignment?: "left" | "center" | "right" | undefined, italic?: boolean | undefined, strikeThrough?: boolean | undefined, lineHeight?: number | undefined, whiteSpace?: "normal" | "nowrap" | undefined, isInline?: true | undefined) => import("@emotion/utils").SerializedStyles;
8
- caption: (textEntity: TextEntity, color?: "primaryBrand" | "secondaryBrand" | "primaryHeading" | "primaryBody" | "inverseHeading" | "inverseBody" | "accent" | "success" | "warning" | "danger" | "anchorBlue" | undefined, weight?: "thin" | "regular" | "semiBold" | "bold" | "extraBold" | undefined, alignment?: "left" | "center" | "right" | undefined, italic?: boolean | undefined, strikeThrough?: boolean | undefined, lineHeight?: number | undefined, whiteSpace?: "normal" | "nowrap" | undefined, isInline?: true | undefined) => import("@emotion/utils").SerializedStyles;
9
- footnote: (textEntity: TextEntity, color?: "primaryBrand" | "secondaryBrand" | "primaryHeading" | "primaryBody" | "inverseHeading" | "inverseBody" | "accent" | "success" | "warning" | "danger" | "anchorBlue" | undefined, weight?: "thin" | "regular" | "semiBold" | "bold" | "extraBold" | undefined, alignment?: "left" | "center" | "right" | undefined, italic?: boolean | undefined, strikeThrough?: boolean | undefined, lineHeight?: number | undefined, whiteSpace?: "normal" | "nowrap" | undefined, isInline?: true | undefined) => import("@emotion/utils").SerializedStyles;
3
+ heroTitle: (textEntity: TextEntity, color?: "primaryBrand" | "secondaryBrand" | "primaryHeading" | "primaryBody" | "inverseHeading" | "inverseBody" | "accent" | "success" | "warning" | "danger" | "anchorBlue" | undefined, weight?: "thin" | "regular" | "semiBold" | "bold" | "extraBold" | undefined, alignment?: "left" | "center" | "right" | undefined, italic?: boolean | undefined, strikeThrough?: boolean | undefined, lineHeight?: number | undefined, whiteSpace?: "normal" | "nowrap" | undefined, isInline?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
4
+ title: (textEntity: TextEntity, color?: "primaryBrand" | "secondaryBrand" | "primaryHeading" | "primaryBody" | "inverseHeading" | "inverseBody" | "accent" | "success" | "warning" | "danger" | "anchorBlue" | undefined, weight?: "thin" | "regular" | "semiBold" | "bold" | "extraBold" | undefined, alignment?: "left" | "center" | "right" | undefined, italic?: boolean | undefined, strikeThrough?: boolean | undefined, lineHeight?: number | undefined, whiteSpace?: "normal" | "nowrap" | undefined, isInline?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
5
+ subtitle: (textEntity: TextEntity, color?: "primaryBrand" | "secondaryBrand" | "primaryHeading" | "primaryBody" | "inverseHeading" | "inverseBody" | "accent" | "success" | "warning" | "danger" | "anchorBlue" | undefined, weight?: "thin" | "regular" | "semiBold" | "bold" | "extraBold" | undefined, alignment?: "left" | "center" | "right" | undefined, italic?: boolean | undefined, strikeThrough?: boolean | undefined, lineHeight?: number | undefined, whiteSpace?: "normal" | "nowrap" | undefined, isInline?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
6
+ largeBody: (textEntity: TextEntity, color?: "primaryBrand" | "secondaryBrand" | "primaryHeading" | "primaryBody" | "inverseHeading" | "inverseBody" | "accent" | "success" | "warning" | "danger" | "anchorBlue" | undefined, weight?: "thin" | "regular" | "semiBold" | "bold" | "extraBold" | undefined, alignment?: "left" | "center" | "right" | undefined, italic?: boolean | undefined, strikeThrough?: boolean | undefined, lineHeight?: number | undefined, whiteSpace?: "normal" | "nowrap" | undefined, isInline?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
7
+ body: (textEntity: TextEntity, color?: "primaryBrand" | "secondaryBrand" | "primaryHeading" | "primaryBody" | "inverseHeading" | "inverseBody" | "accent" | "success" | "warning" | "danger" | "anchorBlue" | undefined, weight?: "thin" | "regular" | "semiBold" | "bold" | "extraBold" | undefined, alignment?: "left" | "center" | "right" | undefined, italic?: boolean | undefined, strikeThrough?: boolean | undefined, lineHeight?: number | undefined, whiteSpace?: "normal" | "nowrap" | undefined, isInline?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
8
+ caption: (textEntity: TextEntity, color?: "primaryBrand" | "secondaryBrand" | "primaryHeading" | "primaryBody" | "inverseHeading" | "inverseBody" | "accent" | "success" | "warning" | "danger" | "anchorBlue" | undefined, weight?: "thin" | "regular" | "semiBold" | "bold" | "extraBold" | undefined, alignment?: "left" | "center" | "right" | undefined, italic?: boolean | undefined, strikeThrough?: boolean | undefined, lineHeight?: number | undefined, whiteSpace?: "normal" | "nowrap" | undefined, isInline?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
9
+ footnote: (textEntity: TextEntity, color?: "primaryBrand" | "secondaryBrand" | "primaryHeading" | "primaryBody" | "inverseHeading" | "inverseBody" | "accent" | "success" | "warning" | "danger" | "anchorBlue" | undefined, weight?: "thin" | "regular" | "semiBold" | "bold" | "extraBold" | undefined, alignment?: "left" | "center" | "right" | undefined, italic?: boolean | undefined, strikeThrough?: boolean | undefined, lineHeight?: number | undefined, whiteSpace?: "normal" | "nowrap" | undefined, isInline?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
10
10
  };
11
11
  export default _default;
package/dist/src/atoms/typography/text.d.ts CHANGED
@@ -15,7 +15,7 @@ export declare type TextProps = {
15
15
  weight?: WeightType;
16
16
  lineHeight?: number;
17
17
  whiteSpace?: WhiteSpaceType;
18
- isInline?: true;
18
+ isInline?: boolean;
19
19
  style?: React.CSSProperties;
20
20
  };
21
21
  export declare type WhiteSpaceType = 'normal' | 'nowrap';
package/dist/src/molecules/comparisonItem/comparisonItem.d.ts CHANGED
@@ -3,7 +3,7 @@ import { entities } from "../../theme/theming/entities";
3
3
  declare type ColorType = keyof typeof entities.animatedCheckmark.colors;
4
4
  export declare type ComparisonItemProps = {
5
5
  title: string;
6
- description?: string;
6
+ description?: string | string[];
7
7
  isIncluded: boolean;
8
8
  checkMarkColor?: ColorType;
9
9
  maxWidth?: string;
package/dist/src/stories/molecules/ComparisonItem.stories.d.ts CHANGED
@@ -1,4 +1,6 @@
1
1
  import { Meta } from '@storybook/react/types-6-0';
2
2
  declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
3
3
  export default _default;
4
- export declare const IsIncluded: any;
4
+ export declare const WithSingleDescription: any;
5
+ export declare const WithMultiDescription: any;
6
+ export declare const WithoutDescription: any;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sendoutcards/quantum-design-ui",
3
- "version": "1.7.71",
3
+ "version": "1.7.72",
4
4
  "description": "UI component library for Quantum Design System",
5
5
  "module": "dist/index.es.js",
6
6
  "jsnext:main": "dist/index.es.js",