@progress/kendo-themes-html 14.7.1-dev.2 → 14.7.1-dev.4

package/dist/meta/multiselect.json

@@ -0,0 +1,225 @@
+{
+  "component": "multiselect",
+  "name": "Multiselect",
+  "components": [
+    {
+      "name": "MultiSelect",
+      "isPrimary": true,
+      "rootClass": "k-multiselect",
+      "options": [
+        {
+          "name": "size",
+          "values": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "default": null
+        },
+        {
+          "name": "rounded",
+          "values": [
+            "none",
+            "small",
+            "medium",
+            "large",
+            "full"
+          ],
+          "default": null
+        },
+        {
+          "name": "fillMode",
+          "values": [
+            "solid",
+            "flat",
+            "outline"
+          ],
+          "default": null
+        }
+      ],
+      "states": [
+        "hover",
+        "focus",
+        "valid",
+        "invalid",
+        "required",
+        "disabled",
+        "loading",
+        "readonly"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"combobox\"",
+          "description": "Announces the multiselect input."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-haspopup=\"listbox\"",
+          "description": "Indicates the component has a listbox popup."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-expanded",
+          "description": "Announces the popup visibility."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Accessible name for the multiselect."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-autocomplete=\"list\"",
+          "description": "Indicates list filtering capability."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-describedby",
+          "description": "Points to the taglist element that contains the selected items."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-disabled=\"true\"",
+          "description": "Rendered when the multiselect is disabled."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"listbox\"",
+          "description": "The taglist has listbox role for selected items."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label|aria-labelledby",
+          "description": "The taglist needs an accessible name."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-orientation=\"horizontal\"",
+          "description": "Specifies horizontal orientation of the taglist."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"option\"",
+          "description": "Each tag chip is an option within the taglist listbox."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-selected=\"true\"",
+          "description": "Tags represent selected items and must have aria-selected=true."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"listbox\"",
+          "description": "Popup list has listbox role."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label|aria-labelledby",
+          "description": "Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"option\"",
+          "description": "Each list item is an option."
+        },
+        {
+          "prop": null,
+          "attribute": "id",
+          "description": "Referenced by aria-controls on the input."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-activedescendant",
+          "description": "Points to focused item when popup is open"
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "Typing in the input",
+          "behavior": "Focuses the matched item."
+        },
+        {
+          "trigger": "Alt/Opt(Mac) + ArrowDown",
+          "behavior": "Opens the popup."
+        },
+        {
+          "trigger": "Alt/Opt(Mac) + ArrowUp or Escape",
+          "behavior": "Closes the popup."
+        },
+        {
+          "trigger": "ArrowLeft",
+          "behavior": "Focuses the previous tag item in the selected list."
+        },
+        {
+          "trigger": "ArrowRight",
+          "behavior": "Focuses the next tag item in the selected list."
+        },
+        {
+          "trigger": "Delete or Backspace",
+          "behavior": "When the focused item is a tag list, removes the item from the selection."
+        },
+        {
+          "trigger": "Escape",
+          "behavior": "Clears the value when the popup is not open."
+        },
+        {
+          "trigger": "Shift + ArrowUp",
+          "behavior": "Creates a range selection between the last selected or deselected item and the item that is immediately before the currently focused one. All items outside that range are deselected. The last selected or deselected item is stored when using the mouse to click an item, or when using `Enter` to select or deselect an item. The last selected or deselected item is reset when the value of the MultiSelect is cleared. If the there is no previously selected item, selects only the currently focused and the previous one. At the end of the operation, the focus moves to the the item that is immediately before the currently focused one."
+        },
+        {
+          "trigger": "Shift + ArrowDown",
+          "behavior": "Creates a range selection between the last selected or deselected item and the item that is immediately after the currently focused one. All items outside that range are deselected. The last selected or deselected item is stored when using the mouse to click an item, or when using `Enter` to select or deselect an item. The last selected or deselected item is reset when the value of the MultiSelect is cleared. If the there is no previously selected item, selects only the currently focused and the next one. At the end of the operation, the focus moves to the the item that is immediately after the currently focused one."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + Shift + Home",
+          "behavior": "Creates a range selection from the currently focused item up to the beginning of the list. All items outside that range are deselected."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + Shift + End",
+          "behavior": "Creates a range selection from the currently focused item down to the end of the list. All items outside that range are deselected."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + A",
+          "behavior": "Selects all items present in the list. If all items are already selected, deselects them."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Tags",
+          "behavior": "Selected values appear as removable tag chips inside the input."
+        },
+        {
+          "trigger": "Popup",
+          "behavior": "Clicking the input or trigger opens a filterable dropdown list."
+        },
+        {
+          "trigger": "Filtering",
+          "behavior": "The list narrows as the user types in the input."
+        },
+        {
+          "trigger": "Tag removal",
+          "behavior": "Clicking a tag's × removes that value from the selection."
+        },
+        {
+          "trigger": "Placeholder",
+          "behavior": "Displays hint text when no values are selected."
+        },
+        {
+          "trigger": "Disabled state",
+          "behavior": "When disabled, tags cannot be added or removed."
+        }
+      ]
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/WAI/ARIA/apg/example-index/combobox/combobox-select-only.html",
+      "text": "WAI-ARIA Authoring Practices: Select-Only Combobox Example"
+    },
+    {
+      "url": "https://www.w3.org/WAI/ARIA/apg/example-index/listbox/listbox-scrollable.html",
+      "text": "WAI-ARIA Authoring Practices: Scrollable Listbox Example"
+    }
+  ]
+}

