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

package/dist/meta/chip.json

@@ -0,0 +1,176 @@
+{
+  "component": "chip",
+  "name": "Chip",
+  "components": [
+    {
+      "name": "Chip",
+      "isPrimary": true,
+      "rootClass": "k-chip",
+      "options": [
+        {
+          "name": "size",
+          "values": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "default": null
+        },
+        {
+          "name": "rounded",
+          "values": [
+            "none",
+            "small",
+            "medium",
+            "large",
+            "full"
+          ],
+          "default": null
+        },
+        {
+          "name": "fillMode",
+          "values": [
+            "solid",
+            "outline"
+          ],
+          "default": null
+        },
+        {
+          "name": "themeColor",
+          "values": [
+            "base",
+            "success",
+            "warning",
+            "error",
+            "info"
+          ],
+          "default": null
+        }
+      ],
+      "states": [
+        "hover",
+        "focus",
+        "active",
+        "selected",
+        "disabled"
+      ],
+      "aria": [],
+      "keyboard": [
+        {
+          "trigger": "ArrowRight",
+          "behavior": "Focuses the next chip in a horizontally oriented chiplist."
+        },
+        {
+          "trigger": "ArrowLeft",
+          "behavior": "Focuses the previous chip in a horizontally oriented group."
+        },
+        {
+          "trigger": "Enter or Space",
+          "behavior": "Triggers a click action on the Chip."
+        },
+        {
+          "trigger": "Delete or Backspace",
+          "behavior": "Removes the Chip when a delete action is configured."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Selection",
+          "behavior": "Can be toggled to a selected/active state by clicking."
+        },
+        {
+          "trigger": "Removable",
+          "behavior": "An optional remove icon allows the chip to be dismissed."
+        },
+        {
+          "trigger": "Icon or avatar",
+          "behavior": "Can display an icon or avatar image alongside the label."
+        },
+        {
+          "trigger": "Disabled state",
+          "behavior": "When disabled, the chip is non-interactive."
+        }
+      ]
+    },
+    {
+      "name": "ChipList",
+      "isPrimary": true,
+      "rootClass": "k-chip-list",
+      "options": [
+        {
+          "name": "size",
+          "values": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "default": null
+        }
+      ],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"listbox\"",
+          "description": "Announces the list role of the chip list."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-orientation=\"horizontal\"",
+          "description": "Specifies the horizontal orientation of the chiplist."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"option\"",
+          "description": "Announces the chip is an option inner component of the chip list."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-selected=\"true\"",
+          "description": "Announces the chip is selected."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-selected=\"false\"",
+          "description": "Announces the chip is not selected."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-keyshortcuts=\"Enter Delete\"",
+          "description": "Announces the Delete action along with the default Enter key."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-multiselectable=\"true\"",
+          "description": "Indicates multiple selections are allowed."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Accessible name for the chip list; required when role=\"listbox\"."
+        }
+      ],
+      "keyboard": [],
+      "ux": [
+        {
+          "trigger": "Chip group",
+          "behavior": "Renders a horizontal or wrapping collection of chip elements."
+        },
+        {
+          "trigger": "Selection",
+          "behavior": "Supports single or multi-selection across the chips in the list."
+        },
+        {
+          "trigger": "Add chip",
+          "behavior": "Can include an add-chip control to allow the user to create new chips."
+        }
+      ]
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/WAI/ARIA/apg/patterns/button/",
+      "text": "WAI-ARIA Authoring Practices: Button Pattern"
+    }
+  ]
+}

package/dist/meta/citation.json

