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

package/dist/meta/timeline.json

@@ -0,0 +1,227 @@
+{
+  "component": "timeline",
+  "name": "Timeline",
+  "components": [
+    {
+      "name": "HorizontalTimelineEvent",
+      "isPrimary": true,
+      "rootClass": "k-timeline-event",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "for the tabpanel"
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex",
+          "description": "Tab index for the active tabpanel."
+        }
+      ],
+      "keyboard": [],
+      "ux": []
+    },
+    {
+      "name": "Timeline",
+      "isPrimary": true,
+      "rootClass": "k-timeline",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"tabpanel\"",
+          "description": "The card serves as the tab panel content."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Refers to the tab element that controls the panel."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-hidden=\"true\"",
+          "description": "Arrow buttons are hidden from the accessibility tree."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"button\"",
+          "description": "Items in the vertical timeline are buttons."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-describedby",
+          "description": "Vertical timeline cards are described by their date elements."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-live=\"polite\"",
+          "description": "Vertical timeline cards are live regions."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex=\"0\"",
+          "description": "Vertical timeline cards are focusable."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-expanded=\"false\"",
+          "description": "Collapsed cards announce their collapsed state."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-expanded=\"true\"",
+          "description": "Expanded cards announce their expanded state."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "ArrowLeft",
+          "behavior": "Activates the previous tab (item)."
+        },
+        {
+          "trigger": "ArrowRight",
+          "behavior": "Activates the next tab (item)."
+        },
+        {
+          "trigger": "Home",
+          "behavior": "Focuses the first item and activates it."
+        },
+        {
+          "trigger": "End",
+          "behavior": "Focuses the last item and activates it."
+        },
+        {
+          "trigger": "Shift + Tab",
+          "behavior": "Focuses the previous item (button) in the Timeline."
+        },
+        {
+          "trigger": "Tab",
+          "behavior": "Focuses the next item (button) in the Timeline."
+        },
+        {
+          "trigger": "Enter",
+          "behavior": "If expandable, expands/collapses the currently focused item."
+        },
+        {
+          "trigger": "Space",
+          "behavior": "If expandable, expands/collapses the currently focused item."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Chronological events",
+          "behavior": "Displays a list of events ordered by date."
+        },
+        {
+          "trigger": "Expand / Collapse",
+          "behavior": "Each event's detail content can be expanded or collapsed."
+        },
+        {
+          "trigger": "Orientation",
+          "behavior": "Can be rendered vertically (default) or horizontally."
+        },
+        {
+          "trigger": "Alternating",
+          "behavior": "In horizontal mode, event cards alternate between top and bottom placement."
+        }
+      ]
+    },
+    {
+      "name": "TimelineFlagWrap",
+      "isPrimary": true,
+      "rootClass": "k-timeline-flag-wrap",
+      "options": [],
+      "states": [
+        "focus",
+        "selected"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"none\"",
+          "description": "The flag-wrap items have semantics removed."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-hidden=\"true\"",
+          "description": "Flag-wrap items are hidden from the accessibility tree."
+        }
+      ],
+      "keyboard": [],
+      "ux": []
+    },
+    {
+      "name": "TimelineTrackItem",
+      "isPrimary": true,
+      "rootClass": "k-timeline-track-item",
+      "options": [],
+      "states": [
+        "focus"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"tab\"",
+          "description": "Individual tab element on the track."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-selected=\"true\"",
+          "description": "when tab is selected/focused"
+        },
+        {
+          "prop": null,
+          "attribute": "aria-describedby",
+          "description": "points to the tabpanel"
+        }
+      ],
+      "keyboard": [],
+      "ux": []
+    },
+    {
+      "name": "TimelineTrackWrap",
+      "isPrimary": true,
+      "rootClass": "k-timeline-track-wrap",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"tablist\"",
+          "description": "Indicates the tablist role for the scrollable wrap element."
+        }
+      ],
+      "keyboard": [],
+      "ux": []
+    },
+    {
+      "name": "VerticalTimelineEvent",
+      "isPrimary": true,
+      "rootClass": "k-timeline-event",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "id",
+          "description": "Unique id; referenced via aria-describedby by the associated content."
+        }
+      ],
+      "keyboard": [],
+      "ux": []
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/TR/wai-aria-1.2/#tablist",
+      "text": "WAI-ARIA specification for tablist"
+    },
+    {
+      "url": "https://www.w3.org/WAI/ARIA/apg/example-index/tabs/tabs-automatic.html",
+      "text": "WAI-ARIA practices: TabList example"
+    }
+  ]
+}

