@wikimedia/codex - npm Package Compare versions

Comparing version 0.7.0 to 0.8.0

dist/types/components/card/Card.vue.d.ts

@@ -110,5 +110,5 @@ import { PropType } from 'vue';
 }>>, {
+    url: string;
     icon: Icon;
     thumbnail: Thumbnail | null;
-    url: string;
     forceThumbnail: boolean;
@@ -115,0 +115,0 @@ customPlaceholderIcon: Icon;

dist/types/components/combobox/Combobox.vue.d.ts

@@ -56,3 +56,3 @@ import { PropType } from 'vue';
             modelValue: string | number;
-            inputType: "text" | "search";
+            inputType: "number" | "text" | "search" | "email" | "month" | "password" | "tel" | "url" | "week" | "date" | "datetime-local" | "time";
             status: "default" | "error";
@@ -68,6 +68,8 @@ startIcon: import("@wikimedia/codex-icons").Icon | undefined;
             inputType: {
-                type: PropType<"text" | "search">;
+                type: PropType<"number" | "text" | "search" | "email" | "month" | "password" | "tel" | "url" | "week" | "date" | "datetime-local" | "time">;
                 default: string;
-                validator: import("../../types").StringTypeValidator<"text" | "search">;
-            };
+                validator: import("../../types").StringTypeValidator<"number" | "text" | "search" | "email" | "month" | "password" | "tel" | "url" | "week" | "date" | "datetime-local" | "time">;
+            }; /**
+             * Whether the dropdown is disabled.
+             */
             status: {
@@ -77,7 +79,3 @@ type: PropType<"default" | "error">;
                 validator: import("../../types").StringTypeValidator<"default" | "error">;
-            }; /**
-             * Configuration for various menu features. All properties default to false.
-             *
-             * See the MenuConfig type.
-             */
+            };
             disabled: {
@@ -126,6 +124,8 @@ type: BooleanConstructor;
             inputType: {
-                type: PropType<"text" | "search">;
+                type: PropType<"number" | "text" | "search" | "email" | "month" | "password" | "tel" | "url" | "week" | "date" | "datetime-local" | "time">;
                 default: string;
-                validator: import("../../types").StringTypeValidator<"text" | "search">;
-            };
+                validator: import("../../types").StringTypeValidator<"number" | "text" | "search" | "email" | "month" | "password" | "tel" | "url" | "week" | "date" | "datetime-local" | "time">;
+            }; /**
+             * Whether the dropdown is disabled.
+             */
             status: {
@@ -135,7 +135,3 @@ type: PropType<"default" | "error">;
                 validator: import("../../types").StringTypeValidator<"default" | "error">;
-            }; /**
-             * Configuration for various menu features. All properties default to false.
-             *
-             * See the MenuConfig type.
-             */
+            };
             disabled: {
@@ -187,3 +183,3 @@ type: BooleanConstructor;
             modelValue: string | number;
-            inputType: "text" | "search";
+            inputType: "number" | "text" | "search" | "email" | "month" | "password" | "tel" | "url" | "week" | "date" | "datetime-local" | "time";
             status: "default" | "error";
@@ -219,6 +215,8 @@ startIcon: import("@wikimedia/codex-icons").Icon | undefined;
         inputType: {
-            type: PropType<"text" | "search">;
+            type: PropType<"number" | "text" | "search" | "email" | "month" | "password" | "tel" | "url" | "week" | "date" | "datetime-local" | "time">;
             default: string;
-            validator: import("../../types").StringTypeValidator<"text" | "search">;
-        };
+            validator: import("../../types").StringTypeValidator<"number" | "text" | "search" | "email" | "month" | "password" | "tel" | "url" | "week" | "date" | "datetime-local" | "time">;
+        }; /**
+         * Whether the dropdown is disabled.
+         */
         status: {
@@ -228,7 +226,3 @@ type: PropType<"default" | "error">;
             validator: import("../../types").StringTypeValidator<"default" | "error">;
-        }; /**
-         * Configuration for various menu features. All properties default to false.
-         *
-         * See the MenuConfig type.
-         */
+        };
         disabled: {
@@ -235,0 +229,0 @@ type: BooleanConstructor;

dist/types/components/dialog/Dialog.vue.d.ts

@@ -37,3 +37,4 @@ import { PropType } from 'vue';
     /**
-     * Title for the dialog header
+     * Title for the dialog header. Used for ARIA purposes even if no
+     * visible header element is displayed.
      */
@@ -45,4 +46,12 @@ title: {
     /**
-     * Whether the dialog title should be visually hidden
+     * Optional subtitle for the dialog.
      */
+    subtitle: {
+        type: StringConstructor;
+        required: false;
+        default: null;
+    };
+    /**
+     * Whether the dialog header should hide the title & subtitle
+     */
     hideTitle: {
@@ -83,10 +92,2 @@ type: BooleanConstructor;
     };
-    /**
-     * Whether the dialog should display dividers between header, footer,
-     * and body sections.
-     */
-    showDividers: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }, {
@@ -99,3 +100,2 @@ close: () => void;
         'cdx-dialog--horizontal-actions': boolean;
-        'cdx-dialog--dividers': boolean;
     }>;
@@ -110,2 +110,3 @@ dialogElement: import("vue").Ref<HTMLDivElement | undefined>;
     showHeader: import("vue").ComputedRef<boolean>;
+    showFooterActions: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("default" | "primary" | "update:open")[], "default" | "primary" | "update:open", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -121,3 +122,4 @@ /**
     /**
-     * Title for the dialog header
+     * Title for the dialog header. Used for ARIA purposes even if no
+     * visible header element is displayed.
      */
@@ -129,4 +131,12 @@ title: {
     /**
-     * Whether the dialog title should be visually hidden
+     * Optional subtitle for the dialog.
      */
+    subtitle: {
+        type: StringConstructor;
+        required: false;
+        default: null;
+    };
+    /**
+     * Whether the dialog header should hide the title & subtitle
+     */
     hideTitle: {
@@ -167,10 +177,2 @@ type: BooleanConstructor;
     };
-    /**
-     * Whether the dialog should display dividers between header, footer,
-     * and body sections.
-     */
-    showDividers: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }>> & {
@@ -182,2 +184,3 @@ onDefault?: ((...args: any[]) => any) | undefined;
     open: boolean;
+    subtitle: string;
     hideTitle: boolean;
@@ -188,4 +191,3 @@ closeButtonLabel: string;
     stackedActions: boolean;
-    showDividers: boolean;
 }>;
 export default _default;

dist/types/components/menu-item/MenuItem.vue.d.ts

@@ -295,2 +295,3 @@ import { PropType } from 'vue';
 }, {
+    url: string;
     selected: boolean;
@@ -304,3 +305,2 @@ highlighted: boolean;
     thumbnail: Thumbnail | null;
-    url: string;
     description: string | null;
@@ -307,0 +307,0 @@ searchQuery: string;

dist/types/components/text-input/TextInput.vue.d.ts

@@ -22,8 +22,9 @@ import { PropType } from 'vue';
      *
-     * @values 'text', 'search'
+     * @values 'text', 'search', 'number', 'email', 'password', 'tel', 'url',
+     * 'week', 'month', 'date', 'datetime-local', 'time'
      */
     inputType: {
-        type: PropType<"text" | "search">;
+        type: PropType<"number" | "text" | "search" | "email" | "month" | "password" | "tel" | "url" | "week" | "date" | "datetime-local" | "time">;
         default: string;
-        validator: import("../../types").StringTypeValidator<"text" | "search">;
+        validator: import("../../types").StringTypeValidator<"number" | "text" | "search" | "email" | "month" | "password" | "tel" | "url" | "week" | "date" | "datetime-local" | "time">;
     };
@@ -109,8 +110,9 @@ /**
      *
-     * @values 'text', 'search'
+     * @values 'text', 'search', 'number', 'email', 'password', 'tel', 'url',
+     * 'week', 'month', 'date', 'datetime-local', 'time'
      */
     inputType: {
-        type: PropType<"text" | "search">;
+        type: PropType<"number" | "text" | "search" | "email" | "month" | "password" | "tel" | "url" | "week" | "date" | "datetime-local" | "time">;
         default: string;
-        validator: import("../../types").StringTypeValidator<"text" | "search">;
+        validator: import("../../types").StringTypeValidator<"number" | "text" | "search" | "email" | "month" | "password" | "tel" | "url" | "week" | "date" | "datetime-local" | "time">;
     };
@@ -168,3 +170,3 @@ /**
     modelValue: string | number;
-    inputType: "text" | "search";
+    inputType: "number" | "text" | "search" | "email" | "month" | "password" | "tel" | "url" | "week" | "date" | "datetime-local" | "time";
     status: "default" | "error";
@@ -171,0 +173,0 @@ startIcon: Icon | undefined;

dist/types/constants.d.ts

@@ -17,3 +17,3 @@ import { ComputedRef, InjectionKey } from 'vue';
 export declare const statusTypeValidator: import("./types").StringTypeValidator<"notice" | "warning" | "error" | "success">;
-export declare const TextInputTypes: readonly ["text", "search"];
+export declare const TextInputTypes: readonly ["text", "search", "number", "email", "month", "password", "tel", "url", "week", "date", "datetime-local", "time"];
 export declare const ValidationStatusTypes: readonly ["default", "error"];
@@ -20,0 +20,0 @@ export declare const MenuStates: readonly ["selected", "highlighted", "highlightedViaKeyboard", "active"];

package.json

 {
 	"name": "@wikimedia/codex",
-	"version": "0.7.0",
+	"version": "0.8.0",
 	"description": "Codex is a toolkit for building user interfaces within the Wikimedia Design System",
@@ -5,0 +5,0 @@ "keywords": [

README.md

@@ -25,3 +25,3 @@ # Codex
 	<div>
-		<cdx-button action="progressive" type="primary">
+		<cdx-button action="progressive" weight="primary">
 			Click me!
@@ -28,0 +28,0 @@ </cdx-button>

No alert changes

Improved metrics

Total package byte prevSize

644505

0.86%

Number of package files

53

3.92%

Lines of code

9919

0.49%

No dependency changes