sit-onyx 1.0.0-beta.68 → 1.0.0-beta.69

package/dist/components/OnyxDataGrid/features/all.d.ts

@@ -1,2 +1,2 @@
 export * from "./sorting/types";
-export { useDataGridSorting as useSorting } from "./sorting/sorting";
+export { useSorting } from "./sorting/sorting";

package/dist/components/OnyxDataGrid/features/index.d.ts

@@ -51,7 +51,7 @@ export type DataGridFeature<TEntry extends DataGridEntry, TFeatureName extends s
  * });
  * ```
  */
-export declare function createFeature<TFeatureName extends symbol, TArgs extends unknown[]>(featureDefinition: <TEntry extends DataGridEntry>(...args: TArgs) => DataGridFeature<TEntry, TFeatureName>): <TEntry extends DataGridEntry>(...args: TArgs) => DataGridFeature<TEntry, TFeatureName>;
+export declare function createFeature<TEntry extends DataGridEntry, TFeatureName extends symbol, TArgs extends unknown[]>(featureDefinition: (...args: TArgs) => DataGridFeature<TEntry, TFeatureName>): (...args: TArgs) => DataGridFeature<TEntry, TFeatureName>;
 /**
  * Uses the defined datagrid features to provide factory functions.
  * These factories are to be used to map data and configuration to `OnyxDataGridRenderer` properties.

package/dist/components/OnyxDataGrid/features/sorting/TestCase.vue.d.ts

@@ -0,0 +1,9 @@
+import type { DataGridEntry, OnyxDataGridProps } from "../../../..";
+import { DataGridFeatures } from "../../../..";
+type __VLS_Props = Pick<OnyxDataGridProps, "columns" | "data">;
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    sortChange: (sortState: DataGridFeatures.SortState<DataGridEntry>) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSortChange?: ((sortState: DataGridFeatures.SortState<DataGridEntry>) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/OnyxDataGrid/features/sorting/sorting.d.ts

@@ -1,6 +1,5 @@
 import type { DataGridEntry } from "../../types";
-import type { SortDirection, SortOptions, SortState } from "./types";
+import type { SortDirection, SortOptions } from "./types";
 export declare const nextSortDirection: (current?: SortDirection) => SortDirection;
-export declare const nextSortState: <TEntry extends DataGridEntry>(column: keyof TEntry, current?: SortState<TEntry>) => SortState<TEntry>;
 export declare const SORTING_FEATURE: unique symbol;
-export declare const useDataGridSorting: <TEntry extends DataGridEntry>(options?: SortOptions<DataGridEntry> | undefined) => import("..").DataGridFeature<TEntry, typeof SORTING_FEATURE>;
+export declare const useSorting: <TEntry extends DataGridEntry>(options?: SortOptions<TEntry> | undefined) => import("..").DataGridFeature<TEntry, typeof SORTING_FEATURE>;

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

@@ -7,23 +7,8 @@ export type OnyxDataGridProps<TEntry extends DataGridEntry = DataGridEntry, TFea
     /**
      * Features that should be applied.
      * They allow the modification of the behavior and rendering.
-     * Usually you want to use the provided features of the exported `DataGridFeature` namespace:
-     *
-     * @example
-     * ```vue
-     * <script setup lang="ts">
-     * import { ref, watch } from "vue";
-     * import type { DataGridEntry, OnyxDataGridProps } from "sit-onyx";
-     * import { DataGridFeatures, OnyxDataGrid } from "sit-onyx";
-     *
-     * const withSorting = DataGridFeatures.useSorting(sortOptions);
-     * </script>
-     *
-     * <template>
-     *   <OnyxDataGrid :columns :data :features=[withSorting] />
-     * </template>
-     *
-     * ```
+     * Usually you want to use the provided features of the exported `DataGridFeature` namespace.
+     * Check the Storybook examples (e.g. [Sorting](/?path=/story/data-datagrid-features--sorting)) for more details on how the features are used and configured.
      */
     features?: TFeatures;
     /**

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

@@ -2,6 +2,7 @@ import type { createTabs } from "@sit-onyx/headless";
 import type { InjectionKey, Ref } from "vue";
 import type { DensityProp } from "../../composables/density";
 import type { SkeletonProvidedProp } from "../../composables/useSkeletonState";
+import type { HeadlineType } from "../OnyxHeadline/types";
 export type OnyxTabsProps<TValue extends PropertyKey = PropertyKey> = DensityProp & Partial<SkeletonProvidedProp> & {
     /**
      * Label of the tabs. Needed for accessibility / screen readers.
@@ -15,6 +16,11 @@ export type OnyxTabsProps<TValue extends PropertyKey = PropertyKey> = DensityPro
      * If `true`, the tabs will be stretched to the full available width.
      */
     stretched?: boolean;
+    /**
+     * Tab font size. Note: This only affects the visual size of the tab font and has NO effect on the semantic meaning.
+     * Size will be aligned with the corresponding `OnyxHeadline` size.
+     */
+    size?: TabSize;
 };
 export type TabsInjectionKey<TValue extends PropertyKey = PropertyKey> = InjectionKey<{
     /**
@@ -26,9 +32,14 @@ export type TabsInjectionKey<TValue extends PropertyKey = PropertyKey> = Injecti
      * to maintain the correct HTML structure.
      */
     panelRef: Ref<HTMLElement | undefined>;
+    /**
+     * Tab size passed down from the parent so it can be set once for all tabs.
+     */
+    size: Ref<TabSize>;
 }>;
 /**
  * Injection key to provide relevant context data from the tabs parent to the
  * individual child tab components.
  */
 export declare const TABS_INJECTION_KEY: TabsInjectionKey;
+export type TabSize = Extract<HeadlineType, "h2" | "h3" | "h4">;

package/dist/components/examples/DataGrid/SortingDataGrid.vue.d.ts

@@ -1,9 +1,26 @@
-import type { DataGridEntry, OnyxDataGridProps } from "../../..";
 import { DataGridFeatures } from "../../..";
-type __VLS_Props = Pick<OnyxDataGridProps, "columns" | "data">;
+import type { SortOptions } from "../../OnyxDataGrid/features/sorting/types";
+type TEntry = (typeof data)[number];
+type __VLS_Props = SortOptions<TEntry>;
+declare const data: {
+    id: number;
+    name: string;
+    rank: number;
+    birthday: Date;
+}[];
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    sortChange: (sortState: DataGridFeatures.SortState<DataGridEntry>) => any;
+    "update:sortState": (data: DataGridFeatures.SortState<{
+        id: number;
+        name: string;
+        rank: number;
+        birthday: Date;
+    }>) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSortChange?: ((sortState: DataGridFeatures.SortState<DataGridEntry>) => any) | undefined;
+    "onUpdate:sortState"?: ((data: DataGridFeatures.SortState<{
+        id: number;
+        name: string;
+        rank: number;
+        birthday: Date;
+    }>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;