@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.
- package/dist/components/button/button.cy.d.ts +2 -0
- package/dist/components/button/button.cy.d.ts.map +1 -0
- package/dist/components/button/button.d.ts +63 -0
- package/dist/components/button/button.d.ts.map +1 -0
- package/dist/components/button/button.styles.d.ts +3 -0
- package/dist/components/button/button.styles.d.ts.map +1 -0
- package/dist/components/button/index.d.ts +3 -0
- package/dist/components/button/index.d.ts.map +1 -0
- package/dist/components/layout/box/box.constants.d.ts +3 -0
- package/dist/components/layout/box/box.constants.d.ts.map +1 -0
- package/dist/components/layout/box/box.cy.d.ts +2 -0
- package/dist/components/layout/box/box.cy.d.ts.map +1 -0
- package/dist/components/layout/box/box.d.ts +45 -0
- package/dist/components/layout/box/box.d.ts.map +1 -0
- package/dist/components/layout/box/box.styles.d.ts +2 -0
- package/dist/components/layout/box/box.styles.d.ts.map +1 -0
- package/dist/components/layout/box/box.types.d.ts +40 -0
- package/dist/components/layout/box/box.types.d.ts.map +1 -0
- package/dist/components/layout/box/index.d.ts +4 -0
- package/dist/components/layout/box/index.d.ts.map +1 -0
- package/dist/components/layout/index.d.ts +2 -0
- package/dist/components/layout/index.d.ts.map +1 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +432 -76
- package/dist/index.js.map +1 -1
- package/dist/styles/activable.d.ts +8 -0
- package/dist/styles/activable.d.ts.map +1 -0
- package/dist/styles/disableable.d.ts +9 -0
- package/dist/styles/disableable.d.ts.map +1 -0
- package/dist/styles/focusable.d.ts +8 -0
- package/dist/styles/focusable.d.ts.map +1 -0
- package/dist/styles/hoverable.d.ts +8 -0
- package/dist/styles/hoverable.d.ts.map +1 -0
- package/dist/styles/index.d.ts +11 -0
- package/dist/styles/index.d.ts.map +1 -1
- package/dist/styles/margin.d.ts +37 -0
- package/dist/styles/margin.d.ts.map +1 -0
- package/dist/styles/padding.d.ts +37 -0
- package/dist/styles/padding.d.ts.map +1 -0
- package/package.json +2 -1
|
@@ -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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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
|
package/dist/index.d.ts.map
CHANGED
|
@@ -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"}
|