@mmb-digital/ds-lilly 1.0.15 → 1.0.17

package/ds-lilly.css

@@ -1319,15 +1319,20 @@ body {
   --colorTextDisabledCard: var(--fgDisabledDefault);
   --paddingZeroCard: 0;
   --paddingSmallCard: var(--spaceMedium);
+  --paddingMediumCard: var(--spaceLarge);
   --paddingLargeCard: var(--spaceXLarge);
-  --backgroundSlickListAfterCarousel: linear-gradient(-90deg,
+  --backgroundSlickListAfterCarousel: linear-gradient(
+    -90deg,
     rgba(var(--fgInverseDefault-rgb), 1) 18.43%,
     rgba(var(--fgInverseDefault-rgb), 0.5) 56.52%,
-    rgba(var(--fgInverseDefault-rgb), 0) 100%);
-  --backgroundSlickListBeforeCarousel: linear-gradient(90deg,
+    rgba(var(--fgInverseDefault-rgb), 0) 100%
+  );
+  --backgroundSlickListBeforeCarousel: linear-gradient(
+    90deg,
     rgba(var(--fgInverseDefault-rgb), 1) 18.43%,
     rgba(var(--fgInverseDefault-rgb), 0.5) 56.52%,
-    rgba(var(--fgInverseDefault-rgb), 0) 100%);
+    rgba(var(--fgInverseDefault-rgb), 0) 100%
+  );
   --backgroundHoverToggleCollapse: var(--borderNeutralSubtle);
   --borderTopCollapse: var(--bgNeutralDefaultHover);
   --paddingBodyContentCollapse: var(--spaceXSmall) 0 var(--spaceMedium);
@@ -4257,6 +4262,15 @@ body.dark .l-header .c-logo__img--dark {
 .c-card--collapse.c-card--small .c-card__content {
   padding: 0 var(--paddingSmallCard) var(--paddingSmallCard) var(--paddingSmallCard);
 }
+.c-card--collapse.c-card--medium {
+  padding: 0;
+}
+.c-card--collapse.c-card--medium .c-card__header {
+  padding: var(--paddingMediumCard);
+}
+.c-card--collapse.c-card--medium .c-card__content {
+  padding: 0 var(--paddingMediumCard) var(--paddingMediumCard) var(--paddingMediumCard);
+}
 .c-card--collapse .c-card__content {
   padding-top: var(--spaceXSmall);
 }
@@ -4327,6 +4341,10 @@ body.dark .l-header .c-logo__img--dark {
   padding: var(--paddingSmallCard);
 }
 
+.c-card--medium {
+  padding: var(--paddingMediumCard);
+}
+
 .c-card--large {
   padding: var(--paddingLargeCard);
 }
@@ -4754,7 +4772,6 @@ body.dark .l-header .c-logo__img--dark {
 .c-contentTableRow__imageIcon img {
   display: block;
   height: auto;
-  width: auto;
   max-width: none;
 }
 
@@ -6366,6 +6383,70 @@ body.dark .l-header .c-logo__img--dark {
   margin: var(--spaceXSmall) 0;
 }
 
+.notificationCard__grid {
+  display: grid;
+  width: 100%;
+  column-gap: var(--spaceMedium);
+  row-gap: var(--spaceXSmall);
+  align-items: center;
+}
+.notificationCard__grid--withIcon {
+  grid-template-columns: auto 1fr;
+  grid-template-rows: auto auto;
+}
+.notificationCard__grid--noIcon {
+  grid-template-columns: 1fr;
+  grid-template-rows: auto auto;
+}
+.notificationCard__grid--noDescription {
+  grid-template-rows: auto;
+  row-gap: 0;
+}
+.notificationCard__grid--withIcon .notificationCard__description {
+  grid-column: 2;
+  grid-row: 2;
+}
+.notificationCard__grid--noIcon .notificationCard__description {
+  grid-column: 1;
+  grid-row: 2;
+  align-self: center;
+  width: 100%;
+}
+.notificationCard__grid--withIcon .notificationCard__titleWrapper {
+  grid-column: 2;
+  grid-row: 1;
+}
+.notificationCard__grid--noIcon .notificationCard__titleWrapper {
+  grid-column: 1;
+  grid-row: 1;
+  justify-content: flex-start;
+}
+
+.notificationCard__icon {
+  grid-column: 1;
+  grid-row: 1;
+  align-self: center;
+  padding-top: var(--spaceXXXSmall);
+}
+
+.notificationCard__titleWrapper {
+  display: flex;
+  align-items: center;
+  min-height: 100%;
+  text-align: start;
+}
+
+.notificationCard__title {
+  margin: 0;
+}
+
+.notificationCard__rightContentWrapper {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
 .f-autocomplete {
   flex-direction: column;
 }
@@ -9610,7 +9691,7 @@ body.dark .u-fg--fgWhiteDefault {
 /* Slider */
 .slick-loading .slick-list
 {
-    background: #fff url('assets/8a3c94fd86ae9e6af92e.gif') center center no-repeat;
+    background: #fff url('assets/eb443af8f4d4c18594a6.gif') center center no-repeat;
 }
 
 /* Icons */
@@ -9620,8 +9701,8 @@ body.dark .u-fg--fgWhiteDefault {
     font-weight: normal;
     font-style: normal;
 
-    src: url('assets/bf7566b5bcfcebeb0263.eot');
-    src: url('assets/7915b42a2f1a6f16efbe.eot') format('embedded-opentype'), url('assets/18ba296b19a79a59430b.woff') format('woff'), url('assets/ff5a42514ce2590e9c08.ttf') format('truetype'), url('assets/1e5b522988f1ab841e48.svg') format('svg');
+    src: url('assets/56d604f38b2d881b59c4.eot');
+    src: url('assets/e233db4d88b758b82c88.eot') format('embedded-opentype'), url('assets/02c51e1ea77ba5a5d22e.woff') format('woff'), url('assets/21bc5c0ebf1a7c768179.ttf') format('truetype'), url('assets/05289cba81c682f01c2a.svg') format('svg');
 }
 /* Arrows */
 .slick-prev,

package/index.js

@@ -1,2 +1,2 @@
-import{customPolyfills as o}from"./utils/polyfills.js";export{getDisplayName}from"./utils/getDisplayName.js";export{getIntegerMask}from"./utils/getIntegerMask.js";export{isFilled}from"./utils/isFilled.js";export{isNotFilled}from"./utils/isNotFilled.js";export{isNotNilNorEmpty}from"./utils/isNotNilNorEmpty.js";export{parseIntValue}from"./utils/parseIntValue.js";export{stripDiacritics}from"./utils/stripDiacritics.js";export{trimLeadingZeros}from"./utils/trimLeadingZeros.js";export{cx}from"./utils/classBinder.js";export{configureDecimalMask}from"./utils/configureDecimalMask.js";export{BANK_ACCOUNT_ITEMS_AUTOCOMPLETE_THRESHOLD,BREAKPOINTS,KEYS}from"./utils/constants.js";export{useContainerDimensions,useEventListener,useHoverActive,useOnScreen,useThemeDetector,useWindowSize,useWindowWidth}from"./utils/hooks.js";export{noop}from"./utils/noop.js";export{parseDecimalValue}from"./utils/parseDecimalValue.js";export{formatDate,formatMonthDate,isDate,isPartOfDate,isValidDate,parseCzechDate,parseDate,parseMonthDate,parseUnixDate}from"./utils/parseDateValue.js";export{ucfirst}from"./utils/ucfirst.js";export{BREAKPOINTS_VALUES,CARD_WIDTH_BREAKPOINT,MOBILE_PANEL_WIDTH}from"./constants/global.js";export{default as CardContext}from"./contexts/CardContext.js";export{default as FormGroupContext}from"./contexts/FormGroupContext.js";export{default as ModalContext}from"./contexts/ModalContext.js";export{default as Select2Context}from"./contexts/Select2Context.js";export{default as TabsContext}from"./contexts/TabsContext.js";export{mapBackgroundColorType,mapBorderColorType,mapCategoryColorType,mapForegroundColorType,mapGradientColorType,mapShadowType,mapSurfaceColorType,mapThirdPartyColorType}from"./types/colors.js";export{withDisabledTooltip}from"./hocs/withDisabledTooltip.js";export{Alert}from"./components/Components/Alert/Alert.js";export{Avatar}from"./components/Components/Avatar/Avatar.js";export{Badge}from"./components/Components/Badge/Badge.js";export{Button}from"./components/Components/Button/Button.js";export{ButtonsGroup}from"./components/Components/Button/ButtonsGroup.js";export{ButtonTooltip}from"./components/Components/ButtonTooltip/ButtonTooltip.js";export{Card}from"./components/Components/Card/Card.js";export{CardCustomTrigger}from"./components/Components/Card/_elements_/CardCustomTrigger.js";export{Carousel}from"./components/Components/Carousel/Carousel.js";export{Collapse}from"./components/Components/Collapse/Collapse.js";export{CompactButtons}from"./components/Components/CompactButtons/CompactButtons.js";export{ContentTable,getTextAlignClass}from"./components/Components/ContentTable/ContentTable.js";export{ContentTableRow}from"./components/Components/ContentTable/ContentTableRow.js";export{Divider}from"./components/Components/Divider/Divider.js";export{Dropdown}from"./components/Components/Dropdown/Dropdown.js";export{DropdownDivider}from"./components/Components/Dropdown/_elements_/DropdownDivider.js";export{DropdownItem}from"./components/Components/Dropdown/_elements_/DropdownItem.js";export{DropdownMenu}from"./components/Components/Dropdown/_elements_/DropdownMenu.js";export{IconList}from"./components/Components/IconList/IconList.js";export{IconListItem}from"./components/Components/IconList/IconListItem.js";export{Image}from"./components/Components/Image/Image.js";export{Link}from"./components/Components/Link/Link.js";export{List}from"./components/Components/List/List.js";export{ListItem}from"./components/Components/List/ListItem.js";export{Loader}from"./components/Components/Loader/Loader.js";export{ModalContent}from"./components/Components/Modal/_elements_/ModalContent.js";export{ModalDialog}from"./components/Components/Modal/_elements_/ModalDialog.js";export{ModalFooter}from"./components/Components/Modal/_elements_/ModalFooter.js";export{ModalHeader}from"./components/Components/Modal/_elements_/ModalHeader.js";export{Modal}from"./components/Components/Modal/Modal.js";export{useModal}from"./components/Components/Modal/_elements_/Modal.hook.js";export{Pills}from"./components/Components/Pills/Pills.js";export{default as SuperModal}from"./components/Components/SuperModal/_elements_/SuperModal.js";export{default as SuperModalContent}from"./components/Components/SuperModal/_elements_/SuperModalContent.js";export{default as SuperModalHeader}from"./components/Components/SuperModal/_elements_/SuperModalHeader.js";export{default as SuperModalProvider}from"./components/Components/SuperModal/_elements_/SuperModalProvider.js";export{SUPER_MODAL_PREFIX,useSuperModal}from"./components/Components/SuperModal/SuperModal.hook.js";export{SuperModalContext}from"./components/Components/SuperModal/SuperModal.context.js";export{Tag}from"./components/Components/Tag/Tag.js";export{Tile}from"./components/Components/Tile/Tile.js";export{ToastContainer}from"./components/Components/Toast/Toast.js";export{useToast}from"./components/Components/Toast/Toast.hook.js";export{Tooltip}from"./components/Components/Tooltip/Tooltip.js";export{UserAuth,UserAuthContent}from"./components/Components/UserAuth/UserAuth.js";export{DataTable,DataTableContext,useDataTableContext}from"./components/Components/dataTable/DataTable.js";export{DataTableItem}from"./components/Components/dataTable/DataTableItem.js";export{DataTableDivider}from"./components/Components/dataTable/DataTableDivider.js";export{Autocomplete,AutocompleteDropdownContentContainer}from"./components/Form/Autocomplete/Autocomplete.js";export{Checkbox}from"./components/Form/Checkbox/Checkbox.js";export{DatePicker}from"./components/Form/DatePicker/DatePicker.js";export{FileUpload}from"./components/Form/FileUpload/FileUpload.js";export{useFileUpload}from"./components/Form/FileUpload/FileUpload.hook.js";export{FormGroup2}from"./components/Form/FormGroup2/FormGroup2.js";export{Input}from"./components/Form/Input/Input.js";export{Label2}from"./components/Form/Label2/Label2.js";export{Multiselect}from"./components/Form/Multiselect/Multiselect.js";export{PersonCount}from"./components/Form/PersonCount/PersonCount.js";export{Radio}from"./components/Form/Radio/Radio.js";export{Select2CategorisedOptions}from"./components/Form/Select/_elements_/Select2CategorisedOptions.js";export{Select2Options}from"./components/Form/Select/_elements_/Select2Options.js";export{SelectedOption}from"./components/Form/Select/_elements_/SelectedOption.js";export{Select}from"./components/Form/Select/Select.js";export{Slider}from"./components/Form/Slider/Slider.js";export{Textarea}from"./components/Form/Textarea/Textarea.js";export{Toggle}from"./components/Form/Toggle/Toggle.js";export{AreaChart}from"./components/Graphs/AreaChart/AreaChart.js";export{BarChart}from"./components/Graphs/BarChart/BarChart.js";export{ChartLegend}from"./components/Graphs/ChartLegend/ChartLegend.js";export{PieChartExtended}from"./components/Graphs/PieChartExtended/PieChartExtended.js";export{App}from"./components/Layout/App/App.js";export{AppContent}from"./components/Layout/App/AppContent.js";export{AppMain}from"./components/Layout/App/AppMain.js";export{Box}from"./components/Layout/Box/Box.js";export{Flex}from"./components/Layout/Flex/Flex.js";export{Col}from"./components/Layout/Grid/Col.js";export{Row}from"./components/Layout/Grid/Row.js";export{Header}from"./components/Layout/Header/Header.js";export{MobilePanel}from"./components/Layout/MobilePanel/MobilePanel.js";export{useMobilePanel}from"./components/Layout/MobilePanel/MobilePanel.hook.js";export{Sidebar}from"./components/Layout/Sidebar/Sidebar.js";export{Menu}from"./components/Navigation/Menu/Menu.js";export{MenuItem}from"./components/Navigation/Menu/_elements_/MenuItem.js";export{MenuList}from"./components/Navigation/Menu/_elements_/MenuList.js";export{SubMenu}from"./components/Navigation/Menu/_elements_/SubMenu.js";export{SubMenuItem}from"./components/Navigation/Menu/_elements_/SubMenuItem.js";export{Stepper}from"./components/Navigation/Stepper/Stepper.js";export{Tabs}from"./components/Navigation/Tabs/Tabs.js";export{TabListItem}from"./components/Navigation/Tabs/_elements_/TabListItem.js";export{TabsBar}from"./components/Navigation/Tabs/_elements_/TabsBar.js";export{Amount}from"./components/Typography/Amount/Amount.js";export{Text}from"./components/Typography/Text/Text.js";export{Title}from"./components/Typography/Title/Title.js";o();
+import{customPolyfills as o}from"./utils/polyfills.js";export{getDisplayName}from"./utils/getDisplayName.js";export{getIntegerMask}from"./utils/getIntegerMask.js";export{isFilled}from"./utils/isFilled.js";export{isNotFilled}from"./utils/isNotFilled.js";export{isNotNilNorEmpty}from"./utils/isNotNilNorEmpty.js";export{parseIntValue}from"./utils/parseIntValue.js";export{stripDiacritics}from"./utils/stripDiacritics.js";export{trimLeadingZeros}from"./utils/trimLeadingZeros.js";export{cx}from"./utils/classBinder.js";export{configureDecimalMask}from"./utils/configureDecimalMask.js";export{BANK_ACCOUNT_ITEMS_AUTOCOMPLETE_THRESHOLD,BREAKPOINTS,KEYS}from"./utils/constants.js";export{useContainerDimensions,useEventListener,useHoverActive,useOnScreen,useThemeDetector,useWindowSize,useWindowWidth}from"./utils/hooks.js";export{noop}from"./utils/noop.js";export{parseDecimalValue}from"./utils/parseDecimalValue.js";export{formatDate,formatMonthDate,isDate,isPartOfDate,isValidDate,parseCzechDate,parseDate,parseMonthDate,parseUnixDate}from"./utils/parseDateValue.js";export{ucfirst}from"./utils/ucfirst.js";export{BREAKPOINTS_VALUES,CARD_WIDTH_BREAKPOINT,MOBILE_PANEL_WIDTH}from"./constants/global.js";export{default as CardContext}from"./contexts/CardContext.js";export{default as FormGroupContext}from"./contexts/FormGroupContext.js";export{default as ModalContext}from"./contexts/ModalContext.js";export{default as Select2Context}from"./contexts/Select2Context.js";export{default as TabsContext}from"./contexts/TabsContext.js";export{mapBackgroundColorType,mapBorderColorType,mapCategoryColorType,mapForegroundColorType,mapGradientColorType,mapShadowType,mapSurfaceColorType,mapThirdPartyColorType}from"./types/colors.js";export{withDisabledTooltip}from"./hocs/withDisabledTooltip.js";export{Alert}from"./components/Components/Alert/Alert.js";export{Avatar}from"./components/Components/Avatar/Avatar.js";export{Badge}from"./components/Components/Badge/Badge.js";export{Button}from"./components/Components/Button/Button.js";export{ButtonsGroup}from"./components/Components/Button/ButtonsGroup.js";export{ButtonTooltip}from"./components/Components/ButtonTooltip/ButtonTooltip.js";export{Card}from"./components/Components/Card/Card.js";export{CardCustomTrigger}from"./components/Components/Card/_elements_/CardCustomTrigger.js";export{Carousel}from"./components/Components/Carousel/Carousel.js";export{Collapse}from"./components/Components/Collapse/Collapse.js";export{CompactButtons}from"./components/Components/CompactButtons/CompactButtons.js";export{ContentTable,getTextAlignClass}from"./components/Components/ContentTable/ContentTable.js";export{ContentTableRow}from"./components/Components/ContentTable/ContentTableRow.js";export{Divider}from"./components/Components/Divider/Divider.js";export{Dropdown}from"./components/Components/Dropdown/Dropdown.js";export{DropdownDivider}from"./components/Components/Dropdown/_elements_/DropdownDivider.js";export{DropdownItem}from"./components/Components/Dropdown/_elements_/DropdownItem.js";export{DropdownMenu}from"./components/Components/Dropdown/_elements_/DropdownMenu.js";export{IconList}from"./components/Components/IconList/IconList.js";export{IconListItem}from"./components/Components/IconList/IconListItem.js";export{Image}from"./components/Components/Image/Image.js";export{Link}from"./components/Components/Link/Link.js";export{List}from"./components/Components/List/List.js";export{ListItem}from"./components/Components/List/ListItem.js";export{Loader}from"./components/Components/Loader/Loader.js";export{ModalContent}from"./components/Components/Modal/_elements_/ModalContent.js";export{ModalDialog}from"./components/Components/Modal/_elements_/ModalDialog.js";export{ModalFooter}from"./components/Components/Modal/_elements_/ModalFooter.js";export{ModalHeader}from"./components/Components/Modal/_elements_/ModalHeader.js";export{Modal}from"./components/Components/Modal/Modal.js";export{useModal}from"./components/Components/Modal/_elements_/Modal.hook.js";export{NotificationCard}from"./components/Components/NotificationCard/NotificationCard.js";export{Pills}from"./components/Components/Pills/Pills.js";export{default as SuperModal}from"./components/Components/SuperModal/_elements_/SuperModal.js";export{default as SuperModalContent}from"./components/Components/SuperModal/_elements_/SuperModalContent.js";export{default as SuperModalHeader}from"./components/Components/SuperModal/_elements_/SuperModalHeader.js";export{default as SuperModalProvider}from"./components/Components/SuperModal/_elements_/SuperModalProvider.js";export{SUPER_MODAL_PREFIX,useSuperModal}from"./components/Components/SuperModal/SuperModal.hook.js";export{SuperModalContext}from"./components/Components/SuperModal/SuperModal.context.js";export{Tag}from"./components/Components/Tag/Tag.js";export{Tile}from"./components/Components/Tile/Tile.js";export{ToastContainer}from"./components/Components/Toast/Toast.js";export{useToast}from"./components/Components/Toast/Toast.hook.js";export{Tooltip}from"./components/Components/Tooltip/Tooltip.js";export{UserAuth,UserAuthContent}from"./components/Components/UserAuth/UserAuth.js";export{DataTable,DataTableContext,useDataTableContext}from"./components/Components/dataTable/DataTable.js";export{DataTableItem}from"./components/Components/dataTable/DataTableItem.js";export{DataTableDivider}from"./components/Components/dataTable/DataTableDivider.js";export{Autocomplete,AutocompleteDropdownContentContainer}from"./components/Form/Autocomplete/Autocomplete.js";export{Checkbox}from"./components/Form/Checkbox/Checkbox.js";export{DatePicker}from"./components/Form/DatePicker/DatePicker.js";export{FileUpload}from"./components/Form/FileUpload/FileUpload.js";export{useFileUpload}from"./components/Form/FileUpload/FileUpload.hook.js";export{FormGroup2}from"./components/Form/FormGroup2/FormGroup2.js";export{Input}from"./components/Form/Input/Input.js";export{Label2}from"./components/Form/Label2/Label2.js";export{Multiselect}from"./components/Form/Multiselect/Multiselect.js";export{PersonCount}from"./components/Form/PersonCount/PersonCount.js";export{Radio}from"./components/Form/Radio/Radio.js";export{Select2CategorisedOptions}from"./components/Form/Select/_elements_/Select2CategorisedOptions.js";export{Select2Options}from"./components/Form/Select/_elements_/Select2Options.js";export{SelectedOption}from"./components/Form/Select/_elements_/SelectedOption.js";export{Select}from"./components/Form/Select/Select.js";export{Slider}from"./components/Form/Slider/Slider.js";export{Textarea}from"./components/Form/Textarea/Textarea.js";export{Toggle}from"./components/Form/Toggle/Toggle.js";export{AreaChart}from"./components/Graphs/AreaChart/AreaChart.js";export{BarChart}from"./components/Graphs/BarChart/BarChart.js";export{ChartLegend}from"./components/Graphs/ChartLegend/ChartLegend.js";export{PieChartExtended}from"./components/Graphs/PieChartExtended/PieChartExtended.js";export{App}from"./components/Layout/App/App.js";export{AppContent}from"./components/Layout/App/AppContent.js";export{AppMain}from"./components/Layout/App/AppMain.js";export{Box}from"./components/Layout/Box/Box.js";export{Flex}from"./components/Layout/Flex/Flex.js";export{Col}from"./components/Layout/Grid/Col.js";export{Row}from"./components/Layout/Grid/Row.js";export{Header}from"./components/Layout/Header/Header.js";export{MobilePanel}from"./components/Layout/MobilePanel/MobilePanel.js";export{useMobilePanel}from"./components/Layout/MobilePanel/MobilePanel.hook.js";export{Sidebar}from"./components/Layout/Sidebar/Sidebar.js";export{Menu}from"./components/Navigation/Menu/Menu.js";export{MenuItem}from"./components/Navigation/Menu/_elements_/MenuItem.js";export{MenuList}from"./components/Navigation/Menu/_elements_/MenuList.js";export{SubMenu}from"./components/Navigation/Menu/_elements_/SubMenu.js";export{SubMenuItem}from"./components/Navigation/Menu/_elements_/SubMenuItem.js";export{Stepper}from"./components/Navigation/Stepper/Stepper.js";export{Tabs}from"./components/Navigation/Tabs/Tabs.js";export{TabListItem}from"./components/Navigation/Tabs/_elements_/TabListItem.js";export{TabsBar}from"./components/Navigation/Tabs/_elements_/TabsBar.js";export{Amount}from"./components/Typography/Amount/Amount.js";export{Text}from"./components/Typography/Text/Text.js";export{Title}from"./components/Typography/Title/Title.js";o();
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":[null],"names":["customPolyfills"],"mappings":"4mQAIAA"}
+{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":[null],"names":["customPolyfills"],"mappings":"usQAIAA"}

package/package.json

@@ -3,7 +3,7 @@
   "module": "./index.js",
   "typings": "./index.d.ts",
   "name": "@mmb-digital/ds-lilly",
-  "version": "1.0.15",
+  "version": "1.0.17",
   "description": "MMB LILLY design system",
   "license": "UNLICENSED",
   "sideEffects": [