@@ -0,0 +1,80 @@
+{
+  "component": "citation",
+  "name": "Citation",
+  "components": [
+    {
+      "name": "Citation",
+      "isPrimary": true,
+      "rootClass": "k-citation",
+      "options": [],
+      "states": [],
+      "aria": [],
+      "keyboard": [],
+      "ux": [
+        {
+          "trigger": "Inline citation",
+          "behavior": "Displays a source domain as a small, pill-shaped chip inline within AI-generated content."
+        },
+        {
+          "trigger": "Additional sources",
+          "behavior": "An optional count renders as a \"+N\" suffix indicating further uncited sources."
+        }
+      ]
+    },
+    {
+      "name": "CitationPopover",
+      "isPrimary": true,
+      "rootClass": "k-citation-popover",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Accessible name applied to the Previous and Next pagination icon buttons."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "Enter or Space",
+          "behavior": "Triggers the focused Previous/Next icon button."
+        },
+        {
+          "trigger": "Escape",
+          "behavior": "Dismisses the popover (inherited from Popover)."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Paged navigation",
+          "behavior": "Displays a \"current/total\" page indicator with Previous/Next buttons to move between citation pages."
+        },
+        {
+          "trigger": "Sliding views",
+          "behavior": "Slides between page views using the --kendo-citation-popover-view-current CSS variable instead of unmounting content."
+        }
+      ]
+    },
+    {
+      "name": "CitationPopoverView",
+      "isPrimary": true,
+      "rootClass": "k-citation-popover-view",
+      "options": [],
+      "states": [],
+      "aria": [],
+      "keyboard": [],
+      "ux": [
+        {
+          "trigger": "Structured view",
+          "behavior": "Renders the title, body summary, and source link of a cited source in a consistent layout."
+        }
+      ]
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/",
+      "text": "WAI-ARIA Authoring Practices: Dialog (Modal) Pattern"
+    }
+  ]
+}

package/dist/meta/coloreditor.json

@@ -0,0 +1,77 @@
+{
+  "component": "coloreditor",
+  "name": "Coloreditor",
+  "components": [
+    {
+      "name": "ColorEditor",
+      "isPrimary": true,
+      "rootClass": "k-coloreditor",
+      "options": [
+        {
+          "name": "size",
+          "values": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "default": null
+        }
+      ],
+      "states": [
+        "focus"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"textbox\"",
+          "description": "The focusable wrapper should be considered a textbox with a submittable value."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label|aria-labelledby",
+          "description": "The component needs an accessible name including the currently selected value."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex=\"0\"",
+          "description": "The element must be focusable."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-disabled=\"true\"",
+          "description": "Rendered only when the FlatColorPicker is disabled."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"none\"",
+          "description": "The inner ColorGradient must have its role removed."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex=\"-1\"",
+          "description": "The inner ColorGradient must be removed from the page tab sequence."
+        }
+      ],
+      "keyboard": [],
+      "ux": [
+        {
+          "trigger": "Tabbed views",
+          "behavior": "Switches between a gradient picker and a palette picker via tabs."
+        },
+        {
+          "trigger": "Hex and RGBA inputs",
+          "behavior": "Text inputs allow direct entry of hex codes and RGBA channel values."
+        },
+        {
+          "trigger": "Opacity slider",
+          "behavior": "A slider controls the alpha channel of the selected color."
+        },
+        {
+          "trigger": "Recent colors",
+          "behavior": "Displays a row of recently used colors for quick reuse."
+        }
+      ]
+    }
+  ],
+  "resources": []
+}

package/dist/meta/colorgradient.json

