vira 31.0.2 → 31.1.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.
|
@@ -264,9 +264,9 @@ export const ViraButton = defineViraElement()({
|
|
|
264
264
|
'vira-button-active-text-color': 'transparent',
|
|
265
265
|
'vira-button-active-background-color': 'transparent',
|
|
266
266
|
'vira-button-active-border-color': 'transparent',
|
|
267
|
-
'vira-button-disabled-text-color': viraTheme.colors['vira-grey-behind-bg-
|
|
268
|
-
'vira-button-disabled-background-color': viraTheme.colors['vira-grey-behind-bg-
|
|
269
|
-
'vira-button-disabled-border-color': viraTheme.colors['vira-grey-behind-bg-
|
|
267
|
+
'vira-button-disabled-text-color': viraTheme.colors['vira-grey-behind-bg-invisible'].foreground.value,
|
|
268
|
+
'vira-button-disabled-background-color': viraTheme.colors['vira-grey-behind-bg-invisible'].background.value,
|
|
269
|
+
'vira-button-disabled-border-color': viraTheme.colors['vira-grey-behind-bg-invisible'].background.value,
|
|
270
270
|
'vira-button-border-width': '1px',
|
|
271
271
|
'vira-button-border-radius': viraFormCssVars['vira-form-radius'].value,
|
|
272
272
|
},
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { html } from 'element-vir';
|
|
2
|
+
import { viraIconCssVars } from '../icon-css-vars.js';
|
|
3
|
+
import { defineIcon } from '../icon-svg.js';
|
|
4
|
+
/**
|
|
5
|
+
* A plus icon.
|
|
6
|
+
*
|
|
7
|
+
* @category Icon
|
|
8
|
+
* @category SVG
|
|
9
|
+
* @see https://electrovir.github.io/vira/book/icons/plus24icon
|
|
10
|
+
*/
|
|
11
|
+
export const Plus24Icon = defineIcon({
|
|
12
|
+
name: 'Plus24Icon',
|
|
13
|
+
svgTemplate: html `
|
|
14
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
|
15
|
+
<path
|
|
16
|
+
d="M12 5v14M5 12h14"
|
|
17
|
+
fill="none"
|
|
18
|
+
stroke=${viraIconCssVars['vira-icon-stroke-color'].value}
|
|
19
|
+
stroke-width=${viraIconCssVars['vira-icon-stroke-width'].value}
|
|
20
|
+
/>
|
|
21
|
+
</svg>
|
|
22
|
+
`,
|
|
23
|
+
});
|
package/dist/icons/index.d.ts
CHANGED
|
@@ -36,6 +36,7 @@ export * from './icon-svgs/magnifying-glass-24.icon.js';
|
|
|
36
36
|
export * from './icon-svgs/moon-24.icon.js';
|
|
37
37
|
export * from './icon-svgs/options-24.icon.js';
|
|
38
38
|
export * from './icon-svgs/pencil-24.icon.js';
|
|
39
|
+
export * from './icon-svgs/plus-24.icon.js';
|
|
39
40
|
export * from './icon-svgs/printer-24.icon.js';
|
|
40
41
|
export * from './icon-svgs/shield-24.icon.js';
|
|
41
42
|
export * from './icon-svgs/sort-ascending-24.icon.js';
|
|
@@ -97,6 +98,7 @@ export declare const allIconsByName: {
|
|
|
97
98
|
readonly Moon24Icon: import("./icon-svg.js").ViraIconSvg;
|
|
98
99
|
readonly Options24Icon: import("./icon-svg.js").ViraIconSvg;
|
|
99
100
|
readonly Pencil24Icon: import("./icon-svg.js").ViraIconSvg;
|
|
101
|
+
readonly Plus24Icon: import("./icon-svg.js").ViraIconSvg;
|
|
100
102
|
readonly Printer24Icon: import("./icon-svg.js").ViraIconSvg;
|
|
101
103
|
readonly Shield24Icon: import("./icon-svg.js").ViraIconSvg;
|
|
102
104
|
readonly SortAscending24Icon: import("./icon-svg.js").ViraIconSvg;
|
|
@@ -154,6 +156,7 @@ export declare const all24IconsByName: {
|
|
|
154
156
|
readonly Moon24Icon: import("./icon-svg.js").ViraIconSvg;
|
|
155
157
|
readonly Options24Icon: import("./icon-svg.js").ViraIconSvg;
|
|
156
158
|
readonly Pencil24Icon: import("./icon-svg.js").ViraIconSvg;
|
|
159
|
+
readonly Plus24Icon: import("./icon-svg.js").ViraIconSvg;
|
|
157
160
|
readonly Printer24Icon: import("./icon-svg.js").ViraIconSvg;
|
|
158
161
|
readonly Shield24Icon: import("./icon-svg.js").ViraIconSvg;
|
|
159
162
|
readonly SortAscending24Icon: import("./icon-svg.js").ViraIconSvg;
|
package/dist/icons/index.js
CHANGED
|
@@ -33,6 +33,7 @@ import { MagnifyingGlass24Icon } from './icon-svgs/magnifying-glass-24.icon.js';
|
|
|
33
33
|
import { Moon24Icon } from './icon-svgs/moon-24.icon.js';
|
|
34
34
|
import { Options24Icon } from './icon-svgs/options-24.icon.js';
|
|
35
35
|
import { Pencil24Icon } from './icon-svgs/pencil-24.icon.js';
|
|
36
|
+
import { Plus24Icon } from './icon-svgs/plus-24.icon.js';
|
|
36
37
|
import { Printer24Icon } from './icon-svgs/printer-24.icon.js';
|
|
37
38
|
import { Shield24Icon } from './icon-svgs/shield-24.icon.js';
|
|
38
39
|
import { SortAscending24Icon } from './icon-svgs/sort-ascending-24.icon.js';
|
|
@@ -91,6 +92,7 @@ export * from './icon-svgs/magnifying-glass-24.icon.js';
|
|
|
91
92
|
export * from './icon-svgs/moon-24.icon.js';
|
|
92
93
|
export * from './icon-svgs/options-24.icon.js';
|
|
93
94
|
export * from './icon-svgs/pencil-24.icon.js';
|
|
95
|
+
export * from './icon-svgs/plus-24.icon.js';
|
|
94
96
|
export * from './icon-svgs/printer-24.icon.js';
|
|
95
97
|
export * from './icon-svgs/shield-24.icon.js';
|
|
96
98
|
export * from './icon-svgs/sort-ascending-24.icon.js';
|
|
@@ -152,6 +154,7 @@ export const allIconsByName = {
|
|
|
152
154
|
Moon24Icon,
|
|
153
155
|
Options24Icon,
|
|
154
156
|
Pencil24Icon,
|
|
157
|
+
Plus24Icon,
|
|
155
158
|
Printer24Icon,
|
|
156
159
|
Shield24Icon,
|
|
157
160
|
SortAscending24Icon,
|
|
@@ -209,6 +212,7 @@ export const all24IconsByName = {
|
|
|
209
212
|
Moon24Icon,
|
|
210
213
|
Options24Icon,
|
|
211
214
|
Pencil24Icon,
|
|
215
|
+
Plus24Icon,
|
|
212
216
|
Printer24Icon,
|
|
213
217
|
Shield24Icon,
|
|
214
218
|
SortAscending24Icon,
|