@skedulo/breeze-ui 1.26.1 → 1.27.0

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

@@ -21,6 +21,7 @@ export * from './tooltip';
 export * from './badge';
 export * from './pagination';
 export * from './alert';
+export * from './skeleton';
 export * from './virtual-list';
 export * from './illustration';
 export * from './legacy-scoped-components';

package/dist/types/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAC7B,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,wBAAwB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAC7B,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,wBAAwB,CAAA"}

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

@@ -0,0 +1,79 @@
+import { LitElement } from 'lit';
+import { CSSProperty, JSXProps } from '../types';
+export declare const SKELETON: "brz-skeleton";
+export interface SkeletonProps {
+    variant?: Variant;
+    width?: string;
+    height?: string;
+    borderRadius?: string;
+    'aria-label'?: string;
+    rows?: number;
+    columns?: number;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            [SKELETON]: JSXProps<Skeleton, SkeletonProps>;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        [SKELETON]: Skeleton;
+    }
+}
+declare module 'csstype' {
+    interface Properties {
+        '--brz-skeleton-background-color'?: CSSProperty.Color;
+        '--brz-skeleton-animation-color'?: CSSProperty.Color;
+        '--brz-skeleton-width'?: CSSProperty.Width;
+        '--brz-skeleton-height'?: CSSProperty.Height;
+        '--brz-skeleton-border-radius'?: CSSProperty.BorderRadius;
+    }
+}
+export declare enum SkeletonVariant {
+    text = 0,
+    circle = 1,
+    table = 2
+}
+type Variant = keyof typeof SkeletonVariant;
+/**
+ * Skeleton component for loading placeholders.
+ *
+ * @tag brz-skeleton
+ */
+export declare class Skeleton extends LitElement {
+    static readonly styles: import("lit").CSSResult;
+    /**
+     * Sets the skeleton variant
+     */
+    variant: Variant;
+    /**
+     * Sets the width of the skeleton (CSS value)
+     */
+    width?: string;
+    /**
+     * Sets the height of the skeleton (CSS value)
+     */
+    height?: string;
+    /**
+     * Sets the border radius of the skeleton (CSS value)
+     */
+    borderRadius?: string;
+    /**
+     * Sets the number of rows for table variant (default: 5)
+     */
+    rows: number;
+    /**
+     * Sets the number of columns for table variant (default: 4)
+     */
+    columns: number;
+    /**
+     * Sets the accessible label for screen readers
+     */
+    ariaLabel: string;
+    connectedCallback(): void;
+    protected updated(): void;
+    private renderTableSkeleton;
+    render(): import("lit").TemplateResult<1>;
+}
+export {};
+//# sourceMappingURL=skeleton.d.ts.map

package/dist/types/components/skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAE3C,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAGhD,eAAO,MAAM,QAAQ,gBAAgC,CAAA;AAErD,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAA;SAC9C;KACF;IAED,UAAU,qBAAqB;QAC7B,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAA;KACrB;CACF;AAED,OAAO,QAAQ,SAAS,CAAC;IACvB,UAAU,UAAU;QAClB,iCAAiC,CAAC,EAAE,WAAW,CAAC,KAAK,CAAA;QACrD,gCAAgC,CAAC,EAAE,WAAW,CAAC,KAAK,CAAA;QACpD,sBAAsB,CAAC,EAAE,WAAW,CAAC,KAAK,CAAA;QAC1C,uBAAuB,CAAC,EAAE,WAAW,CAAC,MAAM,CAAA;QAC5C,8BAA8B,CAAC,EAAE,WAAW,CAAC,YAAY,CAAA;KAC1D;CACF;AAED,oBAAY,eAAe;IACzB,IAAI,IAAA;IACJ,MAAM,IAAA;IACN,KAAK,IAAA;CACN;AAED,KAAK,OAAO,GAAG,MAAM,OAAO,eAAe,CAAA;AAE3C;;;;GAIG;AACH,qBACa,QAAS,SAAQ,UAAU;IACtC,MAAM,CAAC,QAAQ,CAAC,MAAM,0BAgHrB;IAED;;OAEG;IAEH,OAAO,EAAE,OAAO,CAAS;IAEzB;;OAEG;IAEH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IAEH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;OAEG;IAEH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;OAEG;IAEH,IAAI,SAAI;IAER;;OAEG;IAEH,OAAO,SAAI;IAEX;;OAEG;IAEH,SAAS,SAAe;IAExB,iBAAiB;IAQjB,SAAS,CAAC,OAAO;IAYjB,OAAO,CAAC,mBAAmB;IAiC3B,MAAM;CASP"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skedulo/breeze-ui",
-  "version": "1.26.1",
+  "version": "1.27.0",
   "type": "module",
   "main": "dist/lib/cjs/breeze-ui.js",
   "module": "dist/lib/es/breeze-ui.js",