@maggioli-design-system/mds-table-row 5.4.0 → 5.4.2

package/dist/stats.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-04-02T09:03:06",
+  "timestamp": "2025-04-18T21:52:02",
   "compiler": {
     "name": "node",
     "version": "22.11.0"
@@ -86,19 +86,19 @@
         "files": 42,
         "generatedFiles": [
           "./dist/cjs/app-globals-3a1e7e63.js",
-          "./dist/cjs/index-27c9aefd.js",
+          "./dist/cjs/index-16788a13.js",
           "./dist/cjs/index.cjs.js",
           "./dist/cjs/loader.cjs.js",
           "./dist/cjs/mds-table-row.cjs.entry.js",
           "./dist/cjs/mds-table-row.cjs.js",
           "./dist/esm-es5/app-globals-0f993ce5.js",
-          "./dist/esm-es5/index-81f966aa.js",
+          "./dist/esm-es5/index-f0269a3c.js",
           "./dist/esm-es5/index.js",
           "./dist/esm-es5/loader.js",
           "./dist/esm-es5/mds-table-row.entry.js",
           "./dist/esm-es5/mds-table-row.js",
           "./dist/esm/app-globals-0f993ce5.js",
-          "./dist/esm/index-81f966aa.js",
+          "./dist/esm/index-f0269a3c.js",
           "./dist/esm/index.js",
           "./dist/esm/loader.js",
           "./dist/esm/mds-table-row.entry.js",
@@ -108,25 +108,25 @@
           "./dist/mds-table-row/index.esm.js",
           "./dist/mds-table-row/mds-table-row.esm.js",
           "./dist/mds-table-row/mds-table-row.js",
-          "./dist/mds-table-row/p-133f1581.system.js",
-          "./dist/mds-table-row/p-25b773c1.js",
-          "./dist/mds-table-row/p-4727e0b3.system.entry.js",
+          "./dist/mds-table-row/p-4a407cb6.js",
           "./dist/mds-table-row/p-50ea2036.system.js",
           "./dist/mds-table-row/p-56ba5cbf.system.js",
-          "./dist/mds-table-row/p-869d0b15.entry.js",
+          "./dist/mds-table-row/p-86e316e3.entry.js",
+          "./dist/mds-table-row/p-cd3437c0.system.js",
           "./dist/mds-table-row/p-e1255160.js",
-          "./dist/mds-table-row/p-e71445fa.system.js",
+          "./dist/mds-table-row/p-f835b87d.system.js",
+          "./dist/mds-table-row/p-fbe91c6f.system.entry.js",
           "./www/build/index.esm.js",
           "./www/build/mds-table-row.esm.js",
           "./www/build/mds-table-row.js",
-          "./www/build/p-133f1581.system.js",
-          "./www/build/p-25b773c1.js",
-          "./www/build/p-4727e0b3.system.entry.js",
+          "./www/build/p-4a407cb6.js",
           "./www/build/p-50ea2036.system.js",
           "./www/build/p-56ba5cbf.system.js",
-          "./www/build/p-869d0b15.entry.js",
+          "./www/build/p-86e316e3.entry.js",
+          "./www/build/p-cd3437c0.system.js",
           "./www/build/p-e1255160.js",
-          "./www/build/p-e71445fa.system.js"
+          "./www/build/p-f835b87d.system.js",
+          "./www/build/p-fbe91c6f.system.entry.js"
         ]
       },
       {
@@ -159,12 +159,12 @@
         "components": [
           "mds-table-row"
         ],
-        "bundleId": "p-869d0b15",
-        "fileName": "p-869d0b15.entry.js",
+        "bundleId": "p-86e316e3",
+        "fileName": "p-86e316e3.entry.js",
         "imports": [
-          "p-25b773c1.js"
+          "p-4a407cb6.js"
         ],
-        "originalByteSize": 40887
+        "originalByteSize": 41238
       }
     ],
     "esm": [
@@ -176,9 +176,9 @@
         "bundleId": "mds-table-row",
         "fileName": "mds-table-row.entry.js",
         "imports": [
-          "index-81f966aa.js"
+          "index-f0269a3c.js"
         ],
-        "originalByteSize": 40891
+        "originalByteSize": 41242
       }
     ],
     "es5": [
@@ -190,9 +190,9 @@
         "bundleId": "mds-table-row",
         "fileName": "mds-table-row.entry.js",
         "imports": [
-          "index-81f966aa.js"
+          "index-f0269a3c.js"
         ],
-        "originalByteSize": 40891
+        "originalByteSize": 41242
       }
     ],
     "system": [
@@ -201,12 +201,12 @@
         "components": [
           "mds-table-row"
         ],
-        "bundleId": "p-4727e0b3.system",
-        "fileName": "p-4727e0b3.system.entry.js",
+        "bundleId": "p-fbe91c6f.system",
+        "fileName": "p-fbe91c6f.system.entry.js",
         "imports": [
-          "p-133f1581.system.js"
+          "p-f835b87d.system.js"
         ],
-        "originalByteSize": 43521
+        "originalByteSize": 43899
       }
     ],
     "commonjs": [
@@ -218,9 +218,9 @@
         "bundleId": "mds-table-row.cjs",
         "fileName": "mds-table-row.cjs.entry.js",
         "imports": [
-          "index-27c9aefd.js"
+          "index-16788a13.js"
         ],
-        "originalByteSize": 41016
+        "originalByteSize": 41367
       }
     ]
   },
