@illinois-grad/grad-vue 7.1.0 → 7.1.2

package/custom-elements.json

@@ -1410,6 +1410,15 @@
           "name": "GPopoverElement",
           "tagName": "g-popover",
           "members": [
+            {
+              "kind": "field",
+              "name": "ariaLabelledby",
+              "type": {
+                "text": "string"
+              },
+              "optional": true,
+              "description": "ID of the element that labels the dialog. Defaults to the trigger."
+            },
             {
               "kind": "field",
               "name": "minimal",

package/dist/components/GButton.vue.d.ts

@@ -127,10 +127,10 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     onMouseenter?: ((...args: any[]) => any) | undefined;
     onMouseleave?: ((...args: any[]) => any) | undefined;
 }>, {
-    size: "tiny" | "small" | "medium" | "large";
+    size: "medium" | "tiny" | "small" | "large";
     type: "button" | "submit" | "reset";
     text: boolean;
-    theme: "primary" | "secondary" | "accent" | "danger" | "none";
+    theme: "none" | "primary" | "secondary" | "danger" | "accent";
     outlined: boolean;
     disabled: boolean;
     to: string | Record<string, any>;

package/dist/components/GModal.vue.d.ts

@@ -90,7 +90,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
 }> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {
-    size: "small" | "medium" | "large" | "full";
+    size: "medium" | "small" | "large" | "full";
     describedby: string;
     hiddenLabel: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {

package/dist/components/GPopover.vue.d.ts

@@ -5,7 +5,8 @@
  * **Slot** `trigger` is optional. When provided, it should contain an
  * interactive element for opening the popover and it is used for
  * `aria-labelledby`. The trigger is passed a prop `toggle` which is a function
- * that toggles the popover's open state.
+ * that toggles the popover's open state, `open` for its current state, and
+ * `popoverId` for linking the trigger to the dialog with `aria-controls`.
  *
  * Without a trigger slot, open the popover programmatically via `show()` or
  * `toggle()` on the component instance / custom element.
@@ -28,6 +29,10 @@
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    /**
+     * ID of the element that labels the dialog. Defaults to the trigger.
+     */
+    ariaLabelledby?: string;
     /**
      * Render without padding
      * @demo
@@ -48,6 +53,10 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     show: (...args: any[]) => void;
     hide: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<{
+    /**
+     * ID of the element that labels the dialog. Defaults to the trigger.
+     */
+    ariaLabelledby?: string;
     /**
      * Render without padding
      * @demo
@@ -69,6 +78,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     trigger?: (props: {
         toggle: () => void;
+        open: boolean;
+        popoverId: string;
     }) => any;
 } & {
     default?: (props: {}) => any;

package/dist/components/GProgress.vue.d.ts

@@ -50,5 +50,5 @@ declare const __VLS_export: import("vue").DefineComponent<{
 }> & Readonly<{}>, {
     label: string;
     value: number;
-    size: "tiny" | "small" | "medium" | "large";
+    size: "medium" | "tiny" | "small" | "large";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/GSelectButton.vue.d.ts

@@ -102,7 +102,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {
-    size: "small" | "medium" | "large";
+    size: "medium" | "small" | "large";
     required: boolean;
     name: string;
     disabled: boolean;

package/dist/components/GSidebar.vue.d.ts

@@ -115,7 +115,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     storageKey?: string;
 }> & Readonly<{}>, {
     width: string;
-    theme: "light" | "dark";
+    theme: "dark" | "light";
     sidebarKey: string;
     backgroundColor: string;
     backgroundImage: string;

package/dist/components/GSidebarMenu.vue.d.ts

@@ -141,7 +141,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
 }>, {
-    theme: "light" | "dark";
+    theme: "dark" | "light";
     compact: boolean;
     offset: number;
     spy: boolean;

package/dist/components/GTreeMenu.vue.d.ts

@@ -118,8 +118,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      */
     smallHeading?: boolean;
 }> & Readonly<{}>, {
-    theme: "light" | "dark";
-    listType: "ul" | "ol";
+    theme: "dark" | "light";
+    listType: "ol" | "ul";
     showExpandAll: boolean;
     headingLevel: "h2" | "h3";
     smallHeading: boolean;

package/dist/components/tree-menu/GTreeMenuList.vue.d.ts

@@ -17,7 +17,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      */
     listType?: "ul" | "ol";
 }> & Readonly<{}>, {
-    listType: "ul" | "ol";
+    listType: "ol" | "ul";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;