@warp-ds/elements 1.0.0-alpha.8 → 1.0.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/README.md +1 -1
- package/dist/api.js +2 -0
- package/dist/api.js.map +7 -0
- package/dist/elements.min.js +2 -1
- package/dist/index.js +11145 -10517
- package/dist/packages/affix/index.d.ts +4 -3
- package/dist/packages/alert/index.d.ts +4 -2
- package/dist/packages/box/index.d.ts +2 -2
- package/dist/packages/breadcrumbs/index.d.ts +16 -2
- package/dist/packages/broadcast/component.d.ts +1 -1
- package/dist/packages/broadcast/index.d.ts +1 -1
- package/dist/packages/card/index.d.ts +3 -3
- package/dist/packages/textfield/index.d.ts +4 -3
- package/dist/packages/toast/svgs.d.ts +3 -2
- package/dist/packages/toast/toast-container.d.ts +3 -3
- package/dist/packages/toast/toast.d.ts +3 -4
- package/dist/packages/utils/expand-transition.d.ts +2 -2
- package/dist/packages/utils/index.d.ts +1 -2
- package/dist/packages/utils/unstyled-heading.d.ts +2 -2
- package/dist/packages/utils/window-exists.d.ts +1 -0
- package/package.json +27 -31
|
@@ -15,12 +15,13 @@ export class WarpAffix extends LitElement {
|
|
|
15
15
|
type: StringConstructor;
|
|
16
16
|
};
|
|
17
17
|
};
|
|
18
|
-
get _classBase():
|
|
19
|
-
get _classes(): import(".pnpm/lit-html@2.
|
|
18
|
+
get _classBase(): typeof suffix;
|
|
19
|
+
get _classes(): import(".pnpm/lit-html@2.7.5/node_modules/lit-html/directive").DirectiveResult<typeof import(".pnpm/lit-html@2.7.5/node_modules/lit-html/directives/class-map").ClassMapDirective>;
|
|
20
20
|
get _searchButton(): import("lit").TemplateResult<1>;
|
|
21
21
|
get _clearButton(): import("lit").TemplateResult<1>;
|
|
22
22
|
get _text(): import("lit").TemplateResult<1>;
|
|
23
23
|
get _markup(): import("lit").TemplateResult<1>;
|
|
24
24
|
render(): import("lit").TemplateResult<1>;
|
|
25
25
|
}
|
|
26
|
-
import { LitElement } from
|
|
26
|
+
import { LitElement } from 'lit';
|
|
27
|
+
import { suffix } from '@warp-ds/css/component-classes';
|
|
@@ -15,7 +15,9 @@ export class WarpAlert extends LitElement {
|
|
|
15
15
|
};
|
|
16
16
|
static styles: import("lit").CSSResult;
|
|
17
17
|
show: boolean;
|
|
18
|
-
get
|
|
18
|
+
get _wrapperClasses(): string;
|
|
19
|
+
get _iconClasses(): string;
|
|
20
|
+
get _icon(): any;
|
|
19
21
|
render(): import("lit").TemplateResult<1>;
|
|
20
22
|
}
|
|
21
|
-
import { LitElement } from
|
|
23
|
+
import { LitElement } from 'lit';
|
|
@@ -14,7 +14,7 @@ export class WarpBox extends LitElement {
|
|
|
14
14
|
};
|
|
15
15
|
};
|
|
16
16
|
static styles: import("lit").CSSResult;
|
|
17
|
-
get _class(): import(".pnpm/lit-html@2.
|
|
17
|
+
get _class(): import(".pnpm/lit-html@2.7.5/node_modules/lit-html/directive").DirectiveResult<typeof import(".pnpm/lit-html@2.7.5/node_modules/lit-html/directives/class-map").ClassMapDirective>;
|
|
18
18
|
render(): import("lit").TemplateResult<1>;
|
|
19
19
|
}
|
|
20
|
-
import { LitElement } from
|
|
20
|
+
import { LitElement } from 'lit';
|
|
@@ -1,6 +1,20 @@
|
|
|
1
|
-
|
|
1
|
+
declare const WarpBreadcrumbs_base: {
|
|
2
|
+
new (): {
|
|
3
|
+
[x: string]: any;
|
|
4
|
+
};
|
|
5
|
+
[x: string]: any;
|
|
6
|
+
createProperty(name: any, options: any): void;
|
|
7
|
+
};
|
|
8
|
+
export class WarpBreadcrumbs extends WarpBreadcrumbs_base {
|
|
2
9
|
static styles: import("lit").CSSResult;
|
|
10
|
+
static properties: {
|
|
11
|
+
ariaLabel: {
|
|
12
|
+
type: StringConstructor;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
ariaLabel: string;
|
|
16
|
+
connectedCallback(): void;
|
|
3
17
|
_children: any[];
|
|
4
18
|
render(): import("lit").TemplateResult<1>;
|
|
5
19
|
}
|
|
6
|
-
|
|
20
|
+
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { WarpBroadcast };
|
|
2
|
-
import { WarpBroadcast } from
|
|
2
|
+
import { WarpBroadcast } from './component';
|
|
@@ -15,11 +15,11 @@ export class WarpCard extends LitElement {
|
|
|
15
15
|
selected: boolean;
|
|
16
16
|
flat: boolean;
|
|
17
17
|
clickable: boolean;
|
|
18
|
-
get _outerClasses(): import(".pnpm/lit-html@2.
|
|
19
|
-
get _innerClasses(): import(".pnpm/lit-html@2.
|
|
18
|
+
get _outerClasses(): import(".pnpm/lit-html@2.7.5/node_modules/lit-html/directive").DirectiveResult<typeof import(".pnpm/lit-html@2.7.5/node_modules/lit-html/directives/class-map").ClassMapDirective>;
|
|
19
|
+
get _innerClasses(): import(".pnpm/lit-html@2.7.5/node_modules/lit-html/directive").DirectiveResult<typeof import(".pnpm/lit-html@2.7.5/node_modules/lit-html/directives/class-map").ClassMapDirective>;
|
|
20
20
|
get uuButton(): import("lit").TemplateResult<1>;
|
|
21
21
|
get uuSpan(): import("lit").TemplateResult<1>;
|
|
22
22
|
keypressed(e: any): void;
|
|
23
23
|
render(): import("lit").TemplateResult<1>;
|
|
24
24
|
}
|
|
25
|
-
import { LitElement } from
|
|
25
|
+
import { LitElement } from 'lit';
|
|
@@ -64,8 +64,9 @@ export class WarpTextField extends LitElement {
|
|
|
64
64
|
};
|
|
65
65
|
static styles: import("lit").CSSResult[];
|
|
66
66
|
type: string;
|
|
67
|
-
get
|
|
68
|
-
get
|
|
67
|
+
get _inputStyles(): import(".pnpm/lit-html@2.7.5/node_modules/lit-html/directive").DirectiveResult<typeof import(".pnpm/lit-html@2.7.5/node_modules/lit-html/directives/class-map").ClassMapDirective>;
|
|
68
|
+
get _helpTextStyles(): import(".pnpm/lit-html@2.7.5/node_modules/lit-html/directive").DirectiveResult<typeof import(".pnpm/lit-html@2.7.5/node_modules/lit-html/directives/class-map").ClassMapDirective>;
|
|
69
|
+
get _labelStyles(): import(".pnpm/lit-html@2.7.5/node_modules/lit-html/directive").DirectiveResult<typeof import(".pnpm/lit-html@2.7.5/node_modules/lit-html/directives/class-map").ClassMapDirective>;
|
|
69
70
|
get _label(): import("lit").TemplateResult<1>;
|
|
70
71
|
get _helpId(): string;
|
|
71
72
|
get _id(): string;
|
|
@@ -77,4 +78,4 @@ export class WarpTextField extends LitElement {
|
|
|
77
78
|
_hasSuffix: boolean;
|
|
78
79
|
render(): import("lit").TemplateResult<1>;
|
|
79
80
|
}
|
|
80
|
-
import { LitElement } from
|
|
81
|
+
import { LitElement } from 'lit';
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
export function successSVG(options: any): import("lit").TemplateResult<1>;
|
|
2
|
-
export function failureSVG(options: any): import("lit").TemplateResult<1>;
|
|
3
1
|
export function closeSVG(): import("lit").TemplateResult<1>;
|
|
2
|
+
export function failureSVG(options: any): import("lit").TemplateResult<1>;
|
|
3
|
+
export function successSVG(options: any): import("lit").TemplateResult<1>;
|
|
4
|
+
export function warningSVG(options: any): import("lit").TemplateResult<1>;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* Toast helper function options
|
|
3
3
|
* @typedef {Object} ToastOptions
|
|
4
4
|
* @property {(number|string)} [id] Custom identifier
|
|
5
|
-
* @property {('success'|'error'|'warning'
|
|
5
|
+
* @property {('success'|'error'|'warning')} [type] Type of alert
|
|
6
6
|
* @property {String} [text] The toast message. Only needed when updating text on existing toast
|
|
7
7
|
* @property {(number|string)} [duration] Duration of toast in milliseconds. Defaults to 5000. For accessibility reasons, toasts should never be interactive and therefore need to auto remove. If you must disable auto remove, set duration to Number.POSITIVE_INFINITY.
|
|
8
8
|
* @property {Boolean} [canClose] Whether the toast can be dismissed. Defaults to false. WARNING! For accessibility reasons, toasts should not be interactive and canclose should always be false. If the toast absolutely must be dismissble, set this to true.
|
|
@@ -49,7 +49,7 @@ export type ToastOptions = {
|
|
|
49
49
|
/**
|
|
50
50
|
* Type of alert
|
|
51
51
|
*/
|
|
52
|
-
type?: ('success' | 'error' | 'warning'
|
|
52
|
+
type?: ('success' | 'error' | 'warning');
|
|
53
53
|
/**
|
|
54
54
|
* The toast message. Only needed when updating text on existing toast
|
|
55
55
|
*/
|
|
@@ -63,4 +63,4 @@ export type ToastOptions = {
|
|
|
63
63
|
*/
|
|
64
64
|
canClose?: boolean;
|
|
65
65
|
};
|
|
66
|
-
import { LitElement } from
|
|
66
|
+
import { LitElement } from 'lit';
|
|
@@ -27,13 +27,12 @@ export class WarpToast extends LitElement {
|
|
|
27
27
|
canclose: boolean;
|
|
28
28
|
updated(): void;
|
|
29
29
|
_expanded: boolean;
|
|
30
|
-
get _primaryClasses(): import(".pnpm/lit-html@2.
|
|
31
|
-
get _iconClasses(): import(".pnpm/lit-html@2.
|
|
30
|
+
get _primaryClasses(): import(".pnpm/lit-html@2.7.5/node_modules/lit-html/directive").DirectiveResult<typeof import(".pnpm/lit-html@2.7.5/node_modules/lit-html/directives/class-map").ClassMapDirective>;
|
|
31
|
+
get _iconClasses(): import(".pnpm/lit-html@2.7.5/node_modules/lit-html/directive").DirectiveResult<typeof import(".pnpm/lit-html@2.7.5/node_modules/lit-html/directives/class-map").ClassMapDirective>;
|
|
32
32
|
get _wrapper(): HTMLElement;
|
|
33
33
|
get _success(): boolean;
|
|
34
34
|
get _warning(): boolean;
|
|
35
35
|
get _error(): boolean;
|
|
36
|
-
get _info(): boolean;
|
|
37
36
|
get _role(): "alert" | "status";
|
|
38
37
|
get _typeLabel(): "Vellykket" | "Feil" | "Varsel" | "Info";
|
|
39
38
|
get _iconMarkup(): import("lit").TemplateResult<1>;
|
|
@@ -41,4 +40,4 @@ export class WarpToast extends LitElement {
|
|
|
41
40
|
close(): void;
|
|
42
41
|
render(): import("lit").TemplateResult<1>;
|
|
43
42
|
}
|
|
44
|
-
import { LitElement } from
|
|
43
|
+
import { LitElement } from 'lit';
|
|
@@ -15,7 +15,7 @@ export class ExpandTransition extends LitElement {
|
|
|
15
15
|
_removeElement: boolean;
|
|
16
16
|
willUpdate(): void;
|
|
17
17
|
updated(): void;
|
|
18
|
-
get _wrapper():
|
|
18
|
+
get _wrapper(): this;
|
|
19
19
|
render(): import("lit").TemplateResult<1>;
|
|
20
20
|
}
|
|
21
|
-
import { LitElement } from
|
|
21
|
+
import { LitElement } from 'lit';
|
|
@@ -6,6 +6,5 @@ export function kebabCaseAttributes(constructor: any): {
|
|
|
6
6
|
createProperty(name: any, options: any): void;
|
|
7
7
|
};
|
|
8
8
|
export function classes(defn: any): string;
|
|
9
|
-
export function fclasses(definition: any): import(".pnpm/lit-html@2.
|
|
9
|
+
export function fclasses(definition: any): import(".pnpm/lit-html@2.7.5/node_modules/lit-html/directive").DirectiveResult<typeof import(".pnpm/lit-html@2.7.5/node_modules/lit-html/directives/class-map").ClassMapDirective>;
|
|
10
10
|
export function generateRandomId(): string;
|
|
11
|
-
export const windowExists: boolean;
|
|
@@ -6,6 +6,6 @@ export class UnstyledHeading extends LitElement {
|
|
|
6
6
|
};
|
|
7
7
|
static styles: import("lit").CSSResult[];
|
|
8
8
|
get _markup(): string;
|
|
9
|
-
render(): import(".pnpm/lit-html@2.
|
|
9
|
+
render(): import(".pnpm/lit-html@2.7.5/node_modules/lit-html/directive.js").DirectiveResult<typeof import("lit/directives/unsafe-html.js").UnsafeHTMLDirective>;
|
|
10
10
|
}
|
|
11
|
-
import { LitElement } from
|
|
11
|
+
import { LitElement } from 'lit';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const windowExists: boolean;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@warp-ds/elements",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "1.0.0
|
|
4
|
+
"version": "1.0.0",
|
|
5
5
|
"description": "Custom elements for Warp",
|
|
6
6
|
"exports": {
|
|
7
7
|
".": "./dist/index.js",
|
|
@@ -17,15 +17,13 @@
|
|
|
17
17
|
"build:api": "npx esbuild ./packages/toast/api.js --outdir=dist --target=es2017 --bundle --sourcemap --format=esm --minify",
|
|
18
18
|
"build:npm": "npx esbuild ./index.js --outdir=dist/ --target=es2017 --bundle --sourcemap --format=esm --minify",
|
|
19
19
|
"watch:npm": "npx esbuild ./index.js --outdir=dist/ --target=es2017 --bundle --sourcemap --format=esm --minify --watch",
|
|
20
|
-
"build": "pnpm run build:elements && tsc && vite build --mode lib ",
|
|
20
|
+
"build": "pnpm run build:elements && tsc && vite build --mode lib && pnpm run build:api",
|
|
21
21
|
"format": "prettier --write . --ignore-path .gitignore",
|
|
22
22
|
"lint": "npm run lint:format && pnpm run lint:eslint",
|
|
23
23
|
"lint:format": "prettier --check . --ignore-path .gitignore",
|
|
24
24
|
"lint:eslint": "eslint . --ext js,cjs,mjs --ignore-path .gitignore",
|
|
25
25
|
"dev": "vite",
|
|
26
26
|
"build:docs": "vite build && cp CNAME site",
|
|
27
|
-
"eik:login": "eik login",
|
|
28
|
-
"eik:publish": "eik publish",
|
|
29
27
|
"test:mock-backend": "node ./tests/utils/broadcast-backend.js",
|
|
30
28
|
"test:mock-backend:ci": "node ./tests/utils/broadcast-backend.js &",
|
|
31
29
|
"test": "tap ./packages/**/test.js --no-check-coverage",
|
|
@@ -39,48 +37,46 @@
|
|
|
39
37
|
},
|
|
40
38
|
"license": "Apache-2.0",
|
|
41
39
|
"devDependencies": {
|
|
42
|
-
"@babel/core": "7.
|
|
43
|
-
"@babel/eslint-parser": "7.
|
|
40
|
+
"@babel/core": "7.22.5",
|
|
41
|
+
"@babel/eslint-parser": "7.22.5",
|
|
44
42
|
"@chbphone55/classnames": "2.0.0",
|
|
45
43
|
"@eik/cli": "^2.0.22",
|
|
46
|
-
"@
|
|
47
|
-
"@semantic-release/
|
|
48
|
-
"
|
|
49
|
-
"@warp-ds/uno": "^1.0.0-alpha.5",
|
|
50
|
-
"autoprefixer": "10.4.13",
|
|
44
|
+
"@semantic-release/changelog": "^6.0.3",
|
|
45
|
+
"@semantic-release/git": "^10.0.1",
|
|
46
|
+
"autoprefixer": "10.4.14",
|
|
51
47
|
"cors": "2.8.5",
|
|
52
|
-
"cssnano": "5.1.14",
|
|
53
48
|
"cz-conventional-changelog": "3.3.0",
|
|
54
49
|
"element-collapse": "1.1.0",
|
|
55
|
-
"esbuild": "0.
|
|
56
|
-
"eslint": "8.
|
|
50
|
+
"esbuild": "0.18.6",
|
|
51
|
+
"eslint": "8.43.0",
|
|
57
52
|
"express": "4.18.2",
|
|
58
|
-
"fastify": "4.
|
|
59
|
-
"lerna": "
|
|
53
|
+
"fastify": "4.18.0",
|
|
54
|
+
"lerna": "7.0.2",
|
|
60
55
|
"npm-run-all": "4.1.5",
|
|
61
|
-
"playwright": "1.
|
|
62
|
-
"postcss": "8.4.
|
|
56
|
+
"playwright": "1.35.1",
|
|
57
|
+
"postcss": "8.4.24",
|
|
63
58
|
"postcss-import": "15.1.0",
|
|
64
59
|
"postcss-import-svg": "1.0.5",
|
|
65
60
|
"postcss-syntax": "0.36.2",
|
|
66
|
-
"prettier": "2.8.
|
|
67
|
-
"rimraf": "
|
|
68
|
-
"semantic-release": "
|
|
69
|
-
"semantic-release-slack-bot": "
|
|
70
|
-
"tap": "16.3.
|
|
71
|
-
"typescript": "
|
|
72
|
-
"unocss": "^0.
|
|
73
|
-
"vite": "3.
|
|
61
|
+
"prettier": "2.8.8",
|
|
62
|
+
"rimraf": "5.0.1",
|
|
63
|
+
"semantic-release": "^21.0.7",
|
|
64
|
+
"semantic-release-slack-bot": "^4.0.2",
|
|
65
|
+
"tap": "16.3.6",
|
|
66
|
+
"typescript": "5.1.3",
|
|
67
|
+
"unocss": "^0.53.1",
|
|
68
|
+
"vite": "4.3.9",
|
|
74
69
|
"vite-plugin-html": "3.2.0"
|
|
75
70
|
},
|
|
76
71
|
"dependencies": {
|
|
77
72
|
"@fabric-ds/icons": "0.6.7",
|
|
78
|
-
"@open-wc/testing": "3.
|
|
79
|
-
"@warp-ds/
|
|
80
|
-
"@warp-ds/
|
|
73
|
+
"@open-wc/testing": "3.2.0",
|
|
74
|
+
"@warp-ds/core": "1.0.0",
|
|
75
|
+
"@warp-ds/uno": "^1.0.0",
|
|
76
|
+
"@warp-ds/css": "^1.0.0",
|
|
81
77
|
"glob": "8.1.0",
|
|
82
|
-
"html-format": "1.
|
|
83
|
-
"lit": "2.
|
|
78
|
+
"html-format": "1.1.2",
|
|
79
|
+
"lit": "2.7.5"
|
|
84
80
|
},
|
|
85
81
|
"publishConfig": {
|
|
86
82
|
"access": "public"
|