@@ -389,6 +389,9 @@
       ],
       "shadowDelegatesFocus": false,
       "states": [
+        {
+          "name": "sizerWidth"
+        },
         {
           "name": "language"
         }
@@ -518,6 +521,9 @@
           ],
           "virtualProperties": [],
           "states": [
+            {
+              "name": "sizerWidth"
+            },
             {
               "name": "language"
             }
@@ -582,13 +588,13 @@
           "sourceMapPath": null,
           "hasAttributeChangedCallbackFn": false,
           "hasComponentWillLoadFn": true,
-          "hasComponentDidLoadFn": true,
+          "hasComponentDidLoadFn": false,
           "hasComponentShouldUpdateFn": false,
           "hasComponentWillUpdateFn": false,
           "hasComponentDidUpdateFn": false,
           "hasComponentWillRenderFn": false,
           "hasComponentDidRenderFn": false,
-          "hasConnectedCallbackFn": false,
+          "hasConnectedCallbackFn": true,
           "hasDisconnectedCallbackFn": false,
           "hasElement": false,
           "hasEvent": false,
@@ -620,7 +626,7 @@
           "hasVdomKey": true,
           "hasVdomListener": true,
           "hasVdomPropOrAttr": true,
-          "hasVdomRef": false,
+          "hasVdomRef": true,
           "hasVdomRender": true,
           "hasVdomStyle": true,
           "hasVdomText": true,
@@ -636,7 +642,8 @@
             "checked",
             "onMdsInputSwitchChange",
             "name",
-            "style"
+            "style",
+            "ref"
           ],
           "htmlTagNames": [
             "mds-table-cell",
@@ -661,7 +668,7 @@
   ],
   "componentGraph": {
     "sc-mds-table-row": [
-      "p-25b773c1.js"
+      "p-4a407cb6.js"
     ]
   },
   "sourceGraph": {

package/dist/types/components/mds-table-row/mds-table-row.d.ts

@@ -6,7 +6,7 @@ export declare class MdsTableRow {
     host: HTMLMdsTableRowElement;
     private actions;
     private hasActions;
-    private sizerWidth;
+    sizerWidth: string;
     private t;
     language: string;
     updateLang(): Promise<void>;
@@ -16,7 +16,8 @@ export declare class MdsTableRow {
     selected?: boolean;
     readonly value?: string | number;
     componentWillLoad(): void;
-    componentDidLoad(): void;
+    connectedCallback(): void;
+    private initObserver;
     private handleSelectionChange;
     render(): any;
 }

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' | 'google' | 'apple';
+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-04-02T08:30:40",
+  "timestamp": "2025-04-18T19:49:27",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.27.2",
@@ -212,6 +212,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": "",
@@ -247,6 +252,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": "",
@@ -273,7 +283,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"
     },
@@ -318,7 +328,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'\n  | 'google'\n  | 'apple'",
+      "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"
     },
@@ -337,8 +347,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"
     },
@@ -468,7 +493,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"
     },
@@ -482,20 +507,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'",
@@ -587,6 +607,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": "",
@@ -717,11 +742,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-table-row",
-  "version": "5.4.0",
+  "version": "5.4.2",
   "description": "mds-table-row 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",

package/src/components/mds-table-row/mds-table-row.tsx

