vira 26.11.2 → 26.13.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/icons/icon-css-vars.d.ts +1 -1
- package/dist/icons/icon-css-vars.js +1 -1
- package/dist/icons/icon-svgs/bell-24.icon.d.ts +8 -0
- package/dist/icons/icon-svgs/bell-24.icon.js +30 -0
- package/dist/icons/icon-svgs/external-link-24.icon.js +2 -2
- package/dist/icons/icon-svgs/upload-24.icon.d.ts +8 -0
- package/dist/icons/icon-svgs/upload-24.icon.js +38 -0
- package/dist/icons/index.d.ts +4 -0
- package/dist/icons/index.js +6 -0
- package/package.json +1 -1
|
@@ -10,5 +10,5 @@ export declare const viraIconCssVars: import("lit-css-vars").CssVarDefinitions<{
|
|
|
10
10
|
readonly 'vira-icon-stroke-color': "currentColor";
|
|
11
11
|
/** To be used for coloring an icon's fill. */
|
|
12
12
|
readonly 'vira-icon-fill-color': "none";
|
|
13
|
-
readonly 'vira-icon-stroke-width': "
|
|
13
|
+
readonly 'vira-icon-stroke-width': "1.5px";
|
|
14
14
|
}>;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { html } from 'element-vir';
|
|
2
|
+
import { viraIconCssVars } from '../icon-css-vars.js';
|
|
3
|
+
import { defineIcon } from '../icon-svg.js';
|
|
4
|
+
/**
|
|
5
|
+
* A bell icon.
|
|
6
|
+
*
|
|
7
|
+
* @category Icon
|
|
8
|
+
* @category SVG
|
|
9
|
+
* @see https://electrovir.github.io/vira/book/icons/bell24icon
|
|
10
|
+
*/
|
|
11
|
+
export const Bell24Icon = defineIcon({
|
|
12
|
+
name: 'Bell24Icon',
|
|
13
|
+
svgTemplate: html `
|
|
14
|
+
<svg
|
|
15
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
16
|
+
xml:space="preserve"
|
|
17
|
+
style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round"
|
|
18
|
+
viewBox="0 0 24 24"
|
|
19
|
+
width="24"
|
|
20
|
+
height="24"
|
|
21
|
+
>
|
|
22
|
+
<path
|
|
23
|
+
d="M11.3 4c-2.7 0-5 3.5-5 6.4v3.3q0 1.2-.7 2.2l-1 1.1h14.8l-1-1.1q-.7-1-.8-2.2v-3.3c0-3-2.3-6.4-5-6.4zM10 17v1q.2 1.8 2 2a2 2 0 0 0 2-2v-1"
|
|
24
|
+
stroke=${viraIconCssVars['vira-icon-stroke-color'].value}
|
|
25
|
+
stroke-width=${viraIconCssVars['vira-icon-stroke-width'].value}
|
|
26
|
+
fill=${viraIconCssVars['vira-icon-fill-color'].value}
|
|
27
|
+
/>
|
|
28
|
+
</svg>
|
|
29
|
+
`,
|
|
30
|
+
});
|
|
@@ -14,13 +14,13 @@ export const ExternalLink24Icon = defineIcon({
|
|
|
14
14
|
<svg
|
|
15
15
|
xmlns="http://www.w3.org/2000/svg"
|
|
16
16
|
xml:space="preserve"
|
|
17
|
-
style="fill-rule:evenodd;clip-rule:evenodd;stroke-
|
|
17
|
+
style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round"
|
|
18
18
|
viewBox="0 0 24 24"
|
|
19
19
|
width="24"
|
|
20
20
|
height="24"
|
|
21
21
|
>
|
|
22
22
|
<path
|
|
23
|
-
d="M11 7H6a2 2 0 0 0-2
|
|
23
|
+
d="M11 7H6a2 2 0 0 0-2 2v9q.2 1.8 2 2h9a2 2 0 0 0 2-2v-5"
|
|
24
24
|
stroke=${viraIconCssVars['vira-icon-stroke-color'].value}
|
|
25
25
|
stroke-width=${viraIconCssVars['vira-icon-stroke-width'].value}
|
|
26
26
|
fill=${viraIconCssVars['vira-icon-fill-color'].value}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { html } from 'element-vir';
|
|
2
|
+
import { viraIconCssVars } from '../icon-css-vars.js';
|
|
3
|
+
import { defineIcon } from '../icon-svg.js';
|
|
4
|
+
/**
|
|
5
|
+
* An upload icon.
|
|
6
|
+
*
|
|
7
|
+
* @category Icon
|
|
8
|
+
* @category SVG
|
|
9
|
+
* @see https://electrovir.github.io/vira/book/icons/upload24icon
|
|
10
|
+
*/
|
|
11
|
+
export const Upload24Icon = defineIcon({
|
|
12
|
+
name: 'Upload24Icon',
|
|
13
|
+
svgTemplate: html `
|
|
14
|
+
<svg
|
|
15
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
16
|
+
xml:space="preserve"
|
|
17
|
+
style="fill-rule:evenodd;clip-rule:evenodd"
|
|
18
|
+
viewBox="0 0 24 24"
|
|
19
|
+
width="24"
|
|
20
|
+
height="24"
|
|
21
|
+
>
|
|
22
|
+
<path
|
|
23
|
+
d="M4 14v6h16v-6"
|
|
24
|
+
style="fill-rule:nonzero;"
|
|
25
|
+
stroke=${viraIconCssVars['vira-icon-stroke-color'].value}
|
|
26
|
+
stroke-width=${viraIconCssVars['vira-icon-stroke-width'].value}
|
|
27
|
+
fill=${viraIconCssVars['vira-icon-fill-color'].value}
|
|
28
|
+
/>
|
|
29
|
+
<path
|
|
30
|
+
d="M12 15V4m4 4-4-4-4 4"
|
|
31
|
+
fill="none"
|
|
32
|
+
style="fill-rule:nonzero"
|
|
33
|
+
stroke=${viraIconCssVars['vira-icon-stroke-color'].value}
|
|
34
|
+
stroke-width=${viraIconCssVars['vira-icon-stroke-width'].value}
|
|
35
|
+
/>
|
|
36
|
+
</svg>
|
|
37
|
+
`,
|
|
38
|
+
});
|
package/dist/icons/index.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
/** This file is automatically updated by update-icon-exports.ts */
|
|
2
2
|
export * from './icon-css-vars.js';
|
|
3
3
|
export * from './icon-svg.js';
|
|
4
|
+
export * from './icon-svgs/bell-24.icon.js';
|
|
4
5
|
export * from './icon-svgs/chat-24.icon.js';
|
|
5
6
|
export * from './icon-svgs/check-24.icon.js';
|
|
6
7
|
export * from './icon-svgs/chevron-up-24.icon.js';
|
|
@@ -28,12 +29,14 @@ export * from './icon-svgs/status-failure-24.icon.js';
|
|
|
28
29
|
export * from './icon-svgs/status-in-progress-24.icon.js';
|
|
29
30
|
export * from './icon-svgs/status-success-24.icon.js';
|
|
30
31
|
export * from './icon-svgs/status-warning-24.icon.js';
|
|
32
|
+
export * from './icon-svgs/upload-24.icon.js';
|
|
31
33
|
/**
|
|
32
34
|
* All icons within vira by name.
|
|
33
35
|
*
|
|
34
36
|
* @category Icon
|
|
35
37
|
*/
|
|
36
38
|
export declare const allIconsByName: {
|
|
39
|
+
readonly Bell24Icon: import("./icon-svg.js").ViraIconSvg;
|
|
37
40
|
readonly Chat24Icon: import("./icon-svg.js").ViraIconSvg;
|
|
38
41
|
readonly Check24Icon: import("./icon-svg.js").ViraIconSvg;
|
|
39
42
|
readonly ChevronUp24Icon: import("./icon-svg.js").ViraIconSvg;
|
|
@@ -61,4 +64,5 @@ export declare const allIconsByName: {
|
|
|
61
64
|
readonly StatusInProgress24Icon: import("./icon-svg.js").ViraIconSvg;
|
|
62
65
|
readonly StatusSuccess24Icon: import("./icon-svg.js").ViraIconSvg;
|
|
63
66
|
readonly StatusWarning24Icon: import("./icon-svg.js").ViraIconSvg;
|
|
67
|
+
readonly Upload24Icon: import("./icon-svg.js").ViraIconSvg;
|
|
64
68
|
};
|
package/dist/icons/index.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/** This file is automatically updated by update-icon-exports.ts */
|
|
2
|
+
import { Bell24Icon } from './icon-svgs/bell-24.icon.js';
|
|
2
3
|
import { Chat24Icon } from './icon-svgs/chat-24.icon.js';
|
|
3
4
|
import { Check24Icon } from './icon-svgs/check-24.icon.js';
|
|
4
5
|
import { ChevronUp24Icon } from './icon-svgs/chevron-up-24.icon.js';
|
|
@@ -26,8 +27,10 @@ import { StatusFailure24Icon } from './icon-svgs/status-failure-24.icon.js';
|
|
|
26
27
|
import { StatusInProgress24Icon } from './icon-svgs/status-in-progress-24.icon.js';
|
|
27
28
|
import { StatusSuccess24Icon } from './icon-svgs/status-success-24.icon.js';
|
|
28
29
|
import { StatusWarning24Icon } from './icon-svgs/status-warning-24.icon.js';
|
|
30
|
+
import { Upload24Icon } from './icon-svgs/upload-24.icon.js';
|
|
29
31
|
export * from './icon-css-vars.js';
|
|
30
32
|
export * from './icon-svg.js';
|
|
33
|
+
export * from './icon-svgs/bell-24.icon.js';
|
|
31
34
|
export * from './icon-svgs/chat-24.icon.js';
|
|
32
35
|
export * from './icon-svgs/check-24.icon.js';
|
|
33
36
|
export * from './icon-svgs/chevron-up-24.icon.js';
|
|
@@ -55,12 +58,14 @@ export * from './icon-svgs/status-failure-24.icon.js';
|
|
|
55
58
|
export * from './icon-svgs/status-in-progress-24.icon.js';
|
|
56
59
|
export * from './icon-svgs/status-success-24.icon.js';
|
|
57
60
|
export * from './icon-svgs/status-warning-24.icon.js';
|
|
61
|
+
export * from './icon-svgs/upload-24.icon.js';
|
|
58
62
|
/**
|
|
59
63
|
* All icons within vira by name.
|
|
60
64
|
*
|
|
61
65
|
* @category Icon
|
|
62
66
|
*/
|
|
63
67
|
export const allIconsByName = {
|
|
68
|
+
Bell24Icon,
|
|
64
69
|
Chat24Icon,
|
|
65
70
|
Check24Icon,
|
|
66
71
|
ChevronUp24Icon,
|
|
@@ -88,4 +93,5 @@ export const allIconsByName = {
|
|
|
88
93
|
StatusInProgress24Icon,
|
|
89
94
|
StatusSuccess24Icon,
|
|
90
95
|
StatusWarning24Icon,
|
|
96
|
+
Upload24Icon,
|
|
91
97
|
};
|