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

package/dist/meta/window.json

@@ -0,0 +1,87 @@
+{
+  "component": "window",
+  "name": "Window",
+  "components": [
+    {
+      "name": "Window",
+      "isPrimary": true,
+      "rootClass": "k-window",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"dialog\"",
+          "description": "Announces the dialog role of the component."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-labelledby",
+          "description": "Associate the title of the dialog."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "Alt/Opt(Mac) + ArrowDown",
+          "behavior": "Minimizes or restores the state, if the focused element is the window"
+        },
+        {
+          "trigger": "Alt/Opt(Mac) + ArrowUp",
+          "behavior": "Maximizes or restores the state, if the focused element is the window"
+        },
+        {
+          "trigger": "Arrow Keys",
+          "behavior": "Move the window to the respective direction (UP"
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + ArrowUp",
+          "behavior": "Decreases the height of the window triggering the resizing capabilities. Applicable only when the component is resizable."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + ArrowDown",
+          "behavior": "Increases the height of the window triggering the resizing capabilities. Applicable only when the component is resizable."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + ArrowLeft",
+          "behavior": "Decreases the width of the window triggering the resizing capabilities. Applicable only when the component is resizable."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + ArrowRight",
+          "behavior": "Increases the width of the window triggering the resizing capabilities. Applicable only when the component is resizable."
+        },
+        {
+          "trigger": "Escape",
+          "behavior": "Closes the window. When the window is modal, the focus should be returned to the element that triggered the open."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Draggable",
+          "behavior": "The window is repositioned by dragging its title bar."
+        },
+        {
+          "trigger": "Resizable",
+          "behavior": "The window is resized by dragging its edges or corners."
+        },
+        {
+          "trigger": "Minimize / Maximize",
+          "behavior": "The window can be collapsed to only the title bar or expanded to fill the viewport."
+        },
+        {
+          "trigger": "Close",
+          "behavior": "The × button removes the window from the DOM."
+        },
+        {
+          "trigger": "Stacking",
+          "behavior": "Multiple open windows maintain correct z-index layering."
+        }
+      ]
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/examples/dialog/",
+      "text": "ARIA practices Modal Dialog Example"
+    }
+  ]
+}

package/dist/meta/wizard.json

@@ -0,0 +1,88 @@
+{
+  "component": "wizard",
+  "name": "Wizard",
+  "components": [
+    {
+      "name": "Wizard",
+      "isPrimary": true,
+      "rootClass": "k-wizard",
+      "options": [],
+      "states": [
+        "disabled"
+      ],
+      "aria": [],
+      "keyboard": [
+        {
+          "trigger": "ArrowLeft or ArrowUp",
+          "behavior": "Selects previous tab."
+        },
+        {
+          "trigger": "ArrowRight or ArrowDown",
+          "behavior": "Selects next tab."
+        },
+        {
+          "trigger": "Home",
+          "behavior": "Selects first tab."
+        },
+        {
+          "trigger": "End",
+          "behavior": "Selects last tab."
+        },
+        {
+          "trigger": "Tab",
+          "behavior": "Focuses next element in the page Tab sequence. That could be the currently visible `tabpanel`, an element on it, or an element outside the Wizard."
+        },
+        {
+          "trigger": "Shift + Tab",
+          "behavior": "Focuses previous element in the page Tab sequence."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Multi-step",
+          "behavior": "Guides the user through a complex task split into discrete steps."
+        },
+        {
+          "trigger": "Progress indicator",
+          "behavior": "A stepper at the top shows completed, current, and upcoming steps."
+        },
+        {
+          "trigger": "Navigation buttons",
+          "behavior": "Back and Next buttons move between steps."
+        },
+        {
+          "trigger": "Per-step validation",
+          "behavior": "Each step can validate its inputs before the Next button is enabled."
+        },
+        {
+          "trigger": "Step click",
+          "behavior": "Previously completed steps can be revisited by clicking the step indicator."
+        }
+      ]
+    },
+    {
+      "name": "WizardStep",
+      "isPrimary": false,
+      "rootClass": "k-wizard-step",
+      "options": [],
+      "states": [
+        "focus"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "for the tabpanel, e.g. \"Step 2 of 3\""
+        }
+      ],
+      "keyboard": [],
+      "ux": []
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/TR/wai-aria-1.2/#tablist",
+      "text": "WAI-ARIA specification for tablist"
+    }
+  ]
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-themes-html",
   "description": "A collection of HTML helpers used for developing Kendo UI themes",
