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

package/dist/meta/textarea.json

@@ -0,0 +1,111 @@
+{
+  "component": "textarea",
+  "name": "Textarea",
+  "components": [
+    {
+      "name": "Textarea",
+      "isPrimary": true,
+      "rootClass": "k-textarea",
+      "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"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"textbox\"",
+          "description": "Describes the role of the component."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label|aria-labelledby",
+          "description": "The textarea requires an accessible name (provided by consuming app)."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-multiline=\"true\"",
+          "description": "Required on role=textbox to indicate multi-line behavior. Implicit on native <textarea>, so not needed there."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-invalid=\"true\"",
+          "description": "Rendered only when the TextArea is in a form and announces the invalid state."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-describedby",
+          "description": "Points to the hint or error message for the textarea."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-disabled=\"true\"",
+          "description": "Rendered only when the TextArea is disabled."
+        }
+      ],
+      "keyboard": [],
+      "ux": [
+        {
+          "trigger": "Multi-line input",
+          "behavior": "Accepts text across multiple lines."
+        },
+        {
+          "trigger": "Auto-grow",
+          "behavior": "Optionally expands vertically as the user types to fit the content."
+        },
+        {
+          "trigger": "Character count",
+          "behavior": "Optionally displays a remaining or total character count."
+        },
+        {
+          "trigger": "Placeholder",
+          "behavior": "Displays hint text when the field is empty."
+        },
+        {
+          "trigger": "Disabled state",
+          "behavior": "When disabled, the field is non-interactive."
+        }
+      ]
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/TR/wai-aria-1.2/#textbox",
+      "text": "WAI-ARIA Specification for the TextBox"
+    }
+  ]
+}

package/dist/meta/textbox.json

@@ -0,0 +1,104 @@
+{
+  "component": "textbox",
+  "name": "Textbox",
+  "components": [
+    {
+      "name": "Textbox",
+      "isPrimary": true,
+      "rootClass": "k-textbox",
+      "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=\"textbox\"",
+          "description": "Describes the role of the component."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label|aria-labelledby",
+          "description": "The input requires an accessible name (provided by consuming app)."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-invalid=\"true\"",
+          "description": "Rendered when the TextBox is in an invalid state."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-describedby",
+          "description": "Points to the hint or error message for the input."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-disabled=\"true\"",
+          "description": "Rendered when the TextBox is disabled."
+        }
+      ],
+      "keyboard": [],
+      "ux": [
+        {
+          "trigger": "Prefix / Suffix",
+          "behavior": "Can embed icons, labels, or action buttons at either end of the input."
+        },
+        {
+          "trigger": "Clear button",
+          "behavior": "An optional × button clears the current value."
+        },
+        {
+          "trigger": "Placeholder",
+          "behavior": "Displays hint text when the field is empty."
+        },
+        {
+          "trigger": "Disabled state",
+          "behavior": "When disabled, the input is non-interactive."
+        }
+      ]
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/TR/wai-aria-1.2/#textbox",
+      "text": "WAI-ARIA Specification for the TextBox"
+    }
+  ]
+}

package/dist/meta/tilelayout.json

@@ -0,0 +1,132 @@
+{
+  "component": "tilelayout",
+  "name": "Tilelayout",
+  "components": [
+    {
+      "name": "TileLayout",
+      "isPrimary": true,
+      "rootClass": "k-tilelayout",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"list\"",
+          "description": "Sets list role to the TileLayout wrapper."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "Tab",
+          "behavior": "Move focus to the next tile. If focus is on the last tile, focus the next focusable element on the page."
+        },
+        {
+          "trigger": "Shift + Tab",
+          "behavior": "Move focus to the previous tile. If focus is on the first tile, focus the previous focusable element before the TileLayout."
+        },
+        {
+          "trigger": "Enter",
+          "behavior": "Focuses the first focusable element within the tile. Focus is trapped and wrapped within the tile content and follows its natural Tab sequence."
+        },
+        {
+          "trigger": "Escape",
+          "behavior": "Moves focus back to the TileLayout item wrapper when it is on a focusable element within the tile content."
+        },
+        {
+          "trigger": "Shift + ArrowRight",
+          "behavior": "Reorders the focused tile with the next one (if such exists)."
+        },
+        {
+          "trigger": "Shift + ArrowLeft",
+          "behavior": "Reorders the focused tile with the previous one (if such exists)."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + ArrowRight",
+          "behavior": "Increments the focused tile width with one column (to a maximum of the preset columns count)."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + ArrowLeft",
+          "behavior": "Decrements the focused tile width with one column (to a minimum of 1)."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + ArrowDown",
+          "behavior": "Increments the focused item height with one row (to a maximum of the preset rows count if such option exists)."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + ArrowUp",
+          "behavior": "Decrements the focused item height with one row (to a minimum of 1)."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Tiles",
+          "behavior": "Content areas are organized as resizable tiles in a grid."
+        },
+        {
+          "trigger": "Drag and drop",
+          "behavior": "Tiles are reordered by dragging their header."
+        },
+        {
+          "trigger": "Resize",
+          "behavior": "Tile dimensions are adjusted by dragging the resize handle at the tile corner."
+        },
+        {
+          "trigger": "Gap",
+          "behavior": "Configurable spacing is applied uniformly between tiles."
+        }
+      ]
+    },
+    {
+      "name": "TileLayoutItem",
+      "isPrimary": true,
+      "rootClass": "k-tilelayout-item",
+      "options": [],
+      "states": [
+        "focus"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"listitem\"",
+          "description": "Sets listitem role to the TileLayout items."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-labelledby",
+          "description": "Associates the focusable item wrapper with the respective header text element."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex=\"0\"",
+          "description": "Makes the item wrapper element focusable."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-keyshortcuts=\"Enter\"",
+          "description": "Announces Enter as an available key shortcut when the item is focused."
+        },
+        {
+          "prop": null,
+          "attribute": "id",
+          "description": "Unique identifier to link the header text element to the focusable wrapper."
+        }
+      ],
+      "keyboard": [],
+      "ux": [
+        {
+          "trigger": "Drag handle",
+          "behavior": "The tile header acts as a drag handle for repositioning within the layout."
+        },
+        {
+          "trigger": "Resize handle",
+          "behavior": "A corner handle lets the user resize the tile."
+        },
+        {
+          "trigger": "Header",
+          "behavior": "An optional header displays a title for the tile."
+        }
+      ]
+    }
+  ],
+  "resources": []
+}

package/dist/meta/timedurationpicker.json

@@ -0,0 +1,202 @@
+{
+  "component": "timedurationpicker",
+  "name": "Timedurationpicker",
+  "components": [
+    {
+      "name": "TimeDurationPicker",
+      "isPrimary": true,
+      "rootClass": "k-timedurationpicker",
+      "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": "Segment editing",
+          "behavior": "Each time unit (hours, minutes, seconds) is edited independently."
+        },
+        {
+          "trigger": "Spin",
+          "behavior": "Arrow keys increment or decrement the focused segment."
+        },
+        {
+          "trigger": "Disabled state",
+          "behavior": "When disabled, the input is 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"
+    }
+  ]
+}