@skedulo/breeze-ui 0.6.5 → 0.7.0

package/package.json

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

package/types/components/buttons.d.ts

@@ -1,12 +1,13 @@
 import { LitElement } from 'lit';
 import { LitElementWithUtils, PropsWithUtils } from '../mixins/component-utils';
+import { AnchorProps, LinkButtonElementType } from './links';
 import type { JSXProps } from '../types';
 import type { IconKey } from './icon';
 import '../layout/flex';
 import './loading';
 export declare const BUTTON: "brz-button";
 export declare const BUTTON_GROUP: "brz-button-group";
-export type ButtonProps = PropsWithUtils<{
+export interface BaseButtonProps {
     'button-type'?: ButtonType;
     loading?: boolean;
     compact?: boolean;
@@ -14,7 +15,8 @@ export type ButtonProps = PropsWithUtils<{
     'leading-icon'?: IconKey;
     'trailing-icon'?: IconKey;
     'icon-size'?: string;
-}>;
+}
+export type ButtonProps = PropsWithUtils<AnchorProps & BaseButtonProps>;
 export interface ButtonGroupProps {
     compact?: boolean;
 }
@@ -44,6 +46,11 @@ export type ButtonType = typeof buttonTypes[number];
  */
 export declare class Button extends LitElementWithUtils {
     static styles: import("lit").CSSResultGroup[];
+    /**
+     * Sets the element type to render with. Defaults to a button tag. Optionally
+     * render with an `a` instead where necessary.
+     */
+    element: LinkButtonElementType;
     /**
      * The type of button to be displayed.
      */
@@ -72,6 +79,18 @@ export declare class Button extends LitElementWithUtils {
      * Disables the button
      */
     disabled: boolean;
+    /**
+     * Sets a link href when using an anchor element
+     */
+    href?: string;
+    /**
+     * Sets the link target when using an anchor element
+     */
+    target?: string;
+    /**
+     * Sets the link rel when using an anchor element
+     */
+    rel?: string;
     /**
      * Reflects an attribute to help in styles when there is only an icon and no
      * label content. HTML whitespace makes the `:empty` pseudo-selector fussy and
@@ -98,6 +117,20 @@ export declare class Button extends LitElementWithUtils {
      */
     focus(options?: FocusOptions): void;
     protected emit(eventType: ButtonEventType): void;
+    private get classes();
+    private handleClick;
+    /**
+     * @internal
+     */
+    private get anchorTemplate();
+    /**
+     * @internal
+     */
+    private get buttonTemplate();
+    /**
+     * @internal
+     */
+    private get innerTemplate();
     render(): import("lit-html").TemplateResult<1>;
 }
 /**

package/types/components/buttons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buttons.d.ts","sourceRoot":"","sources":["../../../src/components/buttons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAK3C,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACxC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AACrC,OAAO,gBAAgB,CAAA;AACvB,OAAO,WAAW,CAAA;AAElB,eAAO,MAAM,MAAM,cAA8B,CAAA;AACjD,eAAO,MAAM,YAAY,oBAAoC,CAAA;AAE7D,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC;IACvC,aAAa,CAAC,EAAE,UAAU,CAAA;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAC,CAAA;AAEF,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,CAAC,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;YACvC,CAAC,YAAY,CAAC,EAAE,QAAQ,CAAC,WAAW,EAAE,gBAAgB,CAAC,CAAA;SACxD;KACF;IAED,UAAU,qBAAqB;QAC7B,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;QAChB,CAAC,YAAY,CAAC,EAAE,WAAW,CAAA;KAC5B;CACF;AAQD,KAAK,eAAe,GAAG,OAAO,CAAA;AAE9B,eAAO,MAAM,WAAW,yEAKd,CAAA;AAEV,MAAM,MAAM,UAAU,GAAG,OAAO,WAAW,CAAC,MAAM,CAAC,CAAA;AAEnD;;;;;;;;GAQG;AACH,qBACa,MAAO,SAAQ,mBAAmB;IAC7C,MAAM,CAAC,MAAM,iCAmLZ;IAED;;OAEG;IAOH,UAAU,EAAE,UAAU,CAAY;IAElC;;OAEG;IAEH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IAEH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;OAEG;IAEH,QAAQ,CAAC,qBAAK;IAEd;;OAEG;IAEH,OAAO,UAAQ;IAEf;;OAEG;IAEH,OAAO,UAAQ;IAEf;;OAEG;IAEH,QAAQ,UAAQ;IAEhB;;;;;;;OAOG;IAEH,SAAS,CAAC,QAAQ,UAAQ;IAE1B;;;;OAIG;IAEH,OAAO,CAAC,aAAa,CAAoB;IAEzC;;OAEG;IAEH,OAAO,CAAC,WAAW,CAAS;IAE5B,iBAAiB;IAejB;;;OAGG;IACH,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAI5B,SAAS,CAAC,IAAI,CAAC,SAAS,EAAE,eAAe;IAIzC,MAAM;CA2CP;AAGD;;;;GAIG;AACH,qBACa,WAAY,SAAQ,UAAU;IACzC,MAAM,CAAC,MAAM,0BAiBZ;IAGD,OAAO,UAAQ;IAEf,MAAM;CAKP"}
+{"version":3,"file":"buttons.d.ts","sourceRoot":"","sources":["../../../src/components/buttons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAK3C,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/E,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAkB,MAAM,SAAS,CAAA;AAC5E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACxC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AACrC,OAAO,gBAAgB,CAAA;AACvB,OAAO,WAAW,CAAA;AAElB,eAAO,MAAM,MAAM,cAA8B,CAAA;AACjD,eAAO,MAAM,YAAY,oBAAoC,CAAA;AAE7D,MAAM,WAAW,eAAe;IAC9B,aAAa,CAAC,EAAE,UAAU,CAAA;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,WAAW,GAAG,eAAe,CAAC,CAAA;AAEvE,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,CAAC,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;YACvC,CAAC,YAAY,CAAC,EAAE,QAAQ,CAAC,WAAW,EAAE,gBAAgB,CAAC,CAAA;SACxD;KACF;IAED,UAAU,qBAAqB;QAC7B,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;QAChB,CAAC,YAAY,CAAC,EAAE,WAAW,CAAA;KAC5B;CACF;AAQD,KAAK,eAAe,GAAG,OAAO,CAAA;AAE9B,eAAO,MAAM,WAAW,yEAKd,CAAA;AAEV,MAAM,MAAM,UAAU,GAAG,OAAO,WAAW,CAAC,MAAM,CAAC,CAAA;AAEnD;;;;;;;;GAQG;AACH,qBACa,MAAO,SAAQ,mBAAmB;IAC7C,MAAM,CAAC,MAAM,iCAsLZ;IAED;;;OAGG;IAEH,OAAO,EAAE,qBAAqB,CAAW;IAEzC;;OAEG;IAOH,UAAU,EAAE,UAAU,CAAY;IAElC;;OAEG;IAEH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IAEH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;OAEG;IAEH,QAAQ,CAAC,qBAAK;IAEd;;OAEG;IAEH,OAAO,UAAQ;IAEf;;OAEG;IAEH,OAAO,UAAQ;IAEf;;OAEG;IAEH,QAAQ,UAAQ;IAEhB;;OAEG;IAEH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IAEH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;OAEG;IAEH,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ;;;;;;;OAOG;IAEH,SAAS,CAAC,QAAQ,UAAQ;IAE1B;;;;OAIG;IAEH,OAAO,CAAC,aAAa,CAAoB;IAEzC;;OAEG;IAEH,OAAO,CAAC,WAAW,CAAS;IAE5B,iBAAiB;IAejB;;;OAGG;IACH,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAI5B,SAAS,CAAC,IAAI,CAAC,SAAS,EAAE,eAAe;IAIzC,OAAO,KAAK,OAAO,GAalB;IAED,OAAO,CAAC,WAAW;IAInB;;OAEG;IACH,OAAO,KAAK,cAAc,GAezB;IAED;;OAEG;IACH,OAAO,KAAK,cAAc,GAWzB;IAED;;OAEG;IACH,OAAO,KAAK,aAAa,GAwBxB;IAED,MAAM;CAUP;AAGD;;;;GAIG;AACH,qBACa,WAAY,SAAQ,UAAU;IACzC,MAAM,CAAC,MAAM,0BAiBZ;IAGD,OAAO,UAAQ;IAEf,MAAM;CAKP"}

package/types/components/dropdown-button.d.ts

@@ -1,10 +1,10 @@
 import { PropertyValues } from 'lit';
-import { Button, ButtonProps } from './buttons';
+import { BaseButtonProps, Button } from './buttons';
 import { IconKey } from './icon';
 import { DropdownMenuSize } from './menu';
 import type { JSXProps } from '../types';
 export declare const DROPDOWN_BUTTON: "brz-dropdown-button";
-export interface DropdownButtonAttributes extends ButtonProps {
+export interface DropdownButtonAttributes extends BaseButtonProps {
     'menu-size'?: DropdownMenuSize;
 }
 declare global {

package/types/components/dropdown-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-button.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAA;AAG1C,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAChC,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AACzC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAExC,eAAO,MAAM,eAAe,uBAAuC,CAAA;AAEnE,MAAM,WAAW,wBAAyB,SAAQ,WAAW;IAC3D,WAAW,CAAC,EAAE,gBAAgB,CAAA;CAC/B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,CAAC,eAAe,CAAC,EAAE,QAAQ,CAAC,cAAc,EAAE,wBAAwB,CAAC,CAAA;SACtE;KACF;IAED,UAAU,qBAAqB;QAC7B,CAAC,eAAe,CAAC,EAAE,cAAc,CAAA;KAClC;CACF;AAED;;;;;;;;;GASG;AACH,qBACa,cAAe,SAAQ,MAAM;IACxC;;;;OAIG;IAEH,QAAQ,CAAC,EAAE,gBAAgB,CAAA;IAE3B;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAgB;IAEtC,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,cAAc;IAqBnD,MAAM;CAQP"}
+{"version":3,"file":"dropdown-button.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAA;AAG1C,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAChC,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AACzC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAExC,eAAO,MAAM,eAAe,uBAAuC,CAAA;AAEnE,MAAM,WAAW,wBAAyB,SAAQ,eAAe;IAC/D,WAAW,CAAC,EAAE,gBAAgB,CAAA;CAC/B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,CAAC,eAAe,CAAC,EAAE,QAAQ,CAAC,cAAc,EAAE,wBAAwB,CAAC,CAAA;SACtE;KACF;IAED,UAAU,qBAAqB;QAC7B,CAAC,eAAe,CAAC,EAAE,cAAc,CAAA;KAClC;CACF;AAED;;;;;;;;;GASG;AACH,qBACa,cAAe,SAAQ,MAAM;IACxC;;;;OAIG;IAEH,QAAQ,CAAC,EAAE,gBAAgB,CAAA;IAE3B;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAgB;IAEtC,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,cAAc;IAqBnD,MAAM;CAQP"}

package/types/components/links.d.ts

@@ -1,16 +1,28 @@
 import { LitElement } from 'lit';
-import { JSXProps } from './../types';
+import type { JSXProps } from '../types';
 import './icon';
 export declare const LINK: "brz-link";
 export declare const LINK_BUTTON: "brz-link-button";
-export interface LinkProps {
-    'link-type'?: LinkType;
-    'is-external'?: boolean;
+export declare const linkButtonElementTypes: readonly ["a", "button"];
+export type LinkButtonElementType = typeof linkButtonElementTypes[number];
+export interface ValidAnchorPropsForButton {
+    element?: 'button';
+    href?: never;
+    target?: never;
+    rel?: never;
+}
+export interface ValidAnchorPropsForAnchor {
+    element?: 'a';
+    href?: string;
     target?: string;
     rel?: string;
-    href?: string;
-    virtual?: boolean;
 }
+export type AnchorProps = ValidAnchorPropsForButton | ValidAnchorPropsForAnchor;
+export type LinkProps = AnchorProps & {
+    'link-type'?: LinkType;
+    'is-external'?: boolean;
+    virtual?: boolean;
+};
 export interface LinkButtonProps {
     'link-type'?: LinkType;
 }
@@ -26,6 +38,7 @@ declare global {
         [LINK_BUTTON]: LinkButton;
     }
 }
+export declare const resetLinkStyle: import("lit").CSSResult;
 export declare const linkTypes: readonly ["primary", "secondary"];
 export type LinkType = typeof linkTypes[number];
 /**
@@ -35,12 +48,17 @@ export type LinkType = typeof linkTypes[number];
  */
 export declare class Link extends LitElement {
     static styles: import("lit").CSSResult[];
+    /**
+     * Sets the element type to render with. Defaults to an anchor tag. Optionally
+     * render with a `button` instead where necessary.
+     */
+    element: LinkButtonElementType;
     /**
      * If sets stops the onclick
      */
     virtual: boolean;
     /**
-     * Set the href
+     * Sets a link href when using an anchor element
      */
     href?: string;
     /**
@@ -48,11 +66,11 @@ export declare class Link extends LitElement {
      */
     linkType: LinkType;
     /**
-     * Sets the target attribute
+     * Sets the link target when using an anchor element
      */
     target?: string;
     /**
-     * Sets the rel attribute
+     * Sets the link rel when using an anchor element
      */
     rel?: string;
     /**
@@ -61,11 +79,24 @@ export declare class Link extends LitElement {
     isExternal: boolean;
     handleClick(event: Event): void;
     connectedCallback(): void;
+    /**
+     * @internal
+     */
+    private get externalIcon();
+    /**
+     * @internal
+     */
+    private get anchorTemplate();
+    /**
+     * @internal
+     */
+    private get buttonTemplate();
     render(): import("lit-html").TemplateResult<1>;
 }
-export declare class LinkButton extends LitElement {
-    static styles: import("lit").CSSResult[];
-    linkType: LinkType;
-    render(): import("lit-html").TemplateResult<1>;
+/**
+ * @deprecated Use `<brz-link element="button"></brz-link>`
+ */
+export declare class LinkButton extends Link {
+    connectedCallback(): void;
 }
 //# sourceMappingURL=links.d.ts.map

package/types/components/links.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"links.d.ts","sourceRoot":"","sources":["../../../src/components/links.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAK3C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,QAAQ,CAAA;AAEf,eAAO,MAAM,IAAI,YAA4B,CAAA;AAC7C,eAAO,MAAM,WAAW,mBAAmC,CAAA;AAE3D,MAAM,WAAW,SAAS;IACxB,WAAW,CAAC,EAAE,QAAQ,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,WAAW,CAAC,EAAE,QAAQ,CAAA;CACvB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC,CAAA;YACjC,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC,UAAU,EAAE,eAAe,CAAC,CAAA;SACrD;KACF;IAED,UAAU,qBAAqB;QAC7B,CAAC,IAAI,CAAC,EAAE,IAAI,CAAA;QACZ,CAAC,WAAW,CAAC,EAAE,UAAU,CAAA;KAC1B;CACF;AA0DD,eAAO,MAAM,SAAS,mCAAoC,CAAA;AAE1D,MAAM,MAAM,QAAQ,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC,CAAA;AAE/C;;;;GAIG;AACH,qBACa,IAAK,SAAQ,UAAU;IAClC,MAAM,CAAC,MAAM,4BAA+B;IAE5C;;OAEG;IAEH,OAAO,UAAQ;IAEf;;OAEG;IAEH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IAEH,QAAQ,EAAE,QAAQ,CAAY;IAE9B;;OAEG;IAEH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;OAEG;IAEH,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ;;OAEG;IAEH,UAAU,UAAQ;IAElB,WAAW,CAAC,KAAK,EAAE,KAAK;IAIxB,iBAAiB;IAQjB,MAAM;CAeP;AAED,qBACa,UAAW,SAAQ,UAAU;IACxC,MAAM,CAAC,MAAM,4BAAkC;IAG/C,QAAQ,EAAE,QAAQ,CAAY;IAE9B,MAAM;CAGP"}
+{"version":3,"file":"links.d.ts","sourceRoot":"","sources":["../../../src/components/links.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAK3C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACxC,OAAO,QAAQ,CAAA;AAEf,eAAO,MAAM,IAAI,YAA4B,CAAA;AAC7C,eAAO,MAAM,WAAW,mBAAmC,CAAA;AAE3D,eAAO,MAAM,sBAAsB,0BAA2B,CAAA;AAE9D,MAAM,MAAM,qBAAqB,GAAG,OAAO,sBAAsB,CAAC,MAAM,CAAC,CAAA;AAEzE,MAAM,WAAW,yBAAyB;IACxC,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,CAAA;IACZ,MAAM,CAAC,EAAE,KAAK,CAAA;IACd,GAAG,CAAC,EAAE,KAAK,CAAA;CACZ;AAED,MAAM,WAAW,yBAAyB;IACxC,OAAO,CAAC,EAAE,GAAG,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,MAAM,MAAM,WAAW,GAAG,yBAAyB,GAAG,yBAAyB,CAAA;AAE/E,MAAM,MAAM,SAAS,GAAG,WAAW,GAAG;IACpC,WAAW,CAAC,EAAE,QAAQ,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,WAAW,eAAe;IAC9B,WAAW,CAAC,EAAE,QAAQ,CAAA;CACvB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC,CAAA;YACjC,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC,UAAU,EAAE,eAAe,CAAC,CAAA;SACrD;KACF;IAED,UAAU,qBAAqB;QAC7B,CAAC,IAAI,CAAC,EAAE,IAAI,CAAA;QACZ,CAAC,WAAW,CAAC,EAAE,UAAU,CAAA;KAC1B;CACF;AA4CD,eAAO,MAAM,cAAc,yBAK1B,CAAA;AAgBD,eAAO,MAAM,SAAS,mCAAoC,CAAA;AAE1D,MAAM,MAAM,QAAQ,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC,CAAA;AAE/C;;;;GAIG;AACH,qBACa,IAAK,SAAQ,UAAU;IAClC,MAAM,CAAC,MAAM,4BAAkD;IAE/D;;;OAGG;IAEH,OAAO,EAAE,qBAAqB,CAAM;IAEpC;;OAEG;IAEH,OAAO,UAAQ;IAEf;;OAEG;IAEH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IAEH,QAAQ,EAAE,QAAQ,CAAY;IAE9B;;OAEG;IAEH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;OAEG;IAEH,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ;;OAEG;IAEH,UAAU,UAAQ;IAElB,WAAW,CAAC,KAAK,EAAE,KAAK;IAIxB,iBAAiB;IAQjB;;OAEG;IACH,OAAO,KAAK,YAAY,GAIvB;IAED;;OAEG;IACH,OAAO,KAAK,cAAc,GAazB;IAED;;OAEG;IACH,OAAO,KAAK,cAAc,GAQzB;IAED,MAAM;CAUP;AAED;;GAEG;AACH,qBACa,UAAW,SAAQ,IAAI;IAClC,iBAAiB;CAIlB"}

package/types/layout/grid/grid-item.d.ts

@@ -0,0 +1,32 @@
+import { LitElement } from 'lit';
+import { JSXProps } from '../../types';
+export declare const GRID_ITEM: "brz-grid-item";
+export interface GridItemProps {
+    cols?: number;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            [GRID_ITEM]: JSXProps<GridItem, GridItemProps>;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        [GRID_ITEM]: GridItemProps;
+    }
+}
+/**
+ * Grid item component. To be used with brz-grid.
+ *
+ * Supports upto 12 columns.
+ *
+ * @tag brz-grid-item
+ */
+export declare class GridItem extends LitElement {
+    static styles: import("lit").CSSResult;
+    /**
+     * Number of columns to span
+     */
+    cols?: number;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=grid-item.d.ts.map

package/types/layout/grid/grid-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-item.d.ts","sourceRoot":"","sources":["../../../../src/layout/grid/grid-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAE3C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAGtC,eAAO,MAAM,SAAS,iBAAiC,CAAA;AAEvD,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAA;SAC/C;KACF;IAED,UAAU,qBAAqB;QAC7B,CAAC,SAAS,CAAC,EAAE,aAAa,CAAA;KAC3B;CACF;AAED;;;;;;GAMG;AACH,qBACa,QAAS,SAAQ,UAAU;IACtC,MAAM,CAAC,MAAM,0BAmEZ;IAED;;OAEG;IAEH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb,MAAM;CAGP"}

package/types/layout/grid/grid.d.ts

@@ -0,0 +1,50 @@
+import { LitElementWithUtils, PropsWithUtils } from '../../mixins/component-utils';
+import { JSXProps } from '../../types';
+export declare const GRID: "brz-grid";
+declare module 'csstype' {
+    interface Properties {
+        '--brz-grid-columns'?: number;
+        '--brz-column-gap'?: number;
+        '--brz-row-gap'?: number;
+    }
+}
+export type GridProps = PropsWithUtils<{
+    spacing?: number;
+    'col-spacing'?: number;
+    'row-spacing'?: number;
+}>;
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            [GRID]: JSXProps<Grid, GridProps>;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        [GRID]: Grid;
+    }
+}
+/**
+ * Grid component.
+ *
+ * This grid layout is setup with 12 flexible columns.
+ * Columns and row gaps are set to 20px, but can be changed using our spacing system.
+ *
+ * @tag brz-grid
+ */
+export declare class Grid extends LitElementWithUtils {
+    static styles: import("lit").CSSResultGroup[];
+    /**
+     * Shorthand for row and col spacing
+     */
+    spacing?: number;
+    /**
+     * Sets the col spacing
+     */
+    colSpacing?: number;
+    /**
+     * Sets the row spacing
+     */
+    rowSpacing?: number;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=grid.d.ts.map

package/types/layout/grid/grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../../src/layout/grid/grid.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,mBAAmB,EACnB,cAAc,EACf,MAAM,8BAA8B,CAAA;AAErC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAGtC,eAAO,MAAM,IAAI,YAA4B,CAAA;AAe7C,OAAO,QAAQ,SAAS,CAAC;IACvB,UAAU,UAAU;QAClB,oBAAoB,CAAC,EAAE,MAAM,CAAA;QAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAA;QAC3B,eAAe,CAAC,EAAE,MAAM,CAAA;KACzB;CACF;AAED,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAC,CAAA;AAEF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC,CAAA;SAClC;KACF;IAED,UAAU,qBAAqB;QAC7B,CAAC,IAAI,CAAC,EAAE,IAAI,CAAA;KACb;CACF;AAED;;;;;;;GAOG;AACH,qBACa,IAAK,SAAQ,mBAAmB;IAC3C,MAAM,CAAC,MAAM,iCAiBZ;IAED;;OAEG;IAEH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;OAEG;IAEH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IAEH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB,MAAM;CAGP"}

package/types/layout/grid/grid.test.d.ts

@@ -0,0 +1,3 @@
+import './grid';
+import '../../styles/global-styles';
+//# sourceMappingURL=grid.test.d.ts.map

package/types/layout/grid/grid.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.test.d.ts","sourceRoot":"","sources":["../../../../src/layout/grid/grid.test.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,CAAA;AACf,OAAO,4BAA4B,CAAA"}

package/types/layout/grid/index.d.ts

@@ -0,0 +1,3 @@
+export * from './grid';
+export * from './grid-item';
+//# sourceMappingURL=index.d.ts.map

package/types/layout/grid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layout/grid/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA"}

package/types/layout/index.d.ts

@@ -5,4 +5,5 @@ export * from './header-footer-page';
 export * from './responsive-columns';
 export * from './footer';
 export * from './page-header';
+export * from './grid';
 //# sourceMappingURL=index.d.ts.map

package/types/layout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,QAAQ,CAAA"}