package/dist/meta/multiselecttree.json

@@ -0,0 +1,191 @@
+{
+  "component": "multiselecttree",
+  "name": "Multiselecttree",
+  "components": [
+    {
+      "name": "MultiSelectTree",
+      "isPrimary": true,
+      "rootClass": "k-multiselecttree",
+      "options": [
+        {
+          "name": "size",
+          "values": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "default": null
+        },
+        {
+          "name": "rounded",
+          "values": [
+            "none",
+            "small",
+            "medium",
+            "large",
+            "full"
+          ],
+          "default": null
+        },
+        {
+          "name": "fillMode",
+          "values": [
+            "solid",
+            "flat",
+            "outline"
+          ],
+          "default": null
+        }
+      ],
+      "states": [
+        "hover",
+        "focus",
+        "valid",
+        "invalid",
+        "required",
+        "disabled",
+        "loading",
+        "readonly"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"combobox\"",
+          "description": "Announces the multiselect tree input."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-haspopup=\"tree\"",
+          "description": "Indicates the presence of a tree popup."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-expanded",
+          "description": "Announces the popup visibility."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Accessible name for the multiselect tree."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-autocomplete=\"list\"",
+          "description": "Indicates list filtering capability when filtering is enabled."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-describedby",
+          "description": "Points to the taglist element that contains the selected items."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex=\"0\"",
+          "description": "The element must be focusable."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-disabled=\"true\"",
+          "description": "Rendered when the multiselect tree is disabled."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"listbox\"",
+          "description": "The taglist has listbox role for selected items."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label|aria-labelledby",
+          "description": "The taglist needs an accessible name."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-orientation=\"horizontal\"",
+          "description": "Specifies horizontal orientation of the taglist."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"option\"",
+          "description": "Each tag chip is an option within the taglist listbox."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-selected=\"true\"",
+          "description": "Tags represent selected items and must have aria-selected=true."
+        },
+        {
+          "prop": null,
+          "attribute": "id",
+          "description": "Referenced by aria-controls on the input."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-controls",
+          "description": "Points to treeview when popup is open"
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "ArrowDown",
+          "behavior": "Selects the next available item."
+        },
+        {
+          "trigger": "ArrowUp",
+          "behavior": "Selects the previous available item."
+        },
+        {
+          "trigger": "Alt/Opt(Mac) + ArrowDown",
+          "behavior": "Opens pop up"
+        },
+        {
+          "trigger": "Alt/Opt(Mac) + ArrowUp or Escape",
+          "behavior": "`Closes popup"
+        },
+        {
+          "trigger": "Enter",
+          "behavior": "Selects the focused item."
+        },
+        {
+          "trigger": "Space",
+          "behavior": "Selects the focused item."
+        },
+        {
+          "trigger": "Printable Characters",
+          "behavior": "Typing \"M\" or any other printable character should select the next or first item in the list"
+        },
+        {
+          "trigger": "Escape",
+          "behavior": "Clears the value when the popup is not open."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Tree popup",
+          "behavior": "A hierarchical tree opens in a popup."
+        },
+        {
+          "trigger": "Checkboxes",
+          "behavior": "Items are selected or deselected via checkboxes on each node."
+        },
+        {
+          "trigger": "Tags",
+          "behavior": "Selected items appear as removable chips in the input."
+        },
+        {
+          "trigger": "Select all",
+          "behavior": "A top-level checkbox selects or deselects all items at once."
+        }
+      ]
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/WAI/ARIA/apg/patterns/treeview/examples/treeview-navigation/",
+      "text": "ARIA practices: TreeView Example"
+    },
+    {
+      "url": "https://www.w3.org/WAI/ARIA/apg/example-index/combobox/combobox-select-only.html",
+      "text": "ARIA practices: Select-Only Combobox Example"
+    }
+  ]
+}

