@progress/kendo-themes-html 14.7.1-dev.3 → 14.7.1-dev.5

package/dist/meta/bottom-nav.json

@@ -0,0 +1,113 @@
+{
+  "component": "bottom-nav",
+  "name": "BottomNav",
+  "components": [
+    {
+      "name": "BottomNav",
+      "isPrimary": true,
+      "rootClass": "k-bottom-nav",
+      "options": [
+        {
+          "name": "fillMode",
+          "values": [
+            "solid",
+            "flat"
+          ],
+          "default": null
+        },
+        {
+          "name": "themeColor",
+          "values": [
+            "base",
+            "primary",
+            "secondary",
+            "tertiary",
+            "inverse"
+          ],
+          "default": null
+        }
+      ],
+      "states": [
+        "disabled"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"navigation\"",
+          "description": "The landmark role navigation must be assigned to the bottom navigation."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "Shift + Tab",
+          "behavior": "Focuses previous link."
+        },
+        {
+          "trigger": "Tab",
+          "behavior": "Focuses next link."
+        },
+        {
+          "trigger": "Space or Enter",
+          "behavior": "Activates the currently focused link."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Fixed position",
+          "behavior": "Rendered at the bottom of the viewport and stays visible while the user scrolls."
+        },
+        {
+          "trigger": "Sticky position",
+          "behavior": "Sticks to the bottom edge of its scroll container when the user scrolls past it."
+        },
+        {
+          "trigger": "Absolute position",
+          "behavior": "Positioned at the bottom of its nearest positioned ancestor, scrolls with the page."
+        },
+        {
+          "trigger": "Item selection",
+          "behavior": "The active item receives the `k-selected` class. Clicking another item transfers selection to it."
+        },
+        {
+          "trigger": "Disabled state",
+          "behavior": "When disabled, the component and all its items are non-interactive and visually dimmed."
+        },
+        {
+          "trigger": "Border",
+          "behavior": "An optional top border separates the navigation from the page content above it."
+        }
+      ]
+    },
+    {
+      "name": "BottomNavItem",
+      "isPrimary": false,
+      "rootClass": "k-bottom-nav-item",
+      "options": [],
+      "states": [
+        "focus",
+        "selected",
+        "disabled"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"link\"",
+          "description": "Associate the link purpose of the bottom navigation items."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-current=\"true\"",
+          "description": "Indicates the selected navigation item."
+        }
+      ],
+      "keyboard": [],
+      "ux": []
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/TR/wai-aria-1.2/#navigation",
+      "text": "ARIA practices Navigation"
+    }
+  ]
+}

package/dist/meta/breadcrumb.json

@@ -0,0 +1,86 @@
+{
+  "component": "breadcrumb",
+  "name": "Breadcrumb",
+  "components": [
+    {
+      "name": "Breadcrumb",
+      "isPrimary": true,
+      "rootClass": "k-breadcrumb",
+      "options": [
+        {
+          "name": "size",
+          "values": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "default": null
+        }
+      ],
+      "states": [
+        "focus"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "aria-label=\"Breadcrumb\"",
+          "description": "Indicates the type of navigation provided by the nav element."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"link\"",
+          "description": "The breadcrumb item should render an <a> element or have role=\"link\"."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-current=\"page\"",
+          "description": "The last breadcrumb item points to the active page."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-disabled=\"true\"",
+          "description": "The last breadcrumb item is disabled."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-hidden=\"true\"",
+          "description": "Delimiter icon should not be accessed through assistive technology."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "Tab or Shift + Tab",
+          "behavior": "Focuses next and previous breadcrumb items. The focusable element is the element with either `a` tag, or `role=\\\"link\\\"`"
+        },
+        {
+          "trigger": "Enter",
+          "behavior": "Selects the Bredcrumb item, and navigates to it (if navigatable)."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Navigation trail",
+          "behavior": "Shows the current page location within the application hierarchy."
+        },
+        {
+          "trigger": "Collapsing",
+          "behavior": "Collapses middle items into an ellipsis when space is limited."
+        },
+        {
+          "trigger": "Last item",
+          "behavior": "The last item represents the current page and is non-interactive."
+        },
+        {
+          "trigger": "Root icon",
+          "behavior": "Optionally displays a home icon as the first item."
+        }
+      ]
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/WAI/ARIA/apg/example-index/breadcrumb/index.html",
+      "text": "ARIA practices: BreadCrumb Example"
+    }
+  ]
+}

