@mmb-digital/ds-lilly 0.6.0 → 0.6.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.
Files changed (5) hide show
  1. package/dist/ds-lilly.js +4 -2
  2. package/dist/types/src/components/Components/Card/Card.d.ts +2 -2
  3. package/dist/types/src/components/Components/Card/_elements_/CollapseHeader.d.ts +4 -3
  4. package/dist/types/src/components/Components/Icon/Icon.d.ts +2 -2
  5. package/package.json +1 -1
package/dist/ds-lilly.js CHANGED
@@ -96589,7 +96589,9 @@ var ContentCard = function (_a) {
96589
96589
  }, [isCollapsible, onToggle]);
96590
96590
  Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useEffect"])(function () { return setIsOpened(isOpen); }, [isOpen]);
96591
96591
  var hasSubtitleTag = (subtitleTagIcon || subtitleTagImageUrl) && subtitleTagText;
96592
- var badgeIcon = hasSubtitleTag ? (subtitleTagIcon ? (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { backgroundColor: subtitleTagBackgroundColor, name: subtitleTagIcon, size: "small" })) : (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Avatar, { background: "transparent", imageUrl: subtitleTagImageUrl, size: "small" }))) : undefined;
96592
+ var badgeIcon = hasSubtitleTag
96593
+ ? (subtitleTagIcon ? (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { backgroundColor: subtitleTagBackgroundColor, name: subtitleTagIcon, size: "small" })) : (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Avatar, { background: "transparent", imageUrl: subtitleTagImageUrl, size: "small" })))
96594
+ : undefined;
96593
96595
  return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Card, { header: external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "c-contentCardHeader" },
96594
96596
  customIcon && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('c-contentCardHeader__customIcon', "c-contentCardHeader__customIcon" + ucfirst(iconBadgePosition)) },
96595
96597
  customIcon,
@@ -96609,7 +96611,7 @@ var ContentCard = function (_a) {
96609
96611
  return Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["cloneElement"])(button, {
96610
96612
  theme: classBinder_cx(button.props.theme, 'c-contentCardHeader__button')
96611
96613
  });
96612
- })))), iconBackgroundColor: iconBackgroundColor, iconBadge: isOpened && hasSubtitleTag && badgeIcon, iconBadgePosition: iconBadgePosition, iconName: iconName, iconSize: iconSize, isCollapsible: isCollapsible, isInteractive: isInteractive, isOpen: isOpened, shadowSize: isCompact ? 'no' : 'small', size: size, theme: classBinder_cx('c-contentCard', { 'c-contentCardCompact': isCompact, 'c-contentCardCompact--interactive': isInteractive }, theme), withoutOpener: withoutOpener, onToggle: handleOnToggle }, children));
96614
+ })))), iconBackgroundColor: iconBackgroundColor, iconBadge: isOpened && hasSubtitleTag ? badgeIcon : undefined, iconBadgePosition: iconBadgePosition, iconName: iconName, iconSize: iconSize, isCollapsible: isCollapsible, isInteractive: isInteractive, isOpen: isOpened, shadowSize: isCompact ? 'no' : 'small', size: size, theme: classBinder_cx('c-contentCard', { 'c-contentCardCompact': isCompact, 'c-contentCardCompact--interactive': isInteractive }, theme), withoutOpener: withoutOpener, onToggle: handleOnToggle }, children));
96613
96615
  };
96614
96616
 
96615
96617
  // CONCATENATED MODULE: ./src/components/Components/ContentCard/ContentCardGroup.tsx
package/dist/types/src/components/Components/Card/Card.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { KeyboardEvent, ReactNode, SyntheticEvent } from 'react';
2
2
  import { BackgroundColorType, IconNameType } from '../../../types';
3
3
  import { ComponentPropsType, DisabledTooltipPropsType } from '../../../utils';
4
- import { IconBadgePosition, IconSizeType } from '..';
4
+ import { AvatarPropsType, IconBadgePosition, IconPropsType, IconSizeType } from '..';
5
5
  export declare type CardSize = 'small' | 'large' | 'zero';
6
6
  export interface CardPropsType extends ComponentPropsType, DisabledTooltipPropsType {
7
7
  /** Allow click event propagation */
@@ -19,7 +19,7 @@ export interface CardPropsType extends ComponentPropsType, DisabledTooltipPropsT
19
19
  /** Define color for circular Icon background. */
20
20
  iconBackgroundColor?: BackgroundColorType;
21
21
  /** Icon badge */
22
- iconBadge?: ReactNode;
22
+ iconBadge?: AvatarPropsType | IconPropsType;
23
23
  /** Icon badge position */
24
24
  iconBadgePosition?: IconBadgePosition;
25
25
  /** Define Icon name if you want some to be displayed. */
package/dist/types/src/components/Components/Card/_elements_/CollapseHeader.d.ts CHANGED
@@ -1,11 +1,12 @@
1
- import { ReactNode, SyntheticEvent } from 'react';
1
+ import { SyntheticEvent } from 'react';
2
2
  import { BackgroundColorType } from '../../../../types';
3
- import { IconBadgePosition, IconSizeType } from '../../Icon';
3
+ import { AvatarPropsType } from '../../Avatar';
4
+ import { IconBadgePosition, IconPropsType, IconSizeType } from '../../Icon';
4
5
  import { CardPropsType } from '../Card';
5
6
  export interface CollapseHeaderPropsType {
6
7
  header: CardPropsType['header'];
7
8
  iconBackground?: BackgroundColorType;
8
- iconBadge?: ReactNode;
9
+ iconBadge?: AvatarPropsType | IconPropsType;
9
10
  iconBadgePosition?: IconBadgePosition;
10
11
  iconName: CardPropsType['iconName'];
11
12
  iconSize?: IconSizeType;
package/dist/types/src/components/Components/Icon/Icon.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { ReactNode } from 'react';
1
+ import { AvatarPropsType } from '../../..';
2
2
  import { BackgroundColorType, IconNameType } from '../../../types';
3
3
  import { ComponentPropsType } from '../../../utils/classBinder';
4
4
  export declare type IconSizeType = 'small' | 'large' | 'xLarge' | 'xxLarge' | 'xxxLarge';
@@ -7,7 +7,7 @@ export interface IconPropsType extends ComponentPropsType {
7
7
  /** Color of icon background */
8
8
  backgroundColor?: BackgroundColorType;
9
9
  /** Badge icon component (small icon placed by badgePosition) */
10
- badge?: ReactNode;
10
+ badge?: AvatarPropsType | IconPropsType;
11
11
  /** Position of badge icon */
12
12
  badgePosition?: IconBadgePosition;
13
13
  /** Color of icon SVG fill from palette--(light|dark).scss example orangeDark */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mmb-digital/ds-lilly",
3
- "version": "0.6.0",
3
+ "version": "0.6.1",
4
4
  "description": "MMB LILLY design system",
5
5
  "license": "UNLICENSED",
6
6
  "sideEffects": false,