@loadsmart/miranda-wc 1.2.0 → 1.4.0

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 (41) hide show
  1. package/dist/components/button/button.cy.d.ts +2 -0
  2. package/dist/components/button/button.cy.d.ts.map +1 -0
  3. package/dist/components/button/button.d.ts +63 -0
  4. package/dist/components/button/button.d.ts.map +1 -0
  5. package/dist/components/button/button.styles.d.ts +3 -0
  6. package/dist/components/button/button.styles.d.ts.map +1 -0
  7. package/dist/components/button/index.d.ts +3 -0
  8. package/dist/components/button/index.d.ts.map +1 -0
  9. package/dist/components/layout/box/box.constants.d.ts +3 -0
  10. package/dist/components/layout/box/box.constants.d.ts.map +1 -0
  11. package/dist/components/layout/box/box.cy.d.ts +2 -0
  12. package/dist/components/layout/box/box.cy.d.ts.map +1 -0
  13. package/dist/components/layout/box/box.d.ts +45 -0
  14. package/dist/components/layout/box/box.d.ts.map +1 -0
  15. package/dist/components/layout/box/box.styles.d.ts +2 -0
  16. package/dist/components/layout/box/box.styles.d.ts.map +1 -0
  17. package/dist/components/layout/box/box.types.d.ts +40 -0
  18. package/dist/components/layout/box/box.types.d.ts.map +1 -0
  19. package/dist/components/layout/box/index.d.ts +4 -0
  20. package/dist/components/layout/box/index.d.ts.map +1 -0
  21. package/dist/components/layout/index.d.ts +2 -0
  22. package/dist/components/layout/index.d.ts.map +1 -0
  23. package/dist/index.d.ts +2 -0
  24. package/dist/index.d.ts.map +1 -1
  25. package/dist/index.js +432 -76
  26. package/dist/index.js.map +1 -1
  27. package/dist/styles/activable.d.ts +8 -0
  28. package/dist/styles/activable.d.ts.map +1 -0
  29. package/dist/styles/disableable.d.ts +9 -0
  30. package/dist/styles/disableable.d.ts.map +1 -0
  31. package/dist/styles/focusable.d.ts +8 -0
  32. package/dist/styles/focusable.d.ts.map +1 -0
  33. package/dist/styles/hoverable.d.ts +8 -0
  34. package/dist/styles/hoverable.d.ts.map +1 -0
  35. package/dist/styles/index.d.ts +11 -0
  36. package/dist/styles/index.d.ts.map +1 -1
  37. package/dist/styles/margin.d.ts +37 -0
  38. package/dist/styles/margin.d.ts.map +1 -0
  39. package/dist/styles/padding.d.ts +37 -0
  40. package/dist/styles/padding.d.ts.map +1 -0
  41. package/package.json +2 -1
