@oicl/openbridge-webcomponents-svelte 2.0.0-next.143 → 2.0.0-next.145

package/dist/components/checkbox-item/ObcCheckboxItem.svelte

@@ -1,44 +1,58 @@
 
   <script lang="ts">
     export type {ObcCheckboxChangeEvent, CheckboxStatus} from '@oicl/openbridge-webcomponents/dist/components/checkbox/checkbox.js';
-export type {ObcCheckboxItemState, ObcCheckboxItemHoverStyle} from '@oicl/openbridge-webcomponents/dist/components/checkbox-item/checkbox-item.js';
+export type {ObcCheckboxItemExpandToggleEvent, ObcCheckboxItemState, ObcCheckboxItemHoverStyle} from '@oicl/openbridge-webcomponents/dist/components/checkbox-item/checkbox-item.js';
       import '@oicl/openbridge-webcomponents/dist/components/checkbox-item/checkbox-item.js';
       import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcCheckboxChangeEvent, CheckboxStatus} from '@oicl/openbridge-webcomponents/dist/components/checkbox/checkbox.js';
-import type {ObcCheckboxItemState, ObcCheckboxItemHoverStyle} from '@oicl/openbridge-webcomponents/dist/components/checkbox-item/checkbox-item.js';
+import type {ObcCheckboxItemExpandToggleEvent, ObcCheckboxItemState, ObcCheckboxItemHoverStyle} from '@oicl/openbridge-webcomponents/dist/components/checkbox-item/checkbox-item.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
+     /** Checkbox status: `unchecked`, `checked` or `mixed`. */
      status?: CheckboxStatus;
+     /** Item state: `enabled` or `disabled`. */
      state?: ObcCheckboxItemState;
+     /** Disables the row and the inner checkbox. */
      disabled?: boolean;
+     /** Text label; also the checkbox's accessible name. */
      label?: string;
-     isNested?: boolean;
-     /** Available when `isNested==true || hoverStyle==visual-target`. */
-     isLevel1?: boolean;
-     /** Available when `isNested==true || hoverStyle==visual-target`. */
-     isLevel2?: boolean;
+     /** Secondary line under the label; hidden when empty. */
+     description?: string;
+     /** Depth in a nested list. 0 is a plain row; 1 reserves the chevron slot; each level above 1 adds a spacer. */
+     level?: number;
+     /** Shows the chevron button that fires `expand-toggle`. */
+     expandable?: boolean;
+     /**
+      * Whether the row's children are shown; drives the chevron direction and `aria-expanded`.
+      *
+      * Available when `expandable==true`.
+      */
+     expanded?: boolean;
+     /** Which box shows hover and focus: the whole row (`touch-target`) or the checkbox (`visual-target`). */
      hoverStyle?: ObcCheckboxItemHoverStyle;
+     /** Forwarded to the inner checkbox as `aria-describedby`. */
      ariaDescribedBy?: string
    }
       export interface Events {
-    onChange?: (event: ObcCheckboxChangeEvent) => void
+    onChange?: (event: ObcCheckboxChangeEvent) => void;
+    onExpandToggle?: (event: ObcCheckboxItemExpandToggleEvent) => void
   }
       export interface Slots {
   children?: Snippet
 }