@@ -23,7 +23,7 @@ export class MdsTableRow {
   @Element() host: HTMLMdsTableRowElement
   private actions: HTMLDivElement
   private hasActions: boolean = true
-  private sizerWidth: string
+  @State() sizerWidth: string
   private t:Locale = new Locale({
     el: localeEl,
     en: localeEn,
@@ -52,11 +52,23 @@ export class MdsTableRow {
     this.hasActions = this.host.querySelector(':scope > [slot="action"]') !== null
   }
 
-  componentDidLoad (): void {
-    if (this.hasActions) {
-      this.actions = this.host.shadowRoot?.querySelector('.actions') as HTMLDivElement
-      this.sizerWidth = `${this.actions.offsetWidth.toString()}px`
-    }
+  connectedCallback (): void {
+    // needed to capture sizer width when become visible
+    this.initObserver()
+  }
+
+  private initObserver () {
+    const observer = new IntersectionObserver(entries => {
+      if (entries[0].isIntersecting && this.actions) {
+        this.sizerWidth = `${this.actions.offsetWidth.toString()}px`
+        observer.unobserve(this.host) // stop observer
+      }
+    }, {
+      root: this.host.parentElement,
+      threshold: 1, // trigger observer when is entirely visible
+    })
+
+    observer.observe(this.host)
   }
 
   private handleSelectionChange = (e: CustomEvent): void => {
@@ -90,9 +102,11 @@ export class MdsTableRow {
               minWidth: this.sizerWidth,
             }}></div>
             <div class="actions-view">
-              <div class="actions" style={{
-                marginRight: `calc(${this.sizerWidth} + var(--mds-table-cell-padding))`,
-              }}>
+              <div class="actions"
+                ref={el => this.actions = el as HTMLDivElement}
+                style={{
+                  marginRight: `calc(${this.sizerWidth} + var(--mds-table-cell-padding))`,
+                }}>
                 <slot name="action"></slot>
               </div>
             </div>

package/src/dictionary/button.ts

@@ -1,14 +1,15 @@
 const buttonVariantDictionary = [
+  'ai',
+  'apple',
   'dark',
   'error',
+  'google',
   'info',
   'light',
   'primary',
   'secondary',
   'success',
   'warning',
-  'google',
-  'apple',
 ]
 
 const buttonToneVariantDictionary = [

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

@@ -333,7 +333,9 @@
     "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",
@@ -343,6 +345,7 @@
     "mi/baseline/book",
     "mi/baseline/border-all",
     "mi/baseline/broken-image",
+    "mi/baseline/calendar-today",
     "mi/baseline/call",
     "mi/baseline/cancel",
     "mi/baseline/category",
@@ -400,6 +403,7 @@
     "mi/baseline/panorama",
     "mi/baseline/person",
     "mi/baseline/pets",
+    "mi/baseline/privacy-tip",
     "mi/baseline/radio-button-checked",
     "mi/baseline/radio-button-unchecked",
     "mi/baseline/remove",
@@ -432,6 +436,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,13 +19,14 @@ export type ButtonIconPositionType =
   | 'right'
 
 export type ButtonVariantType =
-  | 'primary'
-  | 'secondary'
+  | 'ai'
+  | 'apple'
   | 'dark'
-  | 'light'
   | 'error'
+  | 'google'
   | 'info'
+  | 'light'
+  | 'primary'
+  | 'secondary'
   | 'success'
   | 'warning'
-  | 'google'
-  | 'apple'

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'

package/www/build/mds-table-row.esm.js

@@ -1 +1 @@
-import{p as e,b as a}from"./p-25b773c1.js";export{s as setNonce}from"./p-25b773c1.js";import{g as t}from"./p-e1255160.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),e(t)})().then((async e=>(await t(),a([["p-869d0b15",[[1,"mds-table-row",{interactive:[516],overlayActions:[516,"overlay-actions"],selectable:[516],selected:[1540],value:[520],language:[32],updateLang:[64]}]]]],e))));
+import{p as e,b as a}from"./p-4a407cb6.js";export{s as setNonce}from"./p-4a407cb6.js";import{g as t}from"./p-e1255160.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),e(t)})().then((async e=>(await t(),a([["p-86e316e3",[[1,"mds-table-row",{interactive:[516],overlayActions:[516,"overlay-actions"],selectable:[516],selected:[1540],value:[520],sizerWidth:[32],language:[32],updateLang:[64]}]]]],e))));

package/www/build/mds-table-row.js

@@ -115,7 +115,7 @@ DOMTokenList
     var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
     var start = function() {
       // if src is not present then origin is "null", and new URL() throws TypeError: Failed to construct 'URL': Invalid base URL
-      var url = new URL('./p-e71445fa.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
+      var url = new URL('./p-cd3437c0.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
       System.import(url.href);
     };