@@ -0,0 +1,2 @@
1
+ import './button';
2
+ //# sourceMappingURL=button.cy.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"button.cy.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.cy.ts"],"names":[],"mappings":"AAEA,OAAO,UAAU,CAAC"}
@@ -0,0 +1,63 @@
1
+ import { LitElement } from 'lit';
2
+ export declare type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'warning' | 'danger' | 'icon' | 'icon-secondary';
3
+ export declare type ButtonSize = 'small' | 'default' | 'large';
4
+ export declare type ButtonType = 'button' | 'reset' | 'submit';
5
+ export interface ButtonProps {
6
+ disabled?: boolean;
7
+ loading?: boolean;
8
+ size?: ButtonSize;
9
+ type?: ButtonType;
10
+ variant?: ButtonVariant;
11
+ click?: (e: MouseEvent) => void;
12
+ }
13
+ export declare class Button extends LitElement {
14
+ static styles: import("lit").CSSResult[];
15
+ static get properties(): {
16
+ loading: {
17
+ type: BooleanConstructor;
18
+ };
19
+ disabled: {
20
+ type: BooleanConstructor;
21
+ reflect: boolean;
22
+ };
23
+ variant: {
24
+ type: StringConstructor;
25
+ };
26
+ size: {
27
+ type: StringConstructor;
28
+ };
29
+ type: {
30
+ type: StringConstructor;
31
+ };
32
+ };
33
+ /**
34
+ * The button is waiting for some operation to be finished.
35
+ */
36
+ loading: boolean;
37
+ /**
38
+ * Should the button be disabled.
39
+ */
40
+ disabled: boolean;
41
+ /**
42
+ * Button variant.
43
+ */
44
+ variant: ButtonVariant;
45
+ /**
46
+ * Button size.
47
+ */
48
+ size: ButtonSize;
49
+ /**
50
+ * Specifies the type of button.
51
+ */
52
+ type: ButtonType;
53
+ constructor();
54
+ connectedCallback(): void;
55
+ render(): import("lit-html").TemplateResult<1>;
56
+ _isDisabled(): boolean;
57
+ }
58
+ declare global {
59
+ interface HTMLElementTagNameMap {
60
+ 'm-button': Button;
61
+ }
62
+ }
63
+ //# sourceMappingURL=button.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAKhD,oBAAY,aAAa,GACtB,SAAS,GACT,WAAW,GACX,UAAU,GACV,SAAS,GACT,QAAQ,GACR,MAAM,GACN,gBAAgB,CAAC;AAEpB,oBAAY,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAEvD,oBAAY,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEvD,MAAM,WAAW,WAAW;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,KAAK,CAAC,EAAE,CAAE,CAAC,EAAE,UAAU,KAAM,IAAI,CAAC;CAClC;AAED,qBAAa,MAAO,SAAQ,UAAU;IACrC,OAAgB,MAAM,4BAAgB;IAEtC,WAAoB,UAAU;;;;;;;;;;;;;;;;;MAQ7B;IAED;;OAEG;IACK,OAAO,EAAE,OAAO,CAAC;IAEzB;;OAEG;IACK,QAAQ,EAAE,OAAO,CAAC;IAE1B;;OAEG;IACK,OAAO,EAAE,aAAa,CAAC;IAE/B;;OAEG;IACK,IAAI,EAAE,UAAU,CAAC;IAEzB;;OAEG;IACK,IAAI,EAAE,UAAU,CAAC;;IAYhB,iBAAiB,IAAI,IAAI;IAMzB,MAAM;IAoCf,WAAW;CAGX;AAID,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,UAAU,EAAE,MAAM,CAAC;KACnB;CACD"}
@@ -0,0 +1,3 @@
1
+ declare function styles(): import("lit").CSSResult;
2
+ export default styles;
3
+ //# sourceMappingURL=button.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.styles.ts"],"names":[],"mappings":"AAMA,iBAAS,MAAM,4BAkVd;AAED,eAAe,MAAM,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { Button } from './button';
2
+ export type { ButtonProps, ButtonSize, ButtonType, ButtonVariant, } from './button';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EACX,WAAW,EACX,UAAU,EACV,UAAU,EACV,aAAa,GACb,MAAM,UAAU,CAAC"}
@@ -0,0 +1,3 @@
1
+ import type { BoxProps } from "./box.types";
2
+ export declare const defaultBoxProps: Required<Omit<BoxProps, 'backgroundColor'>>;
3
+ //# sourceMappingURL=box.constants.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"box.constants.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/box/box.constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,eAAO,MAAM,eAAe,EAAE,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAMvE,CAAC"}
@@ -0,0 +1,2 @@
1
+ import './box';
2
+ //# sourceMappingURL=box.cy.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"box.cy.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/box/box.cy.ts"],"names":[],"mappings":"AAKA,OAAO,OAAO,CAAC"}
@@ -0,0 +1,45 @@
1
+ import { LitElement, type PropertyValues } from 'lit';
2
+ import type { BoxProps } from './box.types';
3
+ export declare class Box extends LitElement {
4
+ static styles: import("lit").CSSResult[];
5
+ static get properties(): {
6
+ padding: {
7
+ type: StringConstructor;
8
+ };
9
+ backgroundColor: {
10
+ type: StringConstructor;
11
+ attribute: string;
12
+ };
13
+ borderRadius: {
14
+ type: StringConstructor;
15
+ attribute: string;
16
+ };
17
+ borderWidth: {
18
+ type: StringConstructor;
19
+ attribute: string;
20
+ };
21
+ borderColor: {
22
+ type: StringConstructor;
23
+ attribute: string;
24
+ };
25
+ textAlign: {
26
+ type: StringConstructor;
27
+ attribute: string;
28
+ };
29
+ };
30
+ padding: BoxProps['padding'];
31
+ backgroundColor: BoxProps['backgroundColor'];
32
+ borderRadius: BoxProps['borderRadius'];
33
+ borderWidth: BoxProps['borderWidth'];
34
+ borderColor: BoxProps['borderColor'];
35
+ textAlign: BoxProps['textAlign'];
36
+ constructor();
37
+ protected update(changedProperties: PropertyValues<BoxProps>): void;
38
+ render(): import("lit-html").TemplateResult<1>;
39
+ }
40
+ declare global {
41
+ interface HTMLElementTagNameMap {
42
+ 'm-box': Box;
43
+ }
44
+ }
45
+ //# sourceMappingURL=box.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/box/box.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI5D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAI5C,qBAAa,GAAI,SAAQ,UAAU;IAClC,OAAgB,MAAM,4BAAiB;IAEvC,WAAoB,UAAU;;;;;;;;;;;;;;;;;;;;;;;;MAS7B;IAEO,OAAO,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;IAC7B,eAAe,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IAC7C,YAAY,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC;IACvC,WAAW,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC;IACrC,WAAW,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC;IACrC,SAAS,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;;cAYtB,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,QAAQ,CAAC,GAAG,IAAI;IAWnE,MAAM;CAGf;AAID,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,OAAO,EAAE,GAAG,CAAC;KACb;CACD"}
@@ -0,0 +1,2 @@
1
+ export declare function boxStyles(): import("lit").CSSResult;
2
+ //# sourceMappingURL=box.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"box.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/box/box.styles.ts"],"names":[],"mappings":"AAOA,wBAAgB,SAAS,4BAqBxB"}
@@ -0,0 +1,40 @@
1
+ import type { SpacingToken, ColorToken, BorderRadiusToken, BorderWidthToken } from '@loadsmart/miranda-tokens';
2
+ export declare type BoxProps = {
3
+ /**
4
+ * Spacing token for padding.
5
+ * @default 'spacing-4'
6
+ */
7
+ padding?: SpacingToken;
8
+ /**
9
+ * Color token for background-color. If not provided, the background would be transparent.
10
+ */
11
+ backgroundColor?: ColorToken;
12
+ /**
13
+ * Border token for border-radius.
14
+ * @default 'border-radius-s'
15
+ */
16
+ borderRadius?: BorderRadiusToken;
17
+ /**
18
+ * Border token for border-width.
19
+ * @default 'border-none'
20
+ */
21
+ borderWidth?: BorderWidthToken;
22
+ /**
23
+ * Color token for border.
24
+ * @default 'color-background-highlight'
25
+ */
26
+ borderColor?: ColorToken;
27
+ /**
28
+ * Text alignment value.
29
+ * @default 'left'
30
+ */
31
+ textAlign?: 'left' | 'center' | 'right';
32
+ };
33
+ export declare type BoxAttributes = Pick<BoxProps, 'padding'> & {
34
+ 'background-color': BoxProps['backgroundColor'];
35
+ 'border-radius': BoxProps['borderRadius'];
36
+ 'border-width': BoxProps['borderWidth'];
37
+ 'border-color': BoxProps['borderColor'];
38
+ 'text-align': BoxProps['textAlign'];
39
+ };
40
+ //# sourceMappingURL=box.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"box.types.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/box/box.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE/G,oBAAY,QAAQ,GAAG;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B;;;OAGG;IACH,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC;;;OAGG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACxC,CAAC;AAEF,oBAAY,aAAa,GAAG,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG;IACvD,kBAAkB,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IAChD,eAAe,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC;IAC1C,cAAc,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC;IACxC,cAAc,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC;IACxC,YAAY,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;CACpC,CAAC"}
@@ -0,0 +1,4 @@
1
+ export { Box } from './box';
2
+ export { defaultBoxProps } from './box.constants';
3
+ export type { BoxProps, BoxAttributes } from './box.types';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './box';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC"}
package/dist/index.d.ts CHANGED
@@ -2,4 +2,6 @@ export * from './components/text';
2
2
  export * from './components/card';
3
3
  export * from './components/divider';
4
4
  export * from './components/progress-bar';
5
+ export * from './components/layout';
6
+ export * from './components/button';
5
7
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC"}