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

package/dist/meta/input.json

@@ -0,0 +1,105 @@
+{
+  "component": "input",
+  "name": "Input",
+  "components": [
+    {
+      "name": "Input",
+      "isPrimary": true,
+      "rootClass": "k-input",
+      "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": [],
+      "keyboard": [],
+      "ux": []
+    },
+    {
+      "name": "Picker",
+      "isPrimary": true,
+      "rootClass": "k-picker",
+      "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": [],
+      "keyboard": [],
+      "ux": []
+    }
+  ],
+  "resources": []
+}

package/dist/meta/label.json

@@ -0,0 +1,19 @@
+{
+  "component": "label",
+  "name": "Label",
+  "components": [
+    {
+      "name": "Label",
+      "isPrimary": true,
+      "rootClass": "k-label",
+      "options": [],
+      "states": [
+        "disabled"
+      ],
+      "aria": [],
+      "keyboard": [],
+      "ux": []
+    }
+  ],
+  "resources": []
+}

package/dist/meta/list.json

@@ -0,0 +1,79 @@
+{
+  "component": "list",
+  "name": "List",
+  "components": [
+    {
+      "name": "List",
+      "isPrimary": true,
+      "rootClass": "k-list",
+      "options": [
+        {
+          "name": "size",
+          "values": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "default": null
+        }
+      ],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"presentation\"",
+          "description": "Group headers are presentational, not selectable options."
+        }
+      ],
+      "keyboard": [],
+      "ux": []
+    },
+    {
+      "name": "ListItem",
+      "isPrimary": true,
+      "rootClass": "k-list-item",
+      "options": [],
+      "states": [
+        "hover",
+        "focus",
+        "selected",
+        "disabled"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"option\"",
+          "description": "Each list item is an option in the listbox."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-selected",
+          "description": "Indicates the selected state of the option."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-hidden=\"true\"",
+          "description": "Decorative icons are hidden from assistive technology."
+        },
+        {
+          "prop": null,
+          "attribute": "id",
+          "description": "Used by aria-activedescendant on the combobox/listbox"
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "The checkbox input must have an accessible name matching the item text."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex=\"-1\"",
+          "description": "The checkbox input must not be in the tab order. Selection state is conveyed via aria-selected on the option; keyboard interaction is handled by the listbox/combobox."
+        }
+      ],
+      "keyboard": [],
+      "ux": []
+    }
+  ],
+  "resources": []
+}

package/dist/meta/listbox.json

