@lmvz-ds/components 0.15.2 → 0.17.0

package/dist/stencil.config.base.js

@@ -0,0 +1,44 @@
+import { postcss } from "@stencil-community/postcss";
+import path from "node:path";
+import autoVarFallback from "postcss-auto-var-fallback";
+import postcssImport from "postcss-import";
+export const config = {
+    namespace: 'lmvz-components',
+    outputTargets: [
+        {
+            type: 'dist',
+            esmLoaderPath: '../loader',
+            empty: true,
+        },
+        {
+            type: 'dist-custom-elements',
+            isPrimaryPackageOutputTarget: true,
+            generateTypeDeclarations: true,
+            customElementsExportBehavior: 'single-export-module',
+            externalRuntime: false,
+            empty: true,
+        },
+        {
+            type: 'docs-json',
+            file: 'dist/manifest.json',
+        },
+    ],
+    plugins: [
+        postcss({
+            plugins: [
+                postcssImport({
+                    root: path.resolve(__dirname, '../../'),
+                    filter: (path) => !path.startsWith('/assets/'),
+                }),
+                autoVarFallback({
+                    fallbacks: [
+                        path.resolve(__dirname, '../../packages/design-tokens/dist/css/variables.base.css'),
+                        path.resolve(__dirname, '../../packages/design-tokens/dist/css/variables.light.global.css'),
+                        path.resolve(__dirname, '../../lib/styles/variables/_typography.css'),
+                    ],
+                }),
+            ],
+        }),
+    ],
+    watchIgnoredRegex: [/src\/themes\/[^\/]+\.css$/],
+};

package/dist/stencil.config.dev.js

@@ -0,0 +1,21 @@
+import { config as baseConfig } from "./stencil.config.base";
+export const config = {
+    ...baseConfig,
+    sourceMap: true,
+    generateExportMaps: false,
+    validateTypes: false,
+    enableCache: true,
+    devMode: true,
+    outputTargets: [
+        ...baseConfig.outputTargets,
+        {
+            type: 'www',
+            copy: [{ src: '../../styles/dist', dest: '' }],
+        },
+    ],
+    devServer: {
+        reloadStrategy: 'pageReload',
+        port: 4444,
+        openBrowser: false,
+    },
+};

package/dist/stencil.config.integration.js

@@ -0,0 +1,26 @@
+import { angularOutputTarget } from "@stencil/angular-output-target";
+import { config as baseConfig } from "./stencil.config.base";
+const angularValueAccessorBindings = [
+    {
+        elementSelectors: ['lmvz-input'],
+        event: 'lmvzInput',
+        targetAttr: 'value',
+        type: 'text',
+    },
+];
+export const config = {
+    ...baseConfig,
+    sourceMap: true,
+    enableCache: false,
+    buildDist: true,
+    outputTargets: [
+        ...baseConfig.outputTargets,
+        angularOutputTarget({
+            componentCorePackage: '@lmvz-ds/components',
+            outputType: 'standalone',
+            directivesProxyFile: '../angular/projects/component-library/src/generated/proxies.ts',
+            directivesArrayFile: '../angular/projects/component-library/src/generated/index.ts',
+            valueAccessorConfigs: angularValueAccessorBindings,
+        }),
+    ],
+};

package/dist/stencil.config.js

@@ -0,0 +1,15 @@
+import { config as baseConfig } from "./stencil.config.base";
+export const config = {
+    ...baseConfig,
+    outputTargets: [
+        ...baseConfig.outputTargets,
+        {
+            type: 'dist-custom-elements',
+            customElementsExportBehavior: 'auto-define-custom-elements',
+            externalRuntime: false,
+        },
+        {
+            type: 'docs-readme',
+        },
+    ],
+};

package/dist/stencil.config.prod.js