package/dist/meta/button-group.json

@@ -0,0 +1,82 @@
+{
+  "component": "button-group",
+  "name": "ButtonGroup",
+  "components": [
+    {
+      "name": "ButtonGroup",
+      "isPrimary": true,
+      "rootClass": "k-button-group",
+      "options": [
+        {
+          "name": "fillMode",
+          "values": [
+            "solid",
+            "flat",
+            "outline",
+            "clear",
+            "link"
+          ],
+          "default": null
+        }
+      ],
+      "states": [
+        "disabled"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"group\"",
+          "description": "Sets the proper role for the group of buttons."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-disabled=\"true\"",
+          "description": "The attribute is rendered only when the entire button group is disabled."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-pressed",
+          "description": "Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "Tab",
+          "behavior": "Focuses the next button in the group. If the focus is on the last button, focuses the next focusable element on the page."
+        },
+        {
+          "trigger": "Shift + Tab",
+          "behavior": "Focuses the previous button in the group. If the focus is on the first button, focuses the previous focusable element before the ButtonGorup."
+        },
+        {
+          "trigger": "Enter or Space",
+          "behavior": "Triggers a click action on the button."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Exclusive selection",
+          "behavior": "Only one button in the group can be active at a time."
+        },
+        {
+          "trigger": "Multi-select",
+          "behavior": "Multiple buttons can be active simultaneously when configured."
+        },
+        {
+          "trigger": "Disabled group",
+          "behavior": "When the group is disabled, all buttons are non-interactive."
+        }
+      ]
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/TR/wai-aria-1.2/#button",
+      "text": "WAI-ARIA `button` Role Specification"
+    },
+    {
+      "url": "https://www.w3.org/TR/wai-aria-1.2/#group",
+      "text": "WAI-ARIA `group` Role Specification"
+    }
+  ]
+}

package/dist/meta/button.json

@@ -0,0 +1,125 @@
+{
+  "component": "button",
+  "name": "Button",
+  "components": [
+    {
+      "name": "Button",
+      "isPrimary": true,
+      "rootClass": "k-button",
+      "options": [
+        {
+          "name": "size",
+          "values": [
+            "xsmall",
+            "small",
+            "medium",
+            "large"
+          ],
+          "default": null
+        },
+        {
+          "name": "rounded",
+          "values": [
+            "none",
+            "small",
+            "medium",
+            "large",
+            "full"
+          ],
+          "default": null
+        },
+        {
+          "name": "fillMode",
+          "values": [
+            "solid",
+            "flat",
+            "outline",
+            "clear",
+            "link"
+          ],
+          "default": null
+        },
+        {
+          "name": "themeColor",
+          "values": [
+            "base",
+            "primary",
+            "secondary",
+            "tertiary",
+            "success",
+            "warning",
+            "error",
+            "info",
+            "inverse"
+          ],
+          "default": null
+        }
+      ],
+      "states": [
+        "hover",
+        "focus",
+        "active",
+        "selected",
+        "disabled",
+        "generating"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"button\"",
+          "description": "The button role is implicit from the native <button> element."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Required for icon-only buttons that have no visible text."
+        },
+        {
+          "prop": null,
+          "attribute": "disabled",
+          "description": "Rendered when the button is disabled."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-pressed=\"true\"|\"false\"",
+          "description": "Indicates the pressed state; \"true\" when selected, \"false\" otherwise."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-disabled=\"true\"",
+          "description": "Announces as disabled to AT while keeping it in the tab sequence."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "Enter or Space",
+          "behavior": "Triggers a click action on the Button."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Click action",
+          "behavior": "Triggers an action when clicked or activated via keyboard."
+        },
+        {
+          "trigger": "Toggle",
+          "behavior": "Can act as a toggle button with pressed/unpressed states when togglable."
+        },
+        {
+          "trigger": "Icon",
+          "behavior": "Can include an icon alongside or instead of text."
+        },
+        {
+          "trigger": "Disabled state",
+          "behavior": "When disabled, the button is non-interactive and visually dimmed."
+        }
+      ]
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/WAI/ARIA/apg/patterns/button/",
+      "text": "WAI-ARIA Authoring Practices: Button Pattern"
+    }
+  ]
+}

package/dist/meta/calendar.json

