@wikimedia/codex - npm Package Compare versions

Comparing version 1.17.0 to 1.18.0

dist/types/components/chip-input/ChipInput.vue.d.ts

@@ -59,2 +59,9 @@ import { ComponentPublicInstance, PropType } from 'vue';
     };
+    /**
+     * Whether the ChipInput is readonly.
+     */
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
@@ -134,2 +141,9 @@ rootElement: import("vue").Ref<HTMLDivElement | undefined>;
     };
+    /**
+     * Whether the ChipInput is readonly.
+     */
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
@@ -139,2 +153,3 @@ "onUpdate:input-chips"?: ((...args: any[]) => any) | undefined;
 }, {
+    readonly: boolean;
     disabled: boolean;
@@ -141,0 +156,0 @@ inputValue: string | number;

dist/types/components/input-chip/InputChip.vue.d.ts

@@ -23,2 +23,9 @@ import { PropType } from 'vue';
     };
+    /**
+     * Whether the InputChip is readonly.
+     */
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
@@ -28,2 +35,3 @@ rootElement: import("vue").Ref<HTMLDivElement | undefined>;
         'cdx-input-chip--disabled': boolean;
+        'cdx-input-chip--readonly': boolean;
     }>;
@@ -33,2 +41,3 @@ ariaDescription: import("vue").ComputedRef<string>;
     cdxIconClose: string;
+    tabIndex: import("vue").ComputedRef<-1 | 0>;
 }, unknown, {}, {
@@ -56,2 +65,9 @@ /**
     };
+    /**
+     * Whether the InputChip is readonly.
+     */
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
@@ -64,4 +80,5 @@ "onRemove-chip"?: ((...args: any[]) => any) | undefined;
     icon: Icon;
+    readonly: boolean;
     disabled: boolean;
 }, {}>;
 export default _default;

dist/types/components/multiselect-lookup/MultiselectLookup.vue.d.ts

@@ -65,2 +65,9 @@ import { ComponentPublicInstance, Ref, PropType } from 'vue';
     /**
+     * Whether the MultiselectLookup is readonly.
+     */
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
      * `status` attribute of the input.
@@ -89,3 +96,13 @@ */
             required: true;