package/dist/meta/timepicker.json

@@ -0,0 +1,206 @@
+{
+  "component": "timepicker",
+  "name": "Timepicker",
+  "components": [
+    {
+      "name": "TimePicker",
+      "isPrimary": true,
+      "rootClass": "k-timepicker",
+      "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": "The input element follows the combobox specification."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-haspopup=\"dialog\"",
+          "description": "Indicates the component has a Dialog Popup."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-expanded=\"true\"|\\\"false\"",
+          "description": "Announces whether the Popup is visible or not."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-controls",
+          "description": "Points to the popup element."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label|aria-labelledby",
+          "description": "The input needs an accessible name."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-invalid=\"true\"",
+          "description": "Rendered only when the picker is in form and announces invalid state."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-disabled=\"true\"",
+          "description": "Rendered only when the picker is disabled."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex=\"-1\"",
+          "description": "Button element must not be focusable."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "The button needs an accessible name."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-disabled",
+          "description": "Rendered only when the picker is disabled."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"listbox\"",
+          "description": "The timelist elements must have listbox role."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label|aria-labelledby",
+          "description": "The listbox needs an accessible name."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"none\"",
+          "description": "The ul element semantic meaning must be removed."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"option\"",
+          "description": "The available options must be marked as such."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "Escape",
+          "behavior": "Closes the popup"
+        },
+        {
+          "trigger": "Alt/Opt(Mac) + ArrowDown",
+          "behavior": "Opens the popup"
+        },
+        {
+          "trigger": "Alt/Opt(Mac) + ArrowUp",
+          "behavior": "Closes the popup"
+        },
+        {
+          "trigger": "ArrowUp",
+          "behavior": "Increases the value of the time segment that is highlighted."
+        },
+        {
+          "trigger": "ArrowDown",
+          "behavior": "Decreases the value of the time segment that is highlighted."
+        },
+        {
+          "trigger": "ArrowLeft",
+          "behavior": "Moves to previous time segment in the input."
+        },
+        {
+          "trigger": "ArrowRight",
+          "behavior": "Moves to next time segment in the input."
+        },
+        {
+          "trigger": "Backspace",
+          "behavior": "Deletes value of the time segment."
+        },
+        {
+          "trigger": "Escape",
+          "behavior": "Closes the popup"
+        },
+        {
+          "trigger": "Shift + Tab or ArrowLeft",
+          "behavior": "Focuses previous carousel."
+        },
+        {
+          "trigger": "Tab or ArrowRight",
+          "behavior": "Focuses next carousel."
+        },
+        {
+          "trigger": "ArrowDown",
+          "behavior": "Selects next value in the carousel."
+        },
+        {
+          "trigger": "ArrowUp",
+          "behavior": "Selects previous value in the carousel."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Clock popup",
+          "behavior": "Opens a time-selection popup when the clock button is clicked."
+        },
+        {
+          "trigger": "Direct input",
+          "behavior": "The time can also be typed directly into the input field."
+        },
+        {
+          "trigger": "Step intervals",
+          "behavior": "Configurable minute and second steps limit the selectable values."
+        },
+        {
+          "trigger": "Disabled state",
+          "behavior": "When disabled, the input and popup are non-interactive."
+        }
+      ]
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/TR/wai-aria-1.2/#combobox",
+      "text": "WAI-ARIA specification for combobox"
+    },
+    {
+      "url": "https://www.w3.org/TR/wai-aria-1.2/#listbox",
+      "text": "WAI-ARIA specification for listbox"
+    }
+  ]
+}

package/dist/meta/toolbar.json

