@skedulo/breeze-ui 0.7.1 → 0.8.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/breeze-ui.js +517 -383
- package/lib/es/breeze-ui.js +7897 -7637
- package/package.json +1 -1
- package/types/components/modal/layout.d.ts.map +1 -1
- package/types/layout/grid/grid-item.d.ts +12 -1
- package/types/layout/grid/grid-item.d.ts.map +1 -1
- package/types/layout/grid/grid.d.ts +5 -5
- package/types/layout/grid/grid.d.ts.map +1 -1
- package/types/mixins/index.d.ts +2 -0
- package/types/mixins/index.d.ts.map +1 -0
- package/types/styles/borders.d.ts.map +1 -1
- package/types/styles/breakpoints.d.ts +15 -0
- package/types/styles/breakpoints.d.ts.map +1 -0
- package/types/styles/global-styles.d.ts.map +1 -1
- package/types/styles/index.d.ts +1 -0
- package/types/styles/index.d.ts.map +1 -1
- package/types/styles/typography.d.ts.map +1 -1
- package/types/surfaces/card/card-footer.d.ts +15 -0
- package/types/surfaces/card/card-footer.d.ts.map +1 -0
- package/types/surfaces/card/card-footer.test.d.ts +2 -0
- package/types/surfaces/card/card-footer.test.d.ts.map +1 -0
- package/types/surfaces/card/card-header.d.ts +16 -0
- package/types/surfaces/card/card-header.d.ts.map +1 -0
- package/types/surfaces/card/card-header.test.d.ts +2 -0
- package/types/surfaces/card/card-header.test.d.ts.map +1 -0
- package/types/surfaces/card/card-section-header.d.ts +15 -0
- package/types/surfaces/card/card-section-header.d.ts.map +1 -0
- package/types/surfaces/card/card.const.d.ts +5 -0
- package/types/surfaces/card/card.const.d.ts.map +1 -0
- package/types/surfaces/card/card.d.ts +34 -0
- package/types/surfaces/card/card.d.ts.map +1 -0
- package/types/surfaces/card/card.styles.d.ts +5 -0
- package/types/surfaces/card/card.styles.d.ts.map +1 -0
- package/types/surfaces/card/card.test.d.ts +2 -0
- package/types/surfaces/card/card.test.d.ts.map +1 -0
- package/types/surfaces/card/card.types.d.ts +49 -0
- package/types/surfaces/card/card.types.d.ts.map +1 -0
- package/types/surfaces/card/index.d.ts +7 -0
- package/types/surfaces/card/index.d.ts.map +1 -0
- package/types/surfaces/index.d.ts +1 -0
- package/types/surfaces/index.d.ts.map +1 -1
- package/types/types.d.ts +4 -0
- package/types/types.d.ts.map +1 -1
- package/types/utils/test-utils.d.ts +6 -0
- package/types/utils/test-utils.d.ts.map +1 -1
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAE3C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAItC,OAAO,wBAAwB,CAAA;AAC/B,OAAO,YAAY,CAAA;AACnB,OAAO,SAAS,CAAA;AAEhB,eAAO,MAAM,YAAY,oBAAoC,CAAA;AAC7D,eAAO,MAAM,UAAU,kBAAkC,CAAA;AACzD,eAAO,MAAM,YAAY,oBAAoC,CAAA;AAE7D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,CAAC,YAAY,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAA;YACrC,CAAC,UAAU,CAAC,EAAE,QAAQ,CAAC,SAAS,EAAE,cAAc,CAAC,CAAA;YACjD,CAAC,YAAY,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAA;SACtC;KACF;IAED,UAAU,qBAAqB;QAC7B,CAAC,YAAY,CAAC,EAAE,WAAW,CAAA;QAC3B,CAAC,UAAU,CAAC,EAAE,SAAS,CAAA;QACvB,CAAC,YAAY,CAAC,EAAE,WAAW,CAAA;KAC5B;CACF;AAED;;;;GAIG;AACH,qBACa,WAAY,SAAQ,UAAU;IACzC,MAAM,CAAC,MAAM,0BAiBZ;IAED,OAAO,KAAK,QAAQ,GAEnB;IAED,OAAO,CAAC,iBAAiB;IAIzB,MAAM;CAiBP;AAED,MAAM,WAAW,cAAc;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED;;;;;GAKG;AACH,qBACa,SAAU,SAAQ,UAAU;IACvC,MAAM,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAE3C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAItC,OAAO,wBAAwB,CAAA;AAC/B,OAAO,YAAY,CAAA;AACnB,OAAO,SAAS,CAAA;AAEhB,eAAO,MAAM,YAAY,oBAAoC,CAAA;AAC7D,eAAO,MAAM,UAAU,kBAAkC,CAAA;AACzD,eAAO,MAAM,YAAY,oBAAoC,CAAA;AAE7D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,CAAC,YAAY,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAA;YACrC,CAAC,UAAU,CAAC,EAAE,QAAQ,CAAC,SAAS,EAAE,cAAc,CAAC,CAAA;YACjD,CAAC,YAAY,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAA;SACtC;KACF;IAED,UAAU,qBAAqB;QAC7B,CAAC,YAAY,CAAC,EAAE,WAAW,CAAA;QAC3B,CAAC,UAAU,CAAC,EAAE,SAAS,CAAA;QACvB,CAAC,YAAY,CAAC,EAAE,WAAW,CAAA;KAC5B;CACF;AAED;;;;GAIG;AACH,qBACa,WAAY,SAAQ,UAAU;IACzC,MAAM,CAAC,MAAM,0BAiBZ;IAED,OAAO,KAAK,QAAQ,GAEnB;IAED,OAAO,CAAC,iBAAiB;IAIzB,MAAM;CAiBP;AAED,MAAM,WAAW,cAAc;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED;;;;;GAKG;AACH,qBACa,SAAU,SAAQ,UAAU;IACvC,MAAM,CAAC,MAAM,0BAUZ;IAGD,UAAU,UAAQ;IAElB,OAAO,CAAC,eAAe,CAErB;IAEF,iBAAiB;IAKjB,oBAAoB;IAKpB,MAAM;CAGP;AAED;;;;GAIG;AACH,qBACa,WAAY,SAAQ,UAAU;IACzC,MAAM,CAAC,MAAM,0BAIZ;IAED,MAAM;CAQP"}
|
|
@@ -3,6 +3,8 @@ import { JSXProps } from '../../types';
|
|
|
3
3
|
export declare const GRID_ITEM: "brz-grid-item";
|
|
4
4
|
export interface GridItemProps {
|
|
5
5
|
cols?: number;
|
|
6
|
+
'md-cols'?: number;
|
|
7
|
+
'sm-cols'?: number;
|
|
6
8
|
}
|
|
7
9
|
declare global {
|
|
8
10
|
namespace JSX {
|
|
@@ -14,6 +16,7 @@ declare global {
|
|
|
14
16
|
[GRID_ITEM]: GridItemProps;
|
|
15
17
|
}
|
|
16
18
|
}
|
|
19
|
+
export declare const columnSpans: readonly [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
|
|
17
20
|
/**
|
|
18
21
|
* Grid item component. To be used with brz-grid.
|
|
19
22
|
*
|
|
@@ -22,11 +25,19 @@ declare global {
|
|
|
22
25
|
* @tag brz-grid-item
|
|
23
26
|
*/
|
|
24
27
|
export declare class GridItem extends LitElement {
|
|
25
|
-
static styles: import("lit").CSSResult;
|
|
28
|
+
static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
|
|
26
29
|
/**
|
|
27
30
|
* Number of columns to span
|
|
28
31
|
*/
|
|
29
32
|
cols?: number;
|
|
33
|
+
/**
|
|
34
|
+
* Number of columns to span on medium screens
|
|
35
|
+
*/
|
|
36
|
+
mdCols?: number;
|
|
37
|
+
/**
|
|
38
|
+
* Number of columns to span on small screens
|
|
39
|
+
*/
|
|
40
|
+
smCols?: number;
|
|
30
41
|
render(): import("lit-html").TemplateResult<1>;
|
|
31
42
|
}
|
|
32
43
|
//# sourceMappingURL=grid-item.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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;AAG3C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAGtC,eAAO,MAAM,SAAS,iBAAiC,CAAA;AAEvD,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;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,eAAO,MAAM,WAAW,kDAAmD,CAAA;AAoD3E;;;;;;GAMG;AACH,qBACa,QAAS,SAAQ,UAAU;IACtC,MAAM,CAAC,MAAM,0DAUZ;IAED;;OAEG;IAEH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IAEH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;OAEG;IAEH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf,MAAM;CAGP"}
|
|
@@ -4,8 +4,8 @@ export declare const GRID: "brz-grid";
|
|
|
4
4
|
declare module 'csstype' {
|
|
5
5
|
interface Properties {
|
|
6
6
|
'--brz-grid-columns'?: number;
|
|
7
|
-
'--brz-column-gap'?: number;
|
|
8
|
-
'--brz-row-gap'?: number;
|
|
7
|
+
'--brz-grid-column-gap'?: number;
|
|
8
|
+
'--brz-grid-row-gap'?: number;
|
|
9
9
|
}
|
|
10
10
|
}
|
|
11
11
|
export type GridProps = PropsWithUtils<{
|
|
@@ -34,15 +34,15 @@ declare global {
|
|
|
34
34
|
export declare class Grid extends LitElementWithUtils {
|
|
35
35
|
static styles: import("lit").CSSResultGroup[];
|
|
36
36
|
/**
|
|
37
|
-
* Shorthand
|
|
37
|
+
* Shorthand to set both row and column spacing
|
|
38
38
|
*/
|
|
39
39
|
spacing?: number;
|
|
40
40
|
/**
|
|
41
|
-
* Sets the
|
|
41
|
+
* Sets the column spacing between each grid item
|
|
42
42
|
*/
|
|
43
43
|
colSpacing?: number;
|
|
44
44
|
/**
|
|
45
|
-
* Sets the row spacing
|
|
45
|
+
* Sets the row spacing between each grid item
|
|
46
46
|
*/
|
|
47
47
|
rowSpacing?: number;
|
|
48
48
|
render(): import("lit-html").TemplateResult<1>;
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,uBAAuB,CAAC,EAAE,MAAM,CAAA;QAChC,oBAAoB,CAAC,EAAE,MAAM,CAAA;KAC9B;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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/mixins/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"borders.d.ts","sourceRoot":"","sources":["../../../src/styles/borders.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"borders.d.ts","sourceRoot":"","sources":["../../../src/styles/borders.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO,yBAQnB,CAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export declare const BREAKPOINTS: {
|
|
3
|
+
lg: number;
|
|
4
|
+
md: number;
|
|
5
|
+
};
|
|
6
|
+
export type Breakpoint = keyof typeof BREAKPOINTS;
|
|
7
|
+
export declare const breakpoints: import("lit").CSSResult;
|
|
8
|
+
export declare const media: {
|
|
9
|
+
breakpointUp: (breakpoint: Breakpoint) => typeof css;
|
|
10
|
+
breakpointDown: (breakpoint: Breakpoint) => typeof css;
|
|
11
|
+
sm: (strings: TemplateStringsArray, ...values: (number | import("lit").CSSResultGroup)[]) => import("lit").CSSResult;
|
|
12
|
+
md: (strings: TemplateStringsArray, ...values: (number | import("lit").CSSResultGroup)[]) => import("lit").CSSResult;
|
|
13
|
+
lg: (strings: TemplateStringsArray, ...values: (number | import("lit").CSSResultGroup)[]) => import("lit").CSSResult;
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=breakpoints.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../../src/styles/breakpoints.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAO,MAAM,WAAW;;;CAGvB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,WAAW,CAAA;AAEjD,eAAO,MAAM,WAAW,yBAGvB,CAAA;AA4BD,eAAO,MAAM,KAAK;+BARH,UAAU,KAAG,UAAU;iCAbvB,UAAU,KAAG,UAAU;;;;CA2BrC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"global-styles.d.ts","sourceRoot":"","sources":["../../../src/styles/global-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;
|
|
1
|
+
{"version":3,"file":"global-styles.d.ts","sourceRoot":"","sources":["../../../src/styles/global-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAU3C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAExC,eAAO,MAAM,aAAa,qBAAqC,CAAA;AAE/D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,CAAC,aAAa,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAA;SACxC;KACF;IAED,UAAU,qBAAqB;QAC7B,CAAC,aAAa,CAAC,EAAE,YAAY,CAAA;KAC9B;CACF;AAED,qBACa,YAAa,SAAQ,UAAU;IAC1C,MAAM,CAAC,MAAM,4BA0BZ;IAED,MAAM;CAGP"}
|
package/types/styles/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/styles/typography.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/styles/typography.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBA2CtB,CAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { LitElement, TemplateResult } from 'lit';
|
|
2
|
+
/**
|
|
3
|
+
* Preset footer for Cards. Self-assigns to the Card footer slot.
|
|
4
|
+
*
|
|
5
|
+
* @slot default Flexible content slot to populate the footer
|
|
6
|
+
* @slot aside Right-aligned content slot, useful for action buttons
|
|
7
|
+
*
|
|
8
|
+
* @tag brz-card-footer
|
|
9
|
+
*/
|
|
10
|
+
export declare class CardFooter extends LitElement {
|
|
11
|
+
static styles: import("lit").CSSResult[];
|
|
12
|
+
connectedCallback(): void;
|
|
13
|
+
protected render(): TemplateResult;
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=card-footer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card-footer.d.ts","sourceRoot":"","sources":["../../../../src/surfaces/card/card-footer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAKtD;;;;;;;GAOG;AACH,qBACa,UAAW,SAAQ,UAAU;IACxC,MAAM,CAAC,MAAM,4BAAqB;IAElC,iBAAiB;IAOjB,SAAS,CAAC,MAAM,IAAI,cAAc;CAanC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card-footer.test.d.ts","sourceRoot":"","sources":["../../../../src/surfaces/card/card-footer.test.ts"],"names":[],"mappings":"AAGA,OAAO,eAAe,CAAA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { LitElement, TemplateResult } from 'lit';
|
|
2
|
+
/**
|
|
3
|
+
* Preset header for Cards. Self-assigns to the Card header slot.
|
|
4
|
+
*
|
|
5
|
+
* @slot default Flexible content slot to populate the header, usually a title
|
|
6
|
+
* @slot aside Right-aligned content slot, useful for action buttons
|
|
7
|
+
*
|
|
8
|
+
* @tag brz-card-header
|
|
9
|
+
*/
|
|
10
|
+
export declare class CardHeader extends LitElement {
|
|
11
|
+
static styles: import("lit").CSSResult[];
|
|
12
|
+
connectedCallback(): void;
|
|
13
|
+
protected get contentTemplate(): TemplateResult<1>;
|
|
14
|
+
protected render(): TemplateResult;
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=card-header.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card-header.d.ts","sourceRoot":"","sources":["../../../../src/surfaces/card/card-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAKtD;;;;;;;GAOG;AACH,qBACa,UAAW,SAAQ,UAAU;IACxC,MAAM,CAAC,MAAM,4BAAqB;IAElC,iBAAiB;IAOjB,SAAS,KAAK,eAAe,sBAU5B;IAED,SAAS,CAAC,MAAM,IAAI,cAAc;CAGnC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card-header.test.d.ts","sourceRoot":"","sources":["../../../../src/surfaces/card/card-header.test.ts"],"names":[],"mappings":"AAGA,OAAO,eAAe,CAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { TemplateResult } from 'lit';
|
|
2
|
+
import { CardHeader } from './card-header';
|
|
3
|
+
/**
|
|
4
|
+
* Preset section header for Cards.
|
|
5
|
+
*
|
|
6
|
+
* @slot default Flexible content slot to populate the header, usually a title
|
|
7
|
+
* @slot aside Right-aligned content slot, useful for action buttons
|
|
8
|
+
*
|
|
9
|
+
* @tag brz-card-section-header
|
|
10
|
+
*/
|
|
11
|
+
export declare class CardSectionHeader extends CardHeader {
|
|
12
|
+
connectedCallback(): void;
|
|
13
|
+
protected render(): TemplateResult;
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=card-section-header.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card-section-header.d.ts","sourceRoot":"","sources":["../../../../src/surfaces/card/card-section-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAA;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG1C;;;;;;;GAOG;AACH,qBACa,iBAAkB,SAAQ,UAAU;IAC/C,iBAAiB;IAOjB,SAAS,CAAC,MAAM,IAAI,cAAc;CAKnC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card.const.d.ts","sourceRoot":"","sources":["../../../../src/surfaces/card/card.const.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,YAA4B,CAAA;AAC7C,eAAO,MAAM,WAAW,mBAAmC,CAAA;AAC3D,eAAO,MAAM,WAAW,mBAAmC,CAAA;AAC3D,eAAO,MAAM,mBAAmB,2BAA2C,CAAA"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { PropertyValues, TemplateResult } from 'lit';
|
|
2
|
+
import { LitElementWithUtils } from '../../mixins';
|
|
3
|
+
import { CardHeader } from './card-header';
|
|
4
|
+
/**
|
|
5
|
+
* Use Cards to layout contextual sections of content.
|
|
6
|
+
*
|
|
7
|
+
* @slot default Flexible content slot to populate the Card body.
|
|
8
|
+
* @slot header Optional header content. Use `CardHeader` for a convenient preset which self-assigns to this slot.
|
|
9
|
+
* @slot footer Optional footer content. Use `CardFooter` for a convenient preset which self-assigns to this slot.
|
|
10
|
+
*
|
|
11
|
+
* @tag brz-card
|
|
12
|
+
*/
|
|
13
|
+
export declare class Card extends LitElementWithUtils {
|
|
14
|
+
static styles: import("lit").CSSResultGroup[];
|
|
15
|
+
/**
|
|
16
|
+
* Customize all Card padding using the spacing system.
|
|
17
|
+
*
|
|
18
|
+
* `CardHeader` and `CardFooter` presets also inherit this padding value.
|
|
19
|
+
*/
|
|
20
|
+
padding?: number;
|
|
21
|
+
/**
|
|
22
|
+
* Customize Card body padding using the spacing system. Will not be inherited
|
|
23
|
+
* by subcomponents.
|
|
24
|
+
*/
|
|
25
|
+
bodyPadding?: number;
|
|
26
|
+
/**
|
|
27
|
+
* @internal
|
|
28
|
+
*/
|
|
29
|
+
private hasHeader;
|
|
30
|
+
header: [CardHeader] | HTMLElement[];
|
|
31
|
+
protected updated(_changedProperties: PropertyValues): void;
|
|
32
|
+
protected render(): TemplateResult;
|
|
33
|
+
}
|
|
34
|
+
//# sourceMappingURL=card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/surfaces/card/card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAQ1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAI1C;;;;;;;;GAQG;AACH,qBACa,IAAK,SAAQ,mBAAmB;IAC3C,MAAM,CAAC,MAAM,iCAIZ;IAED;;;;OAIG;IAEH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;OAGG;IAEH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IAEH,OAAO,CAAC,SAAS,CAAQ;IAGzB,MAAM,EAAG,CAAC,UAAU,CAAC,GAAG,WAAW,EAAE,CAAA;IAErC,SAAS,CAAC,OAAO,CAAC,kBAAkB,EAAE,cAAc;IAOpD,SAAS,CAAC,MAAM,IAAI,cAAc;CAkBnC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export declare const cardStyles: import("lit").CSSResult;
|
|
2
|
+
export declare const cardPaddingStyles: (import("lit").CSSResult | import("lit").CSSResult[])[];
|
|
3
|
+
export declare const cardHeaderStyles: import("lit").CSSResult;
|
|
4
|
+
export declare const cardFooterStyles: import("lit").CSSResult;
|
|
5
|
+
//# sourceMappingURL=card.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card.styles.d.ts","sourceRoot":"","sources":["../../../../src/surfaces/card/card.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,yBAsCtB,CAAA;AAYD,eAAO,MAAM,iBAAiB,yDAAmC,CAAA;AAEjE,eAAO,MAAM,gBAAgB,yBA8C5B,CAAA;AAED,eAAO,MAAM,gBAAgB,yBA4B5B,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card.test.d.ts","sourceRoot":"","sources":["../../../../src/surfaces/card/card.test.ts"],"names":[],"mappings":"AAKA,OAAO,QAAQ,CAAA"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { PropsWithUtils } from '../../mixins';
|
|
2
|
+
import { CSSProperty, JSXProps } from '../../types';
|
|
3
|
+
import { Card } from './card';
|
|
4
|
+
import { CardFooter } from './card-footer';
|
|
5
|
+
import { CardHeader } from './card-header';
|
|
6
|
+
import { CardSectionHeader } from './card-section-header';
|
|
7
|
+
import { CARD, CARD_FOOTER, CARD_HEADER, CARD_SECTION_HEADER } from './card.const';
|
|
8
|
+
export type CardAttributes = PropsWithUtils<{
|
|
9
|
+
padding?: number;
|
|
10
|
+
'body-padding'?: number;
|
|
11
|
+
}>;
|
|
12
|
+
declare module 'csstype' {
|
|
13
|
+
interface Properties {
|
|
14
|
+
'--brz-card-background-color'?: CSSProperty.BackgroundColor;
|
|
15
|
+
'--brz-card-color'?: CSSProperty.Color;
|
|
16
|
+
'--brz-card-border-color'?: CSSProperty.BorderColor;
|
|
17
|
+
'--brz-card-border-radius'?: CSSProperty.BorderRadius;
|
|
18
|
+
'--brz-card-padding'?: number;
|
|
19
|
+
'--brz-card-body-padding'?: number;
|
|
20
|
+
'--brz-card-body-balancer'?: CSSProperty.Padding;
|
|
21
|
+
'--brz-card-min-height'?: CSSProperty.MinHeight;
|
|
22
|
+
'--brz-card-min-width'?: CSSProperty.MinWidth;
|
|
23
|
+
'--brz-card-header-color'?: CSSProperty.Color;
|
|
24
|
+
'--brz-card-header-padding-x'?: CSSProperty.Padding;
|
|
25
|
+
'--brz-card-header-padding-y'?: CSSProperty.Padding;
|
|
26
|
+
'--brz-card-header-background-color'?: CSSProperty.BackgroundColor;
|
|
27
|
+
'--brz-card-footer-color'?: CSSProperty.Color;
|
|
28
|
+
'--brz-card-footer-padding-x'?: CSSProperty.Padding;
|
|
29
|
+
'--brz-card-footer-padding-y'?: CSSProperty.Padding;
|
|
30
|
+
'--brz-card-footer-background-color'?: CSSProperty.BackgroundColor;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
declare global {
|
|
34
|
+
namespace JSX {
|
|
35
|
+
interface IntrinsicElements {
|
|
36
|
+
[CARD]: JSXProps<Card, CardAttributes>;
|
|
37
|
+
[CARD_HEADER]: JSXProps<CardHeader>;
|
|
38
|
+
[CARD_FOOTER]: JSXProps<CardFooter>;
|
|
39
|
+
[CARD_SECTION_HEADER]: JSXProps<CardSectionHeader>;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
interface HTMLElementTagNameMap {
|
|
43
|
+
[CARD]: Card;
|
|
44
|
+
[CARD_HEADER]: CardHeader;
|
|
45
|
+
[CARD_FOOTER]: CardFooter;
|
|
46
|
+
[CARD_SECTION_HEADER]: CardSectionHeader;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
//# sourceMappingURL=card.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card.types.d.ts","sourceRoot":"","sources":["../../../../src/surfaces/card/card.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,EACL,IAAI,EACJ,WAAW,EACX,WAAW,EACX,mBAAmB,EACpB,MAAM,cAAc,CAAA;AAErB,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAC,CAAA;AAEF,OAAO,QAAQ,SAAS,CAAC;IACvB,UAAU,UAAU;QAElB,6BAA6B,CAAC,EAAE,WAAW,CAAC,eAAe,CAAA;QAC3D,kBAAkB,CAAC,EAAE,WAAW,CAAC,KAAK,CAAA;QACtC,yBAAyB,CAAC,EAAE,WAAW,CAAC,WAAW,CAAA;QACnD,0BAA0B,CAAC,EAAE,WAAW,CAAC,YAAY,CAAA;QACrD,oBAAoB,CAAC,EAAE,MAAM,CAAA;QAC7B,yBAAyB,CAAC,EAAE,MAAM,CAAA;QAClC,0BAA0B,CAAC,EAAE,WAAW,CAAC,OAAO,CAAA;QAChD,uBAAuB,CAAC,EAAE,WAAW,CAAC,SAAS,CAAA;QAC/C,sBAAsB,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAA;QAG7C,yBAAyB,CAAC,EAAE,WAAW,CAAC,KAAK,CAAA;QAC7C,6BAA6B,CAAC,EAAE,WAAW,CAAC,OAAO,CAAA;QACnD,6BAA6B,CAAC,EAAE,WAAW,CAAC,OAAO,CAAA;QACnD,oCAAoC,CAAC,EAAE,WAAW,CAAC,eAAe,CAAA;QAGlE,yBAAyB,CAAC,EAAE,WAAW,CAAC,KAAK,CAAA;QAC7C,6BAA6B,CAAC,EAAE,WAAW,CAAC,OAAO,CAAA;QACnD,6BAA6B,CAAC,EAAE,WAAW,CAAC,OAAO,CAAA;QACnD,oCAAoC,CAAC,EAAE,WAAW,CAAC,eAAe,CAAA;KACnE;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,IAAI,EAAE,cAAc,CAAC,CAAA;YACtC,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAA;YACnC,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAA;YACnC,CAAC,mBAAmB,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAA;SACnD;KACF;IAED,UAAU,qBAAqB;QAC7B,CAAC,IAAI,CAAC,EAAE,IAAI,CAAA;QACZ,CAAC,WAAW,CAAC,EAAE,UAAU,CAAA;QACzB,CAAC,WAAW,CAAC,EAAE,UAAU,CAAA;QACzB,CAAC,mBAAmB,CAAC,EAAE,iBAAiB,CAAA;KACzC;CACF"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/surfaces/card/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,uBAAuB,CAAA;AACrC,cAAc,eAAe,CAAA;AAC7B,cAAc,QAAQ,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/surfaces/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/surfaces/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA"}
|
package/types/types.d.ts
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
import type { DetailedHTMLProps, HTMLAttributes } from 'react';
|
|
2
2
|
import type { Globals, Property } from 'csstype';
|
|
3
|
+
export type { Property as CSSProperty } from 'csstype';
|
|
3
4
|
export type JSXProps<Element extends HTMLElement = HTMLElement, Props = Record<string, unknown>> = DetailedHTMLProps<HTMLAttributes<Element>, Element> & Props;
|
|
4
5
|
export type ElementTypes = HTMLElement | Element | Node | ParentNode | null;
|
|
5
6
|
export type SizeProperty = Globals | (string & {}) | 'auto' | 0 | number;
|
|
7
|
+
/**
|
|
8
|
+
* @deprecated Use CSSProperty.Color
|
|
9
|
+
*/
|
|
6
10
|
export type ColorProperty = Property.Color;
|
|
7
11
|
//# sourceMappingURL=types.d.ts.map
|
package/types/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC9D,OAAO,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEhD,MAAM,MAAM,QAAQ,CAClB,OAAO,SAAS,WAAW,GAAG,WAAW,EACzC,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAC7B,iBAAiB,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,GAAG,KAAK,CAAA;AAE/D,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG,OAAO,GAAG,IAAI,GAAG,UAAU,GAAG,IAAI,CAAA;AAG3E,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,GAAG,MAAM,GAAG,CAAC,GAAG,MAAM,CAAA;AAExE,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,KAAK,CAAA"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC9D,OAAO,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEhD,YAAY,EAAE,QAAQ,IAAI,WAAW,EAAE,MAAM,SAAS,CAAA;AAEtD,MAAM,MAAM,QAAQ,CAClB,OAAO,SAAS,WAAW,GAAG,WAAW,EACzC,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAC7B,iBAAiB,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,GAAG,KAAK,CAAA;AAE/D,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG,OAAO,GAAG,IAAI,GAAG,UAAU,GAAG,IAAI,CAAA;AAG3E,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,GAAG,MAAM,GAAG,CAAC,GAAG,MAAM,CAAA;AAExE;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,KAAK,CAAA"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import '../styles/global-styles';
|
|
2
|
+
import { SpacingLevel } from '../styles/spacing';
|
|
2
3
|
export * from '@open-wc/testing';
|
|
3
4
|
/**
|
|
4
5
|
* Wraps all test fixtures in our global styles
|
|
@@ -22,4 +23,9 @@ export declare const buildMockOptions: (length: number) => {
|
|
|
22
23
|
* @param slot Slot name to assign the elements to
|
|
23
24
|
*/
|
|
24
25
|
export declare const getMockOptionElements: (length: number, slot?: string) => import("lit-html").TemplateResult<1>[];
|
|
26
|
+
/**
|
|
27
|
+
* Converts a spacing level to a pixel unit for use in tests that read from
|
|
28
|
+
* `getComputedStyle()`.
|
|
29
|
+
*/
|
|
30
|
+
export declare const spacerToPx: (level: SpacingLevel) => string;
|
|
25
31
|
//# sourceMappingURL=test-utils.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"test-utils.d.ts","sourceRoot":"","sources":["../../../src/utils/test-utils.ts"],"names":[],"mappings":"AAGA,OAAO,yBAAyB,CAAA;
|
|
1
|
+
{"version":3,"file":"test-utils.d.ts","sourceRoot":"","sources":["../../../src/utils/test-utils.ts"],"names":[],"mappings":"AAGA,OAAO,yBAAyB,CAAA;AAChC,OAAO,EAAgB,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAE9D,cAAc,kBAAkB,CAAA;AAEhC;;GAEG;AACH,eAAO,MAAM,OAAO,kOAMnB,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,WAAY,MAAM;;;GAO9C,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,WAAY,MAAM,SAAS,MAAM,2CASlE,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,UAAW,YAAY,WACZ,CAAA"}
|