@folkehelseinstituttet/designsystem 0.14.0 → 0.16.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/fhi-icon-filter.js +52 -0
- package/fhi-icon-filter.js.map +1 -0
- package/fhi-icon-history.js +52 -0
- package/fhi-icon-history.js.map +1 -0
- package/fhi-icon-lock-open.js +52 -0
- package/fhi-icon-lock-open.js.map +1 -0
- package/fhi-icon-message.js +52 -0
- package/fhi-icon-message.js.map +1 -0
- package/fhi-icon-octagon-alert.js +52 -0
- package/fhi-icon-octagon-alert.js.map +1 -0
- package/fhi-icon-phone.js +52 -0
- package/fhi-icon-phone.js.map +1 -0
- package/fhi-icon-triangle-alert.js +52 -0
- package/fhi-icon-triangle-alert.js.map +1 -0
- package/index.js +234 -213
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/theme/default.css +1 -1
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { i as h, n as c, a as p, x as u, t as m } from "./property-DYwjZ69W.js";
|
|
2
|
+
var x = Object.defineProperty, z = Object.getOwnPropertyDescriptor, l = (a, r, i, s) => {
|
|
3
|
+
for (var e = s > 1 ? void 0 : s ? z(r, i) : r, n = a.length - 1, o; n >= 0; n--)
|
|
4
|
+
(o = a[n]) && (e = (s ? o(r, i, e) : o(e)) || e);
|
|
5
|
+
return s && e && x(r, i, e), e;
|
|
6
|
+
};
|
|
7
|
+
const f = "fhi-icon-filter";
|
|
8
|
+
let t = class extends p {
|
|
9
|
+
constructor() {
|
|
10
|
+
super(...arguments), this.color = "currentcolor", this.size = "medium";
|
|
11
|
+
}
|
|
12
|
+
get _size() {
|
|
13
|
+
switch (this.size) {
|
|
14
|
+
case "xsmall":
|
|
15
|
+
return "16px";
|
|
16
|
+
case "small":
|
|
17
|
+
return "20px";
|
|
18
|
+
case "medium":
|
|
19
|
+
return "24px";
|
|
20
|
+
case "large":
|
|
21
|
+
return "32px";
|
|
22
|
+
default:
|
|
23
|
+
return isNaN(Number(this.size)) ? (console.warn(`Invalid size value: ${this.size}. Falling back to default size '24px'.`), "24px") : `${this.size}px`;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
render() {
|
|
27
|
+
return u`
|
|
28
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${this._size}" height="${this._size}" fill="${this.color}"><path d="M14 17.25a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1 0-1.5zm3-6a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1 0-1.5zm4-6a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1 0-1.5z"/></svg>
|
|
29
|
+
`;
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
t.styles = h`
|
|
33
|
+
:host {
|
|
34
|
+
display: flex;
|
|
35
|
+
max-height: min-content;
|
|
36
|
+
max-width: min-content;
|
|
37
|
+
}
|
|
38
|
+
`;
|
|
39
|
+
l([
|
|
40
|
+
c({ type: String })
|
|
41
|
+
], t.prototype, "color", 2);
|
|
42
|
+
l([
|
|
43
|
+
c({ type: String })
|
|
44
|
+
], t.prototype, "size", 2);
|
|
45
|
+
t = l([
|
|
46
|
+
m(f)
|
|
47
|
+
], t);
|
|
48
|
+
export {
|
|
49
|
+
t as FhiIconFilter,
|
|
50
|
+
f as FhiIconFilterSelector
|
|
51
|
+
};
|
|
52
|
+
//# sourceMappingURL=fhi-icon-filter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fhi-icon-filter.js","sources":["../../src/components/icons/fhi-icon-filter.component.ts"],"sourcesContent":["\n/*\n This file is auto-generated by generate-icon-components.js. Do not edit it manually.\n*/\nimport { html, css, LitElement } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\n\nexport const FhiIconFilterSelector = \"fhi-icon-filter\";\n\n@customElement(FhiIconFilterSelector)\nexport class FhiIconFilter extends LitElement {\n @property({ type: String }) color: string = \"currentcolor\";\n @property({ type: String }) size: 'xsmall' | 'small' | 'medium' | 'large' | number = 'medium';\n private get _size(): string {\n switch (this.size) {\n case 'xsmall': \n return '16px'; \n case 'small':\n return '20px';\n case 'medium':\n return '24px'; \n case 'large':\n return '32px'; \n default:\n if (isNaN(Number(this.size))) {\n console.warn(`Invalid size value: ${this.size}. Falling back to default size '24px'.`)\n return '24px';\n }\n return `${this.size}px`;\n }\n }\n\n render() {\n return html`\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"${this._size}\" height=\"${this._size}\" fill=\"${this.color}\"><path d=\"M14 17.25a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1 0-1.5zm3-6a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1 0-1.5zm4-6a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1 0-1.5z\"/></svg>\n `;\n }\n \n static styles = css`\n :host {\n display: flex;\n max-height: min-content;\n max-width: min-content;\n }\n `;\n }\n"],"names":["FhiIconFilterSelector","FhiIconFilter","LitElement","html","css","__decorateClass","property","customElement"],"mappings":";;;;;;AAOO,MAAMA,IAAwB;AAG9B,IAAMC,IAAN,cAA4BC,EAAW;AAAA,EAAvC,cAAA;AAAA,UAAA,GAAA,SAAA,GACuB,KAAA,QAAgB,gBAChB,KAAA,OAAyD;AAAA,EAAA;AAAA,EACrF,IAAY,QAAgB;AAC1B,YAAQ,KAAK,MAAA;AAAA,MACX,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAI,MAAM,OAAO,KAAK,IAAI,CAAC,KACzB,QAAQ,KAAK,uBAAuB,KAAK,IAAI,wCAAwC,GAC9E,UAEF,GAAG,KAAK,IAAI;AAAA,IAAA;AAAA,EAEzB;AAAA,EAEA,SAAS;AACP,WAAOC;AAAAA,2EACgE,KAAK,KAAK,aAAa,KAAK,KAAK,WAAW,KAAK,KAAK;AAAA;AAAA,EAE/H;AASA;AAnCWF,EA4BJ,SAASG;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AA3BYC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GADfL,EACiB,WAAA,SAAA,CAAA;AACAI,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAFfL,EAEiB,WAAA,QAAA,CAAA;AAFjBA,IAANI,EAAA;AAAA,EADNE,EAAcP,CAAqB;AAAA,GACvBC,CAAA;"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { i as h, n as c, a as p, x as u, t as m } from "./property-DYwjZ69W.js";
|
|
2
|
+
var x = Object.defineProperty, v = Object.getOwnPropertyDescriptor, n = (a, s, i, r) => {
|
|
3
|
+
for (var e = r > 1 ? void 0 : r ? v(s, i) : s, o = a.length - 1, l; o >= 0; o--)
|
|
4
|
+
(l = a[o]) && (e = (r ? l(s, i, e) : l(e)) || e);
|
|
5
|
+
return r && e && x(s, i, e), e;
|
|
6
|
+
};
|
|
7
|
+
const f = "fhi-icon-history";
|
|
8
|
+
let t = class extends p {
|
|
9
|
+
constructor() {
|
|
10
|
+
super(...arguments), this.color = "currentcolor", this.size = "medium";
|
|
11
|
+
}
|
|
12
|
+
get _size() {
|
|
13
|
+
switch (this.size) {
|
|
14
|
+
case "xsmall":
|
|
15
|
+
return "16px";
|
|
16
|
+
case "small":
|
|
17
|
+
return "20px";
|
|
18
|
+
case "medium":
|
|
19
|
+
return "24px";
|
|
20
|
+
case "large":
|
|
21
|
+
return "32px";
|
|
22
|
+
default:
|
|
23
|
+
return isNaN(Number(this.size)) ? (console.warn(`Invalid size value: ${this.size}. Falling back to default size '24px'.`), "24px") : `${this.size}px`;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
render() {
|
|
27
|
+
return u`
|
|
28
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${this._size}" height="${this._size}" fill="${this.color}"><path d="M12 2.25A9.751 9.751 0 1 1 2.25 12a.75.75 0 0 1 1.5 0 8.25 8.25 0 1 0 8.251-8.25 9 9 0 0 0-6.22 2.53l-.97.97H8a.75.75 0 0 1 0 1.5H3A.75.75 0 0 1 2.25 8V3a.75.75 0 0 1 1.5 0v3.19l.988-.989a10.5 10.5 0 0 1 7.26-2.951zm0 4a.75.75 0 0 1 .75.75v4.536l3.585 1.793a.75.75 0 0 1-.67 1.342l-4-2A.75.75 0 0 1 11.25 12V7a.75.75 0 0 1 .75-.75"/></svg>
|
|
29
|
+
`;
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
t.styles = h`
|
|
33
|
+
:host {
|
|
34
|
+
display: flex;
|
|
35
|
+
max-height: min-content;
|
|
36
|
+
max-width: min-content;
|
|
37
|
+
}
|
|
38
|
+
`;
|
|
39
|
+
n([
|
|
40
|
+
c({ type: String })
|
|
41
|
+
], t.prototype, "color", 2);
|
|
42
|
+
n([
|
|
43
|
+
c({ type: String })
|
|
44
|
+
], t.prototype, "size", 2);
|
|
45
|
+
t = n([
|
|
46
|
+
m(f)
|
|
47
|
+
], t);
|
|
48
|
+
export {
|
|
49
|
+
t as FhiIconHistory,
|
|
50
|
+
f as FhiIconHistorySelector
|
|
51
|
+
};
|
|
52
|
+
//# sourceMappingURL=fhi-icon-history.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fhi-icon-history.js","sources":["../../src/components/icons/fhi-icon-history.component.ts"],"sourcesContent":["\n/*\n This file is auto-generated by generate-icon-components.js. Do not edit it manually.\n*/\nimport { html, css, LitElement } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\n\nexport const FhiIconHistorySelector = \"fhi-icon-history\";\n\n@customElement(FhiIconHistorySelector)\nexport class FhiIconHistory extends LitElement {\n @property({ type: String }) color: string = \"currentcolor\";\n @property({ type: String }) size: 'xsmall' | 'small' | 'medium' | 'large' | number = 'medium';\n private get _size(): string {\n switch (this.size) {\n case 'xsmall': \n return '16px'; \n case 'small':\n return '20px';\n case 'medium':\n return '24px'; \n case 'large':\n return '32px'; \n default:\n if (isNaN(Number(this.size))) {\n console.warn(`Invalid size value: ${this.size}. Falling back to default size '24px'.`)\n return '24px';\n }\n return `${this.size}px`;\n }\n }\n\n render() {\n return html`\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"${this._size}\" height=\"${this._size}\" fill=\"${this.color}\"><path d=\"M12 2.25A9.751 9.751 0 1 1 2.25 12a.75.75 0 0 1 1.5 0 8.25 8.25 0 1 0 8.251-8.25 9 9 0 0 0-6.22 2.53l-.97.97H8a.75.75 0 0 1 0 1.5H3A.75.75 0 0 1 2.25 8V3a.75.75 0 0 1 1.5 0v3.19l.988-.989a10.5 10.5 0 0 1 7.26-2.951zm0 4a.75.75 0 0 1 .75.75v4.536l3.585 1.793a.75.75 0 0 1-.67 1.342l-4-2A.75.75 0 0 1 11.25 12V7a.75.75 0 0 1 .75-.75\"/></svg>\n `;\n }\n \n static styles = css`\n :host {\n display: flex;\n max-height: min-content;\n max-width: min-content;\n }\n `;\n }\n"],"names":["FhiIconHistorySelector","FhiIconHistory","LitElement","html","css","__decorateClass","property","customElement"],"mappings":";;;;;;AAOO,MAAMA,IAAyB;AAG/B,IAAMC,IAAN,cAA6BC,EAAW;AAAA,EAAxC,cAAA;AAAA,UAAA,GAAA,SAAA,GACuB,KAAA,QAAgB,gBAChB,KAAA,OAAyD;AAAA,EAAA;AAAA,EACrF,IAAY,QAAgB;AAC1B,YAAQ,KAAK,MAAA;AAAA,MACX,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAI,MAAM,OAAO,KAAK,IAAI,CAAC,KACzB,QAAQ,KAAK,uBAAuB,KAAK,IAAI,wCAAwC,GAC9E,UAEF,GAAG,KAAK,IAAI;AAAA,IAAA;AAAA,EAEzB;AAAA,EAEA,SAAS;AACP,WAAOC;AAAAA,2EACgE,KAAK,KAAK,aAAa,KAAK,KAAK,WAAW,KAAK,KAAK;AAAA;AAAA,EAE/H;AASA;AAnCWF,EA4BJ,SAASG;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AA3BYC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GADfL,EACiB,WAAA,SAAA,CAAA;AACAI,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAFfL,EAEiB,WAAA,QAAA,CAAA;AAFjBA,IAANI,EAAA;AAAA,EADNE,EAAcP,CAAsB;AAAA,GACxBC,CAAA;"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { i as a, n as p, a as h, x as u, t as v } from "./property-DYwjZ69W.js";
|
|
2
|
+
var x = Object.defineProperty, m = Object.getOwnPropertyDescriptor, c = (l, s, i, r) => {
|
|
3
|
+
for (var e = r > 1 ? void 0 : r ? m(s, i) : s, o = l.length - 1, n; o >= 0; o--)
|
|
4
|
+
(n = l[o]) && (e = (r ? n(s, i, e) : n(e)) || e);
|
|
5
|
+
return r && e && x(s, i, e), e;
|
|
6
|
+
};
|
|
7
|
+
const f = "fhi-icon-lock-open";
|
|
8
|
+
let t = class extends h {
|
|
9
|
+
constructor() {
|
|
10
|
+
super(...arguments), this.color = "currentcolor", this.size = "medium";
|
|
11
|
+
}
|
|
12
|
+
get _size() {
|
|
13
|
+
switch (this.size) {
|
|
14
|
+
case "xsmall":
|
|
15
|
+
return "16px";
|
|
16
|
+
case "small":
|
|
17
|
+
return "20px";
|
|
18
|
+
case "medium":
|
|
19
|
+
return "24px";
|
|
20
|
+
case "large":
|
|
21
|
+
return "32px";
|
|
22
|
+
default:
|
|
23
|
+
return isNaN(Number(this.size)) ? (console.warn(`Invalid size value: ${this.size}. Falling back to default size '24px'.`), "24px") : `${this.size}px`;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
render() {
|
|
27
|
+
return u`
|
|
28
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${this._size}" height="${this._size}" fill="${this.color}"><path d="M11.422 1.275a5.75 5.75 0 0 1 6.213 4.576.751.751 0 0 1-1.47.299A4.25 4.25 0 0 0 7.75 7v3.25H19A2.75 2.75 0 0 1 21.75 13v7A2.75 2.75 0 0 1 19 22.75H5A2.75 2.75 0 0 1 2.25 20v-7A2.75 2.75 0 0 1 5 10.25h1.25V7a5.75 5.75 0 0 1 5.172-5.725M5 11.75c-.69 0-1.25.56-1.25 1.25v7c0 .69.56 1.25 1.25 1.25h14c.69 0 1.25-.56 1.25-1.25v-7c0-.69-.56-1.25-1.25-1.25z"/></svg>
|
|
29
|
+
`;
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
t.styles = a`
|
|
33
|
+
:host {
|
|
34
|
+
display: flex;
|
|
35
|
+
max-height: min-content;
|
|
36
|
+
max-width: min-content;
|
|
37
|
+
}
|
|
38
|
+
`;
|
|
39
|
+
c([
|
|
40
|
+
p({ type: String })
|
|
41
|
+
], t.prototype, "color", 2);
|
|
42
|
+
c([
|
|
43
|
+
p({ type: String })
|
|
44
|
+
], t.prototype, "size", 2);
|
|
45
|
+
t = c([
|
|
46
|
+
v(f)
|
|
47
|
+
], t);
|
|
48
|
+
export {
|
|
49
|
+
t as FhiIconLockOpen,
|
|
50
|
+
f as FhiIconLockOpenSelector
|
|
51
|
+
};
|
|
52
|
+
//# sourceMappingURL=fhi-icon-lock-open.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fhi-icon-lock-open.js","sources":["../../src/components/icons/fhi-icon-lock-open.component.ts"],"sourcesContent":["\n/*\n This file is auto-generated by generate-icon-components.js. Do not edit it manually.\n*/\nimport { html, css, LitElement } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\n\nexport const FhiIconLockOpenSelector = \"fhi-icon-lock-open\";\n\n@customElement(FhiIconLockOpenSelector)\nexport class FhiIconLockOpen extends LitElement {\n @property({ type: String }) color: string = \"currentcolor\";\n @property({ type: String }) size: 'xsmall' | 'small' | 'medium' | 'large' | number = 'medium';\n private get _size(): string {\n switch (this.size) {\n case 'xsmall': \n return '16px'; \n case 'small':\n return '20px';\n case 'medium':\n return '24px'; \n case 'large':\n return '32px'; \n default:\n if (isNaN(Number(this.size))) {\n console.warn(`Invalid size value: ${this.size}. Falling back to default size '24px'.`)\n return '24px';\n }\n return `${this.size}px`;\n }\n }\n\n render() {\n return html`\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"${this._size}\" height=\"${this._size}\" fill=\"${this.color}\"><path d=\"M11.422 1.275a5.75 5.75 0 0 1 6.213 4.576.751.751 0 0 1-1.47.299A4.25 4.25 0 0 0 7.75 7v3.25H19A2.75 2.75 0 0 1 21.75 13v7A2.75 2.75 0 0 1 19 22.75H5A2.75 2.75 0 0 1 2.25 20v-7A2.75 2.75 0 0 1 5 10.25h1.25V7a5.75 5.75 0 0 1 5.172-5.725M5 11.75c-.69 0-1.25.56-1.25 1.25v7c0 .69.56 1.25 1.25 1.25h14c.69 0 1.25-.56 1.25-1.25v-7c0-.69-.56-1.25-1.25-1.25z\"/></svg>\n `;\n }\n \n static styles = css`\n :host {\n display: flex;\n max-height: min-content;\n max-width: min-content;\n }\n `;\n }\n"],"names":["FhiIconLockOpenSelector","FhiIconLockOpen","LitElement","html","css","__decorateClass","property","customElement"],"mappings":";;;;;;AAOO,MAAMA,IAA0B;AAGhC,IAAMC,IAAN,cAA8BC,EAAW;AAAA,EAAzC,cAAA;AAAA,UAAA,GAAA,SAAA,GACuB,KAAA,QAAgB,gBAChB,KAAA,OAAyD;AAAA,EAAA;AAAA,EACrF,IAAY,QAAgB;AAC1B,YAAQ,KAAK,MAAA;AAAA,MACX,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAI,MAAM,OAAO,KAAK,IAAI,CAAC,KACzB,QAAQ,KAAK,uBAAuB,KAAK,IAAI,wCAAwC,GAC9E,UAEF,GAAG,KAAK,IAAI;AAAA,IAAA;AAAA,EAEzB;AAAA,EAEA,SAAS;AACP,WAAOC;AAAAA,2EACgE,KAAK,KAAK,aAAa,KAAK,KAAK,WAAW,KAAK,KAAK;AAAA;AAAA,EAE/H;AASA;AAnCWF,EA4BJ,SAASG;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AA3BYC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GADfL,EACiB,WAAA,SAAA,CAAA;AACAI,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAFfL,EAEiB,WAAA,QAAA,CAAA;AAFjBA,IAANI,EAAA;AAAA,EADNE,EAAcP,CAAuB;AAAA,GACzBC,CAAA;"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { i as p, n as c, a as h, x as u, t as m } from "./property-DYwjZ69W.js";
|
|
2
|
+
var x = Object.defineProperty, g = Object.getOwnPropertyDescriptor, o = (l, t, i, r) => {
|
|
3
|
+
for (var e = r > 1 ? void 0 : r ? g(t, i) : t, a = l.length - 1, n; a >= 0; a--)
|
|
4
|
+
(n = l[a]) && (e = (r ? n(t, i, e) : n(e)) || e);
|
|
5
|
+
return r && e && x(t, i, e), e;
|
|
6
|
+
};
|
|
7
|
+
const f = "fhi-icon-message";
|
|
8
|
+
let s = class extends h {
|
|
9
|
+
constructor() {
|
|
10
|
+
super(...arguments), this.color = "currentcolor", this.size = "medium";
|
|
11
|
+
}
|
|
12
|
+
get _size() {
|
|
13
|
+
switch (this.size) {
|
|
14
|
+
case "xsmall":
|
|
15
|
+
return "16px";
|
|
16
|
+
case "small":
|
|
17
|
+
return "20px";
|
|
18
|
+
case "medium":
|
|
19
|
+
return "24px";
|
|
20
|
+
case "large":
|
|
21
|
+
return "32px";
|
|
22
|
+
default:
|
|
23
|
+
return isNaN(Number(this.size)) ? (console.warn(`Invalid size value: ${this.size}. Falling back to default size '24px'.`), "24px") : `${this.size}px`;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
render() {
|
|
27
|
+
return u`
|
|
28
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${this._size}" height="${this._size}" fill="${this.color}"><path d="M6.266 4.112a9.75 9.75 0 0 1 12.636.985 9.752 9.752 0 0 1-4.638 16.38 9.75 9.75 0 0 1-6.416-.669L2.241 22.71a.75.75 0 0 1-.951-.95l1.9-5.61a9.75 9.75 0 0 1-.668-6.414 9.75 9.75 0 0 1 3.744-5.623m6.383-.345a8.251 8.251 0 0 0-7.982 11.99.75.75 0 0 1 .042.583l-1.512 4.461 4.462-1.511.073-.02a.75.75 0 0 1 .51.063 8.252 8.252 0 0 0 9.6-13.175 8.25 8.25 0 0 0-5.193-2.39"/></svg>
|
|
29
|
+
`;
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
s.styles = p`
|
|
33
|
+
:host {
|
|
34
|
+
display: flex;
|
|
35
|
+
max-height: min-content;
|
|
36
|
+
max-width: min-content;
|
|
37
|
+
}
|
|
38
|
+
`;
|
|
39
|
+
o([
|
|
40
|
+
c({ type: String })
|
|
41
|
+
], s.prototype, "color", 2);
|
|
42
|
+
o([
|
|
43
|
+
c({ type: String })
|
|
44
|
+
], s.prototype, "size", 2);
|
|
45
|
+
s = o([
|
|
46
|
+
m(f)
|
|
47
|
+
], s);
|
|
48
|
+
export {
|
|
49
|
+
s as FhiIconMessage,
|
|
50
|
+
f as FhiIconMessageSelector
|
|
51
|
+
};
|
|
52
|
+
//# sourceMappingURL=fhi-icon-message.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fhi-icon-message.js","sources":["../../src/components/icons/fhi-icon-message.component.ts"],"sourcesContent":["\n/*\n This file is auto-generated by generate-icon-components.js. Do not edit it manually.\n*/\nimport { html, css, LitElement } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\n\nexport const FhiIconMessageSelector = \"fhi-icon-message\";\n\n@customElement(FhiIconMessageSelector)\nexport class FhiIconMessage extends LitElement {\n @property({ type: String }) color: string = \"currentcolor\";\n @property({ type: String }) size: 'xsmall' | 'small' | 'medium' | 'large' | number = 'medium';\n private get _size(): string {\n switch (this.size) {\n case 'xsmall': \n return '16px'; \n case 'small':\n return '20px';\n case 'medium':\n return '24px'; \n case 'large':\n return '32px'; \n default:\n if (isNaN(Number(this.size))) {\n console.warn(`Invalid size value: ${this.size}. Falling back to default size '24px'.`)\n return '24px';\n }\n return `${this.size}px`;\n }\n }\n\n render() {\n return html`\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"${this._size}\" height=\"${this._size}\" fill=\"${this.color}\"><path d=\"M6.266 4.112a9.75 9.75 0 0 1 12.636.985 9.752 9.752 0 0 1-4.638 16.38 9.75 9.75 0 0 1-6.416-.669L2.241 22.71a.75.75 0 0 1-.951-.95l1.9-5.61a9.75 9.75 0 0 1-.668-6.414 9.75 9.75 0 0 1 3.744-5.623m6.383-.345a8.251 8.251 0 0 0-7.982 11.99.75.75 0 0 1 .042.583l-1.512 4.461 4.462-1.511.073-.02a.75.75 0 0 1 .51.063 8.252 8.252 0 0 0 9.6-13.175 8.25 8.25 0 0 0-5.193-2.39\"/></svg>\n `;\n }\n \n static styles = css`\n :host {\n display: flex;\n max-height: min-content;\n max-width: min-content;\n }\n `;\n }\n"],"names":["FhiIconMessageSelector","FhiIconMessage","LitElement","html","css","__decorateClass","property","customElement"],"mappings":";;;;;;AAOO,MAAMA,IAAyB;AAG/B,IAAMC,IAAN,cAA6BC,EAAW;AAAA,EAAxC,cAAA;AAAA,UAAA,GAAA,SAAA,GACuB,KAAA,QAAgB,gBAChB,KAAA,OAAyD;AAAA,EAAA;AAAA,EACrF,IAAY,QAAgB;AAC1B,YAAQ,KAAK,MAAA;AAAA,MACX,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAI,MAAM,OAAO,KAAK,IAAI,CAAC,KACzB,QAAQ,KAAK,uBAAuB,KAAK,IAAI,wCAAwC,GAC9E,UAEF,GAAG,KAAK,IAAI;AAAA,IAAA;AAAA,EAEzB;AAAA,EAEA,SAAS;AACP,WAAOC;AAAAA,2EACgE,KAAK,KAAK,aAAa,KAAK,KAAK,WAAW,KAAK,KAAK;AAAA;AAAA,EAE/H;AASA;AAnCWF,EA4BJ,SAASG;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AA3BYC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GADfL,EACiB,WAAA,SAAA,CAAA;AACAI,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAFfL,EAEiB,WAAA,QAAA,CAAA;AAFjBA,IAANI,EAAA;AAAA,EADNE,EAAcP,CAAsB;AAAA,GACxBC,CAAA;"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { i as h, n as c, a as p, x as u, t as v } from "./property-DYwjZ69W.js";
|
|
2
|
+
var x = Object.defineProperty, g = Object.getOwnPropertyDescriptor, o = (n, r, i, s) => {
|
|
3
|
+
for (var e = s > 1 ? void 0 : s ? g(r, i) : r, a = n.length - 1, l; a >= 0; a--)
|
|
4
|
+
(l = n[a]) && (e = (s ? l(r, i, e) : l(e)) || e);
|
|
5
|
+
return s && e && x(r, i, e), e;
|
|
6
|
+
};
|
|
7
|
+
const m = "fhi-icon-octagon-alert";
|
|
8
|
+
let t = class extends p {
|
|
9
|
+
constructor() {
|
|
10
|
+
super(...arguments), this.color = "currentcolor", this.size = "medium";
|
|
11
|
+
}
|
|
12
|
+
get _size() {
|
|
13
|
+
switch (this.size) {
|
|
14
|
+
case "xsmall":
|
|
15
|
+
return "16px";
|
|
16
|
+
case "small":
|
|
17
|
+
return "20px";
|
|
18
|
+
case "medium":
|
|
19
|
+
return "24px";
|
|
20
|
+
case "large":
|
|
21
|
+
return "32px";
|
|
22
|
+
default:
|
|
23
|
+
return isNaN(Number(this.size)) ? (console.warn(`Invalid size value: ${this.size}. Falling back to default size '24px'.`), "24px") : `${this.size}px`;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
render() {
|
|
27
|
+
return u`
|
|
28
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${this._size}" height="${this._size}" fill="${this.color}"><path d="M15.584 1.264a2.75 2.75 0 0 1 1.673.792h-.001l4.687 4.687h.001a2.75 2.75 0 0 1 .806 1.944v6.626a2.75 2.75 0 0 1-.806 1.944v-.001l-4.688 4.687v.001a2.75 2.75 0 0 1-1.944.806H8.689a2.75 2.75 0 0 1-1.945-.806l-4.687-4.688a2.75 2.75 0 0 1-.806-1.944V8.689l.014-.272c.062-.63.34-1.222.792-1.673l4.687-4.687a2.75 2.75 0 0 1 1.944-.806h6.626zM8.688 2.75c-.33 0-.649.132-.883.366L3.116 7.805a1.25 1.25 0 0 0-.366.883v6.624l.006.123c.028.287.155.555.36.76l4.689 4.689.091.083c.223.182.503.283.792.283h6.624c.33 0 .649-.132.883-.366l4.689-4.689.083-.091a1.25 1.25 0 0 0 .283-.792V8.688c0-.33-.132-.649-.366-.883l-4.689-4.689a1.25 1.25 0 0 0-.76-.36l-.123-.006zM12.01 15a1 1 0 1 1 0 2H12a1 1 0 1 1 0-2zM12 7.25a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0V8a.75.75 0 0 1 .75-.75"/></svg>
|
|
29
|
+
`;
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
t.styles = h`
|
|
33
|
+
:host {
|
|
34
|
+
display: flex;
|
|
35
|
+
max-height: min-content;
|
|
36
|
+
max-width: min-content;
|
|
37
|
+
}
|
|
38
|
+
`;
|
|
39
|
+
o([
|
|
40
|
+
c({ type: String })
|
|
41
|
+
], t.prototype, "color", 2);
|
|
42
|
+
o([
|
|
43
|
+
c({ type: String })
|
|
44
|
+
], t.prototype, "size", 2);
|
|
45
|
+
t = o([
|
|
46
|
+
v(m)
|
|
47
|
+
], t);
|
|
48
|
+
export {
|
|
49
|
+
t as FhiIconOctagonAlert,
|
|
50
|
+
m as FhiIconOctagonAlertSelector
|
|
51
|
+
};
|
|
52
|
+
//# sourceMappingURL=fhi-icon-octagon-alert.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fhi-icon-octagon-alert.js","sources":["../../src/components/icons/fhi-icon-octagon-alert.component.ts"],"sourcesContent":["\n/*\n This file is auto-generated by generate-icon-components.js. Do not edit it manually.\n*/\nimport { html, css, LitElement } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\n\nexport const FhiIconOctagonAlertSelector = \"fhi-icon-octagon-alert\";\n\n@customElement(FhiIconOctagonAlertSelector)\nexport class FhiIconOctagonAlert extends LitElement {\n @property({ type: String }) color: string = \"currentcolor\";\n @property({ type: String }) size: 'xsmall' | 'small' | 'medium' | 'large' | number = 'medium';\n private get _size(): string {\n switch (this.size) {\n case 'xsmall': \n return '16px'; \n case 'small':\n return '20px';\n case 'medium':\n return '24px'; \n case 'large':\n return '32px'; \n default:\n if (isNaN(Number(this.size))) {\n console.warn(`Invalid size value: ${this.size}. Falling back to default size '24px'.`)\n return '24px';\n }\n return `${this.size}px`;\n }\n }\n\n render() {\n return html`\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"${this._size}\" height=\"${this._size}\" fill=\"${this.color}\"><path d=\"M15.584 1.264a2.75 2.75 0 0 1 1.673.792h-.001l4.687 4.687h.001a2.75 2.75 0 0 1 .806 1.944v6.626a2.75 2.75 0 0 1-.806 1.944v-.001l-4.688 4.687v.001a2.75 2.75 0 0 1-1.944.806H8.689a2.75 2.75 0 0 1-1.945-.806l-4.687-4.688a2.75 2.75 0 0 1-.806-1.944V8.689l.014-.272c.062-.63.34-1.222.792-1.673l4.687-4.687a2.75 2.75 0 0 1 1.944-.806h6.626zM8.688 2.75c-.33 0-.649.132-.883.366L3.116 7.805a1.25 1.25 0 0 0-.366.883v6.624l.006.123c.028.287.155.555.36.76l4.689 4.689.091.083c.223.182.503.283.792.283h6.624c.33 0 .649-.132.883-.366l4.689-4.689.083-.091a1.25 1.25 0 0 0 .283-.792V8.688c0-.33-.132-.649-.366-.883l-4.689-4.689a1.25 1.25 0 0 0-.76-.36l-.123-.006zM12.01 15a1 1 0 1 1 0 2H12a1 1 0 1 1 0-2zM12 7.25a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0V8a.75.75 0 0 1 .75-.75\"/></svg>\n `;\n }\n \n static styles = css`\n :host {\n display: flex;\n max-height: min-content;\n max-width: min-content;\n }\n `;\n }\n"],"names":["FhiIconOctagonAlertSelector","FhiIconOctagonAlert","LitElement","html","css","__decorateClass","property","customElement"],"mappings":";;;;;;AAOO,MAAMA,IAA8B;AAGpC,IAAMC,IAAN,cAAkCC,EAAW;AAAA,EAA7C,cAAA;AAAA,UAAA,GAAA,SAAA,GACuB,KAAA,QAAgB,gBAChB,KAAA,OAAyD;AAAA,EAAA;AAAA,EACrF,IAAY,QAAgB;AAC1B,YAAQ,KAAK,MAAA;AAAA,MACX,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAI,MAAM,OAAO,KAAK,IAAI,CAAC,KACzB,QAAQ,KAAK,uBAAuB,KAAK,IAAI,wCAAwC,GAC9E,UAEF,GAAG,KAAK,IAAI;AAAA,IAAA;AAAA,EAEzB;AAAA,EAEA,SAAS;AACP,WAAOC;AAAAA,2EACgE,KAAK,KAAK,aAAa,KAAK,KAAK,WAAW,KAAK,KAAK;AAAA;AAAA,EAE/H;AASA;AAnCWF,EA4BJ,SAASG;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AA3BYC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GADfL,EACiB,WAAA,SAAA,CAAA;AACAI,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAFfL,EAEiB,WAAA,QAAA,CAAA;AAFjBA,IAANI,EAAA;AAAA,EADNE,EAAcP,CAA2B;AAAA,GAC7BC,CAAA;"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { i as c, n as h, a as p, x as u, t as x } from "./property-DYwjZ69W.js";
|
|
2
|
+
var m = Object.defineProperty, v = Object.getOwnPropertyDescriptor, n = (o, s, i, r) => {
|
|
3
|
+
for (var e = r > 1 ? void 0 : r ? v(s, i) : s, a = o.length - 1, l; a >= 0; a--)
|
|
4
|
+
(l = o[a]) && (e = (r ? l(s, i, e) : l(e)) || e);
|
|
5
|
+
return r && e && m(s, i, e), e;
|
|
6
|
+
};
|
|
7
|
+
const z = "fhi-icon-phone";
|
|
8
|
+
let t = class extends p {
|
|
9
|
+
constructor() {
|
|
10
|
+
super(...arguments), this.color = "currentcolor", this.size = "medium";
|
|
11
|
+
}
|
|
12
|
+
get _size() {
|
|
13
|
+
switch (this.size) {
|
|
14
|
+
case "xsmall":
|
|
15
|
+
return "16px";
|
|
16
|
+
case "small":
|
|
17
|
+
return "20px";
|
|
18
|
+
case "medium":
|
|
19
|
+
return "24px";
|
|
20
|
+
case "large":
|
|
21
|
+
return "32px";
|
|
22
|
+
default:
|
|
23
|
+
return isNaN(Number(this.size)) ? (console.warn(`Invalid size value: ${this.size}. Falling back to default size '24px'.`), "24px") : `${this.size}px`;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
render() {
|
|
27
|
+
return u`
|
|
28
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${this._size}" height="${this._size}" fill="${this.color}"><path d="M7.11 1.251a2.75 2.75 0 0 1 2.696 2.12l.047.244v.007c.119.904.34 1.79.659 2.645l.062.185a2.75 2.75 0 0 1-.681 2.715l-.003.004-.858.856a15.25 15.25 0 0 0 4.94 4.94l.86-.86a2.75 2.75 0 0 1 2.899-.62c.748.28 1.521.483 2.308.61l.34.05h.005a2.75 2.75 0 0 1 2.365 2.773v2.997a2.75 2.75 0 0 1-.89 2.038 2.75 2.75 0 0 1-2.107.712l-.014-.001a20.54 20.54 0 0 1-8.95-3.183l-.467-.305a20.25 20.25 0 0 1-5.761-5.921A20.54 20.54 0 0 1 1.374 4.26l-.002-.012A2.755 2.755 0 0 1 3 1.484a2.75 2.75 0 0 1 1.11-.234zM3.98 2.757a1.253 1.253 0 0 0-1.115 1.35 19 19 0 0 0 2.657 7.86l.297.475.003.006a18.75 18.75 0 0 0 5.338 5.487l.432.282.006.004a19.04 19.04 0 0 0 8.288 2.952 1.26 1.26 0 0 0 .959-.323 1.25 1.25 0 0 0 .404-.927V16.92l.001-.019a1.25 1.25 0 0 0-1.075-1.268v-.001a13.6 13.6 0 0 1-2.968-.74h-.002a1.25 1.25 0 0 0-1.318.282L14.62 16.44a.75.75 0 0 1-.901.122 16.75 16.75 0 0 1-6.281-6.28.75.75 0 0 1 .122-.902l1.27-1.27a1.25 1.25 0 0 0 .278-1.316l-.001-.002a13.6 13.6 0 0 1-.74-2.967l-.021-.111a1.25 1.25 0 0 0-1.229-.964H4.11z"/></svg>
|
|
29
|
+
`;
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
t.styles = c`
|
|
33
|
+
:host {
|
|
34
|
+
display: flex;
|
|
35
|
+
max-height: min-content;
|
|
36
|
+
max-width: min-content;
|
|
37
|
+
}
|
|
38
|
+
`;
|
|
39
|
+
n([
|
|
40
|
+
h({ type: String })
|
|
41
|
+
], t.prototype, "color", 2);
|
|
42
|
+
n([
|
|
43
|
+
h({ type: String })
|
|
44
|
+
], t.prototype, "size", 2);
|
|
45
|
+
t = n([
|
|
46
|
+
x(z)
|
|
47
|
+
], t);
|
|
48
|
+
export {
|
|
49
|
+
t as FhiIconPhone,
|
|
50
|
+
z as FhiIconPhoneSelector
|
|
51
|
+
};
|
|
52
|
+
//# sourceMappingURL=fhi-icon-phone.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fhi-icon-phone.js","sources":["../../src/components/icons/fhi-icon-phone.component.ts"],"sourcesContent":["\n/*\n This file is auto-generated by generate-icon-components.js. Do not edit it manually.\n*/\nimport { html, css, LitElement } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\n\nexport const FhiIconPhoneSelector = \"fhi-icon-phone\";\n\n@customElement(FhiIconPhoneSelector)\nexport class FhiIconPhone extends LitElement {\n @property({ type: String }) color: string = \"currentcolor\";\n @property({ type: String }) size: 'xsmall' | 'small' | 'medium' | 'large' | number = 'medium';\n private get _size(): string {\n switch (this.size) {\n case 'xsmall': \n return '16px'; \n case 'small':\n return '20px';\n case 'medium':\n return '24px'; \n case 'large':\n return '32px'; \n default:\n if (isNaN(Number(this.size))) {\n console.warn(`Invalid size value: ${this.size}. Falling back to default size '24px'.`)\n return '24px';\n }\n return `${this.size}px`;\n }\n }\n\n render() {\n return html`\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"${this._size}\" height=\"${this._size}\" fill=\"${this.color}\"><path d=\"M7.11 1.251a2.75 2.75 0 0 1 2.696 2.12l.047.244v.007c.119.904.34 1.79.659 2.645l.062.185a2.75 2.75 0 0 1-.681 2.715l-.003.004-.858.856a15.25 15.25 0 0 0 4.94 4.94l.86-.86a2.75 2.75 0 0 1 2.899-.62c.748.28 1.521.483 2.308.61l.34.05h.005a2.75 2.75 0 0 1 2.365 2.773v2.997a2.75 2.75 0 0 1-.89 2.038 2.75 2.75 0 0 1-2.107.712l-.014-.001a20.54 20.54 0 0 1-8.95-3.183l-.467-.305a20.25 20.25 0 0 1-5.761-5.921A20.54 20.54 0 0 1 1.374 4.26l-.002-.012A2.755 2.755 0 0 1 3 1.484a2.75 2.75 0 0 1 1.11-.234zM3.98 2.757a1.253 1.253 0 0 0-1.115 1.35 19 19 0 0 0 2.657 7.86l.297.475.003.006a18.75 18.75 0 0 0 5.338 5.487l.432.282.006.004a19.04 19.04 0 0 0 8.288 2.952 1.26 1.26 0 0 0 .959-.323 1.25 1.25 0 0 0 .404-.927V16.92l.001-.019a1.25 1.25 0 0 0-1.075-1.268v-.001a13.6 13.6 0 0 1-2.968-.74h-.002a1.25 1.25 0 0 0-1.318.282L14.62 16.44a.75.75 0 0 1-.901.122 16.75 16.75 0 0 1-6.281-6.28.75.75 0 0 1 .122-.902l1.27-1.27a1.25 1.25 0 0 0 .278-1.316l-.001-.002a13.6 13.6 0 0 1-.74-2.967l-.021-.111a1.25 1.25 0 0 0-1.229-.964H4.11z\"/></svg>\n `;\n }\n \n static styles = css`\n :host {\n display: flex;\n max-height: min-content;\n max-width: min-content;\n }\n `;\n }\n"],"names":["FhiIconPhoneSelector","FhiIconPhone","LitElement","html","css","__decorateClass","property","customElement"],"mappings":";;;;;;AAOO,MAAMA,IAAuB;AAG7B,IAAMC,IAAN,cAA2BC,EAAW;AAAA,EAAtC,cAAA;AAAA,UAAA,GAAA,SAAA,GACuB,KAAA,QAAgB,gBAChB,KAAA,OAAyD;AAAA,EAAA;AAAA,EACrF,IAAY,QAAgB;AAC1B,YAAQ,KAAK,MAAA;AAAA,MACX,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAI,MAAM,OAAO,KAAK,IAAI,CAAC,KACzB,QAAQ,KAAK,uBAAuB,KAAK,IAAI,wCAAwC,GAC9E,UAEF,GAAG,KAAK,IAAI;AAAA,IAAA;AAAA,EAEzB;AAAA,EAEA,SAAS;AACP,WAAOC;AAAAA,2EACgE,KAAK,KAAK,aAAa,KAAK,KAAK,WAAW,KAAK,KAAK;AAAA;AAAA,EAE/H;AASA;AAnCWF,EA4BJ,SAASG;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AA3BYC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GADfL,EACiB,WAAA,SAAA,CAAA;AACAI,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAFfL,EAEiB,WAAA,QAAA,CAAA;AAFjBA,IAANI,EAAA;AAAA,EADNE,EAAcP,CAAoB;AAAA,GACtBC,CAAA;"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { i as c, n as h, a as p, x as u, t as m } from "./property-DYwjZ69W.js";
|
|
2
|
+
var x = Object.defineProperty, g = Object.getOwnPropertyDescriptor, n = (o, r, i, s) => {
|
|
3
|
+
for (var e = s > 1 ? void 0 : s ? g(r, i) : r, a = o.length - 1, l; a >= 0; a--)
|
|
4
|
+
(l = o[a]) && (e = (s ? l(r, i, e) : l(e)) || e);
|
|
5
|
+
return s && e && x(r, i, e), e;
|
|
6
|
+
};
|
|
7
|
+
const v = "fhi-icon-triangle-alert";
|
|
8
|
+
let t = class extends p {
|
|
9
|
+
constructor() {
|
|
10
|
+
super(...arguments), this.color = "currentcolor", this.size = "medium";
|
|
11
|
+
}
|
|
12
|
+
get _size() {
|
|
13
|
+
switch (this.size) {
|
|
14
|
+
case "xsmall":
|
|
15
|
+
return "16px";
|
|
16
|
+
case "small":
|
|
17
|
+
return "20px";
|
|
18
|
+
case "medium":
|
|
19
|
+
return "24px";
|
|
20
|
+
case "large":
|
|
21
|
+
return "32px";
|
|
22
|
+
default:
|
|
23
|
+
return isNaN(Number(this.size)) ? (console.warn(`Invalid size value: ${this.size}. Falling back to default size '24px'.`), "24px") : `${this.size}px`;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
render() {
|
|
27
|
+
return u`
|
|
28
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${this._size}" height="${this._size}" fill="${this.color}"><path d="M12.008 2.25a2.75 2.75 0 0 1 2.39 1.392l8 13.997a2.752 2.752 0 0 1-2.38 4.125h-16v-.001A2.75 2.75 0 0 1 1.25 19.02a2.75 2.75 0 0 1 .368-1.381h.001L9.617 3.642a2.75 2.75 0 0 1 2.39-1.392m0 1.5a1.25 1.25 0 0 0-1.087.634l-.002.002-8 14-.001.003a1.251 1.251 0 0 0 1.094 1.875h16.006l.163-.011a1.25 1.25 0 0 0 .918-1.864l-.002-.003-8-14-.001-.002a1.25 1.25 0 0 0-1.088-.634M12.01 16a1 1 0 1 1 0 2H12a1 1 0 1 1 0-2zM12 8.25a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75"/></svg>
|
|
29
|
+
`;
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
t.styles = c`
|
|
33
|
+
:host {
|
|
34
|
+
display: flex;
|
|
35
|
+
max-height: min-content;
|
|
36
|
+
max-width: min-content;
|
|
37
|
+
}
|
|
38
|
+
`;
|
|
39
|
+
n([
|
|
40
|
+
h({ type: String })
|
|
41
|
+
], t.prototype, "color", 2);
|
|
42
|
+
n([
|
|
43
|
+
h({ type: String })
|
|
44
|
+
], t.prototype, "size", 2);
|
|
45
|
+
t = n([
|
|
46
|
+
m(v)
|
|
47
|
+
], t);
|
|
48
|
+
export {
|
|
49
|
+
t as FhiIconTriangleAlert,
|
|
50
|
+
v as FhiIconTriangleAlertSelector
|
|
51
|
+
};
|
|
52
|
+
//# sourceMappingURL=fhi-icon-triangle-alert.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fhi-icon-triangle-alert.js","sources":["../../src/components/icons/fhi-icon-triangle-alert.component.ts"],"sourcesContent":["\n/*\n This file is auto-generated by generate-icon-components.js. Do not edit it manually.\n*/\nimport { html, css, LitElement } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\n\nexport const FhiIconTriangleAlertSelector = \"fhi-icon-triangle-alert\";\n\n@customElement(FhiIconTriangleAlertSelector)\nexport class FhiIconTriangleAlert extends LitElement {\n @property({ type: String }) color: string = \"currentcolor\";\n @property({ type: String }) size: 'xsmall' | 'small' | 'medium' | 'large' | number = 'medium';\n private get _size(): string {\n switch (this.size) {\n case 'xsmall': \n return '16px'; \n case 'small':\n return '20px';\n case 'medium':\n return '24px'; \n case 'large':\n return '32px'; \n default:\n if (isNaN(Number(this.size))) {\n console.warn(`Invalid size value: ${this.size}. Falling back to default size '24px'.`)\n return '24px';\n }\n return `${this.size}px`;\n }\n }\n\n render() {\n return html`\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"${this._size}\" height=\"${this._size}\" fill=\"${this.color}\"><path d=\"M12.008 2.25a2.75 2.75 0 0 1 2.39 1.392l8 13.997a2.752 2.752 0 0 1-2.38 4.125h-16v-.001A2.75 2.75 0 0 1 1.25 19.02a2.75 2.75 0 0 1 .368-1.381h.001L9.617 3.642a2.75 2.75 0 0 1 2.39-1.392m0 1.5a1.25 1.25 0 0 0-1.087.634l-.002.002-8 14-.001.003a1.251 1.251 0 0 0 1.094 1.875h16.006l.163-.011a1.25 1.25 0 0 0 .918-1.864l-.002-.003-8-14-.001-.002a1.25 1.25 0 0 0-1.088-.634M12.01 16a1 1 0 1 1 0 2H12a1 1 0 1 1 0-2zM12 8.25a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75\"/></svg>\n `;\n }\n \n static styles = css`\n :host {\n display: flex;\n max-height: min-content;\n max-width: min-content;\n }\n `;\n }\n"],"names":["FhiIconTriangleAlertSelector","FhiIconTriangleAlert","LitElement","html","css","__decorateClass","property","customElement"],"mappings":";;;;;;AAOO,MAAMA,IAA+B;AAGrC,IAAMC,IAAN,cAAmCC,EAAW;AAAA,EAA9C,cAAA;AAAA,UAAA,GAAA,SAAA,GACuB,KAAA,QAAgB,gBAChB,KAAA,OAAyD;AAAA,EAAA;AAAA,EACrF,IAAY,QAAgB;AAC1B,YAAQ,KAAK,MAAA;AAAA,MACX,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAI,MAAM,OAAO,KAAK,IAAI,CAAC,KACzB,QAAQ,KAAK,uBAAuB,KAAK,IAAI,wCAAwC,GAC9E,UAEF,GAAG,KAAK,IAAI;AAAA,IAAA;AAAA,EAEzB;AAAA,EAEA,SAAS;AACP,WAAOC;AAAAA,2EACgE,KAAK,KAAK,aAAa,KAAK,KAAK,WAAW,KAAK,KAAK;AAAA;AAAA,EAE/H;AASA;AAnCWF,EA4BJ,SAASG;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AA3BYC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GADfL,EACiB,WAAA,SAAA,CAAA;AACAI,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAFfL,EAEiB,WAAA,QAAA,CAAA;AAFjBA,IAANI,EAAA;AAAA,EADNE,EAAcP,CAA4B;AAAA,GAC9BC,CAAA;"}
|
package/index.js
CHANGED
|
@@ -1,97 +1,104 @@
|
|
|
1
|
-
import { FhiButton as
|
|
1
|
+
import { FhiButton as r, FhiButtonSelector as c } from "./fhi-button.js";
|
|
2
2
|
import { FhiCheckbox as n, FhiCheckboxSelector as t } from "./fhi-checkbox.js";
|
|
3
3
|
import { FhiFlex as F, FhiFlexSelector as I } from "./fhi-flex.js";
|
|
4
4
|
import { FhiRadio as p, FhiRadioSelector as f } from "./fhi-radio.js";
|
|
5
5
|
import { FhiTextInput as x, FhiTextInputSelector as m } from "./fhi-text-input.js";
|
|
6
6
|
import { FhiTooltip as a, FhiTooltipSelector as w } from "./fhi-tooltip.js";
|
|
7
|
-
import { FhiIconArrowDownLeft as L, FhiIconArrowDownLeftSelector as
|
|
8
|
-
import { FhiIconArrowDownRight as
|
|
7
|
+
import { FhiIconArrowDownLeft as L, FhiIconArrowDownLeftSelector as g } from "./fhi-icon-arrow-down-left.js";
|
|
8
|
+
import { FhiIconArrowDownRight as u, FhiIconArrowDownRightSelector as k } from "./fhi-icon-arrow-down-right.js";
|
|
9
9
|
import { FhiIconArrowDown as v, FhiIconArrowDownSelector as D } from "./fhi-icon-arrow-down.js";
|
|
10
|
-
import { FhiIconArrowLeft as
|
|
11
|
-
import { FhiIconArrowRightLeft as
|
|
12
|
-
import { FhiIconArrowRight as
|
|
10
|
+
import { FhiIconArrowLeft as P, FhiIconArrowLeftSelector as E } from "./fhi-icon-arrow-left.js";
|
|
11
|
+
import { FhiIconArrowRightLeft as O, FhiIconArrowRightLeftSelector as q } from "./fhi-icon-arrow-right-left.js";
|
|
12
|
+
import { FhiIconArrowRight as y, FhiIconArrowRightSelector as B } from "./fhi-icon-arrow-right.js";
|
|
13
13
|
import { FhiIconArrowUpDown as T, FhiIconArrowUpDownSelector as X } from "./fhi-icon-arrow-up-down.js";
|
|
14
|
-
import { FhiIconArrowUpLeft as
|
|
15
|
-
import { FhiIconArrowUpRight as
|
|
14
|
+
import { FhiIconArrowUpLeft as Q, FhiIconArrowUpLeftSelector as V } from "./fhi-icon-arrow-up-left.js";
|
|
15
|
+
import { FhiIconArrowUpRight as z, FhiIconArrowUpRightSelector as j } from "./fhi-icon-arrow-up-right.js";
|
|
16
16
|
import { FhiIconArrowUp as K, FhiIconArrowUpSelector as N } from "./fhi-icon-arrow-up.js";
|
|
17
17
|
import { FhiIconBell as Y, FhiIconBellSelector as Z } from "./fhi-icon-bell.js";
|
|
18
18
|
import { FhiIconCalendar as $, FhiIconCalendarSelector as oo } from "./fhi-icon-calendar.js";
|
|
19
|
-
import { FhiIconCheck as
|
|
19
|
+
import { FhiIconCheck as ro, FhiIconCheckSelector as co } from "./fhi-icon-check.js";
|
|
20
20
|
import { FhiIconChevronDown as no, FhiIconChevronDownSelector as to } from "./fhi-icon-chevron-down.js";
|
|
21
21
|
import { FhiIconChevronLeft as Fo, FhiIconChevronLeftSelector as Io } from "./fhi-icon-chevron-left.js";
|
|
22
22
|
import { FhiIconChevronRight as po, FhiIconChevronRightSelector as fo } from "./fhi-icon-chevron-right.js";
|
|
23
23
|
import { FhiIconChevronUp as xo, FhiIconChevronUpSelector as mo } from "./fhi-icon-chevron-up.js";
|
|
24
24
|
import { FhiIconChevronsDown as ao, FhiIconChevronsDownSelector as wo } from "./fhi-icon-chevrons-down.js";
|
|
25
|
-
import { FhiIconChevronsLeft as Lo, FhiIconChevronsLeftSelector as
|
|
26
|
-
import { FhiIconChevronsRight as
|
|
25
|
+
import { FhiIconChevronsLeft as Lo, FhiIconChevronsLeftSelector as go } from "./fhi-icon-chevrons-left.js";
|
|
26
|
+
import { FhiIconChevronsRight as uo, FhiIconChevronsRightSelector as ko } from "./fhi-icon-chevrons-right.js";
|
|
27
27
|
import { FhiIconChevronsUp as vo, FhiIconChevronsUpSelector as Do } from "./fhi-icon-chevrons-up.js";
|
|
28
|
-
import { FhiIconCircleArrowDown as
|
|
29
|
-
import { FhiIconCircleArrowLeft as
|
|
30
|
-
import { FhiIconCircleArrowRight as
|
|
31
|
-
import { FhiIconCircleArrowUp as Xo, FhiIconCircleArrowUpSelector as
|
|
32
|
-
import { FhiIconCircleCheckBig as
|
|
28
|
+
import { FhiIconCircleArrowDown as Po, FhiIconCircleArrowDownSelector as Eo } from "./fhi-icon-circle-arrow-down.js";
|
|
29
|
+
import { FhiIconCircleArrowLeft as qo, FhiIconCircleArrowLeftSelector as Mo } from "./fhi-icon-circle-arrow-left.js";
|
|
30
|
+
import { FhiIconCircleArrowRight as Bo, FhiIconCircleArrowRightSelector as Go } from "./fhi-icon-circle-arrow-right.js";
|
|
31
|
+
import { FhiIconCircleArrowUp as Xo, FhiIconCircleArrowUpSelector as Ho } from "./fhi-icon-circle-arrow-up.js";
|
|
32
|
+
import { FhiIconCircleCheckBig as Vo, FhiIconCircleCheckBigSelector as bo } from "./fhi-icon-circle-check-big.js";
|
|
33
33
|
import { FhiIconCircleCheck as jo, FhiIconCircleCheckSelector as Jo } from "./fhi-icon-circle-check.js";
|
|
34
34
|
import { FhiIconCircleChevronDown as No, FhiIconCircleChevronDownSelector as Wo } from "./fhi-icon-circle-chevron-down.js";
|
|
35
35
|
import { FhiIconCircleChevronLeft as Zo, FhiIconCircleChevronLeftSelector as _o } from "./fhi-icon-circle-chevron-left.js";
|
|
36
|
-
import { FhiIconCircleChevronRight as
|
|
37
|
-
import { FhiIconCircleChevronUp as
|
|
38
|
-
import { FhiIconCircleExclamation as
|
|
39
|
-
import { FhiIconCircleInfo as
|
|
40
|
-
import { FhiIconCircleMinus as
|
|
41
|
-
import { FhiIconCirclePlus as
|
|
42
|
-
import { FhiIconCircleQuestion as
|
|
43
|
-
import { FhiIconCircleX as
|
|
44
|
-
import { FhiIconCircle as
|
|
45
|
-
import { FhiIconClock as
|
|
46
|
-
import { FhiIconCopy as
|
|
47
|
-
import { FhiIconDownload as
|
|
48
|
-
import { FhiIconEllipsisVertical as
|
|
49
|
-
import { FhiIconEllipsis as
|
|
50
|
-
import { FhiIconExclamation as
|
|
51
|
-
import { FhiIconExpand as
|
|
52
|
-
import { FhiIconExternalLink as
|
|
53
|
-
import { FhiIconEyeOff as
|
|
54
|
-
import { FhiIconEye as
|
|
55
|
-
import { FhiIconFile as
|
|
56
|
-
import {
|
|
57
|
-
import {
|
|
58
|
-
import {
|
|
59
|
-
import {
|
|
60
|
-
import {
|
|
61
|
-
import {
|
|
62
|
-
import {
|
|
63
|
-
import {
|
|
64
|
-
import {
|
|
65
|
-
import {
|
|
66
|
-
import {
|
|
67
|
-
import {
|
|
68
|
-
import {
|
|
69
|
-
import {
|
|
70
|
-
import {
|
|
71
|
-
import {
|
|
72
|
-
import {
|
|
73
|
-
import {
|
|
74
|
-
import {
|
|
75
|
-
import {
|
|
76
|
-
import {
|
|
77
|
-
import {
|
|
78
|
-
import {
|
|
79
|
-
import {
|
|
80
|
-
import {
|
|
81
|
-
import {
|
|
82
|
-
import {
|
|
83
|
-
import {
|
|
84
|
-
import {
|
|
85
|
-
import {
|
|
86
|
-
import {
|
|
87
|
-
import {
|
|
88
|
-
import {
|
|
89
|
-
import {
|
|
90
|
-
import {
|
|
91
|
-
import {
|
|
92
|
-
import {
|
|
36
|
+
import { FhiIconCircleChevronRight as oe, FhiIconCircleChevronRightSelector as ee } from "./fhi-icon-circle-chevron-right.js";
|
|
37
|
+
import { FhiIconCircleChevronUp as ce, FhiIconCircleChevronUpSelector as ie } from "./fhi-icon-circle-chevron-up.js";
|
|
38
|
+
import { FhiIconCircleExclamation as te, FhiIconCircleExclamationSelector as he } from "./fhi-icon-circle-exclamation.js";
|
|
39
|
+
import { FhiIconCircleInfo as Ie, FhiIconCircleInfoSelector as le } from "./fhi-icon-circle-info.js";
|
|
40
|
+
import { FhiIconCircleMinus as fe, FhiIconCircleMinusSelector as Se } from "./fhi-icon-circle-minus.js";
|
|
41
|
+
import { FhiIconCirclePlus as me, FhiIconCirclePlusSelector as Ce } from "./fhi-icon-circle-plus.js";
|
|
42
|
+
import { FhiIconCircleQuestion as we, FhiIconCircleQuestionSelector as se } from "./fhi-icon-circle-question.js";
|
|
43
|
+
import { FhiIconCircleX as ge, FhiIconCircleXSelector as Ae } from "./fhi-icon-circle-x.js";
|
|
44
|
+
import { FhiIconCircle as ke, FhiIconCircleSelector as Re } from "./fhi-icon-circle.js";
|
|
45
|
+
import { FhiIconClock as De, FhiIconClockSelector as Ue } from "./fhi-icon-clock.js";
|
|
46
|
+
import { FhiIconCopy as Ee, FhiIconCopySelector as de } from "./fhi-icon-copy.js";
|
|
47
|
+
import { FhiIconDownload as qe, FhiIconDownloadSelector as Me } from "./fhi-icon-download.js";
|
|
48
|
+
import { FhiIconEllipsisVertical as Be, FhiIconEllipsisVerticalSelector as Ge } from "./fhi-icon-ellipsis-vertical.js";
|
|
49
|
+
import { FhiIconEllipsis as Xe, FhiIconEllipsisSelector as He } from "./fhi-icon-ellipsis.js";
|
|
50
|
+
import { FhiIconExclamation as Ve, FhiIconExclamationSelector as be } from "./fhi-icon-exclamation.js";
|
|
51
|
+
import { FhiIconExpand as je, FhiIconExpandSelector as Je } from "./fhi-icon-expand.js";
|
|
52
|
+
import { FhiIconExternalLink as Ne, FhiIconExternalLinkSelector as We } from "./fhi-icon-external-link.js";
|
|
53
|
+
import { FhiIconEyeOff as Ze, FhiIconEyeOffSelector as _e } from "./fhi-icon-eye-off.js";
|
|
54
|
+
import { FhiIconEye as or, FhiIconEyeSelector as er } from "./fhi-icon-eye.js";
|
|
55
|
+
import { FhiIconFile as cr, FhiIconFileSelector as ir } from "./fhi-icon-file.js";
|
|
56
|
+
import { FhiIconFilter as tr, FhiIconFilterSelector as hr } from "./fhi-icon-filter.js";
|
|
57
|
+
import { FhiIconFolder as Ir, FhiIconFolderSelector as lr } from "./fhi-icon-folder.js";
|
|
58
|
+
import { FhiIconGear as fr, FhiIconGearSelector as Sr } from "./fhi-icon-gear.js";
|
|
59
|
+
import { FhiIconGrid9Dots as mr, FhiIconGrid9DotsSelector as Cr } from "./fhi-icon-grid-9-dots.js";
|
|
60
|
+
import { FhiIconGripHorizontal as wr, FhiIconGripHorizontalSelector as sr } from "./fhi-icon-grip-horizontal.js";
|
|
61
|
+
import { FhiIconGripVertical as gr, FhiIconGripVerticalSelector as Ar } from "./fhi-icon-grip-vertical.js";
|
|
62
|
+
import { FhiIconHistory as kr, FhiIconHistorySelector as Rr } from "./fhi-icon-history.js";
|
|
63
|
+
import { FhiIconInfo as Dr, FhiIconInfoSelector as Ur } from "./fhi-icon-info.js";
|
|
64
|
+
import { FhiIconLink2Off as Er, FhiIconLink2OffSelector as dr } from "./fhi-icon-link-2-off.js";
|
|
65
|
+
import { FhiIconLink2 as qr, FhiIconLink2Selector as Mr } from "./fhi-icon-link-2.js";
|
|
66
|
+
import { FhiIconLink as Br, FhiIconLinkSelector as Gr } from "./fhi-icon-link.js";
|
|
67
|
+
import { FhiIconLockOpen as Xr, FhiIconLockOpenSelector as Hr } from "./fhi-icon-lock-open.js";
|
|
68
|
+
import { FhiIconLock as Vr, FhiIconLockSelector as br } from "./fhi-icon-lock.js";
|
|
69
|
+
import { FhiIconLogIn as jr, FhiIconLogInSelector as Jr } from "./fhi-icon-log-in.js";
|
|
70
|
+
import { FhiIconLogOut as Nr, FhiIconLogOutSelector as Wr } from "./fhi-icon-log-out.js";
|
|
71
|
+
import { FhiIconMail as Zr, FhiIconMailSelector as _r } from "./fhi-icon-mail.js";
|
|
72
|
+
import { FhiIconMenu as oc, FhiIconMenuSelector as ec } from "./fhi-icon-menu.js";
|
|
73
|
+
import { FhiIconMessage as cc, FhiIconMessageSelector as ic } from "./fhi-icon-message.js";
|
|
74
|
+
import { FhiIconMinus as tc, FhiIconMinusSelector as hc } from "./fhi-icon-minus.js";
|
|
75
|
+
import { FhiIconOctagonAlert as Ic, FhiIconOctagonAlertSelector as lc } from "./fhi-icon-octagon-alert.js";
|
|
76
|
+
import { FhiIconPaperclip as fc, FhiIconPaperclipSelector as Sc } from "./fhi-icon-paperclip.js";
|
|
77
|
+
import { FhiIconPencil as mc, FhiIconPencilSelector as Cc } from "./fhi-icon-pencil.js";
|
|
78
|
+
import { FhiIconPhone as wc, FhiIconPhoneSelector as sc } from "./fhi-icon-phone.js";
|
|
79
|
+
import { FhiIconPinOff as gc, FhiIconPinOffSelector as Ac } from "./fhi-icon-pin-off.js";
|
|
80
|
+
import { FhiIconPin as kc, FhiIconPinSelector as Rc } from "./fhi-icon-pin.js";
|
|
81
|
+
import { FhiIconPlus as Dc, FhiIconPlusSelector as Uc } from "./fhi-icon-plus.js";
|
|
82
|
+
import { FhiIconPrinter as Ec, FhiIconPrinterSelector as dc } from "./fhi-icon-printer.js";
|
|
83
|
+
import { FhiIconQuestion as qc, FhiIconQuestionSelector as Mc } from "./fhi-icon-question.js";
|
|
84
|
+
import { FhiIconRefresh as Bc, FhiIconRefreshSelector as Gc } from "./fhi-icon-refresh.js";
|
|
85
|
+
import { FhiIconRotateLeft as Xc, FhiIconRotateLeftSelector as Hc } from "./fhi-icon-rotate-left.js";
|
|
86
|
+
import { FhiIconRotateRight as Vc, FhiIconRotateRightSelector as bc } from "./fhi-icon-rotate-right.js";
|
|
87
|
+
import { FhiIconSearch as jc, FhiIconSearchSelector as Jc } from "./fhi-icon-search.js";
|
|
88
|
+
import { FhiIconShare as Nc, FhiIconShareSelector as Wc } from "./fhi-icon-share.js";
|
|
89
|
+
import { FhiIconSheet as Zc, FhiIconSheetSelector as _c } from "./fhi-icon-sheet.js";
|
|
90
|
+
import { FhiIconSquareCheckBig as oi, FhiIconSquareCheckBigSelector as ei } from "./fhi-icon-square-check-big.js";
|
|
91
|
+
import { FhiIconSquareCheck as ci, FhiIconSquareCheckSelector as ii } from "./fhi-icon-square-check.js";
|
|
92
|
+
import { FhiIconSquarePen as ti, FhiIconSquarePenSelector as hi } from "./fhi-icon-square-pen.js";
|
|
93
|
+
import { FhiIconSquareX as Ii, FhiIconSquareXSelector as li } from "./fhi-icon-square-x.js";
|
|
94
|
+
import { FhiIconSquare as fi, FhiIconSquareSelector as Si } from "./fhi-icon-square.js";
|
|
95
|
+
import { FhiIconTrash as mi, FhiIconTrashSelector as Ci } from "./fhi-icon-trash.js";
|
|
96
|
+
import { FhiIconTriangleAlert as wi, FhiIconTriangleAlertSelector as si } from "./fhi-icon-triangle-alert.js";
|
|
97
|
+
import { FhiIconUpload as gi, FhiIconUploadSelector as Ai } from "./fhi-icon-upload.js";
|
|
98
|
+
import { FhiIconUser as ki, FhiIconUserSelector as Ri } from "./fhi-icon-user.js";
|
|
99
|
+
import { FhiIconX as Di, FhiIconXSelector as Ui } from "./fhi-icon-x.js";
|
|
93
100
|
export {
|
|
94
|
-
|
|
101
|
+
r as FhiButton,
|
|
95
102
|
c as FhiButtonSelector,
|
|
96
103
|
n as FhiCheckbox,
|
|
97
104
|
t as FhiCheckboxSelector,
|
|
@@ -99,29 +106,29 @@ export {
|
|
|
99
106
|
I as FhiFlexSelector,
|
|
100
107
|
v as FhiIconArrowDown,
|
|
101
108
|
L as FhiIconArrowDownLeft,
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
109
|
+
g as FhiIconArrowDownLeftSelector,
|
|
110
|
+
u as FhiIconArrowDownRight,
|
|
111
|
+
k as FhiIconArrowDownRightSelector,
|
|
105
112
|
D as FhiIconArrowDownSelector,
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
113
|
+
P as FhiIconArrowLeft,
|
|
114
|
+
E as FhiIconArrowLeftSelector,
|
|
115
|
+
y as FhiIconArrowRight,
|
|
116
|
+
O as FhiIconArrowRightLeft,
|
|
117
|
+
q as FhiIconArrowRightLeftSelector,
|
|
118
|
+
B as FhiIconArrowRightSelector,
|
|
112
119
|
K as FhiIconArrowUp,
|
|
113
120
|
T as FhiIconArrowUpDown,
|
|
114
121
|
X as FhiIconArrowUpDownSelector,
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
122
|
+
Q as FhiIconArrowUpLeft,
|
|
123
|
+
V as FhiIconArrowUpLeftSelector,
|
|
124
|
+
z as FhiIconArrowUpRight,
|
|
118
125
|
j as FhiIconArrowUpRightSelector,
|
|
119
126
|
N as FhiIconArrowUpSelector,
|
|
120
127
|
Y as FhiIconBell,
|
|
121
128
|
Z as FhiIconBellSelector,
|
|
122
129
|
$ as FhiIconCalendar,
|
|
123
130
|
oo as FhiIconCalendarSelector,
|
|
124
|
-
|
|
131
|
+
ro as FhiIconCheck,
|
|
125
132
|
co as FhiIconCheckSelector,
|
|
126
133
|
no as FhiIconChevronDown,
|
|
127
134
|
to as FhiIconChevronDownSelector,
|
|
@@ -134,141 +141,155 @@ export {
|
|
|
134
141
|
ao as FhiIconChevronsDown,
|
|
135
142
|
wo as FhiIconChevronsDownSelector,
|
|
136
143
|
Lo as FhiIconChevronsLeft,
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
144
|
+
go as FhiIconChevronsLeftSelector,
|
|
145
|
+
uo as FhiIconChevronsRight,
|
|
146
|
+
ko as FhiIconChevronsRightSelector,
|
|
140
147
|
vo as FhiIconChevronsUp,
|
|
141
148
|
Do as FhiIconChevronsUpSelector,
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
+
ke as FhiIconCircle,
|
|
150
|
+
Po as FhiIconCircleArrowDown,
|
|
151
|
+
Eo as FhiIconCircleArrowDownSelector,
|
|
152
|
+
qo as FhiIconCircleArrowLeft,
|
|
153
|
+
Mo as FhiIconCircleArrowLeftSelector,
|
|
154
|
+
Bo as FhiIconCircleArrowRight,
|
|
155
|
+
Go as FhiIconCircleArrowRightSelector,
|
|
149
156
|
Xo as FhiIconCircleArrowUp,
|
|
150
|
-
|
|
157
|
+
Ho as FhiIconCircleArrowUpSelector,
|
|
151
158
|
jo as FhiIconCircleCheck,
|
|
152
|
-
|
|
153
|
-
|
|
159
|
+
Vo as FhiIconCircleCheckBig,
|
|
160
|
+
bo as FhiIconCircleCheckBigSelector,
|
|
154
161
|
Jo as FhiIconCircleCheckSelector,
|
|
155
162
|
No as FhiIconCircleChevronDown,
|
|
156
163
|
Wo as FhiIconCircleChevronDownSelector,
|
|
157
164
|
Zo as FhiIconCircleChevronLeft,
|
|
158
165
|
_o as FhiIconCircleChevronLeftSelector,
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
oc as
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
hc as
|
|
236
|
-
Ic as
|
|
237
|
-
lc as
|
|
238
|
-
fc as
|
|
239
|
-
Sc as
|
|
240
|
-
mc as
|
|
241
|
-
Cc as
|
|
242
|
-
wc as
|
|
243
|
-
sc as
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
Dc as
|
|
249
|
-
Uc as
|
|
250
|
-
|
|
251
|
-
dc as
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
bc as
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
Zc as
|
|
265
|
-
_c as
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
166
|
+
oe as FhiIconCircleChevronRight,
|
|
167
|
+
ee as FhiIconCircleChevronRightSelector,
|
|
168
|
+
ce as FhiIconCircleChevronUp,
|
|
169
|
+
ie as FhiIconCircleChevronUpSelector,
|
|
170
|
+
te as FhiIconCircleExclamation,
|
|
171
|
+
he as FhiIconCircleExclamationSelector,
|
|
172
|
+
Ie as FhiIconCircleInfo,
|
|
173
|
+
le as FhiIconCircleInfoSelector,
|
|
174
|
+
fe as FhiIconCircleMinus,
|
|
175
|
+
Se as FhiIconCircleMinusSelector,
|
|
176
|
+
me as FhiIconCirclePlus,
|
|
177
|
+
Ce as FhiIconCirclePlusSelector,
|
|
178
|
+
we as FhiIconCircleQuestion,
|
|
179
|
+
se as FhiIconCircleQuestionSelector,
|
|
180
|
+
Re as FhiIconCircleSelector,
|
|
181
|
+
ge as FhiIconCircleX,
|
|
182
|
+
Ae as FhiIconCircleXSelector,
|
|
183
|
+
De as FhiIconClock,
|
|
184
|
+
Ue as FhiIconClockSelector,
|
|
185
|
+
Ee as FhiIconCopy,
|
|
186
|
+
de as FhiIconCopySelector,
|
|
187
|
+
qe as FhiIconDownload,
|
|
188
|
+
Me as FhiIconDownloadSelector,
|
|
189
|
+
Xe as FhiIconEllipsis,
|
|
190
|
+
He as FhiIconEllipsisSelector,
|
|
191
|
+
Be as FhiIconEllipsisVertical,
|
|
192
|
+
Ge as FhiIconEllipsisVerticalSelector,
|
|
193
|
+
Ve as FhiIconExclamation,
|
|
194
|
+
be as FhiIconExclamationSelector,
|
|
195
|
+
je as FhiIconExpand,
|
|
196
|
+
Je as FhiIconExpandSelector,
|
|
197
|
+
Ne as FhiIconExternalLink,
|
|
198
|
+
We as FhiIconExternalLinkSelector,
|
|
199
|
+
or as FhiIconEye,
|
|
200
|
+
Ze as FhiIconEyeOff,
|
|
201
|
+
_e as FhiIconEyeOffSelector,
|
|
202
|
+
er as FhiIconEyeSelector,
|
|
203
|
+
cr as FhiIconFile,
|
|
204
|
+
ir as FhiIconFileSelector,
|
|
205
|
+
tr as FhiIconFilter,
|
|
206
|
+
hr as FhiIconFilterSelector,
|
|
207
|
+
Ir as FhiIconFolder,
|
|
208
|
+
lr as FhiIconFolderSelector,
|
|
209
|
+
fr as FhiIconGear,
|
|
210
|
+
Sr as FhiIconGearSelector,
|
|
211
|
+
mr as FhiIconGrid9Dots,
|
|
212
|
+
Cr as FhiIconGrid9DotsSelector,
|
|
213
|
+
wr as FhiIconGripHorizontal,
|
|
214
|
+
sr as FhiIconGripHorizontalSelector,
|
|
215
|
+
gr as FhiIconGripVertical,
|
|
216
|
+
Ar as FhiIconGripVerticalSelector,
|
|
217
|
+
kr as FhiIconHistory,
|
|
218
|
+
Rr as FhiIconHistorySelector,
|
|
219
|
+
Dr as FhiIconInfo,
|
|
220
|
+
Ur as FhiIconInfoSelector,
|
|
221
|
+
Br as FhiIconLink,
|
|
222
|
+
qr as FhiIconLink2,
|
|
223
|
+
Er as FhiIconLink2Off,
|
|
224
|
+
dr as FhiIconLink2OffSelector,
|
|
225
|
+
Mr as FhiIconLink2Selector,
|
|
226
|
+
Gr as FhiIconLinkSelector,
|
|
227
|
+
Vr as FhiIconLock,
|
|
228
|
+
Xr as FhiIconLockOpen,
|
|
229
|
+
Hr as FhiIconLockOpenSelector,
|
|
230
|
+
br as FhiIconLockSelector,
|
|
231
|
+
jr as FhiIconLogIn,
|
|
232
|
+
Jr as FhiIconLogInSelector,
|
|
233
|
+
Nr as FhiIconLogOut,
|
|
234
|
+
Wr as FhiIconLogOutSelector,
|
|
235
|
+
Zr as FhiIconMail,
|
|
236
|
+
_r as FhiIconMailSelector,
|
|
237
|
+
oc as FhiIconMenu,
|
|
238
|
+
ec as FhiIconMenuSelector,
|
|
239
|
+
cc as FhiIconMessage,
|
|
240
|
+
ic as FhiIconMessageSelector,
|
|
241
|
+
tc as FhiIconMinus,
|
|
242
|
+
hc as FhiIconMinusSelector,
|
|
243
|
+
Ic as FhiIconOctagonAlert,
|
|
244
|
+
lc as FhiIconOctagonAlertSelector,
|
|
245
|
+
fc as FhiIconPaperclip,
|
|
246
|
+
Sc as FhiIconPaperclipSelector,
|
|
247
|
+
mc as FhiIconPencil,
|
|
248
|
+
Cc as FhiIconPencilSelector,
|
|
249
|
+
wc as FhiIconPhone,
|
|
250
|
+
sc as FhiIconPhoneSelector,
|
|
251
|
+
kc as FhiIconPin,
|
|
252
|
+
gc as FhiIconPinOff,
|
|
253
|
+
Ac as FhiIconPinOffSelector,
|
|
254
|
+
Rc as FhiIconPinSelector,
|
|
255
|
+
Dc as FhiIconPlus,
|
|
256
|
+
Uc as FhiIconPlusSelector,
|
|
257
|
+
Ec as FhiIconPrinter,
|
|
258
|
+
dc as FhiIconPrinterSelector,
|
|
259
|
+
qc as FhiIconQuestion,
|
|
260
|
+
Mc as FhiIconQuestionSelector,
|
|
261
|
+
Bc as FhiIconRefresh,
|
|
262
|
+
Gc as FhiIconRefreshSelector,
|
|
263
|
+
Xc as FhiIconRotateLeft,
|
|
264
|
+
Hc as FhiIconRotateLeftSelector,
|
|
265
|
+
Vc as FhiIconRotateRight,
|
|
266
|
+
bc as FhiIconRotateRightSelector,
|
|
267
|
+
jc as FhiIconSearch,
|
|
268
|
+
Jc as FhiIconSearchSelector,
|
|
269
|
+
Nc as FhiIconShare,
|
|
270
|
+
Wc as FhiIconShareSelector,
|
|
271
|
+
Zc as FhiIconSheet,
|
|
272
|
+
_c as FhiIconSheetSelector,
|
|
273
|
+
fi as FhiIconSquare,
|
|
274
|
+
ci as FhiIconSquareCheck,
|
|
275
|
+
oi as FhiIconSquareCheckBig,
|
|
276
|
+
ei as FhiIconSquareCheckBigSelector,
|
|
277
|
+
ii as FhiIconSquareCheckSelector,
|
|
278
|
+
ti as FhiIconSquarePen,
|
|
279
|
+
hi as FhiIconSquarePenSelector,
|
|
280
|
+
Si as FhiIconSquareSelector,
|
|
281
|
+
Ii as FhiIconSquareX,
|
|
282
|
+
li as FhiIconSquareXSelector,
|
|
283
|
+
mi as FhiIconTrash,
|
|
284
|
+
Ci as FhiIconTrashSelector,
|
|
285
|
+
wi as FhiIconTriangleAlert,
|
|
286
|
+
si as FhiIconTriangleAlertSelector,
|
|
287
|
+
gi as FhiIconUpload,
|
|
288
|
+
Ai as FhiIconUploadSelector,
|
|
289
|
+
ki as FhiIconUser,
|
|
290
|
+
Ri as FhiIconUserSelector,
|
|
291
|
+
Di as FhiIconX,
|
|
292
|
+
Ui as FhiIconXSelector,
|
|
272
293
|
p as FhiRadio,
|
|
273
294
|
f as FhiRadioSelector,
|
|
274
295
|
x as FhiTextInput,
|
package/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"title": "FHI Designsystem",
|
|
3
3
|
"author": "FHI Designsystem team",
|
|
4
4
|
"name": "@folkehelseinstituttet/designsystem",
|
|
5
|
-
"version": "0.
|
|
5
|
+
"version": "0.16.0",
|
|
6
6
|
"description": "The official design system for the Norwegian Institute of Public Health implemented as web components",
|
|
7
7
|
"keywords": [
|
|
8
8
|
"fhi",
|
package/theme/default.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght,XOPQ@8..144,100..1000,88&display=swap";:root{--fhi-black: #000000;--fhi-white: #ffffff;--fhi-red-010: #fffafa;--fhi-red-050: #faf1f0;--fhi-red-100: #f5e0dd;--fhi-red-150: #f9cfcb;--fhi-red-200: #fdb9b1;--fhi-red-300: #ed958c;--fhi-red-400: #e76a62;--fhi-red-500: #cb4540;--fhi-red-600: #a53431;--fhi-red-700: #7d2628;--fhi-red-800: #5a1514;--fhi-red-900: #320102;--fhi-yellow-010: #fffcf5;--fhi-yellow-050: #feeed9;--fhi-yellow-100: #fee191;--fhi-yellow-150: #fdd662;--fhi-yellow-200: #f4c53a;--fhi-yellow-300: #d6a830;--fhi-yellow-400: #af8f2c;--fhi-yellow-500: #956d0c;--fhi-yellow-600: #755911;--fhi-yellow-700: #56430e;--fhi-yellow-800: #382c0b;--fhi-yellow-900: #1f1804;--fhi-orange-010: #fef9f3;--fhi-orange-050: #faf2e9;--fhi-orange-100: #f5e2cd;--fhi-orange-150: #fcd1a1;--fhi-orange-200: #f7b665;--fhi-orange-300: #e99e35;--fhi-orange-400: #c7821d;--fhi-orange-500: #a6622f;--fhi-orange-600: #874f24;--fhi-orange-700: #65381e;--fhi-orange-800: #412613;--fhi-orange-900: #261004;--fhi-green-010: #fafffe;--fhi-green-050: #e9f7f4;--fhi-green-100: #cceee4;--fhi-green-150: #abe5d1;--fhi-green-200: #91dabb;--fhi-green-300: #5bbe97;--fhi-green-400: #30a779;--fhi-green-500: #29855d;--fhi-green-600: #336847;--fhi-green-700: #2a4d33;--fhi-green-800: #203324;--fhi-green-900: #081b0d;--fhi-greyblue-010: #fdfeff;--fhi-greyblue-050: #edf4f7;--fhi-greyblue-100: #dbe6ec;--fhi-greyblue-150: #cbd9df;--fhi-greyblue-200: #bbcfd8;--fhi-greyblue-300: #97b2c0;--fhi-greyblue-400: #7b96a4;--fhi-greyblue-500: #607985;--fhi-greyblue-600: #455f6c;--fhi-greyblue-700: #374851;--fhi-greyblue-800: #212d34;--fhi-greyblue-900: #0e171b;--fhi-greybeige-010: #fbfbfb;--fhi-greybeige-050: #f0edeb;--fhi-greybeige-100: #e7e4e2;--fhi-greybeige-150: #dbd9d7;--fhi-greybeige-200: #cdccca;--fhi-greybeige-300: #b0aeaa;--fhi-greybeige-400: #93918c;--fhi-greybeige-500: #76746f;--fhi-greybeige-600: #625d5a;--fhi-greybeige-700: #494442;--fhi-greybeige-800: #2f2b29;--fhi-greybeige-900: #130f0e;--fhi-teal-010: #fafdfe;--fhi-teal-050: #edf5f8;--fhi-teal-100: #d5ebf5;--fhi-teal-150: #c0dee9;--fhi-teal-200: #9dd2e4;--fhi-teal-300: #78b6ca;--fhi-teal-400: #519ab0;--fhi-teal-500: #377e92;--fhi-teal-600: #2b6475;--fhi-teal-700: #244a59;--fhi-teal-800: #1d303e;--fhi-teal-900: #0b1821;--fhi-purple-010: #fbfcfe;--fhi-purple-050: #f0f3fe;--fhi-purple-100: #e1e4f9;--fhi-purple-150: #d3d8f7;--fhi-purple-200: #c2c7f6;--fhi-purple-300: #a3aaeb;--fhi-purple-400: #838ae6;--fhi-purple-500: #676bca;--fhi-purple-600: #5354ab;--fhi-purple-700: #3e3f7c;--fhi-purple-800: #292b4f;--fhi-purple-900: #141431;--fhi-blue-010: #fafdff;--fhi-blue-050: #e6f0fc;--fhi-blue-100: #dae7f7;--fhi-blue-150: #c2dbf5;--fhi-blue-200: #adcef4;--fhi-blue-300: #77b1ea;--fhi-blue-400: #4a96df;--fhi-blue-500: #2a76c6;--fhi-blue-600: #1e5da7;--fhi-blue-700: #1c4480;--fhi-blue-800: #102e55;--fhi-blue-900: #011633;--fhi-color-neutral-background-default: var(--fhi-greyblue-010);--fhi-color-neutral-background-subtle: var(--fhi-greyblue-050);--fhi-color-neutral-surface-default: var(--fhi-greyblue-100);--fhi-color-neutral-surface-hover: var(--fhi-greyblue-150);--fhi-color-neutral-surface-active: var(--fhi-greyblue-200);--fhi-color-neutral-border-subtle: var(--fhi-greyblue-200);--fhi-color-neutral-border-default: var(--fhi-greyblue-500);--fhi-color-neutral-border-strong: var(--fhi-greyblue-700);--fhi-color-neutral-base-default: var(--fhi-greyblue-500);--fhi-color-neutral-base-hover: var(--fhi-greyblue-600);--fhi-color-neutral-base-active: var(--fhi-greyblue-700);--fhi-color-neutral-text-subtle: var(--fhi-greyblue-600);--fhi-color-neutral-text-default: var(--fhi-greyblue-800);--fhi-color-neutral-text-inverted: var(--fhi-greyblue-010);--fhi-color-accent-background-default: var(--fhi-blue-010);--fhi-color-accent-background-subtle: var(--fhi-blue-050);--fhi-color-accent-surface-default: var(--fhi-blue-100);--fhi-color-accent-surface-hover: var(--fhi-blue-150);--fhi-color-accent-surface-active: var(--fhi-blue-200);--fhi-color-accent-border-subtle: var(--fhi-blue-200);--fhi-color-accent-border-default: var(--fhi-blue-500);--fhi-color-accent-border-strong: var(--fhi-blue-700);--fhi-color-accent-base-default: var(--fhi-blue-500);--fhi-color-accent-base-hover: var(--fhi-blue-600);--fhi-color-accent-base-active: var(--fhi-blue-700);--fhi-color-accent-text-subtle: var(--fhi-blue-600);--fhi-color-accent-text-default: var(--fhi-blue-800);--fhi-color-accent-text-inverted: var(--fhi-blue-010);--fhi-color-info-background-default: var(--fhi-blue-010);--fhi-color-info-background-subtle: var(--fhi-blue-050);--fhi-color-info-surface-default: var(--fhi-blue-100);--fhi-color-info-surface-hover: var(--fhi-blue-150);--fhi-color-info-surface-active: var(--fhi-blue-200);--fhi-color-info-border-subtle: var(--fhi-blue-200);--fhi-color-info-border-default: var(--fhi-blue-500);--fhi-color-info-border-strong: var(--fhi-blue-700);--fhi-color-info-base-default: var(--fhi-blue-500);--fhi-color-info-base-hover: var(--fhi-blue-600);--fhi-color-info-base-active: var(--fhi-blue-700);--fhi-color-info-text-subtle: var(--fhi-blue-600);--fhi-color-info-text-default: var(--fhi-blue-800);--fhi-color-info-text-inverted: var(--fhi-blue-010);--fhi-color-success-background-default: var(--fhi-green-010);--fhi-color-success-background-subtle: var(--fhi-green-050);--fhi-color-success-surface-default: var(--fhi-green-100);--fhi-color-success-surface-hover: var(--fhi-green-150);--fhi-color-success-surface-active: var(--fhi-green-200);--fhi-color-success-border-subtle: var(--fhi-green-200);--fhi-color-success-border-default: var(--fhi-green-500);--fhi-color-success-border-strong: var(--fhi-green-700);--fhi-color-success-base-default: var(--fhi-green-500);--fhi-color-success-base-hover: var(--fhi-green-600);--fhi-color-success-base-active: var(--fhi-green-700);--fhi-color-success-text-subtle: var(--fhi-green-600);--fhi-color-success-text-default: var(--fhi-green-800);--fhi-color-success-text-inverted: var(--fhi-green-010);--fhi-color-warning-background-default: var(--fhi-yellow-010);--fhi-color-warning-background-subtle: var(--fhi-yellow-050);--fhi-color-warning-surface-default: var(--fhi-yellow-100);--fhi-color-warning-surface-hover: var(--fhi-yellow-150);--fhi-color-warning-surface-active: var(--fhi-yellow-200);--fhi-color-warning-border-subtle: var(--fhi-yellow-200);--fhi-color-warning-border-default: var(--fhi-orange-500);--fhi-color-warning-border-strong: var(--fhi-orange-700);--fhi-color-warning-base-default: var(--fhi-orange-200);--fhi-color-warning-base-hover: var(--fhi-orange-300);--fhi-color-warning-base-active: var(--fhi-orange-400);--fhi-color-warning-text-subtle: var(--fhi-orange-600);--fhi-color-warning-text-default: var(--fhi-orange-800);--fhi-color-warning-text-inverted: var(--fhi-orange-900);--fhi-color-danger-background-default: var(--fhi-red-010);--fhi-color-danger-background-subtle: var(--fhi-red-050);--fhi-color-danger-surface-default: var(--fhi-red-100);--fhi-color-danger-surface-hover: var(--fhi-red-150);--fhi-color-danger-surface-active: var(--fhi-red-200);--fhi-color-danger-border-subtle: var(--fhi-red-200);--fhi-color-danger-border-default: var(--fhi-red-500);--fhi-color-danger-border-strong: var(--fhi-red-700);--fhi-color-danger-base-default: var(--fhi-red-500);--fhi-color-danger-base-hover: var(--fhi-red-600);--fhi-color-danger-base-active: var(--fhi-red-700);--fhi-color-danger-text-subtle: var(--fhi-red-600);--fhi-color-danger-text-default: var(--fhi-red-800);--fhi-color-danger-text-inverted: var(--fhi-red-010);--fhi-font-family-default: "Roboto Flex", system-ui, sans-serif;--fhi-font-weight-light: 300;--fhi-font-weight-regular: 400;--fhi-font-weight-medium: 500;--fhi-font-weight-bold: 700;--fhi-font-size-1: .625rem;--fhi-font-size-2: .75rem;--fhi-font-size-3: .875rem;--fhi-font-size-4: 1rem;--fhi-font-size-5: 1.125rem;--fhi-font-size-6: 1.25rem;--fhi-font-size-7: 1.5rem;--fhi-font-size-8: 1.75rem;--fhi-font-size-9: 2rem;--fhi-font-size-10: 2.25rem;--fhi-font-size-11: 2.625rem;--fhi-font-size-12: 3rem;--fhi-font-size-13: 3.375rem;--fhi-font-size-14: 3.75rem;--fhi-typography-label-large-font-size: var(--fhi-font-size-5);--fhi-typography-label-large-font-weight: var(--fhi-font-weight-medium);--fhi-typography-label-large-line-height: 1.5rem;--fhi-typography-label-large-letter-spacing: .00125rem;--fhi-typography-label-medium-font-size: var(--fhi-font-size-4);--fhi-typography-label-medium-font-weight: var(--fhi-font-weight-medium);--fhi-typography-label-medium-line-height: 1.5rem;--fhi-typography-label-medium-letter-spacing: .005rem;--fhi-typography-label-small-font-size: var(--fhi-font-size-3);--fhi-typography-label-small-font-weight: var(--fhi-font-weight-medium);--fhi-typography-label-small-line-height: 1.25rem;--fhi-typography-label-small-letter-spacing: .00875rem;--fhi-typography-body-large-font-size: var(--fhi-font-size-5);--fhi-typography-body-large-font-weight: var(--fhi-font-weight-regular);--fhi-typography-body-large-line-height: 1.5rem;--fhi-typography-body-large-letter-spacing: .00125rem;--fhi-typography-body-medium-font-size: var(--fhi-font-size-4);--fhi-typography-body-medium-font-weight: var(--fhi-font-weight-regular);--fhi-typography-body-medium-line-height: 1.5rem;--fhi-typography-body-medium-letter-spacing: .005rem;--fhi-typography-body-small-font-size: var(--fhi-font-size-3);--fhi-typography-body-small-font-weight: var(--fhi-font-weight-regular);--fhi-typography-body-small-line-height: 1.25rem;--fhi-typography-body-small-letter-spacing: .00875rem;--fhi-spacing-0: 0rem;--fhi-spacing-050: .25rem;--fhi-spacing-100: .5rem;--fhi-spacing-150: .75rem;--fhi-spacing-200: 1rem;--fhi-spacing-250: 1.25rem;--fhi-spacing-300: 1.5rem;--fhi-spacing-400: 2rem;--fhi-spacing-500: 2.5rem;--fhi-spacing-600: 3rem;--fhi-spacing-800: 4rem;--fhi-spacing-1000: 5rem;--fhi-border-radius-050: .25rem;--fhi-border-radius-100: .5rem;--fhi-border-radius-150: .75rem;--fhi-border-radius-200: 1rem;--fhi-border-radius-250: 1.25rem;--fhi-border-radius-300: 1.5rem;--fhi-border-radius-full: 999rem;--fhi-dimension-border-width: .0625rem;--fhi-dimension-border-width-active: .125rem;--fhi-dimension-border-width-focus: .25rem;--fhi-motion-ease-default: cubic-bezier(.4, 0, .2, 1);--fhi-motion-duration-quick: .15s;--fhi-motion-duration-medium: .25s;--fhi-motion-duration-slow: .35s;--fhi-opacity-disabled: 60%}
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght,XOPQ@8..144,100..1000,88&display=swap";:root{--fhi-black: #000000;--fhi-white: #ffffff;--fhi-red-010: #fffafa;--fhi-red-050: #faf1f0;--fhi-red-100: #f5e0dd;--fhi-red-150: #f9cfcb;--fhi-red-200: #fdb9b1;--fhi-red-300: #ed958c;--fhi-red-400: #e76a62;--fhi-red-500: #cb4540;--fhi-red-600: #a53431;--fhi-red-700: #7d2628;--fhi-red-800: #5a1514;--fhi-red-900: #320102;--fhi-yellow-010: #fffcf5;--fhi-yellow-050: #feeed9;--fhi-yellow-100: #fee191;--fhi-yellow-150: #fdd662;--fhi-yellow-200: #f4c53a;--fhi-yellow-300: #d6a830;--fhi-yellow-400: #af8f2c;--fhi-yellow-500: #956d0c;--fhi-yellow-600: #755911;--fhi-yellow-700: #56430e;--fhi-yellow-800: #382c0b;--fhi-yellow-900: #1f1804;--fhi-orange-010: #fef9f3;--fhi-orange-050: #faf2e9;--fhi-orange-100: #f5e2cd;--fhi-orange-150: #fcd1a1;--fhi-orange-200: #f7b665;--fhi-orange-300: #e99e35;--fhi-orange-400: #c7821d;--fhi-orange-500: #a6622f;--fhi-orange-600: #874f24;--fhi-orange-700: #65381e;--fhi-orange-800: #412613;--fhi-orange-900: #261004;--fhi-green-010: #fafffe;--fhi-green-050: #e9f7f4;--fhi-green-100: #cceee4;--fhi-green-150: #abe5d1;--fhi-green-200: #91dabb;--fhi-green-300: #5bbe97;--fhi-green-400: #30a779;--fhi-green-500: #29855d;--fhi-green-600: #336847;--fhi-green-700: #2a4d33;--fhi-green-800: #203324;--fhi-green-900: #081b0d;--fhi-greyblue-010: #fdfeff;--fhi-greyblue-050: #edf4f7;--fhi-greyblue-100: #dbe6ec;--fhi-greyblue-150: #cbd9df;--fhi-greyblue-200: #bbcfd8;--fhi-greyblue-300: #97b2c0;--fhi-greyblue-400: #7b96a4;--fhi-greyblue-500: #607985;--fhi-greyblue-600: #455f6c;--fhi-greyblue-700: #374851;--fhi-greyblue-800: #212d34;--fhi-greyblue-900: #0e171b;--fhi-greybeige-010: #fbfbfb;--fhi-greybeige-050: #f0edeb;--fhi-greybeige-100: #e7e4e2;--fhi-greybeige-150: #dbd9d7;--fhi-greybeige-200: #cdccca;--fhi-greybeige-300: #b0aeaa;--fhi-greybeige-400: #93918c;--fhi-greybeige-500: #76746f;--fhi-greybeige-600: #625d5a;--fhi-greybeige-700: #494442;--fhi-greybeige-800: #2f2b29;--fhi-greybeige-900: #130f0e;--fhi-teal-010: #fafdfe;--fhi-teal-050: #edf5f8;--fhi-teal-100: #d5ebf5;--fhi-teal-150: #c0dee9;--fhi-teal-200: #9dd2e4;--fhi-teal-300: #78b6ca;--fhi-teal-400: #519ab0;--fhi-teal-500: #377e92;--fhi-teal-600: #2b6475;--fhi-teal-700: #244a59;--fhi-teal-800: #1d303e;--fhi-teal-900: #0b1821;--fhi-purple-010: #fbfcfe;--fhi-purple-050: #f0f3fe;--fhi-purple-100: #e1e4f9;--fhi-purple-150: #d3d8f7;--fhi-purple-200: #c2c7f6;--fhi-purple-300: #a3aaeb;--fhi-purple-400: #838ae6;--fhi-purple-500: #676bca;--fhi-purple-600: #5354ab;--fhi-purple-700: #3e3f7c;--fhi-purple-800: #292b4f;--fhi-purple-900: #141431;--fhi-blue-010: #fafdff;--fhi-blue-050: #e6f0fc;--fhi-blue-100: #dae7f7;--fhi-blue-150: #c2dbf5;--fhi-blue-200: #adcef4;--fhi-blue-300: #77b1ea;--fhi-blue-400: #4a96df;--fhi-blue-500: #2a76c6;--fhi-blue-600: #1e5da7;--fhi-blue-700: #1c4480;--fhi-blue-800: #102e55;--fhi-blue-900: #011633;--fhi-color-neutral-background-default: var(--fhi-greyblue-010);--fhi-color-neutral-background-subtle: var(--fhi-greyblue-050);--fhi-color-neutral-surface-default: var(--fhi-greyblue-100);--fhi-color-neutral-surface-hover: var(--fhi-greyblue-150);--fhi-color-neutral-surface-active: var(--fhi-greyblue-200);--fhi-color-neutral-border-subtle: var(--fhi-greyblue-200);--fhi-color-neutral-border-default: var(--fhi-greyblue-500);--fhi-color-neutral-border-strong: var(--fhi-greyblue-700);--fhi-color-neutral-base-default: var(--fhi-greyblue-500);--fhi-color-neutral-base-hover: var(--fhi-greyblue-600);--fhi-color-neutral-base-active: var(--fhi-greyblue-700);--fhi-color-neutral-text-subtle: var(--fhi-greyblue-600);--fhi-color-neutral-text-default: var(--fhi-greyblue-800);--fhi-color-neutral-text-inverted: var(--fhi-greyblue-010);--fhi-color-accent-background-default: var(--fhi-blue-010);--fhi-color-accent-background-subtle: var(--fhi-blue-050);--fhi-color-accent-surface-default: var(--fhi-blue-100);--fhi-color-accent-surface-hover: var(--fhi-blue-150);--fhi-color-accent-surface-active: var(--fhi-blue-200);--fhi-color-accent-border-subtle: var(--fhi-blue-200);--fhi-color-accent-border-default: var(--fhi-blue-500);--fhi-color-accent-border-strong: var(--fhi-blue-700);--fhi-color-accent-base-default: var(--fhi-blue-500);--fhi-color-accent-base-hover: var(--fhi-blue-600);--fhi-color-accent-base-active: var(--fhi-blue-700);--fhi-color-accent-text-subtle: var(--fhi-blue-600);--fhi-color-accent-text-default: var(--fhi-blue-800);--fhi-color-accent-text-inverted: var(--fhi-blue-010);--fhi-color-info-background-default: var(--fhi-blue-010);--fhi-color-info-background-subtle: var(--fhi-blue-050);--fhi-color-info-surface-default: var(--fhi-blue-100);--fhi-color-info-surface-hover: var(--fhi-blue-150);--fhi-color-info-surface-active: var(--fhi-blue-200);--fhi-color-info-border-subtle: var(--fhi-blue-200);--fhi-color-info-border-default: var(--fhi-blue-500);--fhi-color-info-border-strong: var(--fhi-blue-700);--fhi-color-info-base-default: var(--fhi-blue-500);--fhi-color-info-base-hover: var(--fhi-blue-600);--fhi-color-info-base-active: var(--fhi-blue-700);--fhi-color-info-text-subtle: var(--fhi-blue-600);--fhi-color-info-text-default: var(--fhi-blue-800);--fhi-color-info-text-inverted: var(--fhi-blue-010);--fhi-color-success-background-default: var(--fhi-green-010);--fhi-color-success-background-subtle: var(--fhi-green-050);--fhi-color-success-surface-default: var(--fhi-green-100);--fhi-color-success-surface-hover: var(--fhi-green-150);--fhi-color-success-surface-active: var(--fhi-green-200);--fhi-color-success-border-subtle: var(--fhi-green-200);--fhi-color-success-border-default: var(--fhi-green-500);--fhi-color-success-border-strong: var(--fhi-green-700);--fhi-color-success-base-default: var(--fhi-green-500);--fhi-color-success-base-hover: var(--fhi-green-600);--fhi-color-success-base-active: var(--fhi-green-700);--fhi-color-success-text-subtle: var(--fhi-green-600);--fhi-color-success-text-default: var(--fhi-green-800);--fhi-color-success-text-inverted: var(--fhi-green-010);--fhi-color-warning-background-default: var(--fhi-yellow-010);--fhi-color-warning-background-subtle: var(--fhi-yellow-050);--fhi-color-warning-surface-default: var(--fhi-yellow-100);--fhi-color-warning-surface-hover: var(--fhi-yellow-150);--fhi-color-warning-surface-active: var(--fhi-yellow-200);--fhi-color-warning-border-subtle: var(--fhi-yellow-200);--fhi-color-warning-border-default: var(--fhi-orange-500);--fhi-color-warning-border-strong: var(--fhi-orange-700);--fhi-color-warning-base-default: var(--fhi-orange-200);--fhi-color-warning-base-hover: var(--fhi-orange-300);--fhi-color-warning-base-active: var(--fhi-orange-400);--fhi-color-warning-text-subtle: var(--fhi-orange-600);--fhi-color-warning-text-default: var(--fhi-orange-800);--fhi-color-warning-text-inverted: var(--fhi-orange-900);--fhi-color-danger-background-default: var(--fhi-red-010);--fhi-color-danger-background-subtle: var(--fhi-red-050);--fhi-color-danger-surface-default: var(--fhi-red-100);--fhi-color-danger-surface-hover: var(--fhi-red-150);--fhi-color-danger-surface-active: var(--fhi-red-200);--fhi-color-danger-border-subtle: var(--fhi-red-200);--fhi-color-danger-border-default: var(--fhi-red-500);--fhi-color-danger-border-strong: var(--fhi-red-700);--fhi-color-danger-base-default: var(--fhi-red-500);--fhi-color-danger-base-hover: var(--fhi-red-600);--fhi-color-danger-base-active: var(--fhi-red-700);--fhi-color-danger-text-subtle: var(--fhi-red-600);--fhi-color-danger-text-default: var(--fhi-red-800);--fhi-color-danger-text-inverted: var(--fhi-red-010);--fhi-font-family-default: "Roboto Flex", system-ui, sans-serif;--fhi-font-weight-light: 300;--fhi-font-weight-regular: 400;--fhi-font-weight-medium: 500;--fhi-font-weight-bold: 700;--fhi-font-size-1: .625rem;--fhi-font-size-2: .75rem;--fhi-font-size-3: .875rem;--fhi-font-size-4: 1rem;--fhi-font-size-5: 1.125rem;--fhi-font-size-6: 1.25rem;--fhi-font-size-7: 1.5rem;--fhi-font-size-8: 1.75rem;--fhi-font-size-9: 2rem;--fhi-font-size-10: 2.25rem;--fhi-font-size-11: 2.625rem;--fhi-font-size-12: 3rem;--fhi-font-size-13: 3.375rem;--fhi-font-size-14: 3.75rem;--fhi-typography-label-large-font-size: var(--fhi-font-size-5);--fhi-typography-label-large-font-weight: var(--fhi-font-weight-medium);--fhi-typography-label-large-line-height: 1.5rem;--fhi-typography-label-large-letter-spacing: .00125rem;--fhi-typography-label-medium-font-size: var(--fhi-font-size-4);--fhi-typography-label-medium-font-weight: var(--fhi-font-weight-medium);--fhi-typography-label-medium-line-height: 1.5rem;--fhi-typography-label-medium-letter-spacing: .005rem;--fhi-typography-label-small-font-size: var(--fhi-font-size-3);--fhi-typography-label-small-font-weight: var(--fhi-font-weight-medium);--fhi-typography-label-small-line-height: 1.25rem;--fhi-typography-label-small-letter-spacing: .00875rem;--fhi-typography-body-large-font-size: var(--fhi-font-size-5);--fhi-typography-body-large-font-weight: var(--fhi-font-weight-regular);--fhi-typography-body-large-line-height: 1.5rem;--fhi-typography-body-large-letter-spacing: .00125rem;--fhi-typography-body-medium-font-size: var(--fhi-font-size-4);--fhi-typography-body-medium-font-weight: var(--fhi-font-weight-regular);--fhi-typography-body-medium-line-height: 1.5rem;--fhi-typography-body-medium-letter-spacing: .005rem;--fhi-typography-body-small-font-size: var(--fhi-font-size-3);--fhi-typography-body-small-font-weight: var(--fhi-font-weight-regular);--fhi-typography-body-small-line-height: 1.25rem;--fhi-typography-body-small-letter-spacing: .00875rem;--fhi-typography-headline-large-font-size: var(--fhi-font-size-8);--fhi-typography-headline-large-font-weight: var(--fhi-font-weight-medium);--fhi-typography-headline-large-line-height: 2.25rem;--fhi-typography-headline-large-letter-spacing: -.0175rem;--fhi-typography-headline-medium-font-size: var(--fhi-font-size-7);--fhi-typography-headline-medium-font-weight: var(--fhi-font-weight-medium);--fhi-typography-headline-medium-line-height: 2rem;--fhi-typography-headline-medium-letter-spacing: -.01rem;--fhi-typography-headline-small-font-size: var(--fhi-font-size-6);--fhi-typography-headline-small-font-weight: var(--fhi-font-weight-medium);--fhi-typography-headline-small-line-height: 1.75rem;--fhi-typography-headline-small-letter-spacing: -.0025rem;--fhi-typography-title-large-font-size: var(--fhi-font-size-5);--fhi-typography-title-large-font-weight: var(--fhi-font-weight-bold);--fhi-typography-title-large-line-height: 1.5rem;--fhi-typography-title-large-letter-spacing: .0012rem;--fhi-typography-title-medium-font-size: var(--fhi-font-size-4);--fhi-typography-title-medium-font-weight: var(--fhi-font-weight-bold);--fhi-typography-title-medium-line-height: 1.25rem;--fhi-typography-title-medium-letter-spacing: .005rem;--fhi-typography-title-small-font-size: var(--fhi-font-size-3);--fhi-typography-title-small-font-weight: var(--fhi-font-weight-bold);--fhi-typography-title-small-line-height: 1.25rem;--fhi-typography-title-small-letter-spacing: .0088rem;--fhi-typography-display-large-font-size: var(--fhi-font-size-14);--fhi-typography-display-large-font-weight: var(--fhi-font-weight-regular);--fhi-typography-display-large-line-height: 4.25rem;--fhi-typography-display-large-letter-spacing: -.0775rem;--fhi-typography-display-medium-font-size: var(--fhi-font-size-12);--fhi-typography-display-medium-font-weight: var(--fhi-font-weight-regular);--fhi-typography-display-medium-line-height: 3.5rem;--fhi-typography-display-medium-letter-spacing: -.0549rem;--fhi-typography-display-small-font-size: var(--fhi-font-size-10);--fhi-typography-display-small-font-weight: var(--fhi-font-weight-regular);--fhi-typography-display-small-line-height: 2.5rem;--fhi-typography-display-small-letter-spacing: -.0324rem;--fhi-spacing-0: 0rem;--fhi-spacing-050: .25rem;--fhi-spacing-100: .5rem;--fhi-spacing-150: .75rem;--fhi-spacing-200: 1rem;--fhi-spacing-250: 1.25rem;--fhi-spacing-300: 1.5rem;--fhi-spacing-400: 2rem;--fhi-spacing-500: 2.5rem;--fhi-spacing-600: 3rem;--fhi-spacing-800: 4rem;--fhi-spacing-1000: 5rem;--fhi-border-radius-050: .25rem;--fhi-border-radius-100: .5rem;--fhi-border-radius-150: .75rem;--fhi-border-radius-200: 1rem;--fhi-border-radius-250: 1.25rem;--fhi-border-radius-300: 1.5rem;--fhi-border-radius-full: 999rem;--fhi-dimension-border-width: .0625rem;--fhi-dimension-border-width-active: .125rem;--fhi-dimension-border-width-focus: .25rem;--fhi-motion-ease-default: cubic-bezier(.4, 0, .2, 1);--fhi-motion-duration-quick: .15s;--fhi-motion-duration-medium: .25s;--fhi-motion-duration-slow: .35s;--fhi-opacity-disabled: 60%}
|