-  "version": "14.7.1-dev.3",
+  "version": "14.7.1-dev.4",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -12,15 +12,19 @@
   ],
   "types": "./dist/types/index.d.ts",
   "exports": {
-    "types": "./dist/types/index.d.ts",
-    "import": "./dist/esm/index.mjs",
-    "require": "./dist/cjs/index.js"
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/esm/index.mjs",
+      "require": "./dist/cjs/index.js"
+    },
+    "./meta/*.json": "./dist/meta/*.json"
   },
   "files": [
     "dist/**/*.js",
     "dist/**/*.mjs",
     "dist/**/*.d.ts",
     "dist/**/*.js.map",
+    "dist/meta/*.json",
     "src/**/**.ts",
     "src/**/**.tsx"
   ],
@@ -43,12 +47,13 @@
     "typegen": "npx tsc --emitDeclarationOnly --declaration --declarationDir dist/types/",
     "typecheck": "npx tsc --noEmit --emitDeclarationOnly false --project tsconfig.json ",
     "build:tests": "node ./scripts/build-tests.js",
-    "docs": "npm run build && node ./scripts/render-a11y-docs.mjs",
+    "build:meta": "node ./scripts/render-a11y-docs.mjs",
+    "docs": "npm run build && npm run build:meta",
     "docs:check": "npm run docs && git diff --name-only --exit-code -- docs",
     "test": "vitest run",
     "test:watch": "vitest",
     "test:coverage": "vitest run --coverage",
-    "prepublishOnly": "npm run build && npm run typegen"
+    "prepublishOnly": "npm run build && npm run typegen && npm run build:meta"
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^5.5.0"

package/src/datainsights-composer/templates/datainsights-composer-data-source-browser-popup.tsx

@@ -6,7 +6,7 @@ import { DataInsightsComposerPopup } from '..';
 const TreeviewChipItem = ({ text }: { text: string }) => (
     <TreeviewItem
         content={
-            <Chip role="presentation" tabIndex={-1} text={text} rounded="full" fillMode="outline" themeColor="base" />
+            <Chip role="presentation" tabIndex={-1} text={text} rounded="full" fillMode="outline" />
         }
     />
 );

package/src/datainsights-composer/templates/datainsights-composer-data-source-fields-popup.tsx

@@ -10,11 +10,11 @@ export const DataInsightsComposerDataSourceFieldsPopup = (props: any) => (
             sales_order
         </DataInsightsComposerPopupListGroupHeader>
         <ChipList className="k-datainsights-composer-popup-field-list" role="none">
-            <Chip role="presentation" tabIndex={0} rounded="full" fillMode="outline" themeColor="base" text="SalesOrderID" />
-            <Chip role="presentation" tabIndex={-1} rounded="full" fillMode="outline" themeColor="base" text="OrderDate" />
-            <Chip role="presentation" tabIndex={-1} rounded="full" fillMode="outline" themeColor="base" text="ShipDate" />
-            <Chip role="presentation" tabIndex={-1} rounded="full" fillMode="outline" themeColor="base" text="SubTotal" />
-            <Chip role="presentation" tabIndex={-1} rounded="full" fillMode="outline" themeColor="base" text="TaxAmt" />
+            <Chip role="presentation" tabIndex={0} rounded="full" fillMode="outline" text="SalesOrderID" />
+            <Chip role="presentation" tabIndex={-1} rounded="full" fillMode="outline" text="OrderDate" />
+            <Chip role="presentation" tabIndex={-1} rounded="full" fillMode="outline" text="ShipDate" />
+            <Chip role="presentation" tabIndex={-1} rounded="full" fillMode="outline" text="SubTotal" />
+            <Chip role="presentation" tabIndex={-1} rounded="full" fillMode="outline" text="TaxAmt" />
         </ChipList>
     </DataInsightsComposerPopup>
 );