package/dist/meta/multiviewcalendar.json

@@ -0,0 +1,121 @@
+{
+  "component": "multiviewcalendar",
+  "name": "Multiviewcalendar",
+  "components": [
+    {
+      "name": "MultiViewCalendar",
+      "isPrimary": true,
+      "rootClass": "k-calendar-range",
+      "options": [
+        {
+          "name": "size",
+          "values": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "default": null
+        }
+      ],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"grid\"",
+          "description": "Specifies the role of the multi-view calendar wrapper."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-labelledby",
+          "description": "Pointing to the k-calendar-title element."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex=\"0\"",
+          "description": "Makes the grid focusable."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"none\"",
+          "description": "Inner tables have role removed — content belongs to single grid."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"rowgroup\"",
+          "description": "Explicit rowgroup role."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"row\"",
+          "description": "Explicit row role."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"columnheader\"",
+          "description": "Column header for day names."
+        },
+        {
+          "prop": null,
+          "attribute": "scope=\"col\"",
+          "description": "Specifies the header applies to a column."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Full name of the day of the week."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"gridcell\"",
+          "description": "Date cells in the calendar body."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-selected=\"true\"",
+          "description": "Indicates the selected date."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-disabled=\"true\"",
+          "description": "Indicates a disabled date."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex=\"-1\"",
+          "description": "Navigation buttons are not focusable."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex=\"-1\"",
+          "description": "Title button is not focusable."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex=\"-1\"",
+          "description": "Today link is not focusable."
+        }
+      ],
+      "keyboard": [],
+      "ux": [
+        {
+          "trigger": "Multiple months",
+          "behavior": "Displays two or more months simultaneously for range selection."
+        },
+        {
+          "trigger": "Range highlighting",
+          "behavior": "Visually connects and highlights the selected date range across all views."
+        },
+        {
+          "trigger": "Synchronized navigation",
+          "behavior": "Clicking the previous or next arrow advances all calendar views together."
+        }
+      ]
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/WAI/ARIA/apg/example-index/dialog-modal/datepicker-dialog.html",
+      "text": "ARIA practices Date Picker Dialog Example"
+    }
+  ]
+}

package/dist/meta/notification.json

@@ -0,0 +1,80 @@
+{
+  "component": "notification",
+  "name": "Notification",
+  "components": [
+    {
+      "name": "Notification",
+      "isPrimary": true,
+      "rootClass": "k-notification",
+      "options": [
+        {
+          "name": "themeColor",
+          "values": [
+            "base",
+            "primary",
+            "secondary",
+            "tertiary",
+            "success",
+            "warning",
+            "error",
+            "info",
+            "inverse"
+          ],
+          "default": null
+        }
+      ],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"status\"",
+          "description": "Notification element should be marked as a status. Uses status instead of alert to avoid interrupting screen reader workflow."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-live=\"polite\"",
+          "description": "The aria-live value must be polite so it will not obscure other essential information."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-describedby=\".k-notification-content id\"",
+          "description": "Used so that the content of the Notification will be announced by assistive technologies."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-hidden=\"true\"",
+          "description": "The close button icon should not be present in the accessibility tree."
+        }
+      ],
+      "keyboard": [],
+      "ux": [
+        {
+          "trigger": "Auto-dismiss",
+          "behavior": "Disappears automatically after a configurable timeout."
+        },
+        {
+          "trigger": "Viewport position",
+          "behavior": "Can be anchored to any corner of the viewport."
+        },
+        {
+          "trigger": "Status variants",
+          "behavior": "Supports info, success, warning, and error types."
+        },
+        {
+          "trigger": "Stacking",
+          "behavior": "Multiple notifications stack and can be dismissed independently."
+        }
+      ]
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/TR/wai-aria-1.2/#alert",
+      "text": "WAI-ARIA spec: Role Alert"
+    },
+    {
+      "url": "https://www.w3.org/WAI/ARIA/apg/patterns/alert/",
+      "text": "ARIA Practices: Alert"
+    }
+  ]
+}