@loadsmart/miranda-wc - npm Package Compare versions

Comparing version 3.0.0-beta.47 to 3.0.0-beta.48

dist/components/header/header.styles.d.ts

@@ -5,3 +5,4 @@ declare function styles(): import("lit").CSSResult;
 export declare function headerContentStyles(): import("lit").CSSResult;
+export declare function headerTabsStyles(): import("lit").CSSResult;
 export declare function subHeaderStyles(): import("lit").CSSResult;
 export default styles;

dist/components/header/index.d.ts

 export { Header } from './header';
 export { HeaderActions } from './header-actions';
 export { HeaderContent } from './header-content';
+export { HeaderTabs } from './header-tabs';
 export { HeaderTitle } from './header-title';
 export { SubHeader } from './sub-header';

dist/components/tabs/tab-panel.d.ts

@@ -72,5 +72,16 @@ import type { PropertyValues } from 'lit';
     lazy: TabPanelProps['lazy'];
-    private tabs;
+    /**
+     * Determines whether the tab panel is selected.
+     */
+    private selected;
+    /**
+     * MutationObserver for the tab related to this panel.
+     */
+    private tabObserver;
     constructor();
+    getRelatedTabNode(): Element;
+    observeTab(): void;
     connectedCallback(): void;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
     protected updated(changedProperties: PropertyValues<this>): void;
@@ -77,0 +88,0 @@ render(): import("lit-html").TemplateResult<1>;

dist/components/tabs/tab.d.ts

@@ -10,2 +10,3 @@ import type { PropertyValues } from 'lit';
             type: StringConstructor;
+            reflect: boolean;
         };
@@ -20,3 +21,8 @@ disabled: {
         };
+        lazy: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
     };
+    lazy?: boolean;
     slot: string;
@@ -23,0 +29,0 @@ /**

dist/components/tabs/tabs.d.ts

@@ -1,59 +0,5 @@
-import type { PropertyValues } from 'lit';
-import type { SelectionState, SelectionType } from '../../controllers/selection';
 import { Component } from '../component';
-import type { TabsProps } from './tabs.types';
-export declare class Tabs extends Component implements TabsProps {
-    #private;
+declare const Tabs_base: import("../../utils/types").Constructor<import("../../mixins/with-tabs").WithTabsProps> & typeof Component;
+export declare class Tabs extends Tabs_base {
     static styles: import("lit").CSSResult[];
-    static get properties(): {
-        activeTab: {
-            type: StringConstructor;
-            attribute: string;
-            reflect: boolean;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            reflect: boolean;
-        };
-        lazy: {
-            type: BooleanConstructor;
-        };
-        selection: {
-            state: boolean;
-        };
-        tabContentDirection: {
-            type: StringConstructor;
-            attribute: string;
-        };
-    };
-    /**
-     * Controlled value of the selected tab.
-     */
-    activeTab: TabsProps['activeTab'];
-    /**
-     * Direction of the tabs content.
-     */
-    tabContentDirection: TabsProps['tabContentDirection'];
-    /**
-     * Should the tabs be disabled.
-     */
-    disabled: TabsProps['disabled'];
-    /**
-     * If set to true, the tab-panels content will only be rendered if the tab is selected.
-     * Otherwise it's just hidden.
-     */
-    lazy: TabsProps['lazy'];
-    /**
-     * Type of selection to be managed.
-     * It is necessary due to eligibility as a SelectionHost for the SelectionController.
-     */
-    type: SelectionType;
-    /**
-     * Inner tab selection state.
-     */
-    selection: SelectionState;
-    private provider;
-    constructor();
-    connectedCallback(): void;
-    protected update(changedProperties: PropertyValues<this>): void;
     render(): import("lit-html").TemplateResult<1>;
@@ -66,1 +12,2 @@ }
 }
+export {};

dist/components/tabs/tabs.types.d.ts

@@ -6,3 +6,3 @@ import type { AcceptedType, SelectionState } from '../../controllers/selection';
 };