@@ -0,0 +1,196 @@
+{
+  "component": "calendar",
+  "name": "Calendar",
+  "components": [
+    {
+      "name": "Calendar",
+      "isPrimary": true,
+      "rootClass": "k-calendar",
+      "options": [
+        {
+          "name": "size",
+          "values": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "default": null
+        }
+      ],
+      "states": [],
+      "aria": [
+        {
+          "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": "aria-label",
+          "description": "Describes the navigation button purpose."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex=\"-1\"",
+          "description": "Title button is not focusable."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Describes the title button purpose."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex=\"-1\"",
+          "description": "Today link/button is not focusable."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "Control/Cmd(Mac) + ArrowRight",
+          "behavior": "Navigates to the next period."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + ArrowLeft",
+          "behavior": "Navigates to the previous period."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Month view",
+          "behavior": "Displays a grid of days for the current month."
+        },
+        {
+          "trigger": "Navigation",
+          "behavior": "Arrow buttons navigate to the previous and next time period."
+        },
+        {
+          "trigger": "View switching",
+          "behavior": "Clicking the title switches between day, month, and year views."
+        },
+        {
+          "trigger": "Date selection",
+          "behavior": "Clicking a date cell selects it."
+        },
+        {
+          "trigger": "Range selection",
+          "behavior": "In range mode, the first and second click define start and end dates."
+        },
+        {
+          "trigger": "Disabled dates",
+          "behavior": "Individual dates can be disabled and are skipped during keyboard navigation."
+        }
+      ]
+    },
+    {
+      "name": "CalendarInfinite",
+      "isPrimary": true,
+      "rootClass": "k-calendar-infinite",
+      "options": [
+        {
+          "name": "size",
+          "values": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "default": null
+        }
+      ],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"grid\"",
+          "description": "Specifies the role of the Calendar view container."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-labelledby",
+          "description": "Pointing to the current view label (e.g. March 2022 or 2020-2029)."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex=\"0\"",
+          "description": "Makes the grid focusable."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"none\"",
+          "description": "Inner table has role removed — content belongs to the grid on the view."
+        }
+      ],
+      "keyboard": [],
+      "ux": []
+    },
+    {
+      "name": "CalendarInfiniteView",
+      "isPrimary": true,
+      "rootClass": "k-calendar-view",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "aria-labelledby",
+          "description": "for the content grid table"
+        }
+      ],
+      "keyboard": [],
+      "ux": []
+    },
+    {
+      "name": "CalendarTableRow",
+      "isPrimary": true,
+      "rootClass": "k-calendar-tr",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"row\"",
+          "description": "Each row in the calendar table."
+        }
+      ],
+      "keyboard": [],
+      "ux": []
+    },
+    {
+      "name": "CalendarTbody",
+      "isPrimary": true,
+      "rootClass": "k-calendar-tbody",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"rowgroup\"",
+          "description": "Groups body rows."
+        }
+      ],
+      "keyboard": [],
+      "ux": []
+    }
+  ],
+  "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/captcha.json

@@ -0,0 +1,69 @@
+{
+  "component": "captcha",
+  "name": "Captcha",
+  "components": [
+    {
+      "name": "Captcha",
+      "isPrimary": true,
+      "rootClass": "k-captcha",
+      "options": [],
+      "states": [
+        "loading",
+        "valid",
+        "invalid",
+        "disabled"
+      ],
+      "aria": [],
+      "keyboard": [
+        {
+          "trigger": "Tab",
+          "behavior": "Navigates to the next Captcha element."
+        },
+        {
+          "trigger": "Shift + Tab",
+          "behavior": "Navigates to the previous Captcha Element."
+        },
+        {
+          "trigger": "Enter",
+          "behavior": "Presses the focused Captcha button."
+        },
+        {
+          "trigger": "Space",
+          "behavior": "Presses the focused Captcha button."
+        },
+        {
+          "trigger": "ArrowUp",
+          "behavior": "Increases the Audio control volume."
+        },
+        {
+          "trigger": "ArrowDown",
+          "behavior": "Decreases the Audio control volume."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Image challenge",
+          "behavior": "Presents a visual challenge the user must solve to verify they are human."
+        },
+        {
+          "trigger": "Audio alternative",
+          "behavior": "An audio challenge can be requested for accessibility."
+        },
+        {
+          "trigger": "Refresh",
+          "behavior": "A reload button requests a new challenge image."
+        },
+        {
+          "trigger": "Validation",
+          "behavior": "The entered response is validated and feedback is shown inline."
+        }
+      ]
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/TR/wai-aria-1.2/#textbox",
+      "text": "WAI-ARIA specification for textbox"
+    }
+  ]
+}