@folkehelseinstituttet/designsystem 0.25.0 → 0.26.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/custom-elements.json +204 -0
- package/fhi-icon-calendar-clock.js +52 -0
- package/fhi-icon-calendar-clock.js.map +1 -0
- package/fhi-icon-send.js +52 -0
- package/fhi-icon-send.js.map +1 -0
- package/index.js +255 -249
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/web-types.json +73 -1
package/custom-elements.json
CHANGED
|
@@ -3839,6 +3839,108 @@
|
|
|
3839
3839
|
}
|
|
3840
3840
|
]
|
|
3841
3841
|
},
|
|
3842
|
+
{
|
|
3843
|
+
"kind": "javascript-module",
|
|
3844
|
+
"path": "src/components/icons/fhi-icon-calendar-clock.component.ts",
|
|
3845
|
+
"declarations": [
|
|
3846
|
+
{
|
|
3847
|
+
"kind": "class",
|
|
3848
|
+
"description": "## FhiIconCalendarClock\n\nhttps://designsystem.fhi.no/?path=/docs/ikoner--docs",
|
|
3849
|
+
"name": "FhiIconCalendarClock",
|
|
3850
|
+
"members": [
|
|
3851
|
+
{
|
|
3852
|
+
"kind": "field",
|
|
3853
|
+
"name": "_size",
|
|
3854
|
+
"type": {
|
|
3855
|
+
"text": "string"
|
|
3856
|
+
},
|
|
3857
|
+
"privacy": "private",
|
|
3858
|
+
"readonly": true
|
|
3859
|
+
},
|
|
3860
|
+
{
|
|
3861
|
+
"kind": "field",
|
|
3862
|
+
"name": "color",
|
|
3863
|
+
"type": {
|
|
3864
|
+
"text": "string"
|
|
3865
|
+
},
|
|
3866
|
+
"default": "\"currentcolor\"",
|
|
3867
|
+
"description": "Sets the color for the icon.\nShould preferably be a color token. See [Color Tokens](https://designsystem.fhi.no/?path=/docs/design-tokens-farger--docs)",
|
|
3868
|
+
"attribute": "color"
|
|
3869
|
+
},
|
|
3870
|
+
{
|
|
3871
|
+
"kind": "field",
|
|
3872
|
+
"name": "size",
|
|
3873
|
+
"type": {
|
|
3874
|
+
"text": "'xsmall' | 'small' | 'medium' | 'large' | number | string"
|
|
3875
|
+
},
|
|
3876
|
+
"default": "'medium'",
|
|
3877
|
+
"description": "Sets the size of the icon. Can be one of the predefined sizes, a number value, rem or px.\nNumber values are treated as px.",
|
|
3878
|
+
"attribute": "size"
|
|
3879
|
+
}
|
|
3880
|
+
],
|
|
3881
|
+
"attributes": [
|
|
3882
|
+
{
|
|
3883
|
+
"name": "color",
|
|
3884
|
+
"type": {
|
|
3885
|
+
"text": "string"
|
|
3886
|
+
},
|
|
3887
|
+
"default": "\"currentcolor\"",
|
|
3888
|
+
"description": "Sets the color for the icon.\nShould preferably be a color token. See [Color Tokens](https://designsystem.fhi.no/?path=/docs/design-tokens-farger--docs)",
|
|
3889
|
+
"fieldName": "color"
|
|
3890
|
+
},
|
|
3891
|
+
{
|
|
3892
|
+
"name": "size",
|
|
3893
|
+
"type": {
|
|
3894
|
+
"text": "'xsmall' | 'small' | 'medium' | 'large' | number | string"
|
|
3895
|
+
},
|
|
3896
|
+
"default": "'medium'",
|
|
3897
|
+
"description": "Sets the size of the icon. Can be one of the predefined sizes, a number value, rem or px.\nNumber values are treated as px.",
|
|
3898
|
+
"fieldName": "size"
|
|
3899
|
+
}
|
|
3900
|
+
],
|
|
3901
|
+
"superclass": {
|
|
3902
|
+
"name": "LitElement",
|
|
3903
|
+
"package": "lit"
|
|
3904
|
+
},
|
|
3905
|
+
"tagName": "fhi-icon-calendar-clock",
|
|
3906
|
+
"customElement": true
|
|
3907
|
+
},
|
|
3908
|
+
{
|
|
3909
|
+
"kind": "variable",
|
|
3910
|
+
"name": "FhiIconCalendarClockSelector",
|
|
3911
|
+
"type": {
|
|
3912
|
+
"text": "string"
|
|
3913
|
+
},
|
|
3914
|
+
"default": "\"fhi-icon-calendar-clock\""
|
|
3915
|
+
}
|
|
3916
|
+
],
|
|
3917
|
+
"exports": [
|
|
3918
|
+
{
|
|
3919
|
+
"kind": "custom-element-definition",
|
|
3920
|
+
"name": "",
|
|
3921
|
+
"declaration": {
|
|
3922
|
+
"name": "FhiIconCalendarClock",
|
|
3923
|
+
"module": "src/components/icons/fhi-icon-calendar-clock.component.ts"
|
|
3924
|
+
}
|
|
3925
|
+
},
|
|
3926
|
+
{
|
|
3927
|
+
"kind": "js",
|
|
3928
|
+
"name": "FhiIconCalendarClock",
|
|
3929
|
+
"declaration": {
|
|
3930
|
+
"name": "FhiIconCalendarClock",
|
|
3931
|
+
"module": "src/components/icons/fhi-icon-calendar-clock.component.ts"
|
|
3932
|
+
}
|
|
3933
|
+
},
|
|
3934
|
+
{
|
|
3935
|
+
"kind": "js",
|
|
3936
|
+
"name": "FhiIconCalendarClockSelector",
|
|
3937
|
+
"declaration": {
|
|
3938
|
+
"name": "FhiIconCalendarClockSelector",
|
|
3939
|
+
"module": "src/components/icons/fhi-icon-calendar-clock.component.ts"
|
|
3940
|
+
}
|
|
3941
|
+
}
|
|
3942
|
+
]
|
|
3943
|
+
},
|
|
3842
3944
|
{
|
|
3843
3945
|
"kind": "javascript-module",
|
|
3844
3946
|
"path": "src/components/icons/fhi-icon-calendar.component.ts",
|
|
@@ -10979,6 +11081,108 @@
|
|
|
10979
11081
|
}
|
|
10980
11082
|
]
|
|
10981
11083
|
},
|
|
11084
|
+
{
|
|
11085
|
+
"kind": "javascript-module",
|
|
11086
|
+
"path": "src/components/icons/fhi-icon-send.component.ts",
|
|
11087
|
+
"declarations": [
|
|
11088
|
+
{
|
|
11089
|
+
"kind": "class",
|
|
11090
|
+
"description": "## FhiIconSend\n\nhttps://designsystem.fhi.no/?path=/docs/ikoner--docs",
|
|
11091
|
+
"name": "FhiIconSend",
|
|
11092
|
+
"members": [
|
|
11093
|
+
{
|
|
11094
|
+
"kind": "field",
|
|
11095
|
+
"name": "_size",
|
|
11096
|
+
"type": {
|
|
11097
|
+
"text": "string"
|
|
11098
|
+
},
|
|
11099
|
+
"privacy": "private",
|
|
11100
|
+
"readonly": true
|
|
11101
|
+
},
|
|
11102
|
+
{
|
|
11103
|
+
"kind": "field",
|
|
11104
|
+
"name": "color",
|
|
11105
|
+
"type": {
|
|
11106
|
+
"text": "string"
|
|
11107
|
+
},
|
|
11108
|
+
"default": "\"currentcolor\"",
|
|
11109
|
+
"description": "Sets the color for the icon.\nShould preferably be a color token. See [Color Tokens](https://designsystem.fhi.no/?path=/docs/design-tokens-farger--docs)",
|
|
11110
|
+
"attribute": "color"
|
|
11111
|
+
},
|
|
11112
|
+
{
|
|
11113
|
+
"kind": "field",
|
|
11114
|
+
"name": "size",
|
|
11115
|
+
"type": {
|
|
11116
|
+
"text": "'xsmall' | 'small' | 'medium' | 'large' | number | string"
|
|
11117
|
+
},
|
|
11118
|
+
"default": "'medium'",
|
|
11119
|
+
"description": "Sets the size of the icon. Can be one of the predefined sizes, a number value, rem or px.\nNumber values are treated as px.",
|
|
11120
|
+
"attribute": "size"
|
|
11121
|
+
}
|
|
11122
|
+
],
|
|
11123
|
+
"attributes": [
|
|
11124
|
+
{
|
|
11125
|
+
"name": "color",
|
|
11126
|
+
"type": {
|
|
11127
|
+
"text": "string"
|
|
11128
|
+
},
|
|
11129
|
+
"default": "\"currentcolor\"",
|
|
11130
|
+
"description": "Sets the color for the icon.\nShould preferably be a color token. See [Color Tokens](https://designsystem.fhi.no/?path=/docs/design-tokens-farger--docs)",
|
|
11131
|
+
"fieldName": "color"
|
|
11132
|
+
},
|
|
11133
|
+
{
|
|
11134
|
+
"name": "size",
|
|
11135
|
+
"type": {
|
|
11136
|
+
"text": "'xsmall' | 'small' | 'medium' | 'large' | number | string"
|
|
11137
|
+
},
|
|
11138
|
+
"default": "'medium'",
|
|
11139
|
+
"description": "Sets the size of the icon. Can be one of the predefined sizes, a number value, rem or px.\nNumber values are treated as px.",
|
|
11140
|
+
"fieldName": "size"
|
|
11141
|
+
}
|
|
11142
|
+
],
|
|
11143
|
+
"superclass": {
|
|
11144
|
+
"name": "LitElement",
|
|
11145
|
+
"package": "lit"
|
|
11146
|
+
},
|
|
11147
|
+
"tagName": "fhi-icon-send",
|
|
11148
|
+
"customElement": true
|
|
11149
|
+
},
|
|
11150
|
+
{
|
|
11151
|
+
"kind": "variable",
|
|
11152
|
+
"name": "FhiIconSendSelector",
|
|
11153
|
+
"type": {
|
|
11154
|
+
"text": "string"
|
|
11155
|
+
},
|
|
11156
|
+
"default": "\"fhi-icon-send\""
|
|
11157
|
+
}
|
|
11158
|
+
],
|
|
11159
|
+
"exports": [
|
|
11160
|
+
{
|
|
11161
|
+
"kind": "custom-element-definition",
|
|
11162
|
+
"name": "",
|
|
11163
|
+
"declaration": {
|
|
11164
|
+
"name": "FhiIconSend",
|
|
11165
|
+
"module": "src/components/icons/fhi-icon-send.component.ts"
|
|
11166
|
+
}
|
|
11167
|
+
},
|
|
11168
|
+
{
|
|
11169
|
+
"kind": "js",
|
|
11170
|
+
"name": "FhiIconSend",
|
|
11171
|
+
"declaration": {
|
|
11172
|
+
"name": "FhiIconSend",
|
|
11173
|
+
"module": "src/components/icons/fhi-icon-send.component.ts"
|
|
11174
|
+
}
|
|
11175
|
+
},
|
|
11176
|
+
{
|
|
11177
|
+
"kind": "js",
|
|
11178
|
+
"name": "FhiIconSendSelector",
|
|
11179
|
+
"declaration": {
|
|
11180
|
+
"name": "FhiIconSendSelector",
|
|
11181
|
+
"module": "src/components/icons/fhi-icon-send.component.ts"
|
|
11182
|
+
}
|
|
11183
|
+
}
|
|
11184
|
+
]
|
|
11185
|
+
},
|
|
10982
11186
|
{
|
|
10983
11187
|
"kind": "javascript-module",
|
|
10984
11188
|
"path": "src/components/icons/fhi-icon-share.component.ts",
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { i as c, n as h, a as m, x as u, t as p } from "./property-XFX9TijU.js";
|
|
2
|
+
var v = Object.defineProperty, g = Object.getOwnPropertyDescriptor, l = (o, r, s, i) => {
|
|
3
|
+
for (var e = i > 1 ? void 0 : i ? g(r, s) : r, a = o.length - 1, n; a >= 0; a--)
|
|
4
|
+
(n = o[a]) && (e = (i ? n(r, s, e) : n(e)) || e);
|
|
5
|
+
return i && e && v(r, s, e), e;
|
|
6
|
+
};
|
|
7
|
+
const d = "fhi-icon-calendar-clock";
|
|
8
|
+
let t = class extends m {
|
|
9
|
+
constructor() {
|
|
10
|
+
super(...arguments), this.color = "currentcolor", this.size = "medium";
|
|
11
|
+
}
|
|
12
|
+
get _size() {
|
|
13
|
+
switch (this.size) {
|
|
14
|
+
case "xsmall":
|
|
15
|
+
return "1rem";
|
|
16
|
+
case "small":
|
|
17
|
+
return "1.25rem";
|
|
18
|
+
case "medium":
|
|
19
|
+
return "1.5rem";
|
|
20
|
+
case "large":
|
|
21
|
+
return "2rem";
|
|
22
|
+
default:
|
|
23
|
+
return String(this.size).endsWith("px") || String(this.size).endsWith("rem") ? String(this.size) : isNaN(Number(this.size)) ? (console.warn(`Invalid size value: ${this.size}. Falling back to default size '1.5rem'.`), "1.5rem") : `${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="M16 1.25a.75.75 0 0 1 .75.75v1.25H19A2.75 2.75 0 0 1 21.75 6v1.5a.75.75 0 0 1-1.5 0V6a1.25 1.25 0 0 0-1.126-1.244L19 4.75h-2.25V6a.75.75 0 0 1-1.5 0V4.75h-6.5V6a.75.75 0 0 1-1.5 0V4.75H5A1.25 1.25 0 0 0 3.75 6v3.25H8a.75.75 0 0 1 0 1.5H3.75V20A1.25 1.25 0 0 0 5 21.25h3.5a.75.75 0 0 1 0 1.5H5A2.75 2.75 0 0 1 2.25 20V6A2.75 2.75 0 0 1 5 3.25h2.25V2a.75.75 0 0 1 1.5 0v1.25h6.5V2a.75.75 0 0 1 .75-.75m0 8a6.75 6.75 0 1 1 0 13.5 6.75 6.75 0 0 1 0-13.5m0 1.5a5.25 5.25 0 1 0 0 10.5 5.25 5.25 0 0 0 0-10.5m0 2.5a.75.75 0 0 1 .75.75v1.938l1.219.976a.75.75 0 0 1-.938 1.172l-1.5-1.2a.75.75 0 0 1-.281-.586V14a.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
|
+
l([
|
|
40
|
+
h({ type: String })
|
|
41
|
+
], t.prototype, "color", 2);
|
|
42
|
+
l([
|
|
43
|
+
h({ type: String })
|
|
44
|
+
], t.prototype, "size", 2);
|
|
45
|
+
t = l([
|
|
46
|
+
p(d)
|
|
47
|
+
], t);
|
|
48
|
+
export {
|
|
49
|
+
t as FhiIconCalendarClock,
|
|
50
|
+
d as FhiIconCalendarClockSelector
|
|
51
|
+
};
|
|
52
|
+
//# sourceMappingURL=fhi-icon-calendar-clock.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fhi-icon-calendar-clock.js","sources":["../../src/components/icons/fhi-icon-calendar-clock.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 FhiIconCalendarClockSelector = \"fhi-icon-calendar-clock\";\n\n/**\n * ## FhiIconCalendarClock\n * \n * {@link https://designsystem.fhi.no/?path=/docs/ikoner--docs}\n * \n * @tag fhi-icon-calendar-clock\n * @element fhi-icon-calendar-clock\n */\n@customElement(FhiIconCalendarClockSelector)\nexport class FhiIconCalendarClock extends LitElement {\n\n /**\n * Sets the color for the icon.\n * Should preferably be a color token. See [Color Tokens](https://designsystem.fhi.no/?path=/docs/design-tokens-farger--docs)\n * @type {string}\n */ \n @property({ type: String }) color: string = \"currentcolor\";\n\n /**\n * Sets the size of the icon. Can be one of the predefined sizes, a number value, rem or px.\n * Number values are treated as px.\n * @type { 'xsmall' | 'small' | 'medium' | 'large' | number | string}\n */\n @property({ type: String }) size: 'xsmall' | 'small' | 'medium' | 'large' | number | `${number}px` | `${number}rem` = 'medium';\n\n private get _size(): string {\n switch (this.size) {\n case 'xsmall': \n return '1rem'; \n case 'small':\n return '1.25rem';\n case 'medium':\n return '1.5rem'; \n case 'large':\n return '2rem'; \n default:\n if (String(this.size).endsWith('px') || String(this.size).endsWith('rem')) {\n return String(this.size);\n }\n if (isNaN(Number(this.size))) {\n console.warn(`Invalid size value: ${this.size}. Falling back to default size '1.5rem'.`)\n return '1.5rem';\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=\"M16 1.25a.75.75 0 0 1 .75.75v1.25H19A2.75 2.75 0 0 1 21.75 6v1.5a.75.75 0 0 1-1.5 0V6a1.25 1.25 0 0 0-1.126-1.244L19 4.75h-2.25V6a.75.75 0 0 1-1.5 0V4.75h-6.5V6a.75.75 0 0 1-1.5 0V4.75H5A1.25 1.25 0 0 0 3.75 6v3.25H8a.75.75 0 0 1 0 1.5H3.75V20A1.25 1.25 0 0 0 5 21.25h3.5a.75.75 0 0 1 0 1.5H5A2.75 2.75 0 0 1 2.25 20V6A2.75 2.75 0 0 1 5 3.25h2.25V2a.75.75 0 0 1 1.5 0v1.25h6.5V2a.75.75 0 0 1 .75-.75m0 8a6.75 6.75 0 1 1 0 13.5 6.75 6.75 0 0 1 0-13.5m0 1.5a5.25 5.25 0 1 0 0 10.5 5.25 5.25 0 0 0 0-10.5m0 2.5a.75.75 0 0 1 .75.75v1.938l1.219.976a.75.75 0 0 1-.938 1.172l-1.5-1.2a.75.75 0 0 1-.281-.586V14a.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":["FhiIconCalendarClockSelector","FhiIconCalendarClock","LitElement","html","css","__decorateClass","property","customElement"],"mappings":";;;;;;AAOO,MAAMA,IAA+B;AAWrC,IAAMC,IAAN,cAAmCC,EAAW;AAAA,EAA9C,cAAA;AAAA,UAAA,GAAA,SAAA,GAOuB,KAAA,QAAgB,gBAOhB,KAAA,OAA0F;AAAA,EAAA;AAAA,EAEtH,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,OAAO,KAAK,IAAI,EAAE,SAAS,IAAI,KAAK,OAAO,KAAK,IAAI,EAAE,SAAS,KAAK,IAC/D,OAAO,KAAK,IAAI,IAErB,MAAM,OAAO,KAAK,IAAI,CAAC,KACzB,QAAQ,KAAK,uBAAuB,KAAK,IAAI,0CAA0C,GAChF,YAEF,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;AAnDWF,EA4CJ,SAASG;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AArCYC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAPfL,EAOiB,WAAA,SAAA,CAAA;AAOAI,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAdfL,EAciB,WAAA,QAAA,CAAA;AAdjBA,IAANI,EAAA;AAAA,EADNE,EAAcP,CAA4B;AAAA,GAC9BC,CAAA;"}
|
package/fhi-icon-send.js
ADDED
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { i as c, n as h, a as m, x as u, t as p } from "./property-XFX9TijU.js";
|
|
2
|
+
var z = Object.defineProperty, g = Object.getOwnPropertyDescriptor, a = (o, r, i, s) => {
|
|
3
|
+
for (var e = s > 1 ? void 0 : s ? g(r, i) : r, n = o.length - 1, l; n >= 0; n--)
|
|
4
|
+
(l = o[n]) && (e = (s ? l(r, i, e) : l(e)) || e);
|
|
5
|
+
return s && e && z(r, i, e), e;
|
|
6
|
+
};
|
|
7
|
+
const d = "fhi-icon-send";
|
|
8
|
+
let t = class extends m {
|
|
9
|
+
constructor() {
|
|
10
|
+
super(...arguments), this.color = "currentcolor", this.size = "medium";
|
|
11
|
+
}
|
|
12
|
+
get _size() {
|
|
13
|
+
switch (this.size) {
|
|
14
|
+
case "xsmall":
|
|
15
|
+
return "1rem";
|
|
16
|
+
case "small":
|
|
17
|
+
return "1.25rem";
|
|
18
|
+
case "medium":
|
|
19
|
+
return "1.5rem";
|
|
20
|
+
case "large":
|
|
21
|
+
return "2rem";
|
|
22
|
+
default:
|
|
23
|
+
return String(this.size).endsWith("px") || String(this.size).endsWith("rem") ? String(this.size) : isNaN(Number(this.size)) ? (console.warn(`Invalid size value: ${this.size}. Falling back to default size '1.5rem'.`), "1.5rem") : `${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="M22.023 1.252a1 1 0 0 1 .096.009l.034.004q.06.013.118.036l.035.015a1 1 0 0 1 .127.072l.023.017a.8.8 0 0 1 .138.138l.015.021.026.04a1 1 0 0 1 .046.087l.017.037a1 1 0 0 1 .035.118l.005.036a1 1 0 0 1 .01.094v.038a.8.8 0 0 1-.04.234l-7 20a.75.75 0 0 1-1.393.056l-3.883-8.736-8.737-3.883a.75.75 0 0 1 .057-1.393l20-7a.8.8 0 0 1 .233-.041zM11.895 13.165l3.022 6.8 5.287-15.11zM4.033 9.082l6.801 3.022 8.312-8.311z"/></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
|
+
a([
|
|
40
|
+
h({ type: String })
|
|
41
|
+
], t.prototype, "color", 2);
|
|
42
|
+
a([
|
|
43
|
+
h({ type: String })
|
|
44
|
+
], t.prototype, "size", 2);
|
|
45
|
+
t = a([
|
|
46
|
+
p(d)
|
|
47
|
+
], t);
|
|
48
|
+
export {
|
|
49
|
+
t as FhiIconSend,
|
|
50
|
+
d as FhiIconSendSelector
|
|
51
|
+
};
|
|
52
|
+
//# sourceMappingURL=fhi-icon-send.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fhi-icon-send.js","sources":["../../src/components/icons/fhi-icon-send.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 FhiIconSendSelector = \"fhi-icon-send\";\n\n/**\n * ## FhiIconSend\n * \n * {@link https://designsystem.fhi.no/?path=/docs/ikoner--docs}\n * \n * @tag fhi-icon-send\n * @element fhi-icon-send\n */\n@customElement(FhiIconSendSelector)\nexport class FhiIconSend extends LitElement {\n\n /**\n * Sets the color for the icon.\n * Should preferably be a color token. See [Color Tokens](https://designsystem.fhi.no/?path=/docs/design-tokens-farger--docs)\n * @type {string}\n */ \n @property({ type: String }) color: string = \"currentcolor\";\n\n /**\n * Sets the size of the icon. Can be one of the predefined sizes, a number value, rem or px.\n * Number values are treated as px.\n * @type { 'xsmall' | 'small' | 'medium' | 'large' | number | string}\n */\n @property({ type: String }) size: 'xsmall' | 'small' | 'medium' | 'large' | number | `${number}px` | `${number}rem` = 'medium';\n\n private get _size(): string {\n switch (this.size) {\n case 'xsmall': \n return '1rem'; \n case 'small':\n return '1.25rem';\n case 'medium':\n return '1.5rem'; \n case 'large':\n return '2rem'; \n default:\n if (String(this.size).endsWith('px') || String(this.size).endsWith('rem')) {\n return String(this.size);\n }\n if (isNaN(Number(this.size))) {\n console.warn(`Invalid size value: ${this.size}. Falling back to default size '1.5rem'.`)\n return '1.5rem';\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=\"M22.023 1.252a1 1 0 0 1 .096.009l.034.004q.06.013.118.036l.035.015a1 1 0 0 1 .127.072l.023.017a.8.8 0 0 1 .138.138l.015.021.026.04a1 1 0 0 1 .046.087l.017.037a1 1 0 0 1 .035.118l.005.036a1 1 0 0 1 .01.094v.038a.8.8 0 0 1-.04.234l-7 20a.75.75 0 0 1-1.393.056l-3.883-8.736-8.737-3.883a.75.75 0 0 1 .057-1.393l20-7a.8.8 0 0 1 .233-.041zM11.895 13.165l3.022 6.8 5.287-15.11zM4.033 9.082l6.801 3.022 8.312-8.311z\"/></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":["FhiIconSendSelector","FhiIconSend","LitElement","html","css","__decorateClass","property","customElement"],"mappings":";;;;;;AAOO,MAAMA,IAAsB;AAW5B,IAAMC,IAAN,cAA0BC,EAAW;AAAA,EAArC,cAAA;AAAA,UAAA,GAAA,SAAA,GAOuB,KAAA,QAAgB,gBAOhB,KAAA,OAA0F;AAAA,EAAA;AAAA,EAEtH,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,OAAO,KAAK,IAAI,EAAE,SAAS,IAAI,KAAK,OAAO,KAAK,IAAI,EAAE,SAAS,KAAK,IAC/D,OAAO,KAAK,IAAI,IAErB,MAAM,OAAO,KAAK,IAAI,CAAC,KACzB,QAAQ,KAAK,uBAAuB,KAAK,IAAI,0CAA0C,GAChF,YAEF,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;AAnDWF,EA4CJ,SAASG;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AArCYC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAPfL,EAOiB,WAAA,SAAA,CAAA;AAOAI,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAdfL,EAciB,WAAA,QAAA,CAAA;AAdjBA,IAANI,EAAA;AAAA,EADNE,EAAcP,CAAmB;AAAA,GACrBC,CAAA;"}
|
package/index.js
CHANGED
|
@@ -6,7 +6,7 @@ import { FhiDisplay as x, FhiDisplaySelector as m } from "./fhi-display.js";
|
|
|
6
6
|
import { FhiFlex as a, FhiFlexSelector as w } from "./fhi-flex.js";
|
|
7
7
|
import { FhiGrid as L, FhiGridSelector as g } from "./fhi-grid.js";
|
|
8
8
|
import { FhiHeadline as A, FhiHeadlineSelector as k } from "./fhi-headline.js";
|
|
9
|
-
import { FhiLabel as
|
|
9
|
+
import { FhiLabel as d, FhiLabelSelector as v } from "./fhi-label.js";
|
|
10
10
|
import { FhiRadio as U, FhiRadioSelector as P } from "./fhi-radio.js";
|
|
11
11
|
import { FhiTag as y, FhiTagSelector as O } from "./fhi-tag.js";
|
|
12
12
|
import { FhiTextInput as q, FhiTextInputSelector as B } from "./fhi-text-input.js";
|
|
@@ -23,88 +23,90 @@ import { FhiIconArrowUpLeft as po, FhiIconArrowUpLeftSelector as fo } from "./fh
|
|
|
23
23
|
import { FhiIconArrowUpRight as xo, FhiIconArrowUpRightSelector as mo } from "./fhi-icon-arrow-up-right.js";
|
|
24
24
|
import { FhiIconArrowUp as ao, FhiIconArrowUpSelector as wo } from "./fhi-icon-arrow-up.js";
|
|
25
25
|
import { FhiIconBell as Lo, FhiIconBellSelector as go } from "./fhi-icon-bell.js";
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
import {
|
|
45
|
-
import {
|
|
46
|
-
import {
|
|
47
|
-
import {
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
50
|
-
import {
|
|
51
|
-
import {
|
|
52
|
-
import {
|
|
53
|
-
import {
|
|
54
|
-
import {
|
|
55
|
-
import {
|
|
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 {
|
|
93
|
-
import {
|
|
94
|
-
import {
|
|
95
|
-
import {
|
|
96
|
-
import {
|
|
97
|
-
import {
|
|
98
|
-
import {
|
|
99
|
-
import {
|
|
100
|
-
import {
|
|
101
|
-
import {
|
|
102
|
-
import {
|
|
103
|
-
import {
|
|
104
|
-
import {
|
|
105
|
-
import {
|
|
106
|
-
import {
|
|
107
|
-
import {
|
|
26
|
+
import { FhiIconCalendarClock as Ao, FhiIconCalendarClockSelector as ko } from "./fhi-icon-calendar-clock.js";
|
|
27
|
+
import { FhiIconCalendar as vo, FhiIconCalendarSelector as Do } from "./fhi-icon-calendar.js";
|
|
28
|
+
import { FhiIconCheck as Po, FhiIconCheckSelector as Eo } from "./fhi-icon-check.js";
|
|
29
|
+
import { FhiIconChevronDown as Oo, FhiIconChevronDownSelector as To } from "./fhi-icon-chevron-down.js";
|
|
30
|
+
import { FhiIconChevronLeft as Bo, FhiIconChevronLeftSelector as Go } from "./fhi-icon-chevron-left.js";
|
|
31
|
+
import { FhiIconChevronRight as Ho, FhiIconChevronRightSelector as Xo } from "./fhi-icon-chevron-right.js";
|
|
32
|
+
import { FhiIconChevronUp as Qo, FhiIconChevronUpSelector as Vo } from "./fhi-icon-chevron-up.js";
|
|
33
|
+
import { FhiIconChevronsDown as jo, FhiIconChevronsDownSelector as Jo } from "./fhi-icon-chevrons-down.js";
|
|
34
|
+
import { FhiIconChevronsLeft as No, FhiIconChevronsLeftSelector as Wo } from "./fhi-icon-chevrons-left.js";
|
|
35
|
+
import { FhiIconChevronsRight as Zo, FhiIconChevronsRightSelector as _o } from "./fhi-icon-chevrons-right.js";
|
|
36
|
+
import { FhiIconChevronsUp as oe, FhiIconChevronsUpSelector as ee } from "./fhi-icon-chevrons-up.js";
|
|
37
|
+
import { FhiIconCircleArrowDown as ce, FhiIconCircleArrowDownSelector as ie } from "./fhi-icon-circle-arrow-down.js";
|
|
38
|
+
import { FhiIconCircleArrowLeft as ne, FhiIconCircleArrowLeftSelector as he } from "./fhi-icon-circle-arrow-left.js";
|
|
39
|
+
import { FhiIconCircleArrowRight as le, FhiIconCircleArrowRightSelector as Ie } from "./fhi-icon-circle-arrow-right.js";
|
|
40
|
+
import { FhiIconCircleArrowUp as fe, FhiIconCircleArrowUpSelector as Se } from "./fhi-icon-circle-arrow-up.js";
|
|
41
|
+
import { FhiIconCircleCheckBig as me, FhiIconCircleCheckBigSelector as Ce } from "./fhi-icon-circle-check-big.js";
|
|
42
|
+
import { FhiIconCircleCheck as we, FhiIconCircleCheckSelector as se } from "./fhi-icon-circle-check.js";
|
|
43
|
+
import { FhiIconCircleChevronDown as ge, FhiIconCircleChevronDownSelector as ue } from "./fhi-icon-circle-chevron-down.js";
|
|
44
|
+
import { FhiIconCircleChevronLeft as ke, FhiIconCircleChevronLeftSelector as Re } from "./fhi-icon-circle-chevron-left.js";
|
|
45
|
+
import { FhiIconCircleChevronRight as ve, FhiIconCircleChevronRightSelector as De } from "./fhi-icon-circle-chevron-right.js";
|
|
46
|
+
import { FhiIconCircleChevronUp as Pe, FhiIconCircleChevronUpSelector as Ee } from "./fhi-icon-circle-chevron-up.js";
|
|
47
|
+
import { FhiIconCircleExclamation as Oe, FhiIconCircleExclamationSelector as Te } from "./fhi-icon-circle-exclamation.js";
|
|
48
|
+
import { FhiIconCircleInfo as Be, FhiIconCircleInfoSelector as Ge } from "./fhi-icon-circle-info.js";
|
|
49
|
+
import { FhiIconCircleMinus as He, FhiIconCircleMinusSelector as Xe } from "./fhi-icon-circle-minus.js";
|
|
50
|
+
import { FhiIconCirclePlus as Qe, FhiIconCirclePlusSelector as Ve } from "./fhi-icon-circle-plus.js";
|
|
51
|
+
import { FhiIconCircleQuestion as je, FhiIconCircleQuestionSelector as Je } from "./fhi-icon-circle-question.js";
|
|
52
|
+
import { FhiIconCircleX as Ne, FhiIconCircleXSelector as We } from "./fhi-icon-circle-x.js";
|
|
53
|
+
import { FhiIconCircle as Ze, FhiIconCircleSelector as _e } from "./fhi-icon-circle.js";
|
|
54
|
+
import { FhiIconClock as or, FhiIconClockSelector as er } from "./fhi-icon-clock.js";
|
|
55
|
+
import { FhiIconCopy as cr, FhiIconCopySelector as ir } from "./fhi-icon-copy.js";
|
|
56
|
+
import { FhiIconDownload as nr, FhiIconDownloadSelector as hr } from "./fhi-icon-download.js";
|
|
57
|
+
import { FhiIconEllipsisVertical as lr, FhiIconEllipsisVerticalSelector as Ir } from "./fhi-icon-ellipsis-vertical.js";
|
|
58
|
+
import { FhiIconEllipsis as fr, FhiIconEllipsisSelector as Sr } from "./fhi-icon-ellipsis.js";
|
|
59
|
+
import { FhiIconExclamation as mr, FhiIconExclamationSelector as Cr } from "./fhi-icon-exclamation.js";
|
|
60
|
+
import { FhiIconExpand as wr, FhiIconExpandSelector as sr } from "./fhi-icon-expand.js";
|
|
61
|
+
import { FhiIconExternalLink as gr, FhiIconExternalLinkSelector as ur } from "./fhi-icon-external-link.js";
|
|
62
|
+
import { FhiIconEyeOff as kr, FhiIconEyeOffSelector as Rr } from "./fhi-icon-eye-off.js";
|
|
63
|
+
import { FhiIconEye as vr, FhiIconEyeSelector as Dr } from "./fhi-icon-eye.js";
|
|
64
|
+
import { FhiIconFile as Pr, FhiIconFileSelector as Er } from "./fhi-icon-file.js";
|
|
65
|
+
import { FhiIconFilter as Or, FhiIconFilterSelector as Tr } from "./fhi-icon-filter.js";
|
|
66
|
+
import { FhiIconFolder as Br, FhiIconFolderSelector as Gr } from "./fhi-icon-folder.js";
|
|
67
|
+
import { FhiIconGear as Hr, FhiIconGearSelector as Xr } from "./fhi-icon-gear.js";
|
|
68
|
+
import { FhiIconGrid9Dots as Qr, FhiIconGrid9DotsSelector as Vr } from "./fhi-icon-grid-9-dots.js";
|
|
69
|
+
import { FhiIconGripHorizontal as jr, FhiIconGripHorizontalSelector as Jr } from "./fhi-icon-grip-horizontal.js";
|
|
70
|
+
import { FhiIconGripVertical as Nr, FhiIconGripVerticalSelector as Wr } from "./fhi-icon-grip-vertical.js";
|
|
71
|
+
import { FhiIconHistory as Zr, FhiIconHistorySelector as _r } from "./fhi-icon-history.js";
|
|
72
|
+
import { FhiIconInfo as oc, FhiIconInfoSelector as ec } from "./fhi-icon-info.js";
|
|
73
|
+
import { FhiIconLink2Off as cc, FhiIconLink2OffSelector as ic } from "./fhi-icon-link-2-off.js";
|
|
74
|
+
import { FhiIconLink2 as nc, FhiIconLink2Selector as hc } from "./fhi-icon-link-2.js";
|
|
75
|
+
import { FhiIconLink as lc, FhiIconLinkSelector as Ic } from "./fhi-icon-link.js";
|
|
76
|
+
import { FhiIconLockOpen as fc, FhiIconLockOpenSelector as Sc } from "./fhi-icon-lock-open.js";
|
|
77
|
+
import { FhiIconLock as mc, FhiIconLockSelector as Cc } from "./fhi-icon-lock.js";
|
|
78
|
+
import { FhiIconLogIn as wc, FhiIconLogInSelector as sc } from "./fhi-icon-log-in.js";
|
|
79
|
+
import { FhiIconLogOut as gc, FhiIconLogOutSelector as uc } from "./fhi-icon-log-out.js";
|
|
80
|
+
import { FhiIconMail as kc, FhiIconMailSelector as Rc } from "./fhi-icon-mail.js";
|
|
81
|
+
import { FhiIconMenu as vc, FhiIconMenuSelector as Dc } from "./fhi-icon-menu.js";
|
|
82
|
+
import { FhiIconMessage as Pc, FhiIconMessageSelector as Ec } from "./fhi-icon-message.js";
|
|
83
|
+
import { FhiIconMinus as Oc, FhiIconMinusSelector as Tc } from "./fhi-icon-minus.js";
|
|
84
|
+
import { FhiIconOctagonAlert as Bc, FhiIconOctagonAlertSelector as Gc } from "./fhi-icon-octagon-alert.js";
|
|
85
|
+
import { FhiIconPaperclip as Hc, FhiIconPaperclipSelector as Xc } from "./fhi-icon-paperclip.js";
|
|
86
|
+
import { FhiIconPencil as Qc, FhiIconPencilSelector as Vc } from "./fhi-icon-pencil.js";
|
|
87
|
+
import { FhiIconPhone as jc, FhiIconPhoneSelector as Jc } from "./fhi-icon-phone.js";
|
|
88
|
+
import { FhiIconPinOff as Nc, FhiIconPinOffSelector as Wc } from "./fhi-icon-pin-off.js";
|
|
89
|
+
import { FhiIconPin as Zc, FhiIconPinSelector as _c } from "./fhi-icon-pin.js";
|
|
90
|
+
import { FhiIconPlus as oi, FhiIconPlusSelector as ei } from "./fhi-icon-plus.js";
|
|
91
|
+
import { FhiIconPrinter as ci, FhiIconPrinterSelector as ii } from "./fhi-icon-printer.js";
|
|
92
|
+
import { FhiIconQuestion as ni, FhiIconQuestionSelector as hi } from "./fhi-icon-question.js";
|
|
93
|
+
import { FhiIconRefresh as li, FhiIconRefreshSelector as Ii } from "./fhi-icon-refresh.js";
|
|
94
|
+
import { FhiIconRotateLeft as fi, FhiIconRotateLeftSelector as Si } from "./fhi-icon-rotate-left.js";
|
|
95
|
+
import { FhiIconRotateRight as mi, FhiIconRotateRightSelector as Ci } from "./fhi-icon-rotate-right.js";
|
|
96
|
+
import { FhiIconSearch as wi, FhiIconSearchSelector as si } from "./fhi-icon-search.js";
|
|
97
|
+
import { FhiIconSend as gi, FhiIconSendSelector as ui } from "./fhi-icon-send.js";
|
|
98
|
+
import { FhiIconShare as ki, FhiIconShareSelector as Ri } from "./fhi-icon-share.js";
|
|
99
|
+
import { FhiIconSheet as vi, FhiIconSheetSelector as Di } from "./fhi-icon-sheet.js";
|
|
100
|
+
import { FhiIconSquareCheckBig as Pi, FhiIconSquareCheckBigSelector as Ei } from "./fhi-icon-square-check-big.js";
|
|
101
|
+
import { FhiIconSquareCheck as Oi, FhiIconSquareCheckSelector as Ti } from "./fhi-icon-square-check.js";
|
|
102
|
+
import { FhiIconSquarePen as Bi, FhiIconSquarePenSelector as Gi } from "./fhi-icon-square-pen.js";
|
|
103
|
+
import { FhiIconSquareX as Hi, FhiIconSquareXSelector as Xi } from "./fhi-icon-square-x.js";
|
|
104
|
+
import { FhiIconSquare as Qi, FhiIconSquareSelector as Vi } from "./fhi-icon-square.js";
|
|
105
|
+
import { FhiIconTrash as ji, FhiIconTrashSelector as Ji } from "./fhi-icon-trash.js";
|
|
106
|
+
import { FhiIconTriangleAlert as Ni, FhiIconTriangleAlertSelector as Wi } from "./fhi-icon-triangle-alert.js";
|
|
107
|
+
import { FhiIconUpload as Zi, FhiIconUploadSelector as _i } from "./fhi-icon-upload.js";
|
|
108
|
+
import { FhiIconUser as ot, FhiIconUserSelector as et } from "./fhi-icon-user.js";
|
|
109
|
+
import { FhiIconX as ct, FhiIconXSelector as it } from "./fhi-icon-x.js";
|
|
108
110
|
export {
|
|
109
111
|
r as FhiBody,
|
|
110
112
|
c as FhiBodySelector,
|
|
@@ -144,172 +146,176 @@ export {
|
|
|
144
146
|
wo as FhiIconArrowUpSelector,
|
|
145
147
|
Lo as FhiIconBell,
|
|
146
148
|
go as FhiIconBellSelector,
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
Do as
|
|
151
|
-
Po as
|
|
152
|
-
Eo as
|
|
153
|
-
Oo as
|
|
154
|
-
To as
|
|
155
|
-
Bo as
|
|
156
|
-
Go as
|
|
157
|
-
Ho as
|
|
158
|
-
Xo as
|
|
159
|
-
Qo as
|
|
160
|
-
Vo as
|
|
161
|
-
jo as
|
|
162
|
-
Jo as
|
|
163
|
-
No as
|
|
164
|
-
Wo as
|
|
165
|
-
Zo as
|
|
166
|
-
_o as
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
ce as
|
|
171
|
-
ie as
|
|
172
|
-
ne as
|
|
173
|
-
he as
|
|
174
|
-
le as
|
|
175
|
-
Ie as
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
se as
|
|
182
|
-
ge as
|
|
183
|
-
ue as
|
|
184
|
-
ke as
|
|
185
|
-
Re as
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
Pe as
|
|
189
|
-
Ee as
|
|
190
|
-
Oe as
|
|
191
|
-
Te as
|
|
192
|
-
Be as
|
|
193
|
-
Ge as
|
|
194
|
-
He as
|
|
195
|
-
Xe as
|
|
196
|
-
Qe as
|
|
197
|
-
Ve as
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
or as
|
|
204
|
-
er as
|
|
205
|
-
cr as
|
|
206
|
-
ir as
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
mr as
|
|
214
|
-
Cr as
|
|
215
|
-
wr as
|
|
216
|
-
sr as
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
Pr as
|
|
224
|
-
Er as
|
|
225
|
-
Or as
|
|
226
|
-
Tr as
|
|
227
|
-
Br as
|
|
228
|
-
Gr as
|
|
229
|
-
Hr as
|
|
230
|
-
Xr as
|
|
231
|
-
Qr as
|
|
232
|
-
Vr as
|
|
233
|
-
jr as
|
|
234
|
-
Jr as
|
|
235
|
-
Nr as
|
|
236
|
-
Wr as
|
|
237
|
-
Zr as
|
|
238
|
-
_r as
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
Cc as
|
|
251
|
-
wc as
|
|
252
|
-
sc as
|
|
253
|
-
gc as
|
|
254
|
-
uc as
|
|
255
|
-
kc as
|
|
256
|
-
Rc as
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
Pc as
|
|
260
|
-
Ec as
|
|
261
|
-
Oc as
|
|
262
|
-
Tc as
|
|
263
|
-
Bc as
|
|
264
|
-
Gc as
|
|
265
|
-
Hc as
|
|
266
|
-
Xc as
|
|
267
|
-
Qc as
|
|
268
|
-
Vc as
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
_c as
|
|
275
|
-
oi as
|
|
276
|
-
ei as
|
|
277
|
-
ci as
|
|
278
|
-
ii as
|
|
279
|
-
ni as
|
|
280
|
-
hi as
|
|
281
|
-
li as
|
|
282
|
-
Ii as
|
|
283
|
-
fi as
|
|
284
|
-
Si as
|
|
285
|
-
mi as
|
|
286
|
-
Ci as
|
|
287
|
-
wi as
|
|
288
|
-
si as
|
|
289
|
-
gi as
|
|
290
|
-
ui as
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
ji as
|
|
306
|
-
Ji as
|
|
307
|
-
Ni as
|
|
308
|
-
Wi as
|
|
309
|
-
Zi as
|
|
310
|
-
_i as
|
|
311
|
-
|
|
312
|
-
|
|
149
|
+
vo as FhiIconCalendar,
|
|
150
|
+
Ao as FhiIconCalendarClock,
|
|
151
|
+
ko as FhiIconCalendarClockSelector,
|
|
152
|
+
Do as FhiIconCalendarSelector,
|
|
153
|
+
Po as FhiIconCheck,
|
|
154
|
+
Eo as FhiIconCheckSelector,
|
|
155
|
+
Oo as FhiIconChevronDown,
|
|
156
|
+
To as FhiIconChevronDownSelector,
|
|
157
|
+
Bo as FhiIconChevronLeft,
|
|
158
|
+
Go as FhiIconChevronLeftSelector,
|
|
159
|
+
Ho as FhiIconChevronRight,
|
|
160
|
+
Xo as FhiIconChevronRightSelector,
|
|
161
|
+
Qo as FhiIconChevronUp,
|
|
162
|
+
Vo as FhiIconChevronUpSelector,
|
|
163
|
+
jo as FhiIconChevronsDown,
|
|
164
|
+
Jo as FhiIconChevronsDownSelector,
|
|
165
|
+
No as FhiIconChevronsLeft,
|
|
166
|
+
Wo as FhiIconChevronsLeftSelector,
|
|
167
|
+
Zo as FhiIconChevronsRight,
|
|
168
|
+
_o as FhiIconChevronsRightSelector,
|
|
169
|
+
oe as FhiIconChevronsUp,
|
|
170
|
+
ee as FhiIconChevronsUpSelector,
|
|
171
|
+
Ze as FhiIconCircle,
|
|
172
|
+
ce as FhiIconCircleArrowDown,
|
|
173
|
+
ie as FhiIconCircleArrowDownSelector,
|
|
174
|
+
ne as FhiIconCircleArrowLeft,
|
|
175
|
+
he as FhiIconCircleArrowLeftSelector,
|
|
176
|
+
le as FhiIconCircleArrowRight,
|
|
177
|
+
Ie as FhiIconCircleArrowRightSelector,
|
|
178
|
+
fe as FhiIconCircleArrowUp,
|
|
179
|
+
Se as FhiIconCircleArrowUpSelector,
|
|
180
|
+
we as FhiIconCircleCheck,
|
|
181
|
+
me as FhiIconCircleCheckBig,
|
|
182
|
+
Ce as FhiIconCircleCheckBigSelector,
|
|
183
|
+
se as FhiIconCircleCheckSelector,
|
|
184
|
+
ge as FhiIconCircleChevronDown,
|
|
185
|
+
ue as FhiIconCircleChevronDownSelector,
|
|
186
|
+
ke as FhiIconCircleChevronLeft,
|
|
187
|
+
Re as FhiIconCircleChevronLeftSelector,
|
|
188
|
+
ve as FhiIconCircleChevronRight,
|
|
189
|
+
De as FhiIconCircleChevronRightSelector,
|
|
190
|
+
Pe as FhiIconCircleChevronUp,
|
|
191
|
+
Ee as FhiIconCircleChevronUpSelector,
|
|
192
|
+
Oe as FhiIconCircleExclamation,
|
|
193
|
+
Te as FhiIconCircleExclamationSelector,
|
|
194
|
+
Be as FhiIconCircleInfo,
|
|
195
|
+
Ge as FhiIconCircleInfoSelector,
|
|
196
|
+
He as FhiIconCircleMinus,
|
|
197
|
+
Xe as FhiIconCircleMinusSelector,
|
|
198
|
+
Qe as FhiIconCirclePlus,
|
|
199
|
+
Ve as FhiIconCirclePlusSelector,
|
|
200
|
+
je as FhiIconCircleQuestion,
|
|
201
|
+
Je as FhiIconCircleQuestionSelector,
|
|
202
|
+
_e as FhiIconCircleSelector,
|
|
203
|
+
Ne as FhiIconCircleX,
|
|
204
|
+
We as FhiIconCircleXSelector,
|
|
205
|
+
or as FhiIconClock,
|
|
206
|
+
er as FhiIconClockSelector,
|
|
207
|
+
cr as FhiIconCopy,
|
|
208
|
+
ir as FhiIconCopySelector,
|
|
209
|
+
nr as FhiIconDownload,
|
|
210
|
+
hr as FhiIconDownloadSelector,
|
|
211
|
+
fr as FhiIconEllipsis,
|
|
212
|
+
Sr as FhiIconEllipsisSelector,
|
|
213
|
+
lr as FhiIconEllipsisVertical,
|
|
214
|
+
Ir as FhiIconEllipsisVerticalSelector,
|
|
215
|
+
mr as FhiIconExclamation,
|
|
216
|
+
Cr as FhiIconExclamationSelector,
|
|
217
|
+
wr as FhiIconExpand,
|
|
218
|
+
sr as FhiIconExpandSelector,
|
|
219
|
+
gr as FhiIconExternalLink,
|
|
220
|
+
ur as FhiIconExternalLinkSelector,
|
|
221
|
+
vr as FhiIconEye,
|
|
222
|
+
kr as FhiIconEyeOff,
|
|
223
|
+
Rr as FhiIconEyeOffSelector,
|
|
224
|
+
Dr as FhiIconEyeSelector,
|
|
225
|
+
Pr as FhiIconFile,
|
|
226
|
+
Er as FhiIconFileSelector,
|
|
227
|
+
Or as FhiIconFilter,
|
|
228
|
+
Tr as FhiIconFilterSelector,
|
|
229
|
+
Br as FhiIconFolder,
|
|
230
|
+
Gr as FhiIconFolderSelector,
|
|
231
|
+
Hr as FhiIconGear,
|
|
232
|
+
Xr as FhiIconGearSelector,
|
|
233
|
+
Qr as FhiIconGrid9Dots,
|
|
234
|
+
Vr as FhiIconGrid9DotsSelector,
|
|
235
|
+
jr as FhiIconGripHorizontal,
|
|
236
|
+
Jr as FhiIconGripHorizontalSelector,
|
|
237
|
+
Nr as FhiIconGripVertical,
|
|
238
|
+
Wr as FhiIconGripVerticalSelector,
|
|
239
|
+
Zr as FhiIconHistory,
|
|
240
|
+
_r as FhiIconHistorySelector,
|
|
241
|
+
oc as FhiIconInfo,
|
|
242
|
+
ec as FhiIconInfoSelector,
|
|
243
|
+
lc as FhiIconLink,
|
|
244
|
+
nc as FhiIconLink2,
|
|
245
|
+
cc as FhiIconLink2Off,
|
|
246
|
+
ic as FhiIconLink2OffSelector,
|
|
247
|
+
hc as FhiIconLink2Selector,
|
|
248
|
+
Ic as FhiIconLinkSelector,
|
|
249
|
+
mc as FhiIconLock,
|
|
250
|
+
fc as FhiIconLockOpen,
|
|
251
|
+
Sc as FhiIconLockOpenSelector,
|
|
252
|
+
Cc as FhiIconLockSelector,
|
|
253
|
+
wc as FhiIconLogIn,
|
|
254
|
+
sc as FhiIconLogInSelector,
|
|
255
|
+
gc as FhiIconLogOut,
|
|
256
|
+
uc as FhiIconLogOutSelector,
|
|
257
|
+
kc as FhiIconMail,
|
|
258
|
+
Rc as FhiIconMailSelector,
|
|
259
|
+
vc as FhiIconMenu,
|
|
260
|
+
Dc as FhiIconMenuSelector,
|
|
261
|
+
Pc as FhiIconMessage,
|
|
262
|
+
Ec as FhiIconMessageSelector,
|
|
263
|
+
Oc as FhiIconMinus,
|
|
264
|
+
Tc as FhiIconMinusSelector,
|
|
265
|
+
Bc as FhiIconOctagonAlert,
|
|
266
|
+
Gc as FhiIconOctagonAlertSelector,
|
|
267
|
+
Hc as FhiIconPaperclip,
|
|
268
|
+
Xc as FhiIconPaperclipSelector,
|
|
269
|
+
Qc as FhiIconPencil,
|
|
270
|
+
Vc as FhiIconPencilSelector,
|
|
271
|
+
jc as FhiIconPhone,
|
|
272
|
+
Jc as FhiIconPhoneSelector,
|
|
273
|
+
Zc as FhiIconPin,
|
|
274
|
+
Nc as FhiIconPinOff,
|
|
275
|
+
Wc as FhiIconPinOffSelector,
|
|
276
|
+
_c as FhiIconPinSelector,
|
|
277
|
+
oi as FhiIconPlus,
|
|
278
|
+
ei as FhiIconPlusSelector,
|
|
279
|
+
ci as FhiIconPrinter,
|
|
280
|
+
ii as FhiIconPrinterSelector,
|
|
281
|
+
ni as FhiIconQuestion,
|
|
282
|
+
hi as FhiIconQuestionSelector,
|
|
283
|
+
li as FhiIconRefresh,
|
|
284
|
+
Ii as FhiIconRefreshSelector,
|
|
285
|
+
fi as FhiIconRotateLeft,
|
|
286
|
+
Si as FhiIconRotateLeftSelector,
|
|
287
|
+
mi as FhiIconRotateRight,
|
|
288
|
+
Ci as FhiIconRotateRightSelector,
|
|
289
|
+
wi as FhiIconSearch,
|
|
290
|
+
si as FhiIconSearchSelector,
|
|
291
|
+
gi as FhiIconSend,
|
|
292
|
+
ui as FhiIconSendSelector,
|
|
293
|
+
ki as FhiIconShare,
|
|
294
|
+
Ri as FhiIconShareSelector,
|
|
295
|
+
vi as FhiIconSheet,
|
|
296
|
+
Di as FhiIconSheetSelector,
|
|
297
|
+
Qi as FhiIconSquare,
|
|
298
|
+
Oi as FhiIconSquareCheck,
|
|
299
|
+
Pi as FhiIconSquareCheckBig,
|
|
300
|
+
Ei as FhiIconSquareCheckBigSelector,
|
|
301
|
+
Ti as FhiIconSquareCheckSelector,
|
|
302
|
+
Bi as FhiIconSquarePen,
|
|
303
|
+
Gi as FhiIconSquarePenSelector,
|
|
304
|
+
Vi as FhiIconSquareSelector,
|
|
305
|
+
Hi as FhiIconSquareX,
|
|
306
|
+
Xi as FhiIconSquareXSelector,
|
|
307
|
+
ji as FhiIconTrash,
|
|
308
|
+
Ji as FhiIconTrashSelector,
|
|
309
|
+
Ni as FhiIconTriangleAlert,
|
|
310
|
+
Wi as FhiIconTriangleAlertSelector,
|
|
311
|
+
Zi as FhiIconUpload,
|
|
312
|
+
_i as FhiIconUploadSelector,
|
|
313
|
+
ot as FhiIconUser,
|
|
314
|
+
et as FhiIconUserSelector,
|
|
315
|
+
ct as FhiIconX,
|
|
316
|
+
it as FhiIconXSelector,
|
|
317
|
+
d as FhiLabel,
|
|
318
|
+
v as FhiLabelSelector,
|
|
313
319
|
U as FhiRadio,
|
|
314
320
|
P as FhiRadioSelector,
|
|
315
321
|
y as FhiTag,
|
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.26.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/web-types.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
|
3
3
|
"name": "@folkehelseinstituttet/designsystem",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.26.0",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -1383,6 +1383,42 @@
|
|
|
1383
1383
|
"events": []
|
|
1384
1384
|
}
|
|
1385
1385
|
},
|
|
1386
|
+
{
|
|
1387
|
+
"name": "fhi-icon-calendar-clock",
|
|
1388
|
+
"description": "## FhiIconCalendarClock\n\nhttps://designsystem.fhi.no/?path=/docs/ikoner--docs\n---\n",
|
|
1389
|
+
"doc-url": "",
|
|
1390
|
+
"attributes": [
|
|
1391
|
+
{
|
|
1392
|
+
"name": "color",
|
|
1393
|
+
"description": "Sets the color for the icon.\nShould preferably be a color token. See [Color Tokens](https://designsystem.fhi.no/?path=/docs/design-tokens-farger--docs)",
|
|
1394
|
+
"value": { "type": "string", "default": "\"currentcolor\"" }
|
|
1395
|
+
},
|
|
1396
|
+
{
|
|
1397
|
+
"name": "size",
|
|
1398
|
+
"description": "Sets the size of the icon. Can be one of the predefined sizes, a number value, rem or px.\nNumber values are treated as px.",
|
|
1399
|
+
"value": {
|
|
1400
|
+
"type": "'xsmall' | 'small' | 'medium' | 'large' | number | string",
|
|
1401
|
+
"default": "'medium'"
|
|
1402
|
+
}
|
|
1403
|
+
}
|
|
1404
|
+
],
|
|
1405
|
+
"events": [],
|
|
1406
|
+
"js": {
|
|
1407
|
+
"properties": [
|
|
1408
|
+
{
|
|
1409
|
+
"name": "color",
|
|
1410
|
+
"description": "Sets the color for the icon.\nShould preferably be a color token. See [Color Tokens](https://designsystem.fhi.no/?path=/docs/design-tokens-farger--docs)",
|
|
1411
|
+
"type": "string"
|
|
1412
|
+
},
|
|
1413
|
+
{
|
|
1414
|
+
"name": "size",
|
|
1415
|
+
"description": "Sets the size of the icon. Can be one of the predefined sizes, a number value, rem or px.\nNumber values are treated as px.",
|
|
1416
|
+
"type": "'xsmall' | 'small' | 'medium' | 'large' | number | string"
|
|
1417
|
+
}
|
|
1418
|
+
],
|
|
1419
|
+
"events": []
|
|
1420
|
+
}
|
|
1421
|
+
},
|
|
1386
1422
|
{
|
|
1387
1423
|
"name": "fhi-icon-calendar",
|
|
1388
1424
|
"description": "## FhiIconCalendar\n\nhttps://designsystem.fhi.no/?path=/docs/ikoner--docs\n---\n",
|
|
@@ -3903,6 +3939,42 @@
|
|
|
3903
3939
|
"events": []
|
|
3904
3940
|
}
|
|
3905
3941
|
},
|
|
3942
|
+
{
|
|
3943
|
+
"name": "fhi-icon-send",
|
|
3944
|
+
"description": "## FhiIconSend\n\nhttps://designsystem.fhi.no/?path=/docs/ikoner--docs\n---\n",
|
|
3945
|
+
"doc-url": "",
|
|
3946
|
+
"attributes": [
|
|
3947
|
+
{
|
|
3948
|
+
"name": "color",
|
|
3949
|
+
"description": "Sets the color for the icon.\nShould preferably be a color token. See [Color Tokens](https://designsystem.fhi.no/?path=/docs/design-tokens-farger--docs)",
|
|
3950
|
+
"value": { "type": "string", "default": "\"currentcolor\"" }
|
|
3951
|
+
},
|
|
3952
|
+
{
|
|
3953
|
+
"name": "size",
|
|
3954
|
+
"description": "Sets the size of the icon. Can be one of the predefined sizes, a number value, rem or px.\nNumber values are treated as px.",
|
|
3955
|
+
"value": {
|
|
3956
|
+
"type": "'xsmall' | 'small' | 'medium' | 'large' | number | string",
|
|
3957
|
+
"default": "'medium'"
|
|
3958
|
+
}
|
|
3959
|
+
}
|
|
3960
|
+
],
|
|
3961
|
+
"events": [],
|
|
3962
|
+
"js": {
|
|
3963
|
+
"properties": [
|
|
3964
|
+
{
|
|
3965
|
+
"name": "color",
|
|
3966
|
+
"description": "Sets the color for the icon.\nShould preferably be a color token. See [Color Tokens](https://designsystem.fhi.no/?path=/docs/design-tokens-farger--docs)",
|
|
3967
|
+
"type": "string"
|
|
3968
|
+
},
|
|
3969
|
+
{
|
|
3970
|
+
"name": "size",
|
|
3971
|
+
"description": "Sets the size of the icon. Can be one of the predefined sizes, a number value, rem or px.\nNumber values are treated as px.",
|
|
3972
|
+
"type": "'xsmall' | 'small' | 'medium' | 'large' | number | string"
|
|
3973
|
+
}
|
|
3974
|
+
],
|
|
3975
|
+
"events": []
|
|
3976
|
+
}
|
|
3977
|
+
},
|
|
3906
3978
|
{
|
|
3907
3979
|
"name": "fhi-icon-share",
|
|
3908
3980
|
"description": "## FhiIconShare\n\nhttps://designsystem.fhi.no/?path=/docs/ikoner--docs\n---\n",
|