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

package/dist/meta/dropdownlist.json

@@ -0,0 +1,189 @@
+{
+  "component": "dropdownlist",
+  "name": "Dropdownlist",
+  "components": [
+    {
+      "name": "DropdownList",
+      "isPrimary": true,
+      "rootClass": "k-dropdownlist",
+      "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 dropdown element."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-haspopup=\"listbox\"",
+          "description": "Indicates the presence of a listbox popup."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-expanded",
+          "description": "Announces the visibility state of the popup."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Accessible name for the dropdown."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex=\"0\"",
+          "description": "The element must be focusable."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-disabled=\"true\"",
+          "description": "Rendered when the dropdown is disabled."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Accessible name for the dropdown button."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex=\"-1\"",
+          "description": "The button must not be focusable."
+        },
+        {
+          "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 and aria-activedescendant on the input."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-activedescendant",
+          "description": "Points to focused item when popup is open"
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "ArrowDown",
+          "behavior": "Selects the next available item."
+        },
+        {
+          "trigger": "ArrowUp",
+          "behavior": "Selects the previous available item."
+        },
+        {
+          "trigger": "Home",
+          "behavior": "Selects the first available item. Shortcut is not applicable when the current focused item is the filter textbox. Then focused is in a textbox, home and end keys control the cursor position."
+        },
+        {
+          "trigger": "End",
+          "behavior": "Selects the last available item. Shortcut is not applicable when the current focused item is the filter textbox. Then focused is in a textbox, home and end keys control the cursor position."
+        },
+        {
+          "trigger": "Enter",
+          "behavior": "Opens popup"
+        },
+        {
+          "trigger": "Space",
+          "behavior": "Opens popup"
+        },
+        {
+          "trigger": "Alt/Opt(Mac) + ArrowDown",
+          "behavior": "Opens popup"
+        },
+        {
+          "trigger": "Alt/Opt(Mac) + ArrowUp or Escape",
+          "behavior": "`Closes popup"
+        },
+        {
+          "trigger": "Printable Characters",
+          "behavior": "Typing \"M\" or any other printable character should select the next or first item in the list. Swiftly typing should capture multiple printable characters after the first one."
+        },
+        {
+          "trigger": "Tab",
+          "behavior": "Closes the actionsheet and focuses the next focusable element."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Popup",
+          "behavior": "Clicking the control opens a scrollable list of options."
+        },
+        {
+          "trigger": "Selection",
+          "behavior": "Clicking an option selects it and closes the popup."
+        },
+        {
+          "trigger": "Filtering",
+          "behavior": "The list can be filtered when the user types."
+        },
+        {
+          "trigger": "Placeholder",
+          "behavior": "Displays hint text when no option is selected."
+        },
+        {
+          "trigger": "Disabled state",
+          "behavior": "When disabled, the control is non-interactive."
+        }
+      ]
+    }
+  ],
+  "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"
+    }
+  ]
+}

package/dist/meta/dropdowntree.json

@@ -0,0 +1,162 @@
+{
+  "component": "dropdowntree",
+  "name": "Dropdowntree",
+  "components": [
+    {
+      "name": "DropdownTree",
+      "isPrimary": true,
+      "rootClass": "k-dropdowntree",
+      "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 dropdown tree element."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-haspopup=\"tree\"",
+          "description": "Indicates the presence of a tree popup."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-expanded",
+          "description": "Announces the popup visibility state."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Accessible name for the dropdown tree."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex=\"0\"",
+          "description": "The element must be focusable."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-disabled=\"true\"",
+          "description": "Rendered when the dropdown tree is disabled."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Accessible name for the dropdown button."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex=\"-1\"",
+          "description": "The button must not be focusable."
+        },
+        {
+          "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 the popup."
+        },
+        {
+          "trigger": "Alt/Opt(Mac) + ArrowUp or Escape",
+          "behavior": "`Closes the popup."
+        },
+        {
+          "trigger": "Enter",
+          "behavior": "Selects and confirms the focused item."
+        },
+        {
+          "trigger": "Escape",
+          "behavior": "Clears the value when the popup is not open."
+        },
+        {
+          "trigger": "Tab",
+          "behavior": "Closes the actionsheet and focuses the next focusable element."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Tree popup",
+          "behavior": "A hierarchical tree opens in a popup when the control is clicked."
+        },
+        {
+          "trigger": "Expand / Collapse",
+          "behavior": "Tree nodes can be expanded to reveal children."
+        },
+        {
+          "trigger": "Single selection",
+          "behavior": "Clicking a leaf node selects it and closes the popup."
+        },
+        {
+          "trigger": "Checkboxes",
+          "behavior": "Multi-selection is supported via checkboxes on each node."
+        }
+      ]
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/WAI/ARIA/apg/patterns/treeview/examples/treeview-navigation/",
+      "text": "WAI-ARIA Authoring Practices: TreeView Example"
+    },
+    {
+      "url": "https://www.w3.org/WAI/ARIA/apg/example-index/combobox/combobox-select-only.html",
+      "text": "WAI-ARIA Authoring Practices: Select-Only Combobox Example"
+    }
+  ]
+}

package/dist/meta/dropzone.json

@@ -0,0 +1,33 @@
+{
+  "component": "dropzone",
+  "name": "Dropzone",
+  "components": [
+    {
+      "name": "Dropzone",
+      "isPrimary": true,
+      "rootClass": "k-external-dropzone",
+      "options": [],
+      "states": [
+        "disabled",
+        "hover"
+      ],
+      "aria": [],
+      "keyboard": [],
+      "ux": [
+        {
+          "trigger": "Drop target",
+          "behavior": "Accepts files dragged from the operating system file browser."
+        },
+        {
+          "trigger": "Drag feedback",
+          "behavior": "Highlights the drop area visually while files are dragged over it."
+        },
+        {
+          "trigger": "Multiple files",
+          "behavior": "Can accept multiple files dropped in a single operation."
+        }
+      ]
+    }
+  ],
+  "resources": []
+}