-        };
+        }; /**
+         * Conditionally handle key navigation of the menu.
+         *
+         * For this component, the user should only be able to use key navigation to open the menu
+         * if there are menu items (or no-results slot content) to display.
+         *
+         * The space key should always do its default function of adding a space character,
+         * and doesn't open the menu.
+         *
+         * @param e
+         */
         inputValue: {
@@ -112,2 +129,6 @@ type: PropType<string | number>;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
@@ -142,3 +163,13 @@ "onUpdate:input-chips"?: ((...args: any[]) => any) | undefined;
             required: true;
-        };
+        }; /**
+         * Conditionally handle key navigation of the menu.
+         *
+         * For this component, the user should only be able to use key navigation to open the menu
+         * if there are menu items (or no-results slot content) to display.
+         *
+         * The space key should always do its default function of adding a space character,
+         * and doesn't open the menu.
+         *
+         * @param e
+         */
         inputValue: {
@@ -165,2 +196,6 @@ type: PropType<string | number>;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
@@ -170,2 +205,3 @@ "onUpdate:input-chips"?: ((...args: any[]) => any) | undefined;
     }, {
+        readonly: boolean;
         disabled: boolean;
@@ -187,3 +223,13 @@ inputValue: string | number;
             required: true;
-        };
+        }; /**
+         * Conditionally handle key navigation of the menu.
+         *
+         * For this component, the user should only be able to use key navigation to open the menu
+         * if there are menu items (or no-results slot content) to display.
+         *
+         * The space key should always do its default function of adding a space character,
+         * and doesn't open the menu.
+         *
+         * @param e
+         */
         inputValue: {
@@ -210,2 +256,6 @@ type: PropType<string | number>;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
@@ -237,2 +287,3 @@ "onUpdate:input-chips"?: ((...args: any[]) => any) | undefined;
     }, {}, {}, {}, {
+        readonly: boolean;
         disabled: boolean;
@@ -725,2 +776,9 @@ inputValue: string | number;
     /**
+     * Whether the MultiselectLookup is readonly.
+     */
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
      * `status` attribute of the input.
@@ -754,2 +812,3 @@ */
 }, {
+    readonly: boolean;
     disabled: boolean;
@@ -756,0 +815,0 @@ inputValue: string | number;

dist/types/constants.d.ts

@@ -23,2 +23,26 @@ import { ComputedRef, Ref, InjectionKey, WritableComputedRef } from 'vue';
 /**
+ * The predefined aspect ratios that can be applied to the image.
+ */
+export declare const ImageAspectRatios: readonly ["16-9", "3-2", "4-3", "1-1", "3-4", "2-3"];
+/**
+ * Validator for the `aspectRatio` prop.
+ */
+export declare const imageAspectRatioValidator: import("./types").StringTypeValidator<"16-9" | "3-2" | "4-3" | "1-1" | "3-4" | "2-3">;
+/**
+ * The available options for the `object-fit` CSS property.
+ */
+export declare const ObjectFitOptions: readonly ["fill", "contain", "cover", "none", "scale-down"];
+/**
+ * Validator for the `objectFit` prop.
+ */
+export declare const objectFitValidator: import("./types").StringTypeValidator<"none" | "fill" | "contain" | "cover" | "scale-down">;
+/**
+ * The available options for the `object-position` CSS property.
+ */
+export declare const ObjectPositions: readonly ["top", "bottom", "left", "right", "center"];
+/**
+ * Validator for the `position` prop.
+ */
+export declare const imagePositionValidator: import("./types").StringTypeValidator<"top" | "right" | "bottom" | "left" | "center">;
+/**
  * Default length of delay for debouncing, in milliseconds.
@@ -25,0 +49,0 @@ */

dist/types/types.d.ts

@@ -9,3 +9,3 @@ /*!
 import { Placement, OffsetOptions } from '@floating-ui/vue';
-import { ButtonActions, ButtonTypes, ButtonWeights, ButtonSizes, IconSizes, TextInputTypes, ValidationStatusTypes, StatusTypes, MenuStates, TableTextAlignments, TableRowIdentifier, TablePaginationPositions, I18nMessageKeys } from './constants';
+import { ButtonActions, ButtonTypes, ButtonWeights, ButtonSizes, IconSizes, ImageAspectRatios, TextInputTypes, ValidationStatusTypes, StatusTypes, MenuStates, TableTextAlignments, TableRowIdentifier, TablePaginationPositions, I18nMessageKeys } from './constants';
 export type I18nMessageValue<P> = string | ((...params: P[]) => string);
@@ -136,2 +136,4 @@ /** @public */
 /** @public */
+export type ImageAspectRatio = typeof ImageAspectRatios[number];
+/** @public */
 export interface SearchResult extends MenuItemData {
@@ -138,0 +140,0 @@ /** Result link. */

package.json

 {
 	"name": "@wikimedia/codex",
-	"version": "1.17.0",
+	"version": "1.18.0",
 	"type": "module",
@@ -92,4 +92,4 @@ "description": "Codex Design System for Wikimedia",
 		"@floating-ui/vue": "1.0.6",
-		"@wikimedia/codex-icons": "1.17.0"
+		"@wikimedia/codex-icons": "1.18.0"
 	}
 }

No alert changes

Improved metrics

Total package byte prevSize

6489226

0.55%

Number of package files

265

0.38%

Lines of code

43199

0.63%

Dependency changes

• + Added

  @wikimedia/codex-icons@1.18.0
  (transitive)

• - Removed

  @wikimedia/codex-icons@1.17.0
  (transitive)

• Updated

  @wikimedia/codex-icons@1.18.0