@maggioli-design-system/mds-progress - npm Package Compare versions

Comparing version 2.5.0 to 2.6.0

dist/cjs/loader.cjs.js

@@ -5,16 +5,7 @@ 'use strict';
 
-const index = require('./index-1d846f7a.js');
+const index = require('./index-8d1e9d2a.js');
 
-/*
- Stencil Client Patch Esm v2.22.3 | MIT Licensed | https://stenciljs.com
- */
-const patchEsm = () => {
-    return index.promiseResolve();
-};
-
 const defineCustomElements = (win, options) => {
-  if (typeof window === 'undefined') return Promise.resolve();
-  return patchEsm().then(() => {
+  if (typeof window === 'undefined') return undefined;
   return index.bootstrapLazy([["mds-progress.cjs",[[1,"mds-progress",{"progress":[2],"direction":[513],"variant":[513],"steps":[1],"currentStep":[32]}]]]], options);
-  });
 };
@@ -21,0 +12,0 @@

dist/cjs/mds-progress.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-1d846f7a.js');
+const index = require('./index-8d1e9d2a.js');
 
@@ -8,0 +8,0 @@ const mdsProgressCss = "@tailwind utilities; :host{--mds-progress-background:rgb(var(--tone-neutral-08));--mds-progress-color:rgb(var(--brand-maggioli-03));--mds-progress-duration:750ms;--mds-progress-radius:0.5rem;--mds-progress-thickness:0.5rem;display:-ms-flexbox;display:flex;width:100%;overflow:hidden;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--mds-progress-background);border-radius:var(--mds-progress-radius);height:var(--mds-progress-thickness);min-width:var(--mds-progress-thickness)}:host([direction=\"vertical\"]){height:100%;width:auto;-ms-flex-direction:column;flex-direction:column;height:unset;min-height:var(--mds-progress-thickness);width:var(--mds-progress-thickness)}.progress{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--mds-progress-color);border-radius:var(--mds-progress-radius);-webkit-transition-duration:var(--mds-progress-duration);transition-duration:var(--mds-progress-duration);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([variant=\"dark\"]){--mds-progress-color:rgb(var(--tone-neutral-04));--mds-progress-background:rgb(var(--tone-neutral-08))}:host([variant=\"light\"]){--mds-progress-color:rgb(var(--tone-neutral));--mds-progress-background:rgb(var(--tone-neutral-05))}:host([variant=\"error\"]){--mds-progress-color:rgb(var(--status-error-06));--mds-progress-background:rgb(var(--status-error-09))}:host([variant=\"warning\"]){--mds-progress-color:rgb(var(--status-warning-06));--mds-progress-background:rgb(var(--status-warning-09))}:host([variant=\"success\"]){--mds-progress-color:rgb(var(--status-success-06));--mds-progress-background:rgb(var(--status-success-09))}:host([variant=\"info\"]){--mds-progress-color:rgb(var(--status-info-06));--mds-progress-background:rgb(var(--status-info-09))}:host([variant=\"primary\"]){--mds-progress-color:rgb(var(--brand-maggioli-03));--mds-progress-background:rgb(var(--tone-neutral-08))}";

dist/cjs/mds-progress.cjs.js

@@ -5,6 +5,6 @@ 'use strict';
 
-const index = require('./index-1d846f7a.js');
+const index = require('./index-8d1e9d2a.js');
 
 /*
- Stencil Client Patch Browser v2.22.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.2.1 | MIT Licensed | https://stenciljs.com
  */
@@ -11,0 +11,0 @@ const patchBrowser = () => {

dist/collection/collection-manifest.json

 {
   "entries": [
-    "./components/mds-progress/mds-progress.js"
+    "components/mds-progress/mds-progress.js"
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.22.3",
-    "typescriptVersion": "4.9.4"
+    "version": "4.2.1",
+    "typescriptVersion": "5.1.6"
   },
@@ -10,0 +10,0 @@ "collections": [],

dist/collection/components/mds-progress/mds-progress.js

@@ -1,2 +0,2 @@
-import { Host, h } from '@stencil/core';
+import { Host, h } from "@stencil/core";
 export class MdsProgress {
@@ -73,3 +73,4 @@ constructor() {
               "location": "import",
-              "path": "./meta/types"
+              "path": "./meta/types",
+              "id": "src/components/mds-progress/meta/types.ts::DirectionType"
             }
@@ -97,3 +98,4 @@ }
               "location": "import",
-              "path": "@type/variant"
+              "path": "@type/variant",
+              "id": "src/type/variant.ts::ThemeVariantType"
             }
@@ -100,0 +102,0 @@ }

dist/collection/components/mds-progress/test/mds-progress.stories.js