-export type TabsProps = {
+export interface TabsProps {
     /**
@@ -30,3 +30,3 @@ * Controlled value of the selected tab.
     ontabchange?: (event: CustomEvent<TabChangeEventDetail>) => void;
-};
+}
 export type TabProps = {
@@ -33,0 +33,0 @@ /**

dist/index.js

@@ -1,2 +0,2 @@
-export { ak as ALIGN_ITEMS_VALUES, ad as AVAILABLE_ICONS, A as Accordion, b as AccordionContent, a as AccordionTitle, b5 as ActionableTag, B as BackButton, c as Badge, j as Banner, d as BannerActionPrimary, e as BannerActionSecondary, f as BannerActions, g as BannerDescription, h as BannerIcon, i as BannerTitle, k as Body, am as Box, l as Button, C as Card, r as CardActionPrimary, s as CardActionSecondary, u as CardActionTertiary, m as CardBody, p as CardDivider, q as CardFooter, n as CardSubtitle, o as CardTitle, v as Checkbox, w as CloseButton, aA as Column, ay as Container, x as DIALOG_SIZES, y as DIALOG_VARIANTS, N as DRAWER_SIZES, D as Dialog, z as DialogActionPrimary, E as DialogActionSecondary, F as DialogActionTertiary, G as DialogActions, H as DialogBody, I as DialogClose, J as DialogFooter, K as DialogHeader, L as Divider, bn as DotsLoader, M as Drawer, P as DrawerActionPrimary, Q as DrawerActionSecondary, R as DrawerActionTertiary, S as DrawerActions, T as DrawerBody, U as DrawerClose, V as DrawerHeader, W as Dropdown, Z as DropdownItem, Y as DropdownMenu, X as DropdownTrigger, a3 as EMPTY_STATE_VARIANTS, a2 as EmptyState, _ as EmptyStateAction, $ as EmptyStateHeader, a0 as EmptyStateIllustration, a1 as EmptyStateMessage, a7 as FIELD_STATUSES, a4 as Field, a5 as FieldHint, a6 as FieldLabel, as as Grid, ao as Group, a8 as Header, a9 as HeaderActions, aa as HeaderContent, ab as HeaderTitle, ae as Icon, al as JUSTIFY_CONTENT_VALUES, af as Label, ah as LabeledValue, ai as LabeledValueLabel, aj as LabeledValueValue, aB as Link, bm as LogoLoader, aC as PageContent, aD as Pagination, aE as ProgressBar, aF as ProgressBarCountdown, aG as Radio, aH as RadioGroup, az as Row, aI as Section, aJ as SectionTitle, aK as Select, aL as SelectOption, au as Sidebar, aM as SpinnerWheel, aq as Stack, aO as Step, aN as Steps, ac as SubHeader, aP as Switch, aw as Switcher, bl as TOOLTIP_PLACEMENT_VALUES, b2 as Tab, b3 as TabPanel, aQ as Table, b0 as TableActions, aV as TableBody, aY as TableCell, a$ as TableFeedback, aW as TableFoot, aS as TableHead, aT as TableHeadCell, aX as TableRow, a_ as TableToolbar, b1 as Tabs, b4 as Tag, b6 as Text, b7 as TextArea, b8 as TextField, b9 as Timeline, ba as TimelineExpandableItem, bb as TimelineItem, bc as TimelineItemBody, bd as TimelineItemFooter, be as TimelineItemHeader, bf as TimelineItemHeaderSubtitle, bg as TimelineItemHeaderTitle, bh as TimelineItemIcon, bj as Toggle, bi as ToggleGroup, bk as Tooltip, an as defaultBoxProps, at as defaultGridProps, ap as defaultGroupProps, ag as defaultLabeledValueProps, av as defaultSidebarProps, ar as defaultStackProps, ax as defaultSwitcherProps, aZ as defaultTableCellProps, aU as defaultTableHeadCellProps, aR as defaultTableProps, t as typographyVariants } from './index-CUCEtBZz.js';
+export { al as ALIGN_ITEMS_VALUES, ae as AVAILABLE_ICONS, A as Accordion, b as AccordionContent, a as AccordionTitle, b6 as ActionableTag, B as BackButton, c as Badge, j as Banner, d as BannerActionPrimary, e as BannerActionSecondary, f as BannerActions, g as BannerDescription, h as BannerIcon, i as BannerTitle, k as Body, an as Box, l as Button, C as Card, r as CardActionPrimary, s as CardActionSecondary, u as CardActionTertiary, m as CardBody, p as CardDivider, q as CardFooter, n as CardSubtitle, o as CardTitle, v as Checkbox, w as CloseButton, aB as Column, az as Container, x as DIALOG_SIZES, y as DIALOG_VARIANTS, N as DRAWER_SIZES, D as Dialog, z as DialogActionPrimary, E as DialogActionSecondary, F as DialogActionTertiary, G as DialogActions, H as DialogBody, I as DialogClose, J as DialogFooter, K as DialogHeader, L as Divider, bo as DotsLoader, M as Drawer, P as DrawerActionPrimary, Q as DrawerActionSecondary, R as DrawerActionTertiary, S as DrawerActions, T as DrawerBody, U as DrawerClose, V as DrawerHeader, W as Dropdown, Z as DropdownItem, Y as DropdownMenu, X as DropdownTrigger, a3 as EMPTY_STATE_VARIANTS, a2 as EmptyState, _ as EmptyStateAction, $ as EmptyStateHeader, a0 as EmptyStateIllustration, a1 as EmptyStateMessage, a7 as FIELD_STATUSES, a4 as Field, a5 as FieldHint, a6 as FieldLabel, at as Grid, ap as Group, a8 as Header, a9 as HeaderActions, aa as HeaderContent, ab as HeaderTabs, ac as HeaderTitle, af as Icon, am as JUSTIFY_CONTENT_VALUES, ag as Label, ai as LabeledValue, aj as LabeledValueLabel, ak as LabeledValueValue, aC as Link, bn as LogoLoader, aD as PageContent, aE as Pagination, aF as ProgressBar, aG as ProgressBarCountdown, aH as Radio, aI as RadioGroup, aA as Row, aJ as Section, aK as SectionTitle, aL as Select, aM as SelectOption, av as Sidebar, aN as SpinnerWheel, ar as Stack, aP as Step, aO as Steps, ad as SubHeader, aQ as Switch, ax as Switcher, bm as TOOLTIP_PLACEMENT_VALUES, b3 as Tab, b4 as TabPanel, aR as Table, b1 as TableActions, aW as TableBody, aZ as TableCell, b0 as TableFeedback, aX as TableFoot, aT as TableHead, aU as TableHeadCell, aY as TableRow, a$ as TableToolbar, b2 as Tabs, b5 as Tag, b7 as Text, b8 as TextArea, b9 as TextField, ba as Timeline, bb as TimelineExpandableItem, bc as TimelineItem, bd as TimelineItemBody, be as TimelineItemFooter, bf as TimelineItemHeader, bg as TimelineItemHeaderSubtitle, bh as TimelineItemHeaderTitle, bi as TimelineItemIcon, bk as Toggle, bj as ToggleGroup, bl as Tooltip, ao as defaultBoxProps, au as defaultGridProps, aq as defaultGroupProps, ah as defaultLabeledValueProps, aw as defaultSidebarProps, as as defaultStackProps, ay as defaultSwitcherProps, a_ as defaultTableCellProps, aV as defaultTableHeadCellProps, aS as defaultTableProps, t as typographyVariants } from './index-DgA4nu1s.js';
 import './tokens.js';

package.json

 {
 	"name": "@loadsmart/miranda-wc",
-	"version": "3.0.0-beta.47",
+	"version": "3.0.0-beta.48",
 	"description": "Miranda Web Components component library",
@@ -49,4 +49,4 @@ "type": "module",
 		"@lit/context": "^1.1.1",
-		"@loadsmart/miranda-icons": "3.0.0-beta.47",
-		"@loadsmart/miranda-tokens": "4.0.0-beta.47",
+		"@loadsmart/miranda-icons": "3.0.0-beta.48",
+		"@loadsmart/miranda-tokens": "4.0.0-beta.48",
 		"autosize": "^6.0.1",
@@ -53,0 +53,0 @@ "composed-offset-position": "^0.0.4",

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

906234

0.42%

Number of package files

494

0.61%

Lines of code

22886

0.38%

Dependency changes

• + Added

  @loadsmart/miranda-icons@3.0.0-beta.48
  (transitive)

• + Added

  @loadsmart/miranda-tokens@4.0.0-beta.48
  (transitive)

• - Removed

  @loadsmart/miranda-icons@3.0.0-beta.47
  (transitive)

• - Removed

  @loadsmart/miranda-tokens@4.0.0-beta.47
  (transitive)

• Updated

  @loadsmart/miranda-icons@3.0.0-beta.48

• Updated

  @loadsmart/miranda-tokens@4.0.0-beta.48