@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.
Files changed (45) hide show
  1. package/lib/cjs/breeze-ui.js +517 -383
  2. package/lib/es/breeze-ui.js +7897 -7637
  3. package/package.json +1 -1
  4. package/types/components/modal/layout.d.ts.map +1 -1
  5. package/types/layout/grid/grid-item.d.ts +12 -1
  6. package/types/layout/grid/grid-item.d.ts.map +1 -1
  7. package/types/layout/grid/grid.d.ts +5 -5
  8. package/types/layout/grid/grid.d.ts.map +1 -1
  9. package/types/mixins/index.d.ts +2 -0
  10. package/types/mixins/index.d.ts.map +1 -0
  11. package/types/styles/borders.d.ts.map +1 -1
  12. package/types/styles/breakpoints.d.ts +15 -0
  13. package/types/styles/breakpoints.d.ts.map +1 -0
  14. package/types/styles/global-styles.d.ts.map +1 -1
  15. package/types/styles/index.d.ts +1 -0
  16. package/types/styles/index.d.ts.map +1 -1
  17. package/types/styles/typography.d.ts.map +1 -1
  18. package/types/surfaces/card/card-footer.d.ts +15 -0
  19. package/types/surfaces/card/card-footer.d.ts.map +1 -0
  20. package/types/surfaces/card/card-footer.test.d.ts +2 -0
  21. package/types/surfaces/card/card-footer.test.d.ts.map +1 -0
  22. package/types/surfaces/card/card-header.d.ts +16 -0
  23. package/types/surfaces/card/card-header.d.ts.map +1 -0
  24. package/types/surfaces/card/card-header.test.d.ts +2 -0
  25. package/types/surfaces/card/card-header.test.d.ts.map +1 -0
  26. package/types/surfaces/card/card-section-header.d.ts +15 -0
  27. package/types/surfaces/card/card-section-header.d.ts.map +1 -0
  28. package/types/surfaces/card/card.const.d.ts +5 -0
  29. package/types/surfaces/card/card.const.d.ts.map +1 -0
  30. package/types/surfaces/card/card.d.ts +34 -0
  31. package/types/surfaces/card/card.d.ts.map +1 -0
  32. package/types/surfaces/card/card.styles.d.ts +5 -0
  33. package/types/surfaces/card/card.styles.d.ts.map +1 -0
  34. package/types/surfaces/card/card.test.d.ts +2 -0
  35. package/types/surfaces/card/card.test.d.ts.map +1 -0
  36. package/types/surfaces/card/card.types.d.ts +49 -0
  37. package/types/surfaces/card/card.types.d.ts.map +1 -0
  38. package/types/surfaces/card/index.d.ts +7 -0
  39. package/types/surfaces/card/index.d.ts.map +1 -0
  40. package/types/surfaces/index.d.ts +1 -0
  41. package/types/surfaces/index.d.ts.map +1 -1
  42. package/types/types.d.ts +4 -0
  43. package/types/types.d.ts.map +1 -1
  44. package/types/utils/test-utils.d.ts +6 -0
  45. package/types/utils/test-utils.d.ts.map +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skedulo/breeze-ui",
3
- "version": "0.7.1",
3
+ "version": "0.8.1",
4
4
  "type": "module",
5
5
  "main": "lib/cjs/breeze-ui.js",
6
6
  "module": "lib/es/breeze-ui.js",
@@ -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,0BAWZ;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"}
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;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"}
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 for row and col spacing
37
+ * Shorthand to set both row and column spacing
38
38
  */
39
39
  spacing?: number;
40
40
  /**
41
- * Sets the col spacing
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,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"}
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,2 @@
1
+ export * from './component-utils';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -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,yBAOnB,CAAA"}
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;AAS3C,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,4BAyBZ;IAED,MAAM;CAGP"}
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"}
@@ -1,2 +1,3 @@
1
1
  export * from './global-styles';
2
+ export * from './spacing';
2
3
  //# sourceMappingURL=index.d.ts.map
@@ -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,yBAyCtB,CAAA"}
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,2 @@
1
+ import './card-footer';
2
+ //# sourceMappingURL=card-footer.test.d.ts.map
@@ -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,2 @@
1
+ import './card-header';
2
+ //# sourceMappingURL=card-header.test.d.ts.map
@@ -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,5 @@
1
+ export declare const CARD: "brz-card";
2
+ export declare const CARD_HEADER: "brz-card-header";
3
+ export declare const CARD_FOOTER: "brz-card-footer";
4
+ export declare const CARD_SECTION_HEADER: "brz-card-section-header";
5
+ //# sourceMappingURL=card.const.d.ts.map
@@ -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,2 @@
1
+ import './card';
2
+ //# sourceMappingURL=card.test.d.ts.map
@@ -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,7 @@
1
+ export * from './card.const';
2
+ export * from './card.types';
3
+ export * from './card-header';
4
+ export * from './card-section-header';
5
+ export * from './card-footer';
6
+ export * from './card';
7
+ //# sourceMappingURL=index.d.ts.map
@@ -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,2 +1,3 @@
1
+ export * from './card';
1
2
  export * from './paper';
2
3
  //# sourceMappingURL=index.d.ts.map
@@ -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
@@ -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;AAEhC,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"}
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"}