@@ -1,4 +0,4 @@
-import { directionDictionary } from '../meta/dictionary';
-import { themeVariantDictionary } from '@dictionary/variant';
-import { h } from '@stencil/core';
+import { directionDictionary } from "../meta/dictionary";
+import { themeVariantDictionary } from "../../../dictionary/variant";
+import { h } from "@stencil/core";
 export default {
@@ -5,0 +5,0 @@ title: 'UI / Progress',

dist/collection/dictionary/button.js

@@ -16,2 +16,6 @@ const buttonVariantDictionary = [
 ];
+const buttonTargetDictionary = [
+  'blank',
+  'self',
+];
 const buttonSizeDictionary = [
@@ -27,2 +31,2 @@ 'sm',
 ];
-export { buttonSizeDictionary, buttonToneVariantDictionary, buttonVariantDictionary, buttonIconPositionDictionary, };
+export { buttonIconPositionDictionary, buttonSizeDictionary, buttonTargetDictionary, buttonToneVariantDictionary, buttonVariantDictionary, };

dist/collection/dictionary/icon.js

@@ -1,5 +0,5 @@
-import jsonIconsDictionary from '../fixtures/icons.json';
-import jsonMggIconsDictionary from '../fixtures/iconsauce.json';
+import jsonIconsDictionary from "../fixtures/icons.json";
+import jsonMggIconsDictionary from "../fixtures/iconsauce.json";
 const iconsDictionary = jsonIconsDictionary;
 const mggIconsDictionary = jsonMggIconsDictionary;
 export { iconsDictionary, mggIconsDictionary, };

dist/collection/dictionary/variant.js

@@ -56,2 +56,10 @@ const themeVariantDictionary = [
 ];
+const toneActionVariantDictionary = [
+  'primary',
+  'secondary',
+  'tertiary',
+  'strong',
+  'weak',
+  'quiet',
+];
 const toneSimpleVariantDictionary = [
@@ -66,2 +74,2 @@ 'strong',
 ];
-export { themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };
+export { themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };

dist/components/index.d.ts

@@ -1,3 +0,6 @@
-/* MdsProgress custom elements */
-export { MdsProgress as MdsProgress } from '../types/components/mds-progress/mds-progress';
+/**
+ * Get the base path to where the assets can be found. Use "setAssetPath(path)"
+ * if the path needs to be customized.
+ */
+export declare const getAssetPath: (path: string) => string;
 
@@ -31,2 +34,1 @@ /**
 export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
-export * from '../types/components';

dist/components/index.js

@@ -1,2 +0,1 @@
-export { setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
-export { MdsProgress, defineCustomElement as defineCustomElementMdsProgress } from './mds-progress.js';
+export { getAssetPath, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';

dist/components/mds-progress.js

@@ -5,3 +5,3 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-const MdsProgress$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const MdsProgress$1 = /*@__PURE__*/ proxyCustomElement(class MdsProgress extends HTMLElement {
   constructor() {
@@ -8,0 +8,0 @@ super();

dist/documentation.d.ts

@@ -6,49 +6,251 @@
  */
+interface ComponentCompilerPropertyComplexType {
+  /**
+   * The string of the original type annotation in the Stencil source code
+   */
+  original: string;
+  /**
+   * A 'resolved' type, where e.g. imported types have been resolved and inlined
+   *
+   * For instance, an annotation like `(foo: Foo) => string;` will be
+   * converted to `(foo: { foo: string }) => string;`.
+   */
+  resolved: string;
+  /**
+   * A record of the types which were referenced in the assorted type
+   * annotation in the original source file.
+   */
+  references: ComponentCompilerTypeReferences;
+}
+type ComponentCompilerTypeReferences = Record<string, ComponentCompilerTypeReference>;
+interface ComponentCompilerTypeReference {
+  /**
+   * A type may be defined:
+   * - locally (in the same file as the component that uses it)
+   * - globally
+   * - by importing it into a file (and is defined elsewhere)
+   */
+  location: "local" | "global" | "import";
+  /**
+   * The path to the type reference, if applicable (global types should not need a path associated with them)
+   */
+  path?: string;
+  /**
+   * An ID for this type which is unique within a Stencil project.
+   */
+  id: string;
+}
+interface ComponentCompilerReferencedType {
+  /**
+   * The path to the module where the type is declared.
+   */
+  path: string;
+  /**
+   * The string of the original type annotation in the Stencil source code
+   */
+  declaration: string;
+  /**
+   * An extracted docstring
+   */
+  docstring: string;
+}
+interface ComponentCompilerEventComplexType {
+  original: string;
+  resolved: string;
+  references: ComponentCompilerTypeReferences;
+}
+interface ComponentCompilerMethodComplexType {
+  signature: string;
+  parameters: CompilerJsDoc[];
+  references: ComponentCompilerTypeReferences;
+  return: string;
+}
+interface CompilerJsDoc {
+  /**
+   * The text associated with the JSDoc
+   */
+  text: string;
+  /**
+   * Tags included in the JSDoc
+   */
+  tags: CompilerJsDocTagInfo[];
+}
+interface CompilerJsDocTagInfo {
+  /**
+   * The name of the tag - e.g. `@deprecated`
+   */
+  name: string;
+  /**
+   * Additional text that is associated with the tag - e.g. `@deprecated use v2 of this API`
+   */
+  text?: string;
+}
+/**
+ * The Type Library holds information about the types which are used in a
+ * Stencil project. During compilation, Stencil gathers information about the
+ * types which form part of a component's public API, such as properties
+ * decorated with `@Prop`, `@Event`, `@Watch`, etc. This type information is
+ * then added to the Type Library, where it can be accessed later on for
+ * generating documentation.
+ *
+ * This information is included in the file written by the `docs-json` output
+ * target (see {@link JsonDocs.typeLibrary}).
+ */
+export type JsonDocsTypeLibrary = Record<string, ComponentCompilerReferencedType>;
+/**
+ * A container for JSDoc metadata for a project
+ */
 export interface JsonDocs {
-    components: JsonDocsComponent[];
-    timestamp: string;
-    compiler: {
-        name: string;
-        version: string;
-        typescriptVersion: string;
-    };
-}
-export interface JsonDocsComponent {
-    dirPath?: string;
-    fileName?: string;
-    filePath?: string;
-    readmePath?: string;
-    usagesDir?: string;
-    encapsulation: 'shadow' | 'scoped' | 'none';
-    tag: string;
-    readme: string;
-    docs: string;
-    docsTags: JsonDocsTag[];
+  /**
+   * The metadata for the JSDocs for each component in a Stencil project
+   */
+  components: JsonDocsComponent[];
+  /**
+   * The timestamp at which the metadata was generated, in the format YYYY-MM-DDThh:mm:ss
+   */
+  timestamp: string;
+  compiler: {
     /**
-     * The text from the class-level JSDoc for a Stencil component, if present.
+     * The name of the compiler that generated the metadata
      */
-    overview?: string;
-    usage: JsonDocsUsage;
-    props: JsonDocsProp[];
-    methods: JsonDocsMethod[];
-    events: JsonDocsEvent[];
-    listeners: JsonDocsListener[];
-    styles: JsonDocsStyle[];
-    slots: JsonDocsSlot[];
-    parts: JsonDocsPart[];
-    dependents: string[];
-    dependencies: string[];
-    dependencyGraph: JsonDocsDependencyGraph;
-    deprecation?: string;
+    name: string;
+    /**
+     * The version of the Stencil compiler that generated the metadata
+     */
+    version: string;
+    /**
+     * The version of TypeScript that was used to generate the metadata
+     */
+    typescriptVersion: string;
+  };
+  typeLibrary: JsonDocsTypeLibrary;
 }
+/**
+ * Container for JSDoc metadata for a single Stencil component
+ */
+export interface JsonDocsComponent {
+  /**
+   * The directory containing the Stencil component, minus the file name.
+   *
+   * @example /workspaces/stencil-project/src/components/my-component
+   */
+  dirPath?: string;
+  /**
+   * The name of the file containing the Stencil component, with no path
+   *
+   * @example my-component.tsx
+   */
+  fileName?: string;
+  /**
+   * The full path of the file containing the Stencil component
+   *
+   * @example /workspaces/stencil-project/src/components/my-component/my-component.tsx
+   */
+  filePath?: string;
+  /**
+   * The path to the component's `readme.md` file, including the filename
+   *
+   * @example /workspaces/stencil-project/src/components/my-component/readme.md
+   */
+  readmePath?: string;
+  /**
+   * The path to the component's `usage` directory
+   *
+   * @example /workspaces/stencil-project/src/components/my-component/usage/
+   */
+  usagesDir?: string;
+  /**
+   * The encapsulation strategy for a component
+   */
+  encapsulation: "shadow" | "scoped" | "none";
+  /**
+   * The tag name for the component, for use in HTML
+   */
+  tag: string;
+  /**
+   * The contents of a component's `readme.md` that are user generated.
+   *
+   * Auto-generated contents are not stored in this reference.
+   */
+  readme: string;
+  /**
+   * The description of a Stencil component, found in the JSDoc that sits above the component's declaration
+   */
+  docs: string;
+  /**
+   * JSDoc tags found in the JSDoc comment written atop a component's declaration
+   */
+  docsTags: JsonDocsTag[];
+  /**
+   * The text from the class-level JSDoc for a Stencil component, if present.
+   */
+  overview?: string;
+  /**
+   * A mapping of usage example file names to their contents for the component.
+   */
+  usage: JsonDocsUsage;
+  /**
+   * Array of metadata for a component's `@Prop`s
+   */
+  props: JsonDocsProp[];
+  /**
+   * Array of metadata for a component's `@Method`s
+   */
+  methods: JsonDocsMethod[];
+  /**
+   * Array of metadata for a component's `@Event`s
+   */
+  events: JsonDocsEvent[];
+  /**
+   * Array of metadata for a component's `@Listen` handlers
+   */
+  listeners: JsonDocsListener[];
+  /**
+   * Array of metadata for a component's CSS styling information
+   */
+  styles: JsonDocsStyle[];
+  /**
+   * Array of component Slot information, generated from `@slot` tags
+   */
+  slots: JsonDocsSlot[];
+  /**
+   * Array of component Parts information, generate from `@part` tags
+   */
+  parts: JsonDocsPart[];
+  /**
+   * Array of metadata describing where the current component is used
+   */
+  dependents: string[];
+  /**
+   * Array of metadata listing the components which are used in current component
+   */
+  dependencies: string[];
+  /**
+   * Describes a tree of components coupling
+   */
+  dependencyGraph: JsonDocsDependencyGraph;
+  /**
+   * A deprecation reason/description found following a `@deprecated` tag
+   */
+  deprecation?: string;
+}
 export interface JsonDocsDependencyGraph {
-    [tagName: string]: string[];
+  [tagName: string]: string[];
 }
+/**
+ * A descriptor for a single JSDoc tag found in a block comment
+ */
 export interface JsonDocsTag {
-    name: string;
-    text?: string;
+  /**
+   * The tag name (immediately following the '@')
+   */
+  name: string;
+  /**
+   * The description that immediately follows the tag name
+   */
+  text?: string;
 }
 export interface JsonDocsValue {
-    value?: string;
-    type: string;
+  value?: string;
+  type: string;
 }
@@ -76,75 +278,146 @@ /**
 export interface JsonDocsUsage {
-    [key: string]: string;
+  [key: string]: string;
 }
+/**
+ * An intermediate representation of a `@Prop` decorated member's JSDoc
+ */
 export interface JsonDocsProp {
-    name: string;
-    type: string;
-    mutable: boolean;
-    /**
-     * The name of the attribute that is exposed to configure a compiled web component
-     */
-    attr?: string;
-    reflectToAttr: boolean;
-    docs: string;
-    docsTags: JsonDocsTag[];
-    default: string;
-    deprecation?: string;
-    values: JsonDocsValue[];
-    optional: boolean;
-    required: boolean;
+  /**
+   * the name of the prop
+   */
+  name: string;
+  complexType?: ComponentCompilerPropertyComplexType;
+  /**
+   * the type of the prop, in terms of the TypeScript type system (as opposed to JavaScript's or HTML's)
+   */
+  type: string;
+  /**
+   * `true` if the prop was configured as "mutable" where it was declared, `false` otherwise
+   */
+  mutable: boolean;
+  /**
+   * The name of the attribute that is exposed to configure a compiled web component
+   */
+  attr?: string;
+  /**
+   * `true` if the prop was configured to "reflect" back to HTML where it (the prop) was declared, `false` otherwise
+   */
+  reflectToAttr: boolean;
+  /**
+   * the JSDoc description text associated with the prop
+   */
+  docs: string;
+  /**
+   * JSDoc tags associated with the prop
+   */
+  docsTags: JsonDocsTag[];
+  /**
+   * The default value of the prop
+   */
+  default?: string;
+  /**
+   * Deprecation text associated with the prop. This is the text that immediately follows a `@deprecated` tag
+   */
+  deprecation?: string;
+  values: JsonDocsValue[];
+  /**
+   * `true` if a component is declared with a '?', `false` otherwise
+   *
+   * @example
+   * ```tsx
+   * @Prop() componentProps?: any;
+   * ```
+   */
+  optional: boolean;
+  /**
+   * `true` if a component is declared with a '!', `false` otherwise
+   *
+   * @example
+   * ```tsx
+   * @Prop() componentProps!: any;
+   * ```
+   */
+  required: boolean;
 }
 export interface JsonDocsMethod {
-    name: string;
-    docs: string;
-    docsTags: JsonDocsTag[];
-    deprecation?: string;
-    signature: string;
-    returns: JsonDocsMethodReturn;
-    parameters: JsonDocMethodParameter[];
+  name: string;
+  docs: string;
+  docsTags: JsonDocsTag[];
+  deprecation?: string;
+  signature: string;
+  returns: JsonDocsMethodReturn;
+  parameters: JsonDocMethodParameter[];
+  complexType: ComponentCompilerMethodComplexType;
 }
 export interface JsonDocsMethodReturn {
-    type: string;
-    docs: string;
+  type: string;
+  docs: string;
 }
 export interface JsonDocMethodParameter {
-    name: string;
-    type: string;
-    docs: string;
+  name: string;
+  type: string;
+  docs: string;
 }
 export interface JsonDocsEvent {
-    event: string;
-    bubbles: boolean;
-    cancelable: boolean;
-    composed: boolean;
-    docs: string;
-    docsTags: JsonDocsTag[];
-    deprecation?: string;
-    detail: string;
+  event: string;
+  bubbles: boolean;
+  cancelable: boolean;
+  composed: boolean;
+  complexType: ComponentCompilerEventComplexType;
+  docs: string;
+  docsTags: JsonDocsTag[];
+  deprecation?: string;
+  detail: string;
 }
 export interface JsonDocsStyle {
-    name: string;
-    docs: string;
-    annotation: string;
+  name: string;
+  docs: string;
+  annotation: string;
 }
 export interface JsonDocsListener {
-    event: string;
-    target?: string;
-    capture: boolean;
-    passive: boolean;
+  event: string;
+  target?: string;
+  capture: boolean;
+  passive: boolean;
 }
+/**
+ * A descriptor for a slot
+ *
+ * Objects of this type are translated from the JSDoc tag, `@slot`
+ */
 export interface JsonDocsSlot {
-    name: string;
-    docs: string;
+  /**
+   * The name of the slot. Defaults to an empty string for an unnamed slot.
+   */
+  name: string;
+  /**
+   * A textual description of the slot.
+   */
+  docs: string;
 }
+/**
+ * A descriptor of a CSS Shadow Part
+ *
+ * Objects of this type are translated from the JSDoc tag, `@part`, or the 'part'
+ * attribute on a component in TSX
+ */
 export interface JsonDocsPart {
-    name: string;
-    docs: string;
+  /**
+   * The name of the Shadow part
+   */
+  name: string;
+  /**
+   * A textual description of the Shadow part.
+   */
+  docs: string;
 }
 export interface StyleDoc {
-    name: string;
-    docs: string;
-    annotation: 'prop';
+  name: string;
+  docs: string;
+  annotation: "prop";
 }
 
+export {};
+
 declare const _default: JsonDocs;
 export default _default;

dist/documentation.json

 {
-  "timestamp": "2023-04-14T10:18:51",
+  "timestamp": "2023-09-18T09:19:14",
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.22.3",
-    "typescriptVersion": "4.9.4"
+    "version": "4.2.1",
+    "typescriptVersion": "5.1.6"
   },
   "components": [
     {
-      "filePath": "./src/components/mds-progress/mds-progress.tsx",
+      "filePath": "src/components/mds-progress/mds-progress.tsx",
       "encapsulation": "shadow",
@@ -20,2 +20,13 @@ "tag": "mds-progress",
           "type": "\"horizontal\" | \"vertical\" | undefined",
+          "complexType": {
+            "original": "DirectionType",
+            "resolved": "\"horizontal\" | \"vertical\" | undefined",
+            "references": {
+              "DirectionType": {
+                "location": "import",
+                "path": "./meta/types",
+                "id": "src/components/mds-progress/meta/types.ts::DirectionType"
+              }
+            }
+          },
           "mutable": false,
@@ -46,2 +57,7 @@ "attr": "direction",
           "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
           "mutable": false,
@@ -64,2 +80,7 @@ "attr": "progress",
           "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
           "mutable": false,
@@ -82,2 +103,13 @@ "attr": "steps",
           "type": "\"dark\" | \"error\" | \"info\" | \"light\" | \"primary\" | \"success\" | \"warning\"",
+          "complexType": {
+            "original": "ThemeVariantType",
+            "resolved": "\"dark\" | \"error\" | \"info\" | \"light\" | \"primary\" | \"success\" | \"warning\"",
+            "references": {
+              "ThemeVariantType": {
+                "location": "import",
+                "path": "@type/variant",
+                "id": "src/type/variant.ts::ThemeVariantType"
+              }
+            }
+          },
           "mutable": false,
@@ -159,3 +191,15 @@ "attr": "variant",
     }
-  ]
+  ],
+  "typeLibrary": {
+    "src/components/mds-progress/meta/types.ts::DirectionType": {
+      "declaration": "export type DirectionType =\n  | 'horizontal'\n  | 'vertical'",
+      "docstring": "",
+      "path": "src/components/mds-progress/meta/types.ts"
+    },
+    "src/type/variant.ts::ThemeVariantType": {
+      "declaration": "export type ThemeVariantType =\n  | 'dark'\n  | 'error'\n  | 'info'\n  | 'light'\n  | 'primary'\n  | 'success'\n  | 'warning'",
+      "docstring": "",
+      "path": "src/type/variant.ts"
+    }
+  }
 }

dist/esm-es5/loader.js

@@ -1,1 +0,1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-b254472d.js";export{s as setNonce}from"./index-b254472d.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,r){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["mds-progress",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],r)}))};export{defineCustomElements};
+import{b as bootstrapLazy}from"./index-b34e0eee.js";export{s as setNonce}from"./index-b34e0eee.js";var defineCustomElements=function(e,r){if(typeof window==="undefined")return undefined;return bootstrapLazy([["mds-progress",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],r)};export{defineCustomElements};

dist/esm-es5/mds-progress.entry.js

@@ -1,1 +0,1 @@
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-b254472d.js";var mdsProgressCss='@tailwind utilities; :host{--mds-progress-background:rgb(var(--tone-neutral-08));--mds-progress-color:rgb(var(--brand-maggioli-03));--mds-progress-duration:750ms;--mds-progress-radius:0.5rem;--mds-progress-thickness:0.5rem;display:-ms-flexbox;display:flex;width:100%;overflow:hidden;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--mds-progress-background);border-radius:var(--mds-progress-radius);height:var(--mds-progress-thickness);min-width:var(--mds-progress-thickness)}:host([direction="vertical"]){height:100%;width:auto;-ms-flex-direction:column;flex-direction:column;height:unset;min-height:var(--mds-progress-thickness);width:var(--mds-progress-thickness)}.progress{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--mds-progress-color);border-radius:var(--mds-progress-radius);-webkit-transition-duration:var(--mds-progress-duration);transition-duration:var(--mds-progress-duration);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([variant="dark"]){--mds-progress-color:rgb(var(--tone-neutral-04));--mds-progress-background:rgb(var(--tone-neutral-08))}:host([variant="light"]){--mds-progress-color:rgb(var(--tone-neutral));--mds-progress-background:rgb(var(--tone-neutral-05))}:host([variant="error"]){--mds-progress-color:rgb(var(--status-error-06));--mds-progress-background:rgb(var(--status-error-09))}:host([variant="warning"]){--mds-progress-color:rgb(var(--status-warning-06));--mds-progress-background:rgb(var(--status-warning-09))}:host([variant="success"]){--mds-progress-color:rgb(var(--status-success-06));--mds-progress-background:rgb(var(--status-success-09))}:host([variant="info"]){--mds-progress-color:rgb(var(--status-info-06));--mds-progress-background:rgb(var(--status-info-09))}:host([variant="primary"]){--mds-progress-color:rgb(var(--brand-maggioli-03));--mds-progress-background:rgb(var(--tone-neutral-08))}';var MdsProgress=function(){function r(r){registerInstance(this,r);this.stepsList=new Array;this.currentStep=undefined;this.progress=0;this.direction="horizontal";this.variant="primary";this.steps="Inizio,Un quarto,Metà,Tre quarti,Fine"}r.prototype.componentWillLoad=function(){this.stepsList=this.steps.split(",");this.setProgress(this.progress)};r.prototype.setProgress=function(r){if(this.steps){this.currentStep=this.stepsList[Math.round(r*(this.stepsList.length-1))];this.element.setAttribute("aria-valuetext",this.currentStep)}};r.prototype.progressChanged=function(r){this.setProgress(r)};r.prototype.stepsChanged=function(r){this.stepsList=r.split(",")};r.prototype.render=function(){return h(Host,{"aria-valuemax":"100","aria-valuemin":"0","aria-valuenow":Math.round(this.progress*100),role:"progressbar"},h("div",{class:"progress",style:this.direction==="horizontal"?{flexGrow:"".concat(this.progress)}:{flexGrow:"".concat(this.progress),width:"100%"}}))};Object.defineProperty(r.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{progress:["progressChanged"],steps:["stepsChanged"]}},enumerable:false,configurable:true});return r}();MdsProgress.style=mdsProgressCss;export{MdsProgress as mds_progress};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-b34e0eee.js";var mdsProgressCss='@tailwind utilities; :host{--mds-progress-background:rgb(var(--tone-neutral-08));--mds-progress-color:rgb(var(--brand-maggioli-03));--mds-progress-duration:750ms;--mds-progress-radius:0.5rem;--mds-progress-thickness:0.5rem;display:-ms-flexbox;display:flex;width:100%;overflow:hidden;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--mds-progress-background);border-radius:var(--mds-progress-radius);height:var(--mds-progress-thickness);min-width:var(--mds-progress-thickness)}:host([direction="vertical"]){height:100%;width:auto;-ms-flex-direction:column;flex-direction:column;height:unset;min-height:var(--mds-progress-thickness);width:var(--mds-progress-thickness)}.progress{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--mds-progress-color);border-radius:var(--mds-progress-radius);-webkit-transition-duration:var(--mds-progress-duration);transition-duration:var(--mds-progress-duration);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([variant="dark"]){--mds-progress-color:rgb(var(--tone-neutral-04));--mds-progress-background:rgb(var(--tone-neutral-08))}:host([variant="light"]){--mds-progress-color:rgb(var(--tone-neutral));--mds-progress-background:rgb(var(--tone-neutral-05))}:host([variant="error"]){--mds-progress-color:rgb(var(--status-error-06));--mds-progress-background:rgb(var(--status-error-09))}:host([variant="warning"]){--mds-progress-color:rgb(var(--status-warning-06));--mds-progress-background:rgb(var(--status-warning-09))}:host([variant="success"]){--mds-progress-color:rgb(var(--status-success-06));--mds-progress-background:rgb(var(--status-success-09))}:host([variant="info"]){--mds-progress-color:rgb(var(--status-info-06));--mds-progress-background:rgb(var(--status-info-09))}:host([variant="primary"]){--mds-progress-color:rgb(var(--brand-maggioli-03));--mds-progress-background:rgb(var(--tone-neutral-08))}';var MdsProgress=function(){function r(r){registerInstance(this,r);this.stepsList=new Array;this.currentStep=undefined;this.progress=0;this.direction="horizontal";this.variant="primary";this.steps="Inizio,Un quarto,Metà,Tre quarti,Fine"}r.prototype.componentWillLoad=function(){this.stepsList=this.steps.split(",");this.setProgress(this.progress)};r.prototype.setProgress=function(r){if(this.steps){this.currentStep=this.stepsList[Math.round(r*(this.stepsList.length-1))];this.element.setAttribute("aria-valuetext",this.currentStep)}};r.prototype.progressChanged=function(r){this.setProgress(r)};r.prototype.stepsChanged=function(r){this.stepsList=r.split(",")};r.prototype.render=function(){return h(Host,{"aria-valuemax":"100","aria-valuemin":"0","aria-valuenow":Math.round(this.progress*100),role:"progressbar"},h("div",{class:"progress",style:this.direction==="horizontal"?{flexGrow:"".concat(this.progress)}:{flexGrow:"".concat(this.progress),width:"100%"}}))};Object.defineProperty(r.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{progress:["progressChanged"],steps:["stepsChanged"]}},enumerable:false,configurable:true});return r}();MdsProgress.style=mdsProgressCss;export{MdsProgress as mds_progress};