package/dist/meta/editor.json

@@ -0,0 +1,94 @@
+{
+  "component": "editor",
+  "name": "Editor",
+  "components": [
+    {
+      "name": "Editor",
+      "isPrimary": true,
+      "rootClass": "k-editor",
+      "options": [],
+      "states": [
+        "readonly",
+        "disabled",
+        "focus"
+      ],
+      "aria": [],
+      "keyboard": [
+        {
+          "trigger": "Control/Cmd(Mac) + B",
+          "behavior": "Executes bold command."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + I",
+          "behavior": "Executes italic command."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + U",
+          "behavior": "Executes underline command."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + Z",
+          "behavior": "Executes undo command."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + Y",
+          "behavior": "Executes redo command."
+        },
+        {
+          "trigger": "Shift + Enter",
+          "behavior": "Adds ` ` to content."
+        },
+        {
+          "trigger": "Enter",
+          "behavior": "Adds `` to content."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Toolbar",
+          "behavior": "A formatting toolbar provides commands for styling content."
+        },
+        {
+          "trigger": "Rich content",
+          "behavior": "Supports formatted text, hyperlinks, images, and tables."
+        },
+        {
+          "trigger": "Paste cleanup",
+          "behavior": "Automatically cleans up formatting when pasting from external sources."
+        },
+        {
+          "trigger": "Source view",
+          "behavior": "A toggle button switches between rich-text and raw HTML views."
+        },
+        {
+          "trigger": "Disabled state",
+          "behavior": "When disabled, the content area is read-only."
+        }
+      ]
+    },
+    {
+      "name": "EditorContent",
+      "isPrimary": false,
+      "rootClass": "k-editor-content",
+      "options": [],
+      "states": [
+        "focus"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "aria-readonly",
+          "description": "=true when the editor is readonly"
+        }
+      ],
+      "keyboard": [],
+      "ux": []
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/TR/wai-aria-1.2/#textbox",
+      "text": "WAI-ARIA specification for textbox"
+    }
+  ]
+}

package/dist/meta/expansion-panel.json

@@ -0,0 +1,80 @@
+{
+  "component": "expansion-panel",
+  "name": "ExpansionPanel",
+  "components": [
+    {
+      "name": "ExpansionPanel",
+      "isPrimary": true,
+      "rootClass": "k-expander",
+      "options": [],
+      "states": [
+        "hover",
+        "focus",
+        "disabled",
+        "expanded"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"button\"",
+          "description": "Sets the proper role for the ExpansionPanel header."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-controls",
+          "description": "Points to the controlled content wrapper element."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-expanded=\"true\"|\\\"false\"",
+          "description": "Indicates the expanded state of the ExpansionPanel."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex=\"0\"",
+          "description": "The element should be focusable."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-disabled=\"true\"",
+          "description": "Rendered only when the ExpansionPanel is disabled."
+        },
+        {
+          "prop": null,
+          "attribute": "id",
+          "description": "Referenced via aria-controls on the header button to link it to the content panel."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "Enter",
+          "behavior": "Expands and collapses the focused ExpansionPanel."
+        },
+        {
+          "trigger": "Space",
+          "behavior": "Expands and collapses the focused ExpansionPanel."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Collapse / Expand",
+          "behavior": "Clicking the header toggles the content panel open and closed."
+        },
+        {
+          "trigger": "Animation",
+          "behavior": "Panel opening and closing is smoothly animated."
+        },
+        {
+          "trigger": "Disabled state",
+          "behavior": "When disabled, the panel header cannot be toggled."
+        }
+      ]
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/WAI/ARIA/apg/patterns/accordion/",
+      "text": "ARIA Practices: Accordion Pattern"
+    }
+  ]
+}

package/dist/meta/fab.json

@@ -0,0 +1,92 @@
+{
+  "component": "fab",
+  "name": "Fab",
+  "components": [
+    {
+      "name": "FloatingActionButton",
+      "isPrimary": true,
+      "rootClass": "k-fab",
+      "options": [
+        {
+          "name": "size",
+          "values": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "default": null
+        },
+        {
+          "name": "rounded",
+          "values": [
+            "none",
+            "small",
+            "medium",
+            "large",
+            "full"
+          ],
+          "default": null
+        },
+        {
+          "name": "themeColor",
+          "values": [
+            "base",
+            "primary",
+            "secondary",
+            "tertiary"
+          ],
+          "default": null
+        }
+      ],
+      "states": [
+        "hover",
+        "focus",
+        "active",
+        "selected",
+        "disabled"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"button\"",
+          "description": "Omitted if the <button> DOM element is used."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label|title",
+          "description": "The attribute must be present when no text is initially visible in the button."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-disabled=\"true\"",
+          "description": "Rendered only when the button is disabled."
+        }
+      ],
+      "keyboard": [],
+      "ux": [
+        {
+          "trigger": "Fixed position",
+          "behavior": "Floats over the page content at a configurable viewport corner."
+        },
+        {
+          "trigger": "Action list",
+          "behavior": "Can expand to reveal a list of secondary action buttons."
+        },
+        {
+          "trigger": "Icon",
+          "behavior": "Displays a single icon representing the primary action."
+        },
+        {
+          "trigger": "Disabled state",
+          "behavior": "When disabled, the button and its action list are non-interactive."
+        }
+      ]
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/WAI/ARIA/apg/example-index/menu-button/menu-button-links.html",
+      "text": "WAI-ARIA Authoring Practices: Navigation Menu Button Example"
+    }
+  ]
+}