@@ -0,0 +1,169 @@
+{
+  "component": "listbox",
+  "name": "Listbox",
+  "components": [
+    {
+      "name": "ListBox",
+      "isPrimary": true,
+      "rootClass": "k-listbox",
+      "options": [
+        {
+          "name": "size",
+          "values": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "default": null
+        }
+      ],
+      "states": [
+        "disabled"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"listbox\"",
+          "description": "Specifies the role of the ListBox list element."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"option\"",
+          "description": "Specifies the role of the ListBox item element."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-selected=\"true\"|\\\"false\"",
+          "description": "Set to true if the item is selected."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex",
+          "description": "The focused listbox item should have tabindex 0, all others -1."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"toolbar\"",
+          "description": "The toolbar is a collection of command buttons."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-controls",
+          "description": "Points to the id of the listbox element being controlled."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-multiselectable",
+          "description": "when multiple selection is enabled"
+        },
+        {
+          "prop": null,
+          "attribute": "id",
+          "description": "ID for the listbox element; referenced by the toolbar aria-controls."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "F10",
+          "behavior": "Focuses the ListBox toolbar (the last focused or the first button in it)."
+        },
+        {
+          "trigger": "Space",
+          "behavior": "Selects the focused ListBox Item"
+        },
+        {
+          "trigger": "ArrowUp",
+          "behavior": "Selects the previous item."
+        },
+        {
+          "trigger": "ArrowDown",
+          "behavior": "Selects the next item."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + Space",
+          "behavior": "Selects or deselects an item."
+        },
+        {
+          "trigger": "Shift + ArrowUp",
+          "behavior": "Adds the previous item to the selected items."
+        },
+        {
+          "trigger": "Shift + ArrowDown",
+          "behavior": "Adds the next item to the selected items."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + ArrowUp",
+          "behavior": "Moves the focus to the previous item."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + ArrowDown",
+          "behavior": "Moves the focus to the next item."
+        },
+        {
+          "trigger": "Delete",
+          "behavior": "Deletes the selected items."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + ArrowRight",
+          "behavior": "Adds the selected items to the connected ListBox."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + ArrowLeft",
+          "behavior": "Adds the selected items from the connected ListBox to the current one."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + Shift + ArrowUp",
+          "behavior": "Shifts the selected items upwards."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + Shift + ArrowDown",
+          "behavior": "Shifts the selected items downwards."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + Shift + ArrowRight",
+          "behavior": "Transfers all items to the connected ListBox."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + Shift + ArrowLeft",
+          "behavior": "Transfers all items from the connected ListBox."
+        },
+        {
+          "trigger": "ArrowRight or ArrowDown",
+          "behavior": "Focuses the next button in the toolbar."
+        },
+        {
+          "trigger": "ArrowLeft or ArrowUp",
+          "behavior": "Focuses the previous button in the toolbar."
+        },
+        {
+          "trigger": "Enter",
+          "behavior": "Executes the currenly focused button command if enabled."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Selection",
+          "behavior": "Items are selected by clicking; multi-select with Ctrl/Shift."
+        },
+        {
+          "trigger": "Reorder",
+          "behavior": "Items are reordered using drag-and-drop or toolbar Up/Down buttons."
+        },
+        {
+          "trigger": "Transfer",
+          "behavior": "Items are moved between two listboxes with toolbar action buttons."
+        },
+        {
+          "trigger": "Filtering",
+          "behavior": "An optional search input filters the item list."
+        }
+      ]
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/WAI/ARIA/apg/patterns/listbox/",
+      "text": "WAI-ARIA Authoring Practices: ListBox Pattern"
+    }
+  ]
+}

package/dist/meta/listview.json

@@ -0,0 +1,124 @@
+{
+  "component": "listview",
+  "name": "Listview",
+  "components": [
+    {
+      "name": "ListView",
+      "isPrimary": true,
+      "rootClass": "k-listview",
+      "options": [],
+      "states": [
+        "loading",
+        "disabled"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"listbox\"",
+          "description": "Content element role when selectable; items receive role=\"option\"."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Accessible name for the content element; required when role=\"listbox\"."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "ArrowRight",
+          "behavior": "Moves the focus to the next rendered item. If the focus is on the last item, the focus does not move."
+        },
+        {
+          "trigger": "ArrowDown",
+          "behavior": "Moves the focus to the next rendered item. If the focus is on the last item, the focus does not move."
+        },
+        {
+          "trigger": "ArrowLeft",
+          "behavior": "Moves the focus to the previous rendered item. If the focus is on the first item, the focus does not move."
+        },
+        {
+          "trigger": "ArrowUp",
+          "behavior": "Moves the focus to the previous rendered item. If the focus is on the first item, the focus does not move."
+        },
+        {
+          "trigger": "Home",
+          "behavior": "Moves the focus to the first rendered item."
+        },
+        {
+          "trigger": "End",
+          "behavior": "Moves the focus to the last rendered item."
+        },
+        {
+          "trigger": "Enter",
+          "behavior": "When there are focusable items within a ListView item - the focus moves to the first focusable item inside."
+        },
+        {
+          "trigger": "Escape",
+          "behavior": "If the focus is on an element inside a ListView item - returns the focus back to the ListView item."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Item template",
+          "behavior": "Each item is rendered with a custom template."
+        },
+        {
+          "trigger": "Selection",
+          "behavior": "Items can be selected by clicking."
+        },
+        {
+          "trigger": "Paging",
+          "behavior": "Content is paginated with a pager component."
+        },
+        {
+          "trigger": "Inline editing",
+          "behavior": "Items can be edited in-place via an edit template."
+        }
+      ]
+    },
+    {
+      "name": "ListViewItem",
+      "isPrimary": true,
+      "rootClass": "k-listview-item",
+      "options": [],
+      "states": [
+        "focus",
+        "selected"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role",
+          "description": "\"listitem\" for non-selectable, \"option\" for selectable ListView"
+        },
+        {
+          "prop": null,
+          "attribute": "aria-setsize",
+          "description": "Total number of items in the ListView"
+        },
+        {
+          "prop": null,
+          "attribute": "aria-posinset",
+          "description": "Position of this item (1-based)"
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex",
+          "description": "=0 for first/focused item"
+        }
+      ],
+      "keyboard": [],
+      "ux": []
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/TR/wai-aria-1.2/#list",
+      "text": "WAI-ARIA Specification: List"
+    },
+    {
+      "url": "https://www.w3.org/TR/wai-aria-1.2/#listitem",
+      "text": "WAI-ARIA Specification: Listitem"
+    }
+  ]
+}