dist/esm-es5/mds-progress.js

@@ -1,1 +0,1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-b254472d.js";export{s as setNonce}from"./index-b254472d.js";var patchBrowser=function(){var r=import.meta.url;var e={};if(r!==""){e.resourcesUrl=new URL(".",r).href}return promiseResolve(e)};patchBrowser().then((function(r){return bootstrapLazy([["mds-progress",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],r)}));
+import{p as promiseResolve,b as bootstrapLazy}from"./index-b34e0eee.js";export{s as setNonce}from"./index-b34e0eee.js";var patchBrowser=function(){var e=import.meta.url;var r={};if(e!==""){r.resourcesUrl=new URL(".",e).href}return promiseResolve(r)};patchBrowser().then((function(e){return bootstrapLazy([["mds-progress",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],e)}));

dist/esm/loader.js

@@ -1,18 +0,9 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-b254472d.js';
-export { s as setNonce } from './index-b254472d.js';
+import { b as bootstrapLazy } from './index-b34e0eee.js';
+export { s as setNonce } from './index-b34e0eee.js';
 
-/*
- Stencil Client Patch Esm v2.22.3 | MIT Licensed | https://stenciljs.com
- */
-const patchEsm = () => {
-    return promiseResolve();
-};
-
 const defineCustomElements = (win, options) => {
-  if (typeof window === 'undefined') return Promise.resolve();
-  return patchEsm().then(() => {
+  if (typeof window === 'undefined') return undefined;
   return bootstrapLazy([["mds-progress",[[1,"mds-progress",{"progress":[2],"direction":[513],"variant":[513],"steps":[1],"currentStep":[32]}]]]], options);
-  });
 };
 
 export { defineCustomElements };

dist/esm/mds-progress.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-b254472d.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-b34e0eee.js';
 
@@ -3,0 +3,0 @@ const mdsProgressCss = "@tailwind utilities; :host{--mds-progress-background:rgb(var(--tone-neutral-08));--mds-progress-color:rgb(var(--brand-maggioli-03));--mds-progress-duration:750ms;--mds-progress-radius:0.5rem;--mds-progress-thickness:0.5rem;display:-ms-flexbox;display:flex;width:100%;overflow:hidden;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--mds-progress-background);border-radius:var(--mds-progress-radius);height:var(--mds-progress-thickness);min-width:var(--mds-progress-thickness)}:host([direction=\"vertical\"]){height:100%;width:auto;-ms-flex-direction:column;flex-direction:column;height:unset;min-height:var(--mds-progress-thickness);width:var(--mds-progress-thickness)}.progress{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--mds-progress-color);border-radius:var(--mds-progress-radius);-webkit-transition-duration:var(--mds-progress-duration);transition-duration:var(--mds-progress-duration);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([variant=\"dark\"]){--mds-progress-color:rgb(var(--tone-neutral-04));--mds-progress-background:rgb(var(--tone-neutral-08))}:host([variant=\"light\"]){--mds-progress-color:rgb(var(--tone-neutral));--mds-progress-background:rgb(var(--tone-neutral-05))}:host([variant=\"error\"]){--mds-progress-color:rgb(var(--status-error-06));--mds-progress-background:rgb(var(--status-error-09))}:host([variant=\"warning\"]){--mds-progress-color:rgb(var(--status-warning-06));--mds-progress-background:rgb(var(--status-warning-09))}:host([variant=\"success\"]){--mds-progress-color:rgb(var(--status-success-06));--mds-progress-background:rgb(var(--status-success-09))}:host([variant=\"info\"]){--mds-progress-color:rgb(var(--status-info-06));--mds-progress-background:rgb(var(--status-info-09))}:host([variant=\"primary\"]){--mds-progress-color:rgb(var(--brand-maggioli-03));--mds-progress-background:rgb(var(--tone-neutral-08))}";

dist/esm/mds-progress.js

@@ -1,6 +0,6 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-b254472d.js';
-export { s as setNonce } from './index-b254472d.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-b34e0eee.js';
+export { s as setNonce } from './index-b34e0eee.js';
 
 /*
- Stencil Client Patch Browser v2.22.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.2.1 | MIT Licensed | https://stenciljs.com
  */
@@ -7,0 +7,0 @@ const patchBrowser = () => {

dist/mds-progress/mds-progress.esm.js

@@ -1,1 +0,1 @@
-import{p as r,b as e}from"./p-d657b3ae.js";export{s as setNonce}from"./p-d657b3ae.js";(()=>{const s=import.meta.url,e={};return""!==s&&(e.resourcesUrl=new URL(".",s).href),r(e)})().then((r=>e([["p-a8e1043f",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],r)));
+import{p as r,b as e}from"./p-82d66bad.js";export{s as setNonce}from"./p-82d66bad.js";(()=>{const s=import.meta.url,e={};return""!==s&&(e.resourcesUrl=new URL(".",s).href),r(e)})().then((r=>e([["p-1b808e2f",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],r)));

dist/stats.json

 {
-  "timestamp": "2023-04-14T10:18:52",
+  "timestamp": "2023-09-18T09:19:14",
   "compiler": {
     "name": "node",
-    "version": "18.3.0"
+    "version": "18.12.1"
   },
@@ -12,13 +12,15 @@ "app": {
     "entries": 1,
-    "bundles": 67,
+    "bundles": 69,
     "outputs": [
       {
         "name": "dist-collection",
-        "files": 26,
+        "files": 28,
         "generatedFiles": [
           "./dist/collection/common/aria.js",
           "./dist/collection/common/keyboard-manager.js",
+          "./dist/collection/common/unit.js",
           "./dist/collection/components/mds-progress/mds-progress.js",
           "./dist/collection/components/mds-progress/meta/dictionary.js",
           "./dist/collection/components/mds-progress/meta/types.js",
+          "./dist/collection/components/mds-progress/test/mds-progress.e2e.js",
           "./dist/collection/components/mds-progress/test/mds-progress.stories.js",
@@ -61,3 +63,3 @@ "./dist/collection/dictionary/autocomplete.js",
         "generatedFiles": [
-          "./dist/cjs/index-1d846f7a.js",
+          "./dist/cjs/index-8d1e9d2a.js",
           "./dist/cjs/index.cjs.js",
@@ -67,3 +69,3 @@ "./dist/cjs/loader.cjs.js",
           "./dist/cjs/mds-progress.cjs.js",
-          "./dist/esm-es5/index-b254472d.js",
+          "./dist/esm-es5/index-b34e0eee.js",
           "./dist/esm-es5/index.js",
@@ -73,3 +75,3 @@ "./dist/esm-es5/loader.js",
           "./dist/esm-es5/mds-progress.js",
-          "./dist/esm/index-b254472d.js",
+          "./dist/esm/index-b34e0eee.js",
           "./dist/esm/index.js",
@@ -84,17 +86,17 @@ "./dist/esm/loader.js",
           "./dist/mds-progress/mds-progress.js",
+          "./dist/mds-progress/p-1b808e2f.entry.js",
           "./dist/mds-progress/p-50ea2036.system.js",
-          "./dist/mds-progress/p-86f204e8.system.js",
-          "./dist/mds-progress/p-a3294ed0.system.js",
-          "./dist/mds-progress/p-a8e1043f.entry.js",
-          "./dist/mds-progress/p-d657b3ae.js",
-          "./dist/mds-progress/p-de434aaf.system.entry.js",
+          "./dist/mds-progress/p-747d7cb5.system.js",
+          "./dist/mds-progress/p-82d66bad.js",
+          "./dist/mds-progress/p-b7abdcbf.system.entry.js",
+          "./dist/mds-progress/p-da577edc.system.js",
           "./www/build/index.esm.js",
           "./www/build/mds-progress.esm.js",
           "./www/build/mds-progress.js",
+          "./www/build/p-1b808e2f.entry.js",
           "./www/build/p-50ea2036.system.js",
-          "./www/build/p-86f204e8.system.js",
-          "./www/build/p-a3294ed0.system.js",
-          "./www/build/p-a8e1043f.entry.js",
-          "./www/build/p-d657b3ae.js",
-          "./www/build/p-de434aaf.system.entry.js"
+          "./www/build/p-747d7cb5.system.js",
+          "./www/build/p-82d66bad.js",
+          "./www/build/p-b7abdcbf.system.entry.js",
+          "./www/build/p-da577edc.system.js"
         ]
@@ -132,6 +134,6 @@ },
         ],
-        "bundleId": "p-a8e1043f",
-        "fileName": "p-a8e1043f.entry.js",
+        "bundleId": "p-1b808e2f",
+        "fileName": "p-1b808e2f.entry.js",
         "imports": [
-          "p-d657b3ae.js"
+          "p-82d66bad.js"
         ],
@@ -150,3 +152,3 @@ "originalByteSize": 4592
         "imports": [
-          "index-b254472d.js"
+          "index-b34e0eee.js"
         ],
@@ -165,3 +167,3 @@ "originalByteSize": 4596
         "imports": [
-          "index-b254472d.js"
+          "index-b34e0eee.js"
         ],
@@ -177,6 +179,6 @@ "originalByteSize": 4596
         ],
-        "bundleId": "p-de434aaf.system",
-        "fileName": "p-de434aaf.system.entry.js",
+        "bundleId": "p-b7abdcbf.system",
+        "fileName": "p-b7abdcbf.system.entry.js",
         "imports": [
-          "p-86f204e8.system.js"
+          "p-747d7cb5.system.js"
         ],
@@ -195,3 +197,3 @@ "originalByteSize": 5051
         "imports": [
-          "index-1d846f7a.js"
+          "index-8d1e9d2a.js"
         ],
@@ -222,4 +224,2 @@ "originalByteSize": 4655
       "internal": false,
-      "legacyConnect": [],
-      "legacyContext": [],
       "listeners": [],
@@ -264,3 +264,4 @@ "methods": [],
                 "location": "import",
-                "path": "./meta/types"
+                "path": "./meta/types",
+                "id": "src/components/mds-progress/meta/types.ts::DirectionType"
               }
@@ -290,3 +291,4 @@ }
                 "location": "import",
-                "path": "@type/variant"
+                "path": "@type/variant",
+                "id": "src/type/variant.ts::ThemeVariantType"
               }
@@ -377,3 +379,4 @@ }
                     "location": "import",
-                    "path": "./meta/types"
+                    "path": "./meta/types",
+                    "id": "src/components/mds-progress/meta/types.ts::DirectionType"
                   }
@@ -403,3 +406,4 @@ }
                     "location": "import",
