@maggioli-design-system/mds-input-select 3.4.1 → 3.4.3

package/dist/collection/common/floating-controller.js

@@ -117,6 +117,7 @@ export class FloatingController {
                     left: `${x}px`,
                     top: `${y}px`,
                     transformOrigin: this.convertToTransformOrigin(placement),
+                    position: this._host.strategy,
                 });
                 const arrowStyle = {};
                 const arrowPosition = {
@@ -151,12 +152,14 @@ export class FloatingController {
         return caller;
     }
     updatePosition() {
-        if (this.cleanupAutoUpdate)
-            this.cleanupAutoUpdate();
-        this.cleanupAutoUpdate = autoUpdate(this._caller, this._host, this.calculatePosition);
+        if (this._host.visible) {
+            this.dismiss(); // to clean the old update function before update function
+            this.cleanupAutoUpdate = autoUpdate(this._caller, this._host, this.calculatePosition);
+        }
     }
     dismiss() {
-        this.cleanupAutoUpdate();
+        if (this.cleanupAutoUpdate)
+            this.cleanupAutoUpdate();
     }
 }
 export class Backdrop {

package/dist/collection/dictionary/button.js

@@ -1,6 +1,9 @@
 const buttonVariantDictionary = [
+    'ai',
+    'apple',
     'dark',
     'error',
+    'google',
     'info',
     'light',
     'primary',

package/dist/collection/dictionary/variant.js

@@ -1,4 +1,5 @@
 const themeVariantDictionary = [
+    'ai',
     'dark',
     'error',
     'info',
@@ -71,13 +72,24 @@ const toneVariantDictionary = [
     'quiet',
 ];
 const themeVariantChipDictionary = [
-    'primary',
-    'secondary',
+    'ai',
+    'amaranth',
+    'aqua',
+    'blue',
     'dark',
     'error',
+    'green',
     'info',
+    'lime',
+    'orange',
+    'orchid',
+    'primary',
+    'secondary',
+    'sky',
     'success',
+    'violet',
     'warning',
+    'yellow',
 ];
 const toneActionVariantDictionary = [
     'primary',

package/dist/documentation.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-03-18T08:25:39",
+  "timestamp": "2025-05-14T14:46:06",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.27.2",

package/dist/stats.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-03-18T08:25:39",
+  "timestamp": "2025-05-14T14:46:07",
   "compiler": {
     "name": "node",
     "version": "22.11.0"

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

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

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

@@ -1,7 +1,7 @@
 export type InputControlsLayoutType = 'horizontal' | 'vertical';
 export type InputControlsIconType = 'arrow' | 'arithmetic';
 export type InputValueType = null | number | string | undefined;
-export type InputTextType = 'date' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'textarea' | 'time' | 'url';
+export type InputTextType = 'date' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'textarea' | 'time' | 'url' | 'cc' | 'cf' | 'isbn' | 'piva';
 export interface MdsInputEventDetail {
     value?: File | string | FormData | null;
 }

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

@@ -1,11 +1,11 @@
 export type ThemeStatusVariantType = 'error' | 'info' | 'success' | 'warning';
-export type ThemeVariantType = 'dark' | 'error' | 'info' | 'light' | 'primary' | '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';
 export type ThemeLuminanceVariantType = 'dark' | 'light';
 export type LabelVariantType = 'amaranth' | 'aqua' | 'blue' | 'green' | 'lime' | 'orange' | 'orchid' | 'sky' | 'violet' | 'yellow';
 export type ActionVariantType = 'primary' | 'dark' | 'light';
-export type ChipVariantType = 'primary' | 'secondary' | 'dark' | 'error' | 'info' | 'success' | 'warning';
+export type ChipVariantType = 'ai' | 'amaranth' | 'aqua' | 'blue' | 'dark' | 'error' | 'green' | 'info' | 'lime' | 'orange' | 'orchid' | 'primary' | 'secondary' | 'sky' | 'success' | 'violet' | 'warning' | 'yellow';
 export type StateVariantType = 'disabled' | 'focused' | 'readonly';
 export type ToneActionVariantType = 'primary' | 'secondary' | 'strong' | 'weak' | 'ghost' | 'quiet';
 export type ToneVariantType = 'strong' | 'weak' | 'ghost' | 'quiet';

package/documentation.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-03-18T08:12:04",
+  "timestamp": "2025-05-14T12:14:14",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.27.2",
@@ -361,6 +361,11 @@
     }
   ],
   "typeLibrary": {
+    "src/components/mds-input-date-range/mds-input-date-range.tsx::EventDate": {
+      "declaration": "export interface EventDate {\n  caller: HTMLMdsInputDateRangePreselectionElement\n  start: string,\n  end?: string\n}",
+      "docstring": "",
+      "path": "src/components/mds-input-date-range/mds-input-date-range.tsx"
+    },
     "src/components/mds-accordion/meta/event-detail.ts::MdsAccordionEventDetail": {
       "declaration": "export interface MdsAccordionEventDetail {\n  children: NodeListOf<HTMLMdsAccordionItemElement>\n  selected: string\n}",
       "docstring": "",
@@ -396,6 +401,11 @@
       "docstring": "",
       "path": "src/type/variant.ts"
     },
+    "src/components/mds-avatar-stack/meta/types.ts::AvatarSizeType": {
+      "declaration": "export type AvatarSizeType =\n  | 'sm'\n  | 'md'\n  | 'lg'",
+      "docstring": "",
+      "path": "src/components/mds-avatar-stack/meta/types.ts"
+    },
     "src/type/variant.ts::ThemeFullVariantType": {
       "declaration": "export type ThemeFullVariantType =\n  | 'amaranth'\n  | 'aqua'\n  | 'blue'\n  | 'dark'\n  | 'error'\n  | 'green'\n  | 'info'\n  | 'light'\n  | 'lime'\n  | 'orange'\n  | 'orchid'\n  | 'sky'\n  | 'success'\n  | 'violet'\n  | 'warning'\n  | 'yellow'",
       "docstring": "",
@@ -422,7 +432,7 @@
       "path": "src/type/typography.ts"
     },
     "src/type/variant.ts::ThemeVariantType": {
-      "declaration": "export type ThemeVariantType =\n  | 'dark'\n  | 'error'\n  | 'info'\n  | 'light'\n  | 'primary'\n  | 'success'\n  | 'warning'",
+      "declaration": "export type ThemeVariantType =\n  | 'ai'\n  | 'dark'\n  | 'error'\n  | 'info'\n  | 'light'\n  | 'primary'\n  | 'success'\n  | 'warning'",
       "docstring": "",
       "path": "src/type/variant.ts"
     },
@@ -467,7 +477,7 @@
       "path": "src/type/button.ts"
     },
     "src/type/button.ts::ButtonVariantType": {
-      "declaration": "export type ButtonVariantType =\n  | 'primary'\n  | 'secondary'\n  | 'dark'\n  | 'light'\n  | 'error'\n  | 'info'\n  | 'success'\n  | 'warning'",
+      "declaration": "export type ButtonVariantType =\n  | 'ai'\n  | 'apple'\n  | 'dark'\n  | 'error'\n  | 'google'\n  | 'info'\n  | 'light'\n  | 'primary'\n  | 'secondary'\n  | 'success'\n  | 'warning'",
       "docstring": "",
       "path": "src/type/button.ts"
     },
@@ -486,8 +496,23 @@
       "docstring": "",
       "path": "src/type/text.ts"
     },
+    "src/components/mds-calendar-cell/meta/types.ts::CalendarCellType": {
+      "declaration": "export type CalendarCellType =\n  | 'other'\n  | 'current'\n  | 'weekend'",
+      "docstring": "",
+      "path": "src/components/mds-calendar-cell/meta/types.ts"
+    },
+    "src/components/mds-calendar-cell/meta/types.ts::CalendarCellSelectionOrieintationType": {
+      "declaration": "export type CalendarCellSelectionOrieintationType =\n  | 'both'\n  | 'horizontal'\n  | 'vertical'",
+      "docstring": "",
+      "path": "src/components/mds-calendar-cell/meta/types.ts"
+    },
+    "src/components/mds-calendar-cell/meta/types.ts::CalendarCellSelectionPositionType": {
+      "declaration": "export type CalendarCellSelectionPositionType =\n  | 'end'\n  | 'middle'\n  | 'none'\n  | 'start'\n  | 'single'",
+      "docstring": "",
+      "path": "src/components/mds-calendar-cell/meta/types.ts"
+    },
     "src/type/variant.ts::ChipVariantType": {
-      "declaration": "export type ChipVariantType =\n  | 'primary'\n  | 'secondary'\n  | 'dark'\n  | 'error'\n  | 'info'\n  | 'success'\n  | 'warning'",
+      "declaration": "export type ChipVariantType =\n  | 'ai'\n  | 'amaranth'\n  | 'aqua'\n  | 'blue'\n  | 'dark'\n  | 'error'\n  | 'green'\n  | 'info'\n  | 'lime'\n  | 'orange'\n  | 'orchid'\n  | 'primary'\n  | 'secondary'\n  | 'sky'\n  | 'success'\n  | 'violet'\n  | 'warning'\n  | 'yellow'",
       "docstring": "",
       "path": "src/type/variant.ts"
     },
@@ -566,6 +591,11 @@
       "docstring": "",
       "path": "src/components/mds-horizontal-scroll/meta/types.ts"
     },
+    "src/components/mds-horizontal-scroll/meta/types.ts::NavigationType": {
+      "declaration": "export type NavigationType =\n  | 'none'\n  | 'scrollbar'\n  | 'position'",
+      "docstring": "",
+      "path": "src/components/mds-horizontal-scroll/meta/types.ts"
+    },
     "src/components/mds-horizontal-scroll/meta/types.ts::SnapType": {
       "declaration": "export type SnapType =\n  | 'center'\n  | 'end'\n  | 'none'\n  | 'start'",
       "docstring": "",
@@ -612,7 +642,7 @@
       "path": "src/type/variant.ts"
     },
     "src/type/input.ts::InputTextType": {
-      "declaration": "export type InputTextType =\n  | 'date'\n  | 'email'\n  | 'number'\n  | 'password'\n  | 'search'\n  | 'tel'\n  | 'text'\n  | 'textarea'\n  | 'time'\n  | 'url'",
+      "declaration": "export type InputTextType =\n  | 'date'\n  | 'email'\n  | 'number'\n  | 'password'\n  | 'search'\n  | 'tel'\n  | 'text'\n  | 'textarea'\n  | 'time'\n  | 'url'\n  | 'cc'\n  | 'cf'\n  | 'isbn'\n  | 'piva'",
       "docstring": "",
       "path": "src/type/input.ts"
     },
@@ -626,20 +656,15 @@
       "docstring": "",
       "path": "src/type/input.ts"
     },
