sit-onyx 0.1.0-alpha.6 → 0.1.0-alpha.7

package/dist/components/GridPlayground/GridPlayground.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta } from "@storybook/vue3";
+import Grid from "./GridPlayground.vue";
+/**
+ * The GridPlayground allows to test and play around with the Onyx grid system
+ */
+declare const meta: Meta<typeof Grid>;
+export default meta;
+/**
+ * Please open in Fullscreen mode for playground to behave correctly!
+ */
+export declare const Default: {
+    args: {};
+};

package/dist/components/OnyxRadioButton/OnyxRadioButton.stories.d.ts

@@ -0,0 +1,18 @@
+import type { Meta } from "@storybook/vue3";
+import OnyxRadioButton from "./OnyxRadioButton.vue";
+/**
+ * The input component can be used to...
+ */
+declare const meta: Meta<typeof OnyxRadioButton>;
+export default meta;
+/**
+ * This example shows a standalone radio button.
+ */
+export declare const Default: {
+    args: {
+        id: string;
+        label: string;
+        name: string;
+        value: string;
+    };
+};

package/dist/components/OnyxRadioButton/types.d.ts

@@ -0,0 +1,18 @@
+/**
+ * TODO: move to dedicated file
+ */
+export type SelectionOption<T> = {
+    id: string;
+    label: string;
+    /**
+     * An optional value.
+     * It's not actually used by the selection controls, but can be used to associate data with this option.
+     */
+    value?: T;
+    isDisabled?: boolean;
+    isReadonly?: boolean;
+    isLoading?: boolean;
+};
+export type SelectionProps<T> = SelectionOption<T> & {
+    selected?: boolean;
+};

package/dist/components/OnyxRadioButtonGroup/OnyxRadioButtonGroup.stories.d.ts

@@ -0,0 +1,27 @@
+import type { Meta } from "@storybook/vue3";
+import OnyxRadioButtonGroup from "./OnyxRadioButtonGroup.vue";
+import type { SelectionOption } from "../OnyxRadioButton/types";
+/**
+ * The input component can be used to...
+ */
+declare const meta: Meta<typeof OnyxRadioButtonGroup>;
+export default meta;
+/**
+ * This example shows a radio button group.
+ */
+export declare const Default: {
+    args: {
+        name: string;
+        options: SelectionOption<string>[];
+    };
+};
+/**
+ * This example shows a preselected radio button.
+ */
+export declare const Preselected: {
+    args: {
+        name: string;
+        options: SelectionOption<string>[];
+        modelValue: SelectionOption<string>;
+    };
+};

package/dist/components/TestInput/TestInput.vue.d.ts

@@ -52,13 +52,13 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     label: string;
     type: string;
 }>>> & {
-    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
     onChange?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
     onValidityChange?: ((state: ValidityState) => any) | undefined;
 }, {
-    type: "number" | "search" | "email" | "tel" | "url" | "password" | "text";
-    modelValue: string | number;
+    type: "number" | "text" | "email" | "password" | "search" | "tel" | "url";
     label: string;
+    modelValue: string | number;
 }, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/types/dom.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Allows to define a DOM event with a typed and non-null target.
+ * This is useful as the native events are not generic.
+ * E.g.:
+ * @type {Event}
+ * @type {InputEvent}
+ */
+export type TargetEvent<T extends HTMLElement, E extends Event = Event> = E & {
+    target: T;
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sit-onyx",
   "description": "A design system and Vue.js component library created by Schwarz IT",
-  "version": "0.1.0-alpha.6",
+  "version": "0.1.0-alpha.7",
   "type": "module",
   "license": "Apache-2.0",
   "files": [
@@ -36,15 +36,15 @@
   },
   "devDependencies": {
     "@axe-core/playwright": "^4.8.4",
-    "@storybook/addon-essentials": "^7.6.12",
-    "@storybook/blocks": "^7.6.12",
-    "@storybook/vue3": "^7.6.12",
-    "@storybook/vue3-vite": "^7.6.12",
+    "@storybook/addon-essentials": "^7.6.13",
+    "@storybook/blocks": "^7.6.13",
+    "@storybook/vue3": "^7.6.13",
+    "@storybook/vue3-vite": "^7.6.13",
     "eslint-plugin-vue-scoped-css": "^2.7.2",
     "react": "^18.2.0",
-    "storybook": "^7.6.12",
+    "storybook": "^7.6.13",
     "@sit-onyx/headless": "^0.1.0-alpha.1",
-    "@sit-onyx/storybook-utils": "^1.0.0-alpha.7"
+    "@sit-onyx/storybook-utils": "^1.0.0-alpha.8"
   },
   "scripts": {
     "start": "pnpm run dev",