-                    "path": "@type/variant"
+                    "path": "@type/variant",
+                    "id": "src/type/variant.ts::ThemeVariantType"
                   }
@@ -469,4 +473,2 @@ }
           ],
-          "legacyConnect": [],
-          "legacyContext": [],
           "internal": false,
@@ -579,3 +581,3 @@ "assetsDirs": [],
     "sc-mds-progress": [
-      "p-d657b3ae.js"
+      "p-82d66bad.js"
     ]
@@ -586,5 +588,7 @@ },
     "./src/common/keyboard-manager.ts": [],
+    "./src/common/unit.ts": [],
     "./src/components/mds-progress/mds-progress.tsx": [],
     "./src/components/mds-progress/meta/dictionary.ts": [],
     "./src/components/mds-progress/meta/types.ts": [],
+    "./src/components/mds-progress/test/mds-progress.e2e.ts": [],
     "./src/components/mds-progress/test/mds-progress.stories.tsx": [
@@ -591,0 +595,0 @@ "./src/components/mds-progress/meta/dictionary"

dist/types/components.d.ts

@@ -10,2 +10,4 @@ /* eslint-disable */
 import { ThemeVariantType } from "@type/variant";
+export { DirectionType } from "./components/mds-progress/meta/types";
+export { ThemeVariantType } from "@type/variant";
 export namespace Components {
@@ -12,0 +14,0 @@ interface MdsProgress {

dist/types/dictionary/button.d.ts

 declare const buttonVariantDictionary: string[];
 declare const buttonToneVariantDictionary: string[];
+declare const buttonTargetDictionary: string[];
 declare const buttonSizeDictionary: string[];
 declare const buttonIconPositionDictionary: string[];
-export { buttonSizeDictionary, buttonToneVariantDictionary, buttonVariantDictionary, buttonIconPositionDictionary, };
+export { buttonIconPositionDictionary, buttonSizeDictionary, buttonTargetDictionary, buttonToneVariantDictionary, buttonVariantDictionary, };

dist/types/dictionary/variant.d.ts

@@ -7,4 +7,5 @@ declare const themeVariantDictionary: string[];
 declare const toneVariantDictionary: string[];
+declare const toneActionVariantDictionary: string[];
 declare const toneSimpleVariantDictionary: string[];
 declare const toneMinimalVariantDictionary: string[];
-export { themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };
+export { themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };

dist/types/stencil-public-runtime.d.ts

@@ -65,3 +65,3 @@ declare type CustomMethodDecorator<T> = (target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
      * Stencil uses different heuristics to determine the default name of the attribute,
-     * but using this property, you can override the default behaviour.
+     * but using this property, you can override the default behavior.
      */
@@ -132,3 +132,3 @@ attribute?: string | null;
      *
-     * Using the `passive` option can be used to change the default behaviour.
+     * Using the `passive` option can be used to change the default behavior.
      * Please see https://developers.google.com/web/updates/2016/06/passive-event-listeners for further information.
@@ -437,3 +437,3 @@ */
  */
-interface HostAttributes {
+export interface HostAttributes {
     class?: string | {
@@ -477,3 +477,3 @@ [className: string]: boolean;
      * Since the Stencil runtime uses a different interface for children it is
-     * not recommendeded to read the children directly, and is preferable to use
+     * not recommended to read the children directly, and is preferable to use
      * this utility to, for instance, perform a side effect for each child.
@@ -819,2 +819,3 @@ */
     interface DialogHTMLAttributes<T> extends HTMLAttributes<T> {
+        onCancel?: (event: Event) => void;
         onClose?: (event: Event) => void;
@@ -879,2 +880,4 @@ open?: boolean;
         alt?: string;
+        crossOrigin?: string;
+        crossorigin?: string;
         decoding?: 'async' | 'auto' | 'sync';
@@ -901,4 +904,4 @@ importance?: 'low' | 'auto' | 'high';
         alt?: string;
-        autoCapitalize?: any;
-        autocapitalize?: any;
+        autoCapitalize?: string;
+        autocapitalize?: string;
         autoComplete?: string;
@@ -939,2 +942,4 @@ autocomplete?: string;
         name?: string;
+        onSelect?: (event: Event) => void;
+        onselect?: (event: Event) => void;
         pattern?: string;
@@ -1141,2 +1146,4 @@ placeholder?: string;
     interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
+        autoComplete?: string;
+        autocomplete?: string;
         autoFocus?: boolean;
@@ -1152,2 +1159,4 @@ autofocus?: boolean | string;
         name?: string;
+        onSelect?: (event: Event) => void;
+        onselect?: (event: Event) => void;
         placeholder?: string;
@@ -1230,4 +1239,4 @@ readOnly?: boolean;
         vocab?: string;
-        autoCapitalize?: any;
-        autocapitalize?: any;
+        autoCapitalize?: string;
+        autocapitalize?: string;
         autoCorrect?: string;
@@ -1300,3 +1309,3 @@ autocorrect?: string;
         'color-interpolation'?: number | string;
-        'color-interpolation-filters'?: 'auto' | 's-rGB' | 'linear-rGB' | 'inherit';
+        'color-interpolation-filters'?: 'auto' | 'sRGB' | 'linearRGB';
         'color-profile'?: number | string;
@@ -1524,8 +1533,8 @@ 'color-rendering'?: number | string;
         onPasteCapture?: (event: ClipboardEvent) => void;
-        onCompositionEnd?: (event: CompositionEvent) => void;
-        onCompositionEndCapture?: (event: CompositionEvent) => void;
-        onCompositionStart?: (event: CompositionEvent) => void;
-        onCompositionStartCapture?: (event: CompositionEvent) => void;
-        onCompositionUpdate?: (event: CompositionEvent) => void;
-        onCompositionUpdateCapture?: (event: CompositionEvent) => void;
+        onCompositionend?: (event: CompositionEvent) => void;
+        onCompositionendCapture?: (event: CompositionEvent) => void;
+        onCompositionstart?: (event: CompositionEvent) => void;
+        onCompositionstartCapture?: (event: CompositionEvent) => void;
+        onCompositionupdate?: (event: CompositionEvent) => void;
+        onCompositionupdateCapture?: (event: CompositionEvent) => void;
         onFocus?: (event: FocusEvent) => void;
@@ -1541,4 +1550,4 @@ onFocusCapture?: (event: FocusEvent) => void;
         onChangeCapture?: (event: Event) => void;
-        onInput?: (event: Event) => void;
-        onInputCapture?: (event: Event) => void;
+        onInput?: (event: InputEvent) => void;
+        onInputCapture?: (event: InputEvent) => void;
         onReset?: (event: Event) => void;
@@ -1633,4 +1642,10 @@ onResetCapture?: (event: Event) => void;
         onAnimationIterationCapture?: (event: AnimationEvent) => void;
+        onTransitionCancel?: (event: TransitionEvent) => void;
+        onTransitionCancelCapture?: (event: TransitionEvent) => void;
         onTransitionEnd?: (event: TransitionEvent) => void;
         onTransitionEndCapture?: (event: TransitionEvent) => void;
+        onTransitionRun?: (event: TransitionEvent) => void;
+        onTransitionRunCapture?: (event: TransitionEvent) => void;
+        onTransitionStart?: (event: TransitionEvent) => void;
+        onTransitionStartCapture?: (event: TransitionEvent) => void;
     }
@@ -1637,0 +1652,0 @@ }

dist/types/type/button.d.ts

 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' | 'dark' | 'light' | 'error' | 'info' | 'success' | 'warning';

dist/types/type/variant.d.ts

@@ -8,4 +8,5 @@ export type ThemeStatusVariantType = 'error' | 'info' | 'success' | 'warning';
 export type StateVariantType = 'disabled' | 'focused' | 'readonly';
+export type ToneActionVariantType = 'primary' | 'secondary' | 'tertiary' | 'strong' | 'weak' | 'ghost' | 'quiet';
 export type ToneVariantType = 'strong' | 'weak' | 'ghost' | 'quiet';
 export type ToneSimpleVariantType = 'strong' | 'weak' | 'quiet';
 export type ToneMinimalVariantType = 'strong' | 'weak';

documentation.json

 {
-  "timestamp": "2023-04-14T09:57:39",
+  "timestamp": "2023-09-18T08:43:05",
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.22.3",
-    "typescriptVersion": "4.9.4"
+    "version": "4.2.1",
+    "typescriptVersion": "5.1.6"
   },
   "components": [
     {
-      "filePath": "./src/components/mds-progress/mds-progress.tsx",
+      "filePath": "src/components/mds-progress/mds-progress.tsx",
       "encapsulation": "shadow",
@@ -21,2 +21,13 @@ "tag": "mds-progress",
           "type": "\"horizontal\" | \"vertical\" | undefined",
+          "complexType": {
+            "original": "DirectionType",
+            "resolved": "\"horizontal\" | \"vertical\" | undefined",
+            "references": {
+              "DirectionType": {
+                "location": "import",
+                "path": "./meta/types",
+                "id": "src/components/mds-progress/meta/types.ts::DirectionType"
+              }
+            }
+          },
           "mutable": false,
@@ -47,2 +58,7 @@ "attr": "direction",
           "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
           "mutable": false,
@@ -65,2 +81,7 @@ "attr": "progress",
           "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
           "mutable": false,
@@ -83,2 +104,13 @@ "attr": "steps",
           "type": "\"dark\" | \"error\" | \"info\" | \"light\" | \"primary\" | \"success\" | \"warning\"",
+          "complexType": {
+            "original": "ThemeVariantType",
+            "resolved": "\"dark\" | \"error\" | \"info\" | \"light\" | \"primary\" | \"success\" | \"warning\"",
+            "references": {
+              "ThemeVariantType": {
+                "location": "import",
+                "path": "@type/variant",
+                "id": "src/type/variant.ts::ThemeVariantType"
+              }
+            }
+          },
           "mutable": false,
@@ -174,3 +206,345 @@ "attr": "variant",
     }
-  ]
+  ],
+  "typeLibrary": {
+    "src/components/mds-accordion/meta/event-detail.ts::MdsAccordionEventDetail": {
+      "declaration": "export interface MdsAccordionEventDetail {\n  children: NodeListOf<HTMLMdsAccordionItemElement>\n  selected: string\n}",
+      "docstring": "",
+      "path": "src/components/mds-accordion/meta/event-detail.ts"
+    },
+    "src/type/typography.ts::TypographyTitleType": {
+      "declaration": "export type TypographyTitleType =\n  | 'action'\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'",
+      "docstring": "",
+      "path": "src/type/typography.ts"
+    },
+    "src/components/mds-accordion-item/meta/event-detail.ts::MdsAccordionItemEventDetail": {
+      "declaration": "export interface MdsAccordionItemEventDetail {\n  id: string;\n  selected: boolean;\n}",
+      "docstring": "",
+      "path": "src/components/mds-accordion-item/meta/event-detail.ts"
+    },
+    "src/components/mds-accordion-timer-item/meta/event-detail.ts::MdsAccordionTimerItemEventDetail": {
+      "declaration": "export interface MdsAccordionTimerItemEventDetail {\n  selected: boolean;\n  uuid: number;\n}",
+      "docstring": "",
+      "path": "src/components/mds-accordion-timer-item/meta/event-detail.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": "",
+      "path": "src/type/variant.ts"
+    },
+    "src/type/variant.ts::ToneSimpleVariantType": {
+      "declaration": "export type ToneSimpleVariantType =\n  | 'strong'\n  | 'weak'\n  | 'quiet'",
+      "docstring": "",
+      "path": "src/type/variant.ts"
+    },
+    "src/type/typography.ts::TypographyInfoType": {
+      "declaration": "export type TypographyInfoType =\n  | 'caption'\n  | 'detail'\n  | 'label'\n  | 'option'\n  | 'paragraph'\n  | 'tip'",
+      "docstring": "",
+      "path": "src/type/typography.ts"
+    },
+    "src/type/typography.ts::TypographyReadType": {
+      "declaration": "export type TypographyReadType =\n  | 'caption'\n  | 'detail'\n  | 'paragraph'",
+      "docstring": "",
+      "path": "src/type/typography.ts"
+    },
+    "src/type/typography.ts::TypographyVariants": {
+      "declaration": "export type TypographyVariants =\n  | 'title'\n  | 'info'\n  | 'read'\n  | 'code'",
+      "docstring": "",
+      "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'",
+      "docstring": "",
+      "path": "src/type/variant.ts"
+    },
+    "src/components/mds-benchmark-bar/meta/types.ts::BenchmarkBarTypographyType": {
+      "declaration": "export type BenchmarkBarTypographyType =\n  | 'option'\n  | 'label'",
+      "docstring": "",
+      "path": "src/components/mds-benchmark-bar/meta/types.ts"
+    },
+    "src/components/mds-bibliography/meta/types.ts::BibliographyFormatType": {
+      "declaration": "export type BibliographyFormatType =\n  | 'apa' // American Psychological Association - Simmons, B. (2015, January 9). The tale of two Flaccos. Grantland. http://grantland.com/the-triangle/the-tale-of-two-flaccos/\n  | 'mla' // Modern Language Association - Author's Last name, First name. \"Title of Source.\" Title of Container, Other contributors, Version, Numbers, Publisher, Publication Date, Location.\n  | 'turabian'",
+      "docstring": "",
+      "path": "src/components/mds-bibliography/meta/types.ts"
+    },
+    "src/components/mds-bibliography/meta/types.ts::BibliographyRelationshipType": {
+      "declaration": "export type BibliographyRelationshipType =\n  | 'author'\n  | 'external'",
+      "docstring": "",
+      "path": "src/components/mds-bibliography/meta/types.ts"
+    },
+    "src/components/mds-breadcrumb/meta/event-detail.ts::MdsBreadcrumbEventDetail": {
+      "declaration": "export interface MdsBreadcrumbEventDetail {\n  caller: HTMLMdsBreadcrumbItemElement\n  id: string\n  selected?: boolean\n}",
+      "docstring": "",
+      "path": "src/components/mds-breadcrumb/meta/event-detail.ts"
+    },
+    "src/components/mds-breadcrumb-item/meta/event-detail.ts::MdsBreadcrumbItemEventDetail": {
+      "declaration": "export interface MdsBreadcrumbItemEventDetail {\n  id: string\n  selected: boolean\n}",
+      "docstring": "",
+      "path": "src/components/mds-breadcrumb-item/meta/event-detail.ts"
+    },
+    "src/type/button.ts::ButtonIconPositionType": {
+      "declaration": "export type ButtonIconPositionType =\n  | 'left'\n  | 'right'",
+      "docstring": "",
+      "path": "src/type/button.ts"
+    },
+    "src/type/button.ts::ButtonType": {
+      "declaration": "export type ButtonType =\n  | 'a'\n  | 'button'\n  | 'reset'\n  | 'submit'",
+      "docstring": "",
+      "path": "src/type/button.ts"
+    },
+    "src/type/button.ts::ButtonVariantType": {
+      "declaration": "export type ButtonVariantType =\n  | 'primary'\n  | 'dark'\n  | 'light'\n  | 'error'\n  | 'info'\n  | 'success'\n  | 'warning'",
+      "docstring": "",
+      "path": "src/type/button.ts"
+    },
+    "src/type/variant.ts::ToneVariantType": {
+      "declaration": "export type ToneVariantType =\n  | 'strong' // background strong\n  | 'weak' // background weak\n  | 'ghost' // bordered\n  | 'quiet'",
+      "docstring": "",
+      "path": "src/type/variant.ts"
+    },
+    "src/type/button.ts::ButtonSizeType": {
+      "declaration": "export type ButtonSizeType =\n  | 'sm'\n  | 'md'\n  | 'lg'\n  | 'xl'",
+      "docstring": "",
+      "path": "src/type/button.ts"
+    },
+    "src/type/button.ts::ButtonTargetType": {
+      "declaration": "export type ButtonTargetType =\n  |'self'\n  |'blank'",
+      "docstring": "",
+      "path": "src/type/button.ts"
+    },
+    "src/components/mds-chip/meta/interface.ts::MdsChipEvent": {
+      "declaration": "interface MdsChipEvent {\n  event: Event\n  element: HTMLMdsChipElement\n}",
+      "docstring": "",
+      "path": "src/components/mds-chip/meta/interface.ts"
+    },
+    "src/type/floating-ui.ts::FloatingUIPlacement": {
+      "declaration": "export type FloatingUIPlacement =\n  | 'bottom'\n  | 'bottom-end'\n  | 'bottom-start'\n  | 'left'\n  | 'left-end'\n  | 'left-start'\n  | 'right'\n  | 'right-end'\n  | 'right-start'\n  | 'top'\n  | 'top-end'\n  | 'top-start'",
+      "docstring": "",
+      "path": "src/type/floating-ui.ts"
+    },
+    "src/type/floating-ui.ts::FloatingUIStrategy": {
+      "declaration": "export type FloatingUIStrategy =\n  | 'absolute'\n  | 'fixed'",
+      "docstring": "",
+      "path": "src/type/floating-ui.ts"
+    },
+    "src/components/mds-dropdown/meta/event-detail.ts::MdsDropdownEventDetail": {
+      "declaration": "export interface MdsDropdownEventDetail {\n  caller: HTMLElement\n  visible: boolean\n}",
+      "docstring": "",
+      "path": "src/components/mds-dropdown/meta/event-detail.ts"
+    },
+    "src/components/mds-file/meta/types.ts::ExtensionSuffixType": {
+      "declaration": "export type ExtensionSuffixType =\n  | '7z'\n  | 'ace'\n  | 'ai'\n  | 'db'\n  | 'default'\n  | 'dmg'\n  | 'doc'\n  | 'docm'\n  | 'docx'\n  | 'eml'\n  | 'eps'\n  | 'exe'\n  | 'flac'\n  | 'gif'\n  | 'htm'\n  | 'html'\n  | 'jpe'\n  | 'jpeg'\n  | 'jpg'\n  | 'js'\n  | 'json'\n  | 'jsx'\n  | 'm2v'\n  | 'mp2'\n  | 'mp3'\n  | 'mp4'\n  | 'mp4v'\n  | 'mpeg'\n  | 'mpg'\n  | 'mpg4'\n  | 'mpga'\n  | 'odp'\n  | 'ods'\n  | 'odt'\n  | 'pdf'\n  | 'php'\n  | 'png'\n  | 'ppt'\n  | 'rar'\n  | 'rtf'\n  | 'sass'\n  | 'shtml'\n  | 'svg'\n  | 'tar'\n  | 'ts'\n  | 'txt'\n  | 'wav'\n  | 'xar'\n  | 'xls'\n  | 'xlsx'\n  | 'zip'",
+      "docstring": "",
+      "path": "src/components/mds-file/meta/types.ts"
+    },
+    "src/components/mds-file/meta/event-detail.ts::MdsFileEventDetail": {
+      "declaration": "export interface MdsFileEventDetail {\n  description: string\n  extension: string\n  filename: string\n  target: HTMLMdsFileElement\n  type: string\n}",
+      "docstring": "",
+      "path": "src/components/mds-file/meta/event-detail.ts"
+    },
+    "src/components/mds-filter/meta/event-detail.ts::MdsFilterEventDetail": {
+      "declaration": "export interface MdsFilterEventDetail {\n  children: NodeListOf<HTMLMdsFilterItemElement>\n  value: string\n}",
+      "docstring": "",
+      "path": "src/components/mds-filter/meta/event-detail.ts"
+    },
+    "src/components/mds-filter-item/meta/event-detail.ts::MdsFilterItemEventDetail": {
+      "declaration": "export interface MdsFilterItemEventDetail {\n  id: string\n  selected: boolean\n}",
+      "docstring": "",
+      "path": "src/components/mds-filter-item/meta/event-detail.ts"
+    },
+    "src/components/mds-form/meta/types.ts::CharacterSetType": {
+      "declaration": "export type CharacterSetType =\n  | '8859-1'\n  | 'ansi'\n  | 'ascii'\n  | 'utf-8'",
+      "docstring": "",
+      "path": "src/components/mds-form/meta/types.ts"
+    },
+    "src/components/mds-form/meta/types.ts::FormAutocompleteType": {
+      "declaration": "export type FormAutocompleteType =\n  | 'off'\n  | 'on'",
+      "docstring": "",
+      "path": "src/components/mds-form/meta/types.ts"
+    },
+    "src/components/mds-form/meta/types.ts::EnctypeType": {
+      "declaration": "export type EnctypeType =\n  | 'application/x-www-form-urlencoded'\n  | 'multipart/form-data'\n  | 'text/plain'",
+      "docstring": "",
+      "path": "src/components/mds-form/meta/types.ts"
+    },
+    "src/components/mds-form/meta/types.ts::FormMethodType": {
+      "declaration": "export type FormMethodType =\n  | 'get'\n  | 'post'",
+      "docstring": "",
+      "path": "src/components/mds-form/meta/types.ts"
+    },
+    "src/components/mds-header/meta/event-detail.ts::MdsHeaderEventDetail": {
+      "declaration": "export interface MdsHeaderEventDetail {\n  bar: HTMLMdsHeaderBarElement\n}",
+      "docstring": "",
+      "path": "src/components/mds-header/meta/event-detail.ts"
+    },
+    "src/components/mds-horizontal-scroll/meta/types.ts::SnapType": {
+      "declaration": "export type SnapType =\n  | 'center'\n  | 'end'\n  | 'none'\n  | 'start'",
+      "docstring": "",
+      "path": "src/components/mds-horizontal-scroll/meta/types.ts"
+    },
+    "src/components/mds-img/meta/types.ts::CrossoriginType": {
+      "declaration": "export type CrossoriginType =\n  | 'anonymous'\n  | 'use-credentials'",
+      "docstring": "",
+      "path": "src/components/mds-img/meta/types.ts"
+    },
+    "src/type/loading.ts::LoadingType": {
+      "declaration": "export type LoadingType =\n  | 'eager'\n  | 'lazy'",
+      "docstring": "",
+      "path": "src/type/loading.ts"
+    },
+    "src/components/mds-img/meta/types.ts::ReferrerpolicyType": {
+      "declaration": "export type ReferrerpolicyType =\n  | 'no-referrer'\n  | 'no-referrer-when-downgrade'\n  | 'origin'\n  | 'origin-when-cross-origin'\n  | 'unsafe-url'",
+      "docstring": "",
+      "path": "src/components/mds-img/meta/types.ts"
+    },
+    "src/components/mds-img/meta/event-detail.ts::MdsImgEventDetail": {
+      "declaration": "export interface MdsImgEventDetail {\n  image: HTMLImageElement\n}",
+      "docstring": "",
+      "path": "src/components/mds-img/meta/event-detail.ts"
+    },
+    "src/type/autocomplete.ts::AutocompleteType": {
+      "declaration": "export type AutocompleteType =\n  | 'additional-name'\n  | 'address'\n  | 'address-level1'\n  | 'address-level2'\n  | 'address-level3'\n  | 'address-level4'\n  | 'address-line1'\n  | 'address-line2'\n  | 'address-line3'\n  | 'bday'\n  | 'bday-day'\n  | 'bday-month'\n  | 'bday-year'\n  | 'cc-additional-name'\n  | 'cc-csc'\n  | 'cc-exp'\n  | 'cc-exp-month'\n  | 'cc-exp-year'\n  | 'cc-family-name'\n  | 'cc-family-name'\n  | 'cc-given-name'\n  | 'cc-name'\n  | 'cc-number'\n  | 'cc-type'\n  | 'country'\n  | 'country-name'\n  | 'current-password'\n  | 'email'\n  | 'family-name'\n  | 'given-name'\n  | 'honorific-prefix'\n  | 'honorific-suffix'\n  | 'impp'\n  | 'language'\n  | 'name'\n  | 'new-password'\n  | 'nickname'\n  | 'off'\n  | 'on'\n  | 'one-time-code'\n  | 'organization'\n  | 'organization-title'\n  | 'photo'\n  | 'postal-code'\n  | 'sex'\n  | 'street-address'\n  | 'tel'\n  | 'tel-area-code'\n  | 'tel-country-code'\n  | 'tel-extension'\n  | 'tel-local'\n  | 'tel-national'\n  | 'transaction-amount'\n  | 'transaction-currency'\n  | 'url'\n  | 'username'",
+      "docstring": "",
+      "path": "src/type/autocomplete.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/type/input-text-type.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'",
+      "docstring": "",
+      "path": "src/type/input-text-type.ts"
+    },
+    "src/type/input-value-type.ts::InputValueType": {
+      "declaration": "export type InputValueType =\n  | null\n  | number\n  | string\n  | undefined",
+      "docstring": "",
+      "path": "src/type/input-value-type.ts"
+    },
+    "src/components/mds-input/meta/interfaces.ts::InputValue": {
+      "declaration": "export interface InputValue {\n  value: InputValueType\n}",
+      "docstring": "",
+      "path": "src/components/mds-input/meta/interfaces.ts"
+    },
+    "src/components/mds-input-field/meta/types.ts::ValidationModelType": {
+      "declaration": "export type ValidationModelType =\n  | 'cf'\n  | 'email'\n  | 'isbn'\n  | 'piva'",
+      "docstring": "",
+      "path": "src/components/mds-input-field/meta/types.ts"
+    },
+    "src/interface/input-value.ts::InputValue": {
+      "declaration": "export interface InputValue {\n  value: InputValueType\n}",
+      "docstring": "",
+      "path": "src/interface/input-value.ts"
+    },
+    "src/components/mds-input-switch/meta/types.ts::InputSwitchSizeType": {
+      "declaration": "export type InputSwitchSizeType =\n  | 'sm'\n  | 'md'\n  | 'lg'",
+      "docstring": "",
+      "path": "src/components/mds-input-switch/meta/types.ts"
+    },
+    "src/components/mds-input-switch/meta/types.ts::InputSwitchType": {
+      "declaration": "export type InputSwitchType =\n  | 'checkbox'\n  | 'radio'\n  | 'switch'",
+      "docstring": "",
+      "path": "src/components/mds-input-switch/meta/types.ts"
+    },
+    "src/type/typography.ts::TypographyType": {
+      "declaration": "export type TypographyType =\n  | 'action'\n  | 'caption'\n  | 'snippet'\n  | 'detail'\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'hack'\n  | 'label'\n  | 'option'\n  | 'paragraph'\n  | 'tip'",
+      "docstring": "",
+      "path": "src/type/typography.ts"
+    },
+    "src/type/typography.ts::TypographyReadingVariants": {
+      "declaration": "export type TypographyReadingVariants =\n  | 'info'\n  | 'read'",
+      "docstring": "",
+      "path": "src/type/typography.ts"
+    },
+    "src/components/mds-modal/meta/types.ts::ModalPositionType": {
+      "declaration": "export type ModalPositionType =\n  | 'bottom'\n  | 'center'\n  | 'left'\n  | 'right'\n  | 'top'",
+      "docstring": "",
+      "path": "src/components/mds-modal/meta/types.ts"
+    },
+    "src/type/variant.ts::LabelVariantType": {
+      "declaration": "export type LabelVariantType =\n  | 'amaranth'\n  | 'aqua'\n  | 'blue'\n  | 'green'\n  | 'lime'\n  | 'orange'\n  | 'orchid'\n  | 'sky'\n  | 'violet'\n  | 'yellow'",
+      "docstring": "",
+      "path": "src/type/variant.ts"
+    },
+    "src/components/mds-notification/meta/types.ts::StrategyType": {
+      "declaration": "export type StrategyType =\n  | 'absolute'\n  | 'fixed'\n  | 'disabled'",
+      "docstring": "",
+      "path": "src/components/mds-notification/meta/types.ts"
+    },
+    "src/components/mds-paginator/meta/event-detail.ts::MdsPaginatorEventDetail": {
+      "declaration": "export interface MdsPaginatorEventDetail {\n  caller?: HTMLMdsPaginatorItemElement\n  page: number\n}",
+      "docstring": "",
+      "path": "src/components/mds-paginator/meta/event-detail.ts"
+    },
+    "src/components/mds-progress/meta/types.ts::DirectionType": {
+      "declaration": "export type DirectionType =\n  | 'horizontal'\n  | 'vertical'",
+      "docstring": "",
+      "path": "src/components/mds-progress/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": "",
+      "path": "src/components/mds-stepper-bar/meta/event-detail.ts"
+    },
+    "src/components/mds-stepper-bar-item/meta/event-detail.ts::MdsStepperBarItemEventDetail": {
+      "declaration": "export interface MdsStepperBarItemEventDetail {\n  value: string\n}",
+      "docstring": "",
+      "path": "src/components/mds-stepper-bar-item/meta/event-detail.ts"
+    },
+    "src/components/mds-tab/meta/event-detail.ts::MdsTabEventDetail": {
+      "declaration": "export interface MdsTabEventDetail {\n  id: number\n}",
+      "docstring": "",
+      "path": "src/components/mds-tab/meta/event-detail.ts"
+    },
+    "src/components/mds-tab-bar/meta/event-detail.ts::MdsTabBarEventDetail": {
+      "declaration": "export interface MdsTabBarEventDetail {\n  index: number\n}",
+      "docstring": "",
+      "path": "src/components/mds-tab-bar/meta/event-detail.ts"
+    },
+    "src/type/typography.ts::TypographySmallerType": {
+      "declaration": "export type TypographySmallerType =\n  | 'tip'\n  | 'option'",
+      "docstring": "",
+      "path": "src/type/typography.ts"
+    },
+    "src/components/mds-text/meta/types.ts::TypographyTagType": {
+      "declaration": "export type TypographyTagType =\n  | 'abbr'\n  | 'address'\n  | 'article'\n  | 'b'\n  | 'bdo'\n  | 'blockquote'\n  | 'cite'\n  | 'code'\n  | 'dd'\n  | 'del'\n  | 'details'\n  | 'dfn'\n  | 'div'\n  | 'dl'\n  | 'dt'\n  | 'em'\n  | 'figcaption'\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'i'\n  | 'ins'\n  | 'kbd'\n  | 'label'\n  | 'legend'\n  | 'li'\n  | 'mark'\n  | 'ol'\n  | 'p'\n  | 'pre'\n  | 'q'\n  | 'rb'\n  | 'rt'\n  | 'ruby'\n  | 's'\n  | 'samp'\n  | 'small'\n  | 'span'\n  | 'strong'\n  | 'sub'\n  | 'summary'\n  | 'sup'\n  | 'time'\n  | 'u'\n  | 'ul'\n  | 'var'",
+      "docstring": "",
+      "path": "src/components/mds-text/meta/types.ts"
+    },
+    "src/type/variant.ts::ThemeLuminanceVariantType": {
+      "declaration": "export type ThemeLuminanceVariantType =\n  | 'dark'\n  | 'light'",
+      "docstring": "",
+      "path": "src/type/variant.ts"
+    },
+    "src/type/variant.ts::ToneMinimalVariantType": {
+      "declaration": "export type ToneMinimalVariantType =\n| 'strong'\n| 'weak'",
+      "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": "",
+      "path": "src/components/mds-toast/meta/types.ts"
+    },
+    "src/type/typography.ts::TypographyTooltipType": {
+      "declaration": "export type TypographyTooltipType =\n  | 'caption'\n  | 'detail'\n  | 'tip'",
+      "docstring": "",
+      "path": "src/type/typography.ts"
+    },
+    "src/components/mds-usage/meta/types.ts::UsageType": {
+      "declaration": "export type UsageType =\n  | 'do'\n  | 'dont'\n  | 'info'\n  | 'warn'",
+      "docstring": "",
+      "path": "src/components/mds-usage/meta/types.ts"
+    },
+    "src/components/mds-video-wall/meta/types.ts::NoiseType": {
+      "declaration": "export type NoiseType =\n  | 'classic'\n  | 'none'\n  | 'sharp'\n  | 'soft'\n  | 'tv'",
+      "docstring": "",
+      "path": "src/components/mds-video-wall/meta/types.ts"
+    },
+    "src/components/mds-video-wall/meta/types.ts::PreloadType": {
+      "declaration": "export type PreloadType =\n  | 'auto'\n  | 'metadata'\n  | 'none'",
+      "docstring": "",
+      "path": "src/components/mds-video-wall/meta/types.ts"
+    }
+  }
 }

loader/index.d.ts

@@ -11,6 +11,6 @@ export * from '../dist/types/components';
 }
-export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): Promise<void>;
+export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): void;
 export declare function applyPolyfills(): Promise<void>;
 
-/** 
+/**
  * Used to specify a nonce value that corresponds with an application's CSP.
@@ -17,0 +17,0 @@ * When set, the nonce will be added to all dynamically created script and style tags at runtime.

package.json

 {
   "name": "@maggioli-design-system/mds-progress",
-  "version": "2.5.0",
+  "version": "2.6.0",
   "description": "mds-progress is a web-component from Maggioli Design System Magma, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
@@ -27,4 +27,4 @@ "main": "dist/index.cjs.js",
   "dependencies": {
-    "@maggioli-design-system/styles": "^11.4.0",
-    "@stencil/core": "^2.22.3"
+    "@maggioli-design-system/styles": "^11.7.0",
+    "@stencil/core": "^4.2.1"
   },
@@ -31,0 +31,0 @@ "license": "MIT",

src/components.d.ts

@@ -10,2 +10,4 @@ /* eslint-disable */
 import { ThemeVariantType } from "@type/variant";
+export { DirectionType } from "./components/mds-progress/meta/types";
+export { ThemeVariantType } from "@type/variant";
 export namespace Components {
@@ -12,0 +14,0 @@ interface MdsProgress {

src/dictionary/button.ts

@@ -18,2 +18,7 @@ const buttonVariantDictionary = [
 
+const buttonTargetDictionary = [
+  'blank',
+  'self',
+]
+
 const buttonSizeDictionary = [
@@ -32,6 +37,7 @@ 'sm',
 export {
+  buttonIconPositionDictionary,
   buttonSizeDictionary,
+  buttonTargetDictionary,
   buttonToneVariantDictionary,
   buttonVariantDictionary,
-  buttonIconPositionDictionary,
 }

src/dictionary/variant.ts

@@ -62,2 +62,11 @@ const themeVariantDictionary = [
 
+const toneActionVariantDictionary = [
+  'primary',
+  'secondary',
+  'tertiary',
+  'strong',
+  'weak',
+  'quiet',
+]
+
 const toneSimpleVariantDictionary = [
@@ -80,2 +89,3 @@ 'strong',
   themeVariantDictionary,
+  toneActionVariantDictionary,
   toneMinimalVariantDictionary,
@@ -82,0 +92,0 @@ toneSimpleVariantDictionary,

src/fixtures/icons.json

@@ -24,2 +24,3 @@ [
     "mgg/action-show-sidebar-right",
+    "mgg/activity-list",
     "mgg/add-document-settings",
@@ -32,7 +33,19 @@ "mgg/additional-contents",
     "mgg/area-weather",
+    "mgg/assignments-accept-rejection",
+    "mgg/assignments-acceptance-accepted",
+    "mgg/assignments-assignment",
+    "mgg/assignments-competence",
+    "mgg/assignments-completed",
+    "mgg/assignments-rejected",
+    "mgg/assignments-sorted",
+    "mgg/auto-awesome-motion",
+    "mgg/balance",
+    "mgg/bill",
     "mgg/box-multiple",
     "mgg/breadcrumb",
+    "mgg/bus-stops",
     "mgg/calendar-euro",
     "mgg/calendar-multiple",
     "mgg/calendar-schedule",
+    "mgg/cancelled-sheet",
     "mgg/car-license",
@@ -44,3 +57,5 @@ "mgg/card-stamping",
     "mgg/city-bin",
+    "mgg/classic-permission",
     "mgg/copy-paste",
+    "mgg/d-instrumental-buildings",
     "mgg/data-analytics-alt",
@@ -56,2 +71,5 @@ "mgg/data-analytics-search",
     "mgg/dataset",
+    "mgg/delivered-to-the-recipient",
+    "mgg/document-euro",
+    "mgg/document-less",
     "mgg/document-magic",
@@ -85,5 +103,9 @@ "mgg/document-rename",
     "mgg/fit-vertical",
+    "mgg/forwarded-with-a-single-sending",
     "mgg/fullscreen-on-alt",
     "mgg/google-check-small",
     "mgg/google-place-item",
+    "mgg/group-assigned-automatically-system",
+    "mgg/group-ceased",
+    "mgg/group-inherited",
     "mgg/heart",
@@ -99,2 +121,6 @@ "mgg/heart-outline",
     "mgg/input-calendar-time",
+    "mgg/instrumental-buildings",
+    "mgg/internationalization-add",
+    "mgg/internationalization-check",
+    "mgg/internationalization-delete",
     "mgg/isbn",
@@ -104,2 +130,3 @@ "mgg/judge-hammer",
     "mgg/layers",
+    "mgg/liquidated-document",
     "mgg/list-dot",
@@ -113,2 +140,3 @@ "mgg/logo-girasole-camuno",
     "mgg/money-on-hand",
+    "mgg/money-paid",
     "mgg/move-down",
@@ -123,2 +151,4 @@ "mgg/move-left",
     "mgg/national-document-off",
+    "mgg/not-instrumental-d-buildings",
+    "mgg/not-sent-yet",
     "mgg/order-return-down-left-to-right",
@@ -142,4 +172,7 @@ "mgg/order-return-down-left-to-up",
     "mgg/other-properties-off",
+    "mgg/other-residential-buildings",
+    "mgg/pagopa",
     "mgg/partial-wall",
     "mgg/payment-settings",
+    "mgg/pec-sent-to-the-not-pec-recipient",
     "mgg/places-green",
@@ -158,2 +191,3 @@ "mgg/places-green-doc",
     "mgg/residency-permit",
+    "mgg/roles-permission",
     "mgg/rubber-stamp",
@@ -163,2 +197,3 @@ "mgg/rurale",
     "mgg/send-progress",
+    "mgg/sending-error",
     "mgg/settings-attachment",
@@ -173,2 +208,3 @@ "mgg/sign-shop",
     "mgg/stuck-codes",
+    "mgg/subtractive-permission",
     "mgg/tea-light",
@@ -190,2 +226,3 @@ "mgg/terminal",
     "mgg/trending-down",
+    "mgg/tribute",
     "mgg/tributes",
@@ -197,2 +234,3 @@ "mgg/urban-city",
     "mgg/user-location-off",
+    "mgg/user-signed-out",
     "mgg/view-chart-gantt",
@@ -256,3 +294,4 @@ "mgg/view-side-by-side",
     "mi/round/menu",
+    "mi/round/more-vert",
     "mi/round/person"
 ]

src/fixtures/iconsauce.json

@@ -13,2 +13,3 @@ [
     "mgg/action-show-sidebar-right",
+    "mgg/activity-list",
     "mgg/add-document-settings",
@@ -21,7 +22,19 @@ "mgg/additional-contents",
     "mgg/area-weather",
+    "mgg/assignments-accept-rejection",
+    "mgg/assignments-acceptance-accepted",
+    "mgg/assignments-assignment",
+    "mgg/assignments-competence",
+    "mgg/assignments-completed",
+    "mgg/assignments-rejected",
+    "mgg/assignments-sorted",
+    "mgg/auto-awesome-motion",
+    "mgg/balance",
+    "mgg/bill",
     "mgg/box-multiple",
     "mgg/breadcrumb",
+    "mgg/bus-stops",
     "mgg/calendar-euro",
     "mgg/calendar-multiple",
     "mgg/calendar-schedule",
+    "mgg/cancelled-sheet",
     "mgg/car-license",
@@ -33,3 +46,5 @@ "mgg/card-stamping",
     "mgg/city-bin",
+    "mgg/classic-permission",
     "mgg/copy-paste",
+    "mgg/d-instrumental-buildings",
     "mgg/data-analytics-alt",
@@ -45,2 +60,5 @@ "mgg/data-analytics-search",
     "mgg/dataset",
+    "mgg/delivered-to-the-recipient",
+    "mgg/document-euro",
+    "mgg/document-less",
     "mgg/document-magic",
@@ -74,5 +92,9 @@ "mgg/document-rename",
     "mgg/fit-vertical",
+    "mgg/forwarded-with-a-single-sending",
     "mgg/fullscreen-on-alt",
     "mgg/google-check-small",
     "mgg/google-place-item",
+    "mgg/group-assigned-automatically-system",
+    "mgg/group-ceased",
+    "mgg/group-inherited",
     "mgg/heart-outline",
@@ -88,2 +110,6 @@ "mgg/heart",
     "mgg/input-calendar-time",
+    "mgg/instrumental-buildings",
+    "mgg/internationalization-add",
+    "mgg/internationalization-check",
+    "mgg/internationalization-delete",
     "mgg/isbn",
@@ -93,2 +119,3 @@ "mgg/judge-hammer",
     "mgg/layers",
+    "mgg/liquidated-document",
     "mgg/list-dot",
@@ -102,2 +129,3 @@ "mgg/logo-girasole-camuno",
     "mgg/money-on-hand",
+    "mgg/money-paid",
     "mgg/move-down",
@@ -112,2 +140,4 @@ "mgg/move-left",
     "mgg/national-document",
+    "mgg/not-instrumental-d-buildings",
+    "mgg/not-sent-yet",
     "mgg/order-return-down-left-to-right",
@@ -131,4 +161,7 @@ "mgg/order-return-down-left-to-up",
     "mgg/other-properties",
+    "mgg/other-residential-buildings",
+    "mgg/pagopa",
     "mgg/partial-wall",
     "mgg/payment-settings",
+    "mgg/pec-sent-to-the-not-pec-recipient",
     "mgg/places-green-doc",
@@ -147,2 +180,3 @@ "mgg/places-green-history",
     "mgg/residency-permit",
+    "mgg/roles-permission",
     "mgg/rubber-stamp",
@@ -152,2 +186,3 @@ "mgg/rurale",
     "mgg/send-progress",
+    "mgg/sending-error",
     "mgg/settings-attachment",
@@ -162,2 +197,3 @@ "mgg/sign-shop",
     "mgg/stuck-codes",
+    "mgg/subtractive-permission",
     "mgg/tea-light",
@@ -179,2 +215,3 @@ "mgg/terminal",
     "mgg/trending-down",
+    "mgg/tribute",
     "mgg/tributes",
@@ -186,2 +223,3 @@ "mgg/urban-city",
     "mgg/user-location",
+    "mgg/user-signed-out",
     "mgg/view-chart-gantt",
@@ -188,0 +226,0 @@ "mgg/view-side-by-side",

src/type/button.ts

@@ -7,2 +7,6 @@ export type ButtonType =
 
+export type ButtonTargetType =
+  |'self'
+  |'blank'
+
 export type ButtonSizeType =
@@ -9,0 +13,0 @@ | 'sm'

src/type/variant.ts

@@ -60,2 +60,11 @@ export type ThemeStatusVariantType =
 
+export type ToneActionVariantType =
+  | 'primary' // background strong
+  | 'secondary' // background weak
+  | 'tertiary' // no background, no border
+  | 'strong' // background strong
+  | 'weak' // background weak
+  | 'ghost' // bordered
+  | 'quiet' // no background, no border
+
 export type ToneVariantType =
@@ -62,0 +71,0 @@ | 'strong' // background strong

www/build/mds-progress.esm.js

@@ -1,1 +0,1 @@
-import{p as r,b as e}from"./p-d657b3ae.js";export{s as setNonce}from"./p-d657b3ae.js";(()=>{const s=import.meta.url,e={};return""!==s&&(e.resourcesUrl=new URL(".",s).href),r(e)})().then((r=>e([["p-a8e1043f",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],r)));
+import{p as r,b as e}from"./p-82d66bad.js";export{s as setNonce}from"./p-82d66bad.js";(()=>{const s=import.meta.url,e={};return""!==s&&(e.resourcesUrl=new URL(".",s).href),r(e)})().then((r=>e([["p-1b808e2f",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],r)));

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

799591

increased by5.64%

Number of package files

152

increased by1.33%

Lines of code

11184

increased by11.15%

Number of medium supply chain risk alerts

3

decreased by-25%

Dependency changes

• + Added@stencil/core@4.23.0(transitive)

• - Removed@stencil/core@2.22.3(transitive)

• Updated@maggioli-design-system/styles@^11.7.0

• Updated@stencil/core@^4.2.1