@maggioli-design-system/mds-push-notification 5.1.1 → 5.2.0

package/dist/collection/common/number.js

@@ -0,0 +1,5 @@
+const randomNumber = (min, max, integer = false) => {
+    const num = Math.random() * (max - min) + min;
+    return integer ? Math.floor(num) : num;
+};
+export { randomNumber, };

package/dist/collection/common/unit.js

@@ -7,6 +7,15 @@ const cssDurationToMilliseconds = (duration, defaultValue = 1000) => {
     }
     return defaultValue;
 };
+const cssDurationToSeconds = (duration, defaultValue = 1000) => {
+    if (duration.includes('ms')) {
+        return Number(duration.replace('ms', '')) / 1000;
+    }
+    if (duration.includes('s')) {
+        return Number(duration.replace('s', ''));
+    }
+    return defaultValue;
+};
 const cssSizeToNumber = (size, defaultValue = 0) => {
     if (size.includes('px')) {
         return Number(size.replace('px', ''));
@@ -19,4 +28,10 @@ const cssSizeToNumber = (size, defaultValue = 0) => {
     }
     return defaultValue;
 };
-export { cssDurationToMilliseconds, cssSizeToNumber, };
+const cssRotationToNumber = (size, defaultValue = 0) => {
+    if (size.includes('deg')) {
+        return Number(size.replace('deg', ''));
+    }
+    return defaultValue;
+};
+export { cssDurationToMilliseconds, cssDurationToSeconds, cssRotationToNumber, cssSizeToNumber, };

package/dist/collection/dictionary/button.js

@@ -11,12 +11,27 @@ const buttonVariantDictionary = [
     'success',
     'warning',
 ];
+const buttonDropdownVariantDictionary = [
+    'ai',
+    'dark',
+    'error',
+    'info',
+    'light',
+    'primary',
+    'secondary',
+    'success',
+    'warning',
+];
 const buttonToneVariantDictionary = [
     'strong',
     'weak',
     'ghost',
     'quiet',
 ];
+const buttonToneMinimalVariantDictionary = [
+    'strong',
+    'weak',
+];
 const buttonTargetDictionary = [
     'blank',
     'self',
@@ -36,4 +51,4 @@ const buttonTypeDictionary = [
     'submit',
     'reset',
 ];
-export { buttonIconPositionDictionary, buttonSizeDictionary, buttonTargetDictionary, buttonToneVariantDictionary, buttonTypeDictionary, buttonVariantDictionary, };
+export { buttonDropdownVariantDictionary, buttonIconPositionDictionary, buttonSizeDictionary, buttonTargetDictionary, buttonToneMinimalVariantDictionary, buttonToneVariantDictionary, buttonTypeDictionary, buttonVariantDictionary, };

package/dist/collection/dictionary/variant.js

@@ -18,6 +18,14 @@ const themeStatusVariantDictionary = [
     'success',
     'warning',
 ];
+const themeInputVariantDictionary = [
+    'ai',
+    'error',
+    'info',
+    'primary',
+    'success',
+    'warning',
+];
 const themeFullVariantDictionary = [
     'amaranth',
     'aqua',
@@ -113,4 +121,4 @@ const toneMinimalVariantDictionary = [
     'strong',
     'weak',
 ];
-export { themeFullVariantAvatarDictionary, themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, themeVariantChipDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneSmartVariantDictionary, toneVariantDictionary, };
+export { themeFullVariantAvatarDictionary, themeFullVariantDictionary, themeInputVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantChipDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneSmartVariantDictionary, toneVariantDictionary, };

package/dist/documentation.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-05-14T12:53:42",
+  "timestamp": "2025-06-23T15:01:25",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.27.2",

package/dist/stats.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-05-14T12:53:43",
+  "timestamp": "2025-06-23T15:01:25",
   "compiler": {
     "name": "node",
     "version": "22.11.0"
@@ -9,11 +9,11 @@
     "fsNamespace": "mds-push-notification",
     "components": 1,
     "entries": 1,
-    "bundles": 104,
+    "bundles": 105,
     "outputs": [
       {
         "name": "dist-collection",
-        "files": 56,
+        "files": 57,
         "generatedFiles": [
           "./dist/collection/common/aria.js",
           "./dist/collection/common/browser.js",
@@ -24,6 +24,7 @@
           "./dist/collection/common/icon.js",
           "./dist/collection/common/keyboard-manager.js",
           "./dist/collection/common/locale.js",
+          "./dist/collection/common/number.js",
           "./dist/collection/common/slot.js",
           "./dist/collection/common/string.js",
           "./dist/collection/common/unit.js",
@@ -773,6 +774,7 @@
     "./src/common/icon.ts": [],
     "./src/common/keyboard-manager.ts": [],
     "./src/common/locale.ts": [],
+    "./src/common/number.ts": [],
     "./src/common/slot.ts": [],
     "./src/common/string.ts": [],
     "./src/common/unit.ts": [],

package/dist/types/common/number.d.ts

@@ -0,0 +1,2 @@
+declare const randomNumber: (min: number, max: number, integer?: boolean) => number;
+export { randomNumber, };

package/dist/types/common/unit.d.ts

@@ -1,3 +1,5 @@
 declare const cssDurationToMilliseconds: (duration: string, defaultValue?: number) => number;
+declare const cssDurationToSeconds: (duration: string, defaultValue?: number) => number;
 declare const cssSizeToNumber: (size: string, defaultValue?: number) => number;
-export { cssDurationToMilliseconds, cssSizeToNumber, };
+declare const cssRotationToNumber: (size: string, defaultValue?: number) => number;
+export { cssDurationToMilliseconds, cssDurationToSeconds, cssRotationToNumber, cssSizeToNumber, };

package/dist/types/dictionary/button.d.ts

@@ -1,7 +1,9 @@
 declare const buttonVariantDictionary: string[];
+declare const buttonDropdownVariantDictionary: string[];
 declare const buttonToneVariantDictionary: string[];
+declare const buttonToneMinimalVariantDictionary: string[];
 declare const buttonTargetDictionary: string[];
 declare const buttonSizeDictionary: string[];
 declare const buttonIconPositionDictionary: string[];
 declare const buttonTypeDictionary: string[];
-export { buttonIconPositionDictionary, buttonSizeDictionary, buttonTargetDictionary, buttonToneVariantDictionary, buttonTypeDictionary, buttonVariantDictionary, };
+export { buttonDropdownVariantDictionary, buttonIconPositionDictionary, buttonSizeDictionary, buttonTargetDictionary, buttonToneMinimalVariantDictionary, buttonToneVariantDictionary, buttonTypeDictionary, buttonVariantDictionary, };

package/dist/types/dictionary/variant.d.ts

@@ -1,6 +1,7 @@
 declare const themeVariantDictionary: string[];
 declare const themeLuminanceVariantDictionary: string[];
 declare const themeStatusVariantDictionary: string[];
+declare const themeInputVariantDictionary: string[];
 declare const themeFullVariantDictionary: string[];
 declare const themeFullVariantAvatarDictionary: string[];
 declare const themeLabelVariantDictionary: string[];
@@ -10,4 +11,4 @@ declare const toneActionVariantDictionary: string[];
 declare const toneSimpleVariantDictionary: string[];
 declare const toneSmartVariantDictionary: string[];
 declare const toneMinimalVariantDictionary: string[];
-export { themeFullVariantAvatarDictionary, themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, themeVariantChipDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneSmartVariantDictionary, toneVariantDictionary, };
+export { themeFullVariantAvatarDictionary, themeFullVariantDictionary, themeInputVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantChipDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneSmartVariantDictionary, toneVariantDictionary, };

package/dist/types/type/button.d.ts

@@ -3,3 +3,4 @@ export type ButtonTargetType = 'self' | 'blank';
 export type ButtonSizeType = 'sm' | 'md' | 'lg' | 'xl';
 export type ButtonIconPositionType = 'left' | 'right';
 export type ButtonVariantType = 'ai' | 'apple' | 'dark' | 'error' | 'google' | 'info' | 'light' | 'primary' | 'secondary' | 'success' | 'warning';
+export type ButtonDropdownVariantType = 'ai' | 'dark' | 'error' | 'info' | 'light' | 'primary' | 'secondary' | 'success' | 'warning';

package/dist/types/type/variant.d.ts

@@ -1,4 +1,5 @@
 export type ThemeStatusVariantType = 'error' | 'info' | 'success' | 'warning';
+export type ThemeInputVariantType = 'primary' | 'ai' | 'error' | 'info' | 'success' | 'warning';
 export type ThemeVariantType = 'ai' | 'dark' | 'error' | 'info' | 'light' | 'primary' | 'success' | 'warning';
 export type ThemeFullVariantType = 'amaranth' | 'aqua' | 'blue' | 'dark' | 'error' | 'green' | 'info' | 'light' | 'lime' | 'orange' | 'orchid' | 'sky' | 'success' | 'violet' | 'warning' | 'yellow';
 export type ThemeFullVariantAvatarType = 'amaranth' | 'aqua' | 'blue' | 'error' | 'green' | 'info' | 'lime' | 'orange' | 'orchid' | 'primary' | 'sky' | 'success' | 'violet' | 'warning' | 'yellow';

package/documentation.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-05-14T12:14:14",
+  "timestamp": "2025-06-23T13:28:32",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.27.2",
@@ -399,6 +399,11 @@
       "docstring": "",
       "path": "src/type/text.ts"
     },
+    "src/type/button.ts::ButtonDropdownVariantType": {
+      "declaration": "export type ButtonDropdownVariantType =\n  | 'ai'\n  | 'dark'\n  | 'error'\n  | 'info'\n  | 'light'\n  | 'primary'\n  | 'secondary'\n  | 'success'\n  | 'warning'",
+      "docstring": "",
+      "path": "src/type/button.ts"
+    },
     "src/components/mds-calendar-cell/meta/types.ts::CalendarCellType": {
       "declaration": "export type CalendarCellType =\n  | 'other'\n  | 'current'\n  | 'weekend'",
       "docstring": "",
@@ -539,8 +544,8 @@
       "docstring": "",
       "path": "src/type/input.ts"
     },
-    "src/type/variant.ts::ThemeStatusVariantType": {
-      "declaration": "export type ThemeStatusVariantType =\n  | 'error'\n  | 'info'\n  | 'success'\n  | 'warning'",
+    "src/type/variant.ts::ThemeInputVariantType": {
+      "declaration": "export type ThemeInputVariantType =\n  | 'primary'\n  | 'ai'\n  | 'error'\n  | 'info'\n  | 'success'\n  | 'warning'",
       "docstring": "",
       "path": "src/type/variant.ts"
     },
@@ -569,6 +574,11 @@
       "docstring": "",
       "path": "src/components/mds-input/meta/validators.ts"
     },
+    "src/type/variant.ts::ThemeStatusVariantType": {
+      "declaration": "export type ThemeStatusVariantType =\n  | 'error'\n  | 'info'\n  | 'success'\n  | 'warning'",
+      "docstring": "",
+      "path": "src/type/variant.ts"
+    },
     "src/components/mds-input-switch/meta/types.ts::InputSwitchSizeType": {
       "declaration": "export type InputSwitchSizeType =\n  | 'sm'\n  | 'md'\n  | 'lg'",
       "docstring": "",
@@ -624,6 +634,11 @@
       "docstring": "",
       "path": "src/type/typography.ts"
     },
+    "src/components/mds-mention/meta/type.ts::MentionSize": {
+      "declaration": "export type MentionSize =\n  | 'sm'\n  | 'md'\n  | 'lg'",
+      "docstring": "",
+      "path": "src/components/mds-mention/meta/type.ts"
+    },
     "src/components/mds-modal/meta/types.ts::ModalPositionType": {
       "declaration": "export type ModalPositionType =\n  | 'bottom'\n  | 'bottom-left'\n  | 'bottom-right'\n  | 'center'\n  | 'left'\n  | 'right'\n  | 'top'\n  | 'top-left'\n  | 'top-right'",
       "docstring": "",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maggioli-design-system/mds-push-notification",
-  "version": "5.1.1",
+  "version": "5.2.0",
   "description": "mds-push-notification is a web-component from Magma Design System, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -24,8 +24,8 @@
     "test": "stencil test --spec --e2e"
   },
   "dependencies": {
-    "@maggioli-design-system/mds-push-notification-item": "1.1.1",
-    "@maggioli-design-system/styles": "15.10.0",
+    "@maggioli-design-system/mds-push-notification-item": "1.2.0",
+    "@maggioli-design-system/styles": "15.11.0",
     "@stencil/core": "4.27.2",
     "clsx": "2.1.0"
   },

package/src/common/number.ts

@@ -0,0 +1,8 @@
+const randomNumber = (min: number, max: number, integer: boolean = false): number => {
+  const num = Math.random() * (max - min) + min
+  return integer ? Math.floor(num) : num
+}
+
+export {
+  randomNumber,
+}

package/src/common/unit.ts

@@ -11,6 +11,19 @@ const cssDurationToMilliseconds = (duration: string, defaultValue = 1000): numbe
   return defaultValue
 }
 
+const cssDurationToSeconds = (duration: string, defaultValue = 1000): number => {
+
+  if (duration.includes('ms')) {
+    return Number(duration.replace('ms', '')) / 1000
+  }
+
+  if (duration.includes('s')) {
+    return Number(duration.replace('s', ''))
+  }
+
+  return defaultValue
+}
+
 const cssSizeToNumber = (size: string, defaultValue = 0): number => {
   if (size.includes('px')) {
     return Number(size.replace('px', ''))
@@ -27,7 +40,17 @@ const cssSizeToNumber = (size: string, defaultValue = 0): number => {
   return defaultValue
 }
 
+const cssRotationToNumber = (size: string, defaultValue = 0): number => {
+  if (size.includes('deg')) {
+    return Number(size.replace('deg', ''))
+  }
+
+  return defaultValue
+}
+
 export {
   cssDurationToMilliseconds,
+  cssDurationToSeconds,
+  cssRotationToNumber,
   cssSizeToNumber,
 }

package/src/dictionary/button.ts

@@ -12,6 +12,18 @@ const buttonVariantDictionary = [
   'warning',
 ]
 
+const buttonDropdownVariantDictionary = [
+  'ai',
+  'dark',
+  'error',
+  'info',
+  'light',
+  'primary',
+  'secondary',
+  'success',
+  'warning',
+]
+
 const buttonToneVariantDictionary = [
   'strong',
   'weak',
@@ -19,6 +31,11 @@ const buttonToneVariantDictionary = [
   'quiet',
 ]
 
+const buttonToneMinimalVariantDictionary = [
+  'strong',
+  'weak',
+]
+
 const buttonTargetDictionary = [
   'blank',
   'self',
@@ -43,9 +60,11 @@ const buttonTypeDictionary = [
 ]
 
 export {
+  buttonDropdownVariantDictionary,
   buttonIconPositionDictionary,
   buttonSizeDictionary,
   buttonTargetDictionary,
+  buttonToneMinimalVariantDictionary,
   buttonToneVariantDictionary,
   buttonTypeDictionary,
   buttonVariantDictionary,

package/src/dictionary/variant.ts

@@ -21,6 +21,15 @@ const themeStatusVariantDictionary = [
   'warning',
 ]
 
+const themeInputVariantDictionary = [
+  'ai',
+  'error',
+  'info',
+  'primary',
+  'success',
+  'warning',
+]
+
 const themeFullVariantDictionary = [
   'amaranth',
   'aqua',
@@ -128,11 +137,12 @@ const toneMinimalVariantDictionary = [
 export {
   themeFullVariantAvatarDictionary,
   themeFullVariantDictionary,
+  themeInputVariantDictionary,
   themeLabelVariantDictionary,
   themeLuminanceVariantDictionary,
   themeStatusVariantDictionary,
-  themeVariantDictionary,
   themeVariantChipDictionary,
+  themeVariantDictionary,
   toneActionVariantDictionary,
   toneMinimalVariantDictionary,
   toneSimpleVariantDictionary,

package/src/fixtures/icons.json

@@ -53,6 +53,8 @@
     "mgg/adv-denied",
     "mgg/ai-brain",
     "mgg/ai-brain-outline",
+    "mgg/ai-chatbot",
+    "mgg/ai-chatbot-outline",
     "mgg/ai-human",
     "mgg/ai-message",
     "mgg/ai-outline",
@@ -116,6 +118,7 @@
     "mgg/document-magic",
     "mgg/document-rename",
     "mgg/download-csv",
+    "mgg/download-html",
     "mgg/download-json",
     "mgg/edit-article",
     "mgg/electronic-document",
@@ -138,6 +141,7 @@
     "mgg/file-download",
     "mgg/file-folder-tree",
     "mgg/file-folder-tree-open",
+    "mgg/file-html",
     "mgg/file-import",
     "mgg/file-odt",
     "mgg/file-rtf",
@@ -339,6 +343,7 @@
     "mi/baseline/add-circle",
     "mi/baseline/adobe",
     "mi/baseline/agriculture",
+    "mi/baseline/alternate-email",
     "mi/baseline/animation",
     "mi/baseline/arrow-back",
     "mi/baseline/arrow-back-ios-new",
@@ -372,6 +377,7 @@
     "mi/baseline/directions-run",
     "mi/baseline/directions-walk",
     "mi/baseline/done",
+    "mi/baseline/done-all",
     "mi/baseline/downhill-skiing",
     "mi/baseline/draw",
     "mi/baseline/eco",
@@ -429,6 +435,8 @@
     "mi/baseline/sports-soccer",
     "mi/baseline/stadium",
     "mi/baseline/terminal",
+    "mi/baseline/text-format",
+    "mi/baseline/text-rotate-up",
     "mi/baseline/timer",
     "mi/baseline/tv",
     "mi/baseline/undo",
@@ -442,12 +450,15 @@
     "mi/baseline/warning",
     "mi/baseline/warning-amber",
     "mi/baseline/web",
+    "mi/baseline/wrap-text",
     "mi/baseline/wysiwyg",
     "mi/outline/auto-awesome",
     "mi/outline/backspace",
     "mi/outline/circle",
     "mi/outline/dark-mode",
     "mi/outline/help-outline",
+    "mi/outline/mic",
+    "mi/outline/mic-off",
     "mi/outline/policy",
     "mi/outline/schedule",
     "mi/round/arrow-circle-down",

package/src/fixtures/iconsauce.json

@@ -23,6 +23,8 @@
     "mgg/adv-denied",
     "mgg/ai-brain-outline",
     "mgg/ai-brain",
+    "mgg/ai-chatbot-outline",
+    "mgg/ai-chatbot",
     "mgg/ai-human",
     "mgg/ai-message",
     "mgg/ai-outline",
@@ -86,6 +88,7 @@
     "mgg/document-magic",
     "mgg/document-rename",
     "mgg/download-csv",
+    "mgg/download-html",
     "mgg/download-json",
     "mgg/edit-article",
     "mgg/electronic-document",
@@ -108,6 +111,7 @@
     "mgg/file-download",
     "mgg/file-folder-tree-open",
     "mgg/file-folder-tree",
+    "mgg/file-html",
     "mgg/file-import",
     "mgg/file-odt",
     "mgg/file-rtf",

package/src/type/button.ts

@@ -30,3 +30,14 @@ export type ButtonVariantType =
   | 'secondary'
   | 'success'
   | 'warning'
+
+export type ButtonDropdownVariantType =
+  | 'ai'
+  | 'dark'
+  | 'error'
+  | 'info'
+  | 'light'
+  | 'primary'
+  | 'secondary'
+  | 'success'
+  | 'warning'

package/src/type/variant.ts

@@ -4,6 +4,14 @@ export type ThemeStatusVariantType =
   | 'success'
   | 'warning'
 
+export type ThemeInputVariantType =
+  | 'primary'
+  | 'ai'
+  | 'error'
+  | 'info'
+  | 'success'
+  | 'warning'
+
 export type ThemeVariantType =
   | 'ai'
   | 'dark'