package/dist/meta/loader.json

@@ -0,0 +1,121 @@
+{
+  "component": "loader",
+  "name": "Loader",
+  "components": [
+    {
+      "name": "Loader",
+      "isPrimary": true,
+      "rootClass": "k-loader",
+      "options": [
+        {
+          "name": "size",
+          "values": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "default": null
+        },
+        {
+          "name": "themeColor",
+          "values": [
+            "base",
+            "primary",
+            "secondary",
+            "tertiary"
+          ],
+          "default": null
+        }
+      ],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"status\"",
+          "description": "Live region that announces the loading state to assistive technologies."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Accessible name for the loader (default: \"Loading\")."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-live=\"polite\"",
+          "description": "Polite announcements of loading state changes."
+        }
+      ],
+      "keyboard": [],
+      "ux": [
+        {
+          "trigger": "Indeterminate progress",
+          "behavior": "Displays a looping animation to signal ongoing background work."
+        },
+        {
+          "trigger": "Sizes",
+          "behavior": "Available in small, medium, and large sizes."
+        },
+        {
+          "trigger": "Theme colors",
+          "behavior": "Can be styled with any of the theme palette colors."
+        }
+      ]
+    },
+    {
+      "name": "LoaderContainer",
+      "isPrimary": true,
+      "rootClass": "k-loader-container",
+      "options": [
+        {
+          "name": "size",
+          "values": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "default": null
+        },
+        {
+          "name": "themeColor",
+          "values": [
+            "base",
+            "primary",
+            "secondary",
+            "tertiary"
+          ],
+          "default": null
+        }
+      ],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"status\"",
+          "description": "Live region for loading state."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-live=\"polite\"",
+          "description": "Polite announcements of loading state changes."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Accessible name for the loader container."
+        }
+      ],
+      "keyboard": [],
+      "ux": []
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/WAI/WCAG22/Understanding/status-messages.html",
+      "text": "WCAG 4.1.3 Status Messages — loading states announced via live region"
+    },
+    {
+      "url": "https://www.w3.org/WAI/WCAG22/Understanding/status-messages.html",
+      "text": "WCAG 4.1.3 Status Messages — loading states announced via live region"
+    }
+  ]
+}

package/dist/meta/map.json

@@ -0,0 +1,34 @@
+{
+  "component": "map",
+  "name": "Map",
+  "components": [
+    {
+      "name": "Map",
+      "isPrimary": true,
+      "rootClass": "k-map",
+      "options": [],
+      "states": [],
+      "aria": [],
+      "keyboard": [],
+      "ux": [
+        {
+          "trigger": "Pan",
+          "behavior": "Click-drag or touch-drag pans the map view."
+        },
+        {
+          "trigger": "Zoom",
+          "behavior": "Mouse-wheel or pinch-to-zoom changes the map zoom level."
+        },
+        {
+          "trigger": "Markers",
+          "behavior": "Location markers can be placed on the map."
+        },
+        {
+          "trigger": "Layers",
+          "behavior": "Supports tile layers, shape layers, and bubble layers."
+        }
+      ]
+    }
+  ],
+  "resources": []
+}