@@ -0,0 +1,29 @@
+import { reactOutputTarget } from "@stencil/react-output-target";
+import { config as integrationConfig } from "./stencil.config.integration";
+export const config = {
+    ...integrationConfig,
+    devMode: false,
+    sourceMap: false,
+    generateExportMaps: true,
+    validateTypes: true,
+    validatePrimaryPackageOutputTarget: true,
+    excludeComponents: ['*-integration', 'demo-*'],
+    bundles: [{ components: ['lmvz-menuitem'] }, { components: ['lmvz-header', 'lmvz-menuitem'] }],
+    outputTargets: [
+        ...integrationConfig.outputTargets,
+        {
+            type: 'dist-hydrate-script',
+            dir: './hydrate',
+        },
+        reactOutputTarget({
+            outDir: '../react/lib/components/stencil-generated/',
+            hydrateModule: '@lmvz-ds/components/hydrate',
+            clientModule: '@lmvz-ds/components/client',
+            esModules: true,
+        }),
+        {
+            type: 'docs-readme',
+            footer: '',
+        },
+    ],
+};

package/dist/types/components/lmvz-action/lmvz-action.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import type { EventEmitter } from '../../stencil-public-runtime';
 export declare class LmvzAction {
     actionClick: EventEmitter<MouseEvent>;
     private _onClick;

package/dist/types/components/lmvz-button/lmvz-button.d.ts

@@ -1,12 +1,12 @@
 import { type EventEmitter } from '../../stencil-public-runtime';
-import { Button } from '../../api';
+import type { Button } from '../../api';
 import { type AriaValidationHost } from '../../utils/aria/aria-validation-controller';
 import { type ElementActivationHost } from '../../utils/aria/element-activation-controller';
 import { type FormRef } from '../../utils/component';
 import { ReactiveControllerHost } from '../../utils/reactive-controller-host';
 export declare class LmvzButton extends ReactiveControllerHost implements AriaValidationHost, ElementActivationHost {
     el: HTMLLmvzButtonElement;
-    validationEl: HTMLButtonElement;
+    validationEl: HTMLButtonElement | undefined;
     private inheritedAttributes;
     private formEl;
     private formButtonEl;

package/dist/types/components/lmvz-card/lmvz-card.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import type { EventEmitter } from '../../stencil-public-runtime';
 export declare class LmvzCard {
     cardTitle: string;
     imageUrl?: string;

package/dist/types/components/lmvz-header/lmvz-header.d.ts

@@ -4,9 +4,9 @@ import { ReactiveControllerHost } from '../../utils/reactive-controller-host';
 export declare class LmvzHeader extends ReactiveControllerHost implements AriaValidationHost, ListKeyboardNavigationHost {
     readonly el: HTMLElement;
     get validationEl(): HTMLElement;
-    private primarySlot;
-    private secondarySlot;
-    private secondaryNav;
+    private primarySlot?;
+    private secondarySlot?;
+    private secondaryNav?;
     private keyboardNavigationController;
     private get primaryMenuitems();
     private get secondaryMenuitems();

package/dist/types/components/lmvz-icon/lmvz-icon.d.ts

@@ -1,15 +1,15 @@
-import { Icon } from '../../api';
+import type { Icon } from '../../api';
 import { type AriaValidationHost } from '../../utils/aria/aria-validation-controller';
 import { ReactiveControllerHost } from '../../utils/reactive-controller-host';
 export declare class LmvzIcon extends ReactiveControllerHost implements AriaValidationHost {
-    private intersectionObserver;
+    private intersectionObserver?;
     private readonly ariaValidationController;
     el: HTMLElement;
-    validationEl: HTMLElement;
+    validationEl: HTMLElement | undefined;
     icon: Icon.IconName;
     weight?: Icon.IconWeight;
     size?: Icon.Size;
-    private iconData;
+    private iconData?;
     private visible;
     ariaLabel?: string;
     private get ariaHidden();

package/dist/types/components/lmvz-input/lmvz-input.d.ts

@@ -1,5 +1,5 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { Input } from '../../api';
+import { type EventEmitter } from '../../stencil-public-runtime';
+import type { Input } from '../../api';
 import { type AriaValidationHost } from '../../utils/aria/aria-validation-controller';
 import { ReactiveControllerHost } from '../../utils/reactive-controller-host';
 export declare class LmvzInput extends ReactiveControllerHost implements AriaValidationHost {
@@ -47,7 +47,7 @@ export declare class LmvzInput extends ReactiveControllerHost implements AriaVal
     select(): Promise<void>;
     checkValidity(): Promise<boolean>;
     reportValidity(): Promise<boolean>;
-    getInputElement(): Promise<HTMLInputElement>;
+    getInputElement(): Promise<HTMLInputElement | undefined>;
     constructor();
     componentWillLoad(): void;
     formAssociatedCallback(form: HTMLFormElement | undefined): void;

package/dist/types/components/lmvz-menuitem/lmvz-menuitem.d.ts

@@ -1,11 +1,11 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import { type EventEmitter } from '../../stencil-public-runtime';
 import { type AriaValidationHost } from '../../utils/aria/aria-validation-controller';
 import { type ElementActivationHost } from '../../utils/aria/element-activation-controller';
 import { ReactiveControllerHost } from '../../utils/reactive-controller-host';
 export declare class LmvzMenuItem extends ReactiveControllerHost implements AriaValidationHost, ElementActivationHost {
     readonly el: HTMLElement;
-    validationEl: HTMLElement;
-    validationSlot: HTMLSlotElement;
+    get validationEl(): HTMLElement;
+    validationSlot?: HTMLSlotElement;
     get role(): string;
     get ti(): number;
     lmvzActivation: EventEmitter<void>;

package/dist/types/components/lmvz-select/lmvz-select.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import { type EventEmitter } from '../../stencil-public-runtime';
 import { type AriaValidationHost } from '../../utils/aria/aria-validation-controller';
 import { ReactiveControllerHost } from '../../utils/reactive-controller-host';
 export declare class LmvzSelect extends ReactiveControllerHost implements AriaValidationHost {

package/dist/types/components.d.ts

@@ -166,7 +166,7 @@ export namespace Components {
         /**
           * Returns the native HTMLInputElement.  Promise resolves when the element is ready and the input is available. If the input is not yet rendered, it waits for the component to be ready.
          */
-        "getInputElement": () => Promise<HTMLInputElement>;
+        "getInputElement": () => Promise<HTMLInputElement | undefined>;
         /**
           * Helper text displayed below the input
          */
@@ -567,7 +567,7 @@ declare namespace LocalJSX {
         "primaryActionLabel"?: string;
     }
     interface LmvzChip {
-        "text"?: string;
+        "text": string;
     }
     /**
      * An accessible, application-style navigation header component, that renders two connected levels of navigation.
@@ -863,7 +863,7 @@ declare namespace LocalJSX {
         "lmvz-action": LmvzAction;
         "lmvz-button": Omit<LmvzButton, keyof LmvzButtonAttributes> & { [K in keyof LmvzButton & keyof LmvzButtonAttributes]?: LmvzButton[K] } & { [K in keyof LmvzButton & keyof LmvzButtonAttributes as `attr:${K}`]?: LmvzButtonAttributes[K] } & { [K in keyof LmvzButton & keyof LmvzButtonAttributes as `prop:${K}`]?: LmvzButton[K] };
         "lmvz-card": Omit<LmvzCard, keyof LmvzCardAttributes> & { [K in keyof LmvzCard & keyof LmvzCardAttributes]?: LmvzCard[K] } & { [K in keyof LmvzCard & keyof LmvzCardAttributes as `attr:${K}`]?: LmvzCardAttributes[K] } & { [K in keyof LmvzCard & keyof LmvzCardAttributes as `prop:${K}`]?: LmvzCard[K] } & OneOf<"cardTitle", LmvzCard["cardTitle"], LmvzCardAttributes["cardTitle"]>;
-        "lmvz-chip": Omit<LmvzChip, keyof LmvzChipAttributes> & { [K in keyof LmvzChip & keyof LmvzChipAttributes]?: LmvzChip[K] } & { [K in keyof LmvzChip & keyof LmvzChipAttributes as `attr:${K}`]?: LmvzChipAttributes[K] } & { [K in keyof LmvzChip & keyof LmvzChipAttributes as `prop:${K}`]?: LmvzChip[K] };
+        "lmvz-chip": Omit<LmvzChip, keyof LmvzChipAttributes> & { [K in keyof LmvzChip & keyof LmvzChipAttributes]?: LmvzChip[K] } & { [K in keyof LmvzChip & keyof LmvzChipAttributes as `attr:${K}`]?: LmvzChipAttributes[K] } & { [K in keyof LmvzChip & keyof LmvzChipAttributes as `prop:${K}`]?: LmvzChip[K] } & OneOf<"text", LmvzChip["text"], LmvzChipAttributes["text"]>;
         "lmvz-header": Omit<LmvzHeader, keyof LmvzHeaderAttributes> & { [K in keyof LmvzHeader & keyof LmvzHeaderAttributes]?: LmvzHeader[K] } & { [K in keyof LmvzHeader & keyof LmvzHeaderAttributes as `attr:${K}`]?: LmvzHeaderAttributes[K] } & { [K in keyof LmvzHeader & keyof LmvzHeaderAttributes as `prop:${K}`]?: LmvzHeader[K] };
         "lmvz-icon": Omit<LmvzIcon, keyof LmvzIconAttributes> & { [K in keyof LmvzIcon & keyof LmvzIconAttributes]?: LmvzIcon[K] } & { [K in keyof LmvzIcon & keyof LmvzIconAttributes as `attr:${K}`]?: LmvzIconAttributes[K] } & { [K in keyof LmvzIcon & keyof LmvzIconAttributes as `prop:${K}`]?: LmvzIcon[K] } & OneOf<"icon", LmvzIcon["icon"], LmvzIconAttributes["icon"]>;
         "lmvz-input": Omit<LmvzInput, keyof LmvzInputAttributes> & { [K in keyof LmvzInput & keyof LmvzInputAttributes]?: LmvzInput[K] } & { [K in keyof LmvzInput & keyof LmvzInputAttributes as `attr:${K}`]?: LmvzInputAttributes[K] } & { [K in keyof LmvzInput & keyof LmvzInputAttributes as `prop:${K}`]?: LmvzInput[K] } & OneOf<"label", LmvzInput["label"], LmvzInputAttributes["label"]>;

package/dist/types/index.d.ts

@@ -1,6 +1,6 @@
 export * from '@lmvz-ds/aria-validation';
 export type * from './components.d.ts';
 export * from './api';
-export { LmvzDS, Typography } from './api';
+export type { LmvzDS, Typography } from './api';
 export * from './components/lmvz-icon/public';
 export * from './utils/public';

package/dist/types/opt/atlassian/pipelines/agent/build/packages/components/.stencil/stencil.config.base.d.ts

@@ -0,0 +1,2 @@
+import { Config } from '../../../../../../../../stencil-public-runtime';
+export declare const config: Config;

package/dist/types/opt/atlassian/pipelines/agent/build/packages/components/.stencil/stencil.config.d.ts

@@ -0,0 +1,2 @@
+import type { Config } from '../../../../../../../../stencil-public-runtime';
+export declare const config: Config;

package/dist/types/opt/atlassian/pipelines/agent/build/packages/components/.stencil/stencil.config.dev.d.ts

@@ -0,0 +1,2 @@
+import type { Config } from '../../../../../../../../stencil-public-runtime';
+export declare const config: Config;

package/dist/types/opt/atlassian/pipelines/agent/build/packages/components/.stencil/stencil.config.integration.d.ts

@@ -0,0 +1,2 @@
+import type { Config } from '../../../../../../../../stencil-public-runtime';
+export declare const config: Config;

package/dist/types/opt/atlassian/pipelines/agent/build/packages/components/.stencil/stencil.config.prod.d.ts

@@ -0,0 +1,2 @@
+import type { Config } from '../../../../../../../../stencil-public-runtime';
+export declare const config: Config;

package/dist/types/utils/aria/aria-validation-controller.d.ts

@@ -18,7 +18,7 @@ export declare class AriaValidationController implements ReactiveController {
     private static knownValidationErrors;
     get disabled(): boolean;
     private get useVerboseLogging();
-    constructor(host: AriaValidationHost, config?: Config);
+    constructor(host: AriaValidationHost, config?: Config | undefined);
     private readonly onRuntimeConfigChange;
     hostDidLoad(): void;
     hostDidUpdate(): void;

package/dist/types/utils/aria/element-activation-controller.d.ts

@@ -11,7 +11,7 @@ type Config = {
 export declare class ElementActivationController implements ReactiveController {
     private host;
     private config?;
-    constructor(host: ElementActivationHost, config?: Config);
+    constructor(host: ElementActivationHost, config?: Config | undefined);
     hostDidLoad(): void;
     private handleKeyDown;
     private handleActivation;

package/dist/types/utils/component.d.ts

@@ -30,7 +30,7 @@ export declare const shallowEqualStringMap: (map1: {
     [k: string]: any;
 } | undefined) => boolean;
 export declare const isSafeNumber: (input: unknown) => input is number;
-export declare function getDeepActiveElement(root?: Document): Element;
-export declare function canReceiveFocus(el: Element): boolean;
+export declare function getDeepActiveElement(root?: Document): Element | null;
+export declare function canReceiveFocus(el: Element | undefined): boolean;
 export type FormRef = string | HTMLFormElement | undefined;
 export declare function findFormByRef(form: FormRef, el: HTMLElement): HTMLFormElement | null;

package/dist/types/utils/http.d.ts

@@ -1,12 +1,12 @@
 import { Micro as Effect } from 'effect';
-declare const FetchError_base: new <A extends Record<string, any> = {}>(args: import("effect/Types").Equals<A, {}> extends true ? void : { readonly [P in keyof A as P extends "_tag" ? never : P]: A[P]; }) => import("effect/Cause").YieldableError & {
+declare const FetchError_base: new <A extends Record<string, any> = {}>(args: import("effect/Types").VoidIfEmpty<{ readonly [P in keyof A as P extends "_tag" ? never : P]: A[P]; }>) => import("effect/Cause").YieldableError & {
     readonly _tag: "FetchError";
 } & Readonly<A>;
 export declare class FetchError extends FetchError_base<{
     cause: unknown;
 }> {
 }
-declare const NotFoundError_base: new <A extends Record<string, any> = {}>(args: import("effect/Types").Equals<A, {}> extends true ? void : { readonly [P in keyof A as P extends "_tag" ? never : P]: A[P]; }) => import("effect/Cause").YieldableError & {
+declare const NotFoundError_base: new <A extends Record<string, any> = {}>(args: import("effect/Types").VoidIfEmpty<{ readonly [P in keyof A as P extends "_tag" ? never : P]: A[P]; }>) => import("effect/Cause").YieldableError & {
     readonly _tag: "NotFoundError";
 } & Readonly<A>;
 export declare class NotFoundError extends NotFoundError_base<{
@@ -14,7 +14,7 @@ export declare class NotFoundError extends NotFoundError_base<{
 }> {
 }
 export declare const httpClient: (input: RequestInfo | URL | string, init?: RequestInit) => Effect.Micro<Response, FetchError | NotFoundError, never>;
-declare const ResponseTextError_base: new <A extends Record<string, any> = {}>(args: import("effect/Types").Equals<A, {}> extends true ? void : { readonly [P in keyof A as P extends "_tag" ? never : P]: A[P]; }) => import("effect/Cause").YieldableError & {
+declare const ResponseTextError_base: new <A extends Record<string, any> = {}>(args: import("effect/Types").VoidIfEmpty<{ readonly [P in keyof A as P extends "_tag" ? never : P]: A[P]; }>) => import("effect/Cause").YieldableError & {
     readonly _tag: "ResponseTextError";
 } & Readonly<A>;
 export declare class ResponseTextError extends ResponseTextError_base<Error> {

package/dist/types/utils/validation/svg.d.ts

@@ -1,7 +1,7 @@
 import { Brand, Micro as Effect } from 'effect';
 export type SVGString = string & Brand.Brand<'SVG'>;
 export declare const SVGString: Brand.Brand.Constructor<SVGString>;
-declare const BrandValidationError_base: new <A extends Record<string, any> = {}>(args: import("effect/Types").Equals<A, {}> extends true ? void : { readonly [P in keyof A as P extends "_tag" ? never : P]: A[P]; }) => import("effect/Cause").YieldableError & {
+declare const BrandValidationError_base: new <A extends Record<string, any> = {}>(args: import("effect/Types").VoidIfEmpty<{ readonly [P in keyof A as P extends "_tag" ? never : P]: A[P]; }>) => import("effect/Cause").YieldableError & {
     readonly _tag: "BrandValidationError";
 } & Readonly<A>;
 export declare class BrandValidationError extends BrandValidationError_base<Error> {