-    "src/components/mds-input-field/meta/types.ts::InputFieldType": {
-      "declaration": "export type InputFieldType =\n  | 'date'\n  | 'email'\n  | 'number'\n  | 'password'\n  | 'search'\n  | 'tel'\n  | 'text'\n  | 'textarea'\n  | 'time'\n  | 'url'\n  | 'cc'\n  | 'cf'\n  | 'isbn'\n  | 'piva'",
-      "docstring": "",
-      "path": "src/components/mds-input-field/meta/types.ts"
-    },
-    "src/components/mds-input-field/meta/validators.ts::MdsValidatorFn": {
+    "src/components/mds-input/meta/validators.ts::MdsValidatorFn": {
       "declaration": "(input: string) => null | MdsValidationErrors",
       "docstring": "",
-      "path": "src/components/mds-input-field/meta/validators.ts"
+      "path": "src/components/mds-input/meta/validators.ts"
     },
-    "src/components/mds-input-field/meta/validators.ts::MdsValidationErrors": {
+    "src/components/mds-input/meta/validators.ts::MdsValidationErrors": {
       "declaration": "export interface MdsValidationErrors {\n  [key: string]: string\n}",
       "docstring": "",
-      "path": "src/components/mds-input-field/meta/validators.ts"
+      "path": "src/components/mds-input/meta/validators.ts"
     },
     "src/components/mds-input-switch/meta/types.ts::InputSwitchSizeType": {
       "declaration": "export type InputSwitchSizeType =\n  | 'sm'\n  | 'md'\n  | 'lg'",
@@ -706,6 +731,11 @@
       "docstring": "",
       "path": "src/components/mds-modal/meta/types.ts"
     },
+    "src/components/mds-modal/meta/types.ts::ModalAnimationStyleType": {
+      "declaration": "export type ModalAnimationStyleType =\n  | 'slide'\n  | 'custom'\n  | '3d'",
+      "docstring": "",
+      "path": "src/components/mds-modal/meta/types.ts"
+    },
     "src/components/mds-modal/meta/types.ts::ModalOverflowType": {
       "declaration": "export type ModalOverflowType =\n  | 'auto'\n  | 'manual'",
       "docstring": "",
@@ -726,6 +756,11 @@
       "docstring": "",
       "path": "src/components/mds-paginator/meta/event-detail.ts"
     },
+    "src/components/mds-policy-ai/meta/types.ts::PolicyAiVariant": {
+      "declaration": "export type PolicyAiVariant =\n  | 'icon'\n  | 'chip'\n  | 'card'\n  | 'banner'",
+      "docstring": "",
+      "path": "src/components/mds-policy-ai/meta/types.ts"
+    },
     "src/components/mds-pref-animation/meta/types.ts::AnimationModeType": {
       "declaration": "export type AnimationModeType =\n  | 'reduce'\n  | 'no-preference'\n  | 'system'",
       "docstring": "",
@@ -771,26 +806,41 @@
       "docstring": "",
       "path": "src/components/mds-progress/meta/types.ts"
     },
-    "src/components/mds-push-notification/meta/types.ts::NotificationDateFormatType": {
+    "src/components/mds-push-notification/meta/event-detail.ts::MdsPushNotificationEventDetail": {
+      "declaration": "export interface MdsPushNotificationEventDetail {\n  visible: boolean\n}",
+      "docstring": "",
+      "path": "src/components/mds-push-notification/meta/event-detail.ts"
+    },
+    "src/components/mds-push-notification-item/meta/types.ts::NotificationItemDateFormatType": {
       "declaration": "string",
       "docstring": "",
-      "path": "src/components/mds-push-notification/meta/types.ts"
+      "path": "src/components/mds-push-notification-item/meta/types.ts"
     },
-    "src/components/mds-push-notification/meta/types.ts::NotificationPreviewType": {
-      "declaration": "export type NotificationPreviewType =\n  | 'avatar'\n  | 'image'",
+    "src/components/mds-push-notification-item/meta/types.ts::NotificationItemPreviewType": {
+      "declaration": "export type NotificationItemPreviewType =\n  | 'avatar'\n  | 'image'",
       "docstring": "",
-      "path": "src/components/mds-push-notification/meta/types.ts"
+      "path": "src/components/mds-push-notification-item/meta/types.ts"
     },
-    "src/components/mds-push-notification/meta/event-detail.ts::MdsPushNotificationEventDetail": {
-      "declaration": "export interface MdsPushNotificationEventDetail {\n  id: string;\n}",
+    "src/components/mds-push-notification-item/meta/event-detail.ts::MdsPushNotificationItemEventDetail": {
+      "declaration": "export interface MdsPushNotificationItemEventDetail {\n  id: string;\n}",
       "docstring": "",
-      "path": "src/components/mds-push-notification/meta/event-detail.ts"
+      "path": "src/components/mds-push-notification-item/meta/event-detail.ts"
     },
     "src/type/text.ts::TypographyHeadingTagType": {
       "declaration": "export type TypographyHeadingTagType =\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'",
       "docstring": "",
       "path": "src/type/text.ts"
     },
+    "src/components/mds-radial-menu/meta/types.ts::Direction": {
+      "declaration": "export type Direction =\n  | 'clockwise'\n  | 'counterclockwise'",
+      "docstring": "",
+      "path": "src/components/mds-radial-menu/meta/types.ts"
+    },
+    "src/components/mds-radial-menu/meta/types.ts::Interaction": {
+      "declaration": "export type Interaction =\n  | 'click'\n  | 'rightclick'",
+      "docstring": "",
+      "path": "src/components/mds-radial-menu/meta/types.ts"
+    },
     "src/components/mds-stepper-bar/meta/event-detail.ts::MdsStepperBarEventDetail": {
       "declaration": "export interface MdsStepperBarEventDetail {\n  step: number\n  value: string\n}",
       "docstring": "",
@@ -851,11 +901,6 @@
       "docstring": "",
       "path": "src/type/text.ts"
     },
-    "src/type/variant.ts::ThemeLuminanceVariantType": {
-      "declaration": "export type ThemeLuminanceVariantType =\n  | 'dark'\n  | 'light'",
-      "docstring": "",
-      "path": "src/type/variant.ts"
-    },
     "src/components/mds-toast/meta/types.ts::ToastPosition": {
       "declaration": "export type ToastPosition =\n  | 'top-left'\n  | 'top-center'\n  | 'top-right'\n  | 'bottom-left'\n  | 'bottom-center'\n  | 'bottom-right'",
       "docstring": "",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maggioli-design-system/mds-input-select",
-  "version": "3.4.1",
+  "version": "3.4.3",
   "description": "mds-input-select 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/styles": "15.9.0",
-    "@maggioli-design-system/mds-input-tip": "1.5.1",
+    "@maggioli-design-system/styles": "15.10.0",
+    "@maggioli-design-system/mds-input-tip": "1.5.3",
     "@stencil/core": "4.27.2",
     "clsx": "2.1.0"
   },

package/src/common/floating-controller.ts

@@ -201,6 +201,7 @@ export class FloatingController {
         left: `${x}px`,
         top: `${y}px`,
         transformOrigin: this.convertToTransformOrigin(placement),
+        position: this._host.strategy,
       })
 
       const arrowStyle = {}
@@ -224,12 +225,14 @@ export class FloatingController {
   }
 
   updatePosition (): void {
-    if (this.cleanupAutoUpdate) this.cleanupAutoUpdate()
-    this.cleanupAutoUpdate = autoUpdate(this._caller, this._host, this.calculatePosition)
+    if (this._host.visible) {
+      this.dismiss() // to clean the old update function before update function
+      this.cleanupAutoUpdate = autoUpdate(this._caller, this._host, this.calculatePosition)
+    }
   }
 
   dismiss (): void {
-    this.cleanupAutoUpdate()
+    if (this.cleanupAutoUpdate) this.cleanupAutoUpdate()
   }
 }
 

package/src/dictionary/button.ts

@@ -1,6 +1,9 @@
 const buttonVariantDictionary = [
+  'ai',
+  'apple',
   'dark',
   'error',
+  'google',
   'info',
   'light',
   'primary',

package/src/dictionary/variant.ts

@@ -1,4 +1,5 @@
 const themeVariantDictionary = [
+  'ai',
   'dark',
   'error',
   'info',
@@ -78,13 +79,24 @@ const toneVariantDictionary = [
 ]
 
 const themeVariantChipDictionary = [
-  'primary',
-  'secondary',
+  'ai',
+  'amaranth',
+  'aqua',
+  'blue',
   'dark',
   'error',
+  'green',
   'info',
+  'lime',
+  'orange',
+  'orchid',
+  'primary',
+  'secondary',
+  'sky',
   'success',
+  'violet',
   'warning',
+  'yellow',
 ]
 
 const toneActionVariantDictionary = [

package/src/fixtures/icons.json

@@ -1,5 +1,6 @@
 [
     "mdi/alien",
+    "mdi/apple",
     "mdi/apple-keyboard-shift",
     "mdi/barley",
     "mdi/baseball",
@@ -7,6 +8,7 @@
     "mdi/delete",
     "mdi/dots-vertical",
     "mdi/email",
+    "mdi/eye-off-outline",
     "mdi/file-document-remove-outline",
     "mdi/file-download-outline",
     "mdi/file-upload-outline",
@@ -17,6 +19,14 @@
     "mdi/license",
     "mdi/map-marker",
     "mdi/npm",
+    "mdi/numeric-1",
+    "mdi/numeric-2",
+    "mdi/numeric-3",
+    "mdi/numeric-4",
+    "mdi/numeric-5",
+    "mdi/numeric-6",
+    "mdi/numeric-7",
+    "mdi/numeric-8",
     "mdi/replay",
     "mdi/vector-curve",
     "mgg/abitazione-principale",
@@ -331,18 +341,23 @@
     "mi/baseline/agriculture",
     "mi/baseline/animation",
     "mi/baseline/arrow-back",
+    "mi/baseline/arrow-back-ios-new",
     "mi/baseline/arrow-forward",
+    "mi/baseline/arrow-forward-ios",
     "mi/baseline/attach-file",
     "mi/baseline/attachment",
     "mi/baseline/audiotrack",
     "mi/baseline/auto-awesome",
     "mi/baseline/badge",
+    "mi/baseline/block",
     "mi/baseline/book",
     "mi/baseline/border-all",
     "mi/baseline/broken-image",
+    "mi/baseline/calendar-today",
     "mi/baseline/call",
     "mi/baseline/cancel",
     "mi/baseline/category",
+    "mi/baseline/check",
     "mi/baseline/check-box",
     "mi/baseline/check-box-outline-blank",
     "mi/baseline/check-circle",
@@ -360,6 +375,7 @@
     "mi/baseline/downhill-skiing",
     "mi/baseline/draw",
     "mi/baseline/eco",
+    "mi/baseline/edit",
     "mi/baseline/email",
     "mi/baseline/error",
     "mi/baseline/expand-more",
@@ -373,6 +389,7 @@
     "mi/baseline/indeterminate-check-box",
     "mi/baseline/info",
     "mi/baseline/insert-drive-file",
+    "mi/baseline/ios-share",
     "mi/baseline/keyboard",
     "mi/baseline/keyboard-arrow-down",
     "mi/baseline/keyboard-arrow-left",
@@ -384,6 +401,7 @@
     "mi/baseline/keyboard-return",
     "mi/baseline/keyboard-tab",
     "mi/baseline/light-mode",
+    "mi/baseline/list-alt",
     "mi/baseline/local-activity",
     "mi/baseline/location-city",
     "mi/baseline/lock-open",
@@ -396,10 +414,13 @@
     "mi/baseline/panorama",
     "mi/baseline/person",
     "mi/baseline/pets",
+    "mi/baseline/print",
+    "mi/baseline/privacy-tip",
     "mi/baseline/radio-button-checked",
     "mi/baseline/radio-button-unchecked",
     "mi/baseline/remove",
     "mi/baseline/remove-circle",
+    "mi/baseline/remove-red-eye",
     "mi/baseline/route",
     "mi/baseline/send",
     "mi/baseline/settings",
@@ -410,6 +431,7 @@
     "mi/baseline/terminal",
     "mi/baseline/timer",
     "mi/baseline/tv",
+    "mi/baseline/undo",
     "mi/baseline/unfold-less",
     "mi/baseline/unfold-more",
     "mi/baseline/vertical-align-bottom",
@@ -426,6 +448,7 @@
     "mi/outline/circle",
     "mi/outline/dark-mode",
     "mi/outline/help-outline",
+    "mi/outline/policy",
     "mi/outline/schedule",
     "mi/round/arrow-circle-down",
     "mi/round/email",

package/src/type/button.ts

@@ -19,11 +19,14 @@ export type ButtonIconPositionType =
   | 'right'
 
 export type ButtonVariantType =
-  | 'primary'
-  | 'secondary'
+  | 'ai'
+  | 'apple'
   | 'dark'
-  | 'light'
   | 'error'
+  | 'google'
   | 'info'
+  | 'light'
+  | 'primary'
+  | 'secondary'
   | 'success'
   | 'warning'

package/src/type/input.ts

@@ -23,6 +23,10 @@ export type InputTextType =
   | 'textarea'
   | 'time'
   | 'url'
+  | 'cc'
+  | 'cf'
+  | 'isbn'
+  | 'piva'
 
 export interface MdsInputEventDetail {
   value?: File | string | FormData | null

package/src/type/variant.ts

@@ -5,6 +5,7 @@ export type ThemeStatusVariantType =
   | 'warning'
 
 export type ThemeVariantType =
+  | 'ai'
   | 'dark'
   | 'error'
   | 'info'
@@ -70,13 +71,24 @@ export type ActionVariantType =
   | 'light'
 
 export type ChipVariantType =
-  | 'primary'
-  | 'secondary'
+  | 'ai'
+  | 'amaranth'
+  | 'aqua'
+  | 'blue'
   | 'dark'
   | 'error'
+  | 'green'
   | 'info'
+  | 'lime'
+  | 'orange'
+  | 'orchid'
+  | 'primary'
+  | 'secondary'
+  | 'sky'
   | 'success'
+  | 'violet'
   | 'warning'
+  | 'yellow'
 
 export type StateVariantType =
   | 'disabled'