-      const {onChange, class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const {onChange, onExpandToggle, class: className, style, children, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-checkbox-item
     use:setProperties={props}
     class={className}
     style={style}
-    use:forwardEvents={{'change': onChange}} >
+    use:forwardEvents={{'change': onChange, 'expand-toggle': onExpandToggle}} >
       
-      {#if children}
-        {@render children()}
-      {/if}
+    {#if children}
+      {@render children()}
+    {/if}
     </obc-checkbox-item>

package/dist/components/checkbox-item/ObcCheckboxItem.svelte.d.ts

@@ -1,24 +1,38 @@
 import '@oicl/openbridge-webcomponents/dist/components/checkbox-item/checkbox-item.js';
 import type { ObcCheckboxChangeEvent, CheckboxStatus } from '@oicl/openbridge-webcomponents/dist/components/checkbox/checkbox.js';
-import type { ObcCheckboxItemState, ObcCheckboxItemHoverStyle } from '@oicl/openbridge-webcomponents/dist/components/checkbox-item/checkbox-item.js';
+import type { ObcCheckboxItemExpandToggleEvent, ObcCheckboxItemState, ObcCheckboxItemHoverStyle } from '@oicl/openbridge-webcomponents/dist/components/checkbox-item/checkbox-item.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    /** Checkbox status: `unchecked`, `checked` or `mixed`. */
     status?: CheckboxStatus;
+    /** Item state: `enabled` or `disabled`. */
     state?: ObcCheckboxItemState;
+    /** Disables the row and the inner checkbox. */
     disabled?: boolean;
+    /** Text label; also the checkbox's accessible name. */
     label?: string;
-    isNested?: boolean;
-    /** Available when `isNested==true || hoverStyle==visual-target`. */
-    isLevel1?: boolean;
-    /** Available when `isNested==true || hoverStyle==visual-target`. */
-    isLevel2?: boolean;
+    /** Secondary line under the label; hidden when empty. */
+    description?: string;
+    /** Depth in a nested list. 0 is a plain row; 1 reserves the chevron slot; each level above 1 adds a spacer. */
+    level?: number;
+    /** Shows the chevron button that fires `expand-toggle`. */
+    expandable?: boolean;
+    /**
+     * Whether the row's children are shown; drives the chevron direction and `aria-expanded`.
+     *
+     * Available when `expandable==true`.
+     */
+    expanded?: boolean;
+    /** Which box shows hover and focus: the whole row (`touch-target`) or the checkbox (`visual-target`). */
     hoverStyle?: ObcCheckboxItemHoverStyle;
+    /** Forwarded to the inner checkbox as `aria-describedby`. */
     ariaDescribedBy?: string;
 }
 export interface Events {
     onChange?: (event: ObcCheckboxChangeEvent) => void;
+    onExpandToggle?: (event: ObcCheckboxItemExpandToggleEvent) => void;
 }
 export interface Slots {
     children?: Snippet;
@@ -27,6 +41,7 @@ type $$ComponentProps = Props & Events & Slots;
 declare const ObcCheckboxItem: import("svelte").Component<$$ComponentProps, {
     ObcCheckboxChangeEvent: typeof ObcCheckboxChangeEvent;
     CheckboxStatus: typeof CheckboxStatus;
+    ObcCheckboxItemExpandToggleEvent: typeof ObcCheckboxItemExpandToggleEvent;
     ObcCheckboxItemState: typeof ObcCheckboxItemState;
     ObcCheckboxItemHoverStyle: typeof ObcCheckboxItemHoverStyle;
 }, "">;

package/dist/components/checkbox-list/ObcCheckboxList.svelte

@@ -0,0 +1,33 @@
+
+  <script lang="ts">
+    export type {ObcCheckboxItemHoverStyle} from '@oicl/openbridge-webcomponents/dist/components/checkbox-item/checkbox-item.js';
+      import '@oicl/openbridge-webcomponents/dist/components/checkbox-list/checkbox-list.js';
+      import { setProperties } from "../../util.js";
+      import type {ObcCheckboxItemHoverStyle} from '@oicl/openbridge-webcomponents/dist/components/checkbox-item/checkbox-item.js';
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     /** Hover treatment applied to every slotted row: `touch-target` or `visual-target`. */
+     hoverStyle?: ObcCheckboxItemHoverStyle
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  children?: Snippet
+}
+      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-checkbox-list
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+      {#if children}
+        {@render children()}
+      {/if}
+    </obc-checkbox-list>

package/dist/components/checkbox-list/ObcCheckboxList.svelte.d.ts

@@ -0,0 +1,20 @@
+import '@oicl/openbridge-webcomponents/dist/components/checkbox-list/checkbox-list.js';
+import type { ObcCheckboxItemHoverStyle } from '@oicl/openbridge-webcomponents/dist/components/checkbox-item/checkbox-item.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    /** Hover treatment applied to every slotted row: `touch-target` or `visual-target`. */
+    hoverStyle?: ObcCheckboxItemHoverStyle;
+}
+export interface Events {
+}
+export interface Slots {
+    children?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcCheckboxList: import("svelte").Component<$$ComponentProps, {
+    ObcCheckboxItemHoverStyle: typeof ObcCheckboxItemHoverStyle;
+}, "">;
+type ObcCheckboxList = ReturnType<typeof ObcCheckboxList>;
+export default ObcCheckboxList;

package/dist/index.d.ts

@@ -126,6 +126,7 @@ export { default as ObcChatMessage } from './components/chat-message/ObcChatMess
 export { default as ObcCheckButton } from './components/check-button/ObcCheckButton.svelte';
 export { default as ObcCheckbox } from './components/checkbox/ObcCheckbox.svelte';
 export { default as ObcCheckboxItem } from './components/checkbox-item/ObcCheckboxItem.svelte';
+export { default as ObcCheckboxList } from './components/checkbox-list/ObcCheckboxList.svelte';
 export { default as ObcClock } from './components/clock/ObcClock.svelte';
 export { default as ObcCommandButton } from './components/command-button/ObcCommandButton.svelte';
 export { default as ObcCommandMenu } from './components/command-menu/ObcCommandMenu.svelte';

package/dist/index.js

@@ -126,6 +126,7 @@ export { default as ObcChatMessage } from './components/chat-message/ObcChatMess
 export { default as ObcCheckButton } from './components/check-button/ObcCheckButton.svelte';
 export { default as ObcCheckbox } from './components/checkbox/ObcCheckbox.svelte';
 export { default as ObcCheckboxItem } from './components/checkbox-item/ObcCheckboxItem.svelte';
+export { default as ObcCheckboxList } from './components/checkbox-list/ObcCheckboxList.svelte';
 export { default as ObcClock } from './components/clock/ObcClock.svelte';
 export { default as ObcCommandButton } from './components/command-button/ObcCommandButton.svelte';
 export { default as ObcCommandMenu } from './components/command-menu/ObcCommandMenu.svelte';

package/dist/navigation-instruments/readout/ObcReadout.svelte

@@ -43,7 +43,7 @@ valueType?: ReadoutValueType;
      /** Available when `hasAdvice==true`. */
      advice?: number | undefined;
      /**
-      * Density tier. Applies to the vertical direction only — the horizontal arrangement exists in the large tier alone (Figma 6.1: it relies on the label+unit stack aligning with the L-size value caps), so `size` is ignored when `direction` is `horizontal`.
+      * Density tier. Applies to the vertical direction only — the horizontal arrangement exists in the large tier alone (Figma 6.1: it relies on the label+unit stack aligning with the L-size value caps), so `size` is ignored when `direction` is `horizontal`; a horizontal readout given any other `size` logs a console warning once per element.
       *
       * Available when `direction==vertical`.
       */

package/dist/navigation-instruments/readout/ObcReadout.svelte.d.ts

@@ -33,7 +33,7 @@ export interface Props {
     /** Available when `hasAdvice==true`. */
     advice?: number | undefined;
     /**
-     * Density tier. Applies to the vertical direction only — the horizontal arrangement exists in the large tier alone (Figma 6.1: it relies on the label+unit stack aligning with the L-size value caps), so `size` is ignored when `direction` is `horizontal`.
+     * Density tier. Applies to the vertical direction only — the horizontal arrangement exists in the large tier alone (Figma 6.1: it relies on the label+unit stack aligning with the L-size value caps), so `size` is ignored when `direction` is `horizontal`; a horizontal readout given any other `size` logs a console warning once per element.
      *
      * Available when `direction==vertical`.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oicl/openbridge-webcomponents-svelte",
-  "version": "2.0.0-next.143",
+  "version": "2.0.0-next.145",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && npm run prepack",
@@ -31,7 +31,7 @@
     }
   },
   "dependencies": {
-    "@oicl/openbridge-webcomponents": "^2.0.0-next.143"
+    "@oicl/openbridge-webcomponents": "^2.0.0-next.145"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"