@@ -0,0 +1,209 @@
+{
+  "component": "toolbar",
+  "name": "Toolbar",
+  "components": [
+    {
+      "name": "Toolbar",
+      "isPrimary": true,
+      "rootClass": "k-toolbar",
+      "options": [
+        {
+          "name": "size",
+          "values": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "default": null
+        },
+        {
+          "name": "fillMode",
+          "values": [
+            "solid",
+            "outline",
+            "flat"
+          ],
+          "default": null
+        }
+      ],
+      "states": [
+        "focus"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"toolbar\"",
+          "description": "The component role."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label|aria-labelledby",
+          "description": "Must be supplied when multiple toolbars exist."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-haspopup=\"menu\"",
+          "description": "The overflow button opens a menu popup."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-expanded=\"true\"|\\\"false\"",
+          "description": "Announces popup visibility state."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-controls=\".k-toolbar-popup .k-menu-group id\"",
+          "description": "Indicates the connection between the toggle button and the menu popup."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label|title",
+          "description": "Icon-only button must have accessible text."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-expanded=\"true\"|\\\"false\"",
+          "description": "Announces section popup visibility state."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-controls=\".k-toolbar-popup .k-toolbar-items-list id\"",
+          "description": "Indicates the connection between the toggle button and the section popup."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "Tab",
+          "behavior": "Moves the focus to and from the ToolBar."
+        },
+        {
+          "trigger": "ArrowRight",
+          "behavior": "Moves the focus to the next focusable element in the ToolBar. Focuses the first element if the end of the ToolBar is reached."
+        },
+        {
+          "trigger": "ArrowLeft",
+          "behavior": "Moves the focus to the previous focusable element in the ToolBar. Focuses the last element if the beginning of the ToolBar is reached."
+        },
+        {
+          "trigger": "Home",
+          "behavior": "Moves the focus to the first focusable element."
+        },
+        {
+          "trigger": "End",
+          "behavior": "Moves the focus to the last focusable element."
+        },
+        {
+          "trigger": "Enter",
+          "behavior": "Clicks the currently active button or changes the state of the currently active toggleable button. If the active tool is represented by an `` element, enters the inner navigation mode of the tool."
+        },
+        {
+          "trigger": "Escape",
+          "behavior": "If the active tool is represented by an `` element and its inner navigation is active, deactivates the tool navigation and returns the focus to the ToolBar."
+        },
+        {
+          "trigger": "Alt + ArrowDown",
+          "behavior": "Opens the currently active SplitButton, DropDownButton, or CommandOverflow."
+        },
+        {
+          "trigger": "Alt + ArrowUp",
+          "behavior": "Closes the currently active SplitButton, DropDownButton, or CommandOverflow."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Actions",
+          "behavior": "Contains buttons, inputs, and other interactive controls."
+        },
+        {
+          "trigger": "Overflow menu",
+          "behavior": "Controls that do not fit in the available space are moved to an overflow popup."
+        },
+        {
+          "trigger": "Separator",
+          "behavior": "Visual separators group related controls."
+        },
+        {
+          "trigger": "Responsive",
+          "behavior": "Automatically adapts visible controls based on available width."
+        }
+      ]
+    },
+    {
+      "name": "ToolbarItem",
+      "isPrimary": true,
+      "rootClass": "k-toolbar-item",
+      "options": [],
+      "states": [
+        "focus"
+      ],
+      "aria": [],
+      "keyboard": [],
+      "ux": [
+        {
+          "trigger": "Overflow handling",
+          "behavior": "Moves to the overflow popup when the toolbar runs out of space."
+        },
+        {
+          "trigger": "Template",
+          "behavior": "Renders a button, separator, or any custom control based on its type."
+        }
+      ]
+    },
+    {
+      "name": "ToolbarPopup",
+      "isPrimary": true,
+      "rootClass": "k-toolbar-popup",
+      "options": [
+        {
+          "name": "size",
+          "values": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "default": null
+        },
+        {
+          "name": "fillMode",
+          "values": [
+            "solid",
+            "outline",
+            "flat"
+          ],
+          "default": null
+        }
+      ],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"menu\"",
+          "description": "The role of the tools wrapper in the overflow section."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-labelledby=\".k-toolbar-overflow-button id\"",
+          "description": "Associates the title of the menu toggle button."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"toolbar\"",
+          "description": "The role of the tools wrapper in the overflow section."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-labelledby=\".k-toolbar-overflow-button id\"",
+          "description": "Associates the title of the section toggle button."
+        }
+      ],
+      "keyboard": [],
+      "ux": []
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/TR/wai-aria-1.2/#toolbar",
+      "text": "WAI-ARIA Specification for the ToolBar"
+    }
+  ]
+}