@@ -0,0 +1,175 @@
+{
+  "component": "colorgradient",
+  "name": "Colorgradient",
+  "components": [
+    {
+      "name": "ColorGradient",
+      "isPrimary": true,
+      "rootClass": "k-colorgradient",
+      "options": [
+        {
+          "name": "size",
+          "values": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "default": null
+        }
+      ],
+      "states": [
+        "hover",
+        "focus",
+        "readonly",
+        "disabled"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"textbox\"",
+          "description": "The focusable wrapper should be considered a textbox with a value that could be submitted."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label|aria-labelledby",
+          "description": "The component needs an accessible name including the currently selected value."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex=\"0\"",
+          "description": "The element must be focusable."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-disabled=\"true\"",
+          "description": "Rendered only when the ColorGradient is disabled."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"slider\"",
+          "description": "The 2D draghandle must have slider role for ARIA-allowed attributes."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-orientation=\"undefined\"",
+          "description": "The implicit orientation for the slider must be removed for the 2D handle."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Must provide information about the purpose of the slider and the currently selected color."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-valuetext",
+          "description": "Must specify the values on both X and Y axis."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-valuenow",
+          "description": "Required by the slider role."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-valuemin",
+          "description": "Required by the slider role."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-valuemax",
+          "description": "Required by the slider role."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Must provide the name of the channel (red, green, blue, or alpha)."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "Enter",
+          "behavior": "Activates inner ColorGradient navigation."
+        },
+        {
+          "trigger": "Tab",
+          "behavior": "Navigates to the next focusable element on the page."
+        },
+        {
+          "trigger": "Shift + Tab",
+          "behavior": "Navigates to the previous focusable element on the page."
+        },
+        {
+          "trigger": "Escape",
+          "behavior": "Moves focus back to wrapper element. Deactivates inner ColorGradient navigation."
+        },
+        {
+          "trigger": "Tab",
+          "behavior": "Navigates to the next focusable element in the ColorGradient. If current focus is on the last element, moves focus to the first focusable item in the component."
+        },
+        {
+          "trigger": "Shift + Tab",
+          "behavior": "Navigates to the previous focusable element in the ColorGradient. If current focus is on the first element, moves focus to the last focusable item in the component."
+        },
+        {
+          "trigger": "Enter",
+          "behavior": "For button items, ColorGradient executes the currently focused button action."
+        },
+        {
+          "trigger": "ArrowUp",
+          "behavior": "Moves slider up by large step."
+        },
+        {
+          "trigger": "ArrowDown",
+          "behavior": "Moves slider down by large step."
+        },
+        {
+          "trigger": "ArrowLeft",
+          "behavior": "Moves slider left by large step."
+        },
+        {
+          "trigger": "ArrowRight",
+          "behavior": "Moves slider right by large step."
+        },
+        {
+          "trigger": "Shift + ArrowUp",
+          "behavior": "Moves slider up by small step."
+        },
+        {
+          "trigger": "Shift + ArrowDown",
+          "behavior": "Moves slider down by small step."
+        },
+        {
+          "trigger": "Shift + ArrowLeft",
+          "behavior": "Moves slider left by small step."
+        },
+        {
+          "trigger": "Shift + ArrowRight",
+          "behavior": "Moves slider right by small step."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Gradient canvas",
+          "behavior": "A 2D canvas lets the user pick a color by clicking or dragging."
+        },
+        {
+          "trigger": "Hue slider",
+          "behavior": "A slider below the canvas adjusts the hue."
+        },
+        {
+          "trigger": "Opacity slider",
+          "behavior": "A slider adjusts the alpha channel of the selected color."
+        },
+        {
+          "trigger": "Hex input",
+          "behavior": "A text input accepts a hex color code directly."
+        },
+        {
+          "trigger": "RGBA inputs",
+          "behavior": "Individual inputs accept red, green, blue, and alpha values."
+        }
+      ]
+    }
+  ],
+  "resources": []
+}

package/dist/meta/colorpalette.json

@@ -0,0 +1,113 @@
+{
+  "component": "colorpalette",
+  "name": "Colorpalette",
+  "components": [
+    {
+      "name": "ColorPalette",
+      "isPrimary": true,
+      "rootClass": "k-colorpalette",
+      "options": [
+        {
+          "name": "size",
+          "values": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "default": null
+        }
+      ],
+      "states": [
+        "disabled"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"grid\"",
+          "description": "The focusable wrapper announces its role as a grid."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label|aria-labelledby",
+          "description": "The component needs an accessible name including the currently selected value."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-activedescendant",
+          "description": "Points to the focused cell in the table."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex=\"0\"",
+          "description": "The element must be focusable."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-disabled=\"true\"",
+          "description": "Rendered only when the ColorPalette is disabled."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"none\"|\\\"presentation\"",
+          "description": "Negates the default role of the table element."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"row\"",
+          "description": "Required as the semantic role of the parent table has been removed."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "ArrowDown",
+          "behavior": "Focuses the next cell below."
+        },
+        {
+          "trigger": "ArrowUp",
+          "behavior": "Focuses the next cell above."
+        },
+        {
+          "trigger": "ArrowRight",
+          "behavior": "Focuses the next cell on the right."
+        },
+        {
+          "trigger": "ArrowLeft",
+          "behavior": "Focuses the next cell on the left."
+        },
+        {
+          "trigger": "Enter",
+          "behavior": "Selects the color from the currently focused cell."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Swatch grid",
+          "behavior": "Displays a grid of color tiles to choose from."
+        },
+        {
+          "trigger": "Selection",
+          "behavior": "Clicking a swatch selects the color and marks it as active."
+        },
+        {
+          "trigger": "Custom palette",
+          "behavior": "Supports a developer-configured set of colors."
+        }
+      ]
+    },
+    {
+      "name": "ColorPaletteTile",
+      "isPrimary": false,
+      "rootClass": "k-colorpalette-tile",
+      "options": [],
+      "states": [
+        "hover",
+        "focus",
+        "selected"
+      ],
+      "aria": [],
+      "keyboard": [],
+      "ux": []
+    }
+  ],
+  "resources": []
+}