vira 0.6.3 → 0.7.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.
Files changed (12) hide show
  1. package/dist/element-book/vira-book-app.element.js +3 -5
  2. package/dist/elements/vira-button/vira-button.element.js +3 -5
  3. package/dist/elements/vira-input/vira-input.element.js +2 -2
  4. package/dist/icons/icon-svgs/status-failure-24.icon.d.ts +1 -0
  5. package/dist/icons/icon-svgs/status-failure-24.icon.js +29 -0
  6. package/dist/icons/icon-svgs/status-in-progress-24.icon.d.ts +1 -0
  7. package/dist/icons/icon-svgs/status-in-progress-24.icon.js +38 -0
  8. package/dist/icons/icon-svgs/status-success-24.icon.d.ts +1 -0
  9. package/dist/icons/icon-svgs/status-success-24.icon.js +22 -0
  10. package/dist/icons/index.d.ts +6 -0
  11. package/dist/icons/index.js +9 -0
  12. package/package.json +7 -7
package/dist/element-book/vira-book-app.element.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { ElementBookApp, ElementBookSlotName } from 'element-book';
2
- import { assign, css, defineElementNoInputs, html } from 'element-vir';
2
+ import { css, defineElementNoInputs, html } from 'element-vir';
3
3
  import { allElementBookEntries } from './all-element-book-entries';
4
4
  export const ViraBookApp = defineElementNoInputs({
5
5
  tagName: 'vira-book-app',
@@ -24,16 +24,14 @@ export const ViraBookApp = defineElementNoInputs({
24
24
  `,
25
25
  renderCallback() {
26
26
  return html `
27
- <${ElementBookApp}
28
- ${assign(ElementBookApp, {
27
+ <${ElementBookApp.assign({
29
28
  internalRouterConfig: {
30
29
  basePath: 'vira',
31
30
  useInternalRouter: true,
32
31
  },
33
32
  entries: allElementBookEntries,
34
33
  themeColor: '#33ccff',
35
- })}
36
- >
34
+ })}>
37
35
  <h1 slot=${ElementBookSlotName.NavHeader}>Vira</h1>
38
36
  </${ElementBookApp}>
39
37
  `;
package/dist/elements/vira-button/vira-button.element.js CHANGED
@@ -1,4 +1,4 @@
1
- import { assign, css, html } from 'element-vir';
1
+ import { css, html } from 'element-vir';
2
2
  import { noUserSelect } from '../../styles';
3
3
  import { viraDisabledStyles } from '../../styles/disabled';
4
4
  import { viraAnimationDurations } from '../../styles/durations';
@@ -97,11 +97,9 @@ export const ViraButton = defineViraElement()({
97
97
  renderCallback: ({ inputs }) => {
98
98
  const iconTemplate = inputs.icon
99
99
  ? html `
100
- <${ViraIcon}
101
- ${assign(ViraIcon, {
100
+ <${ViraIcon.assign({
102
101
  icon: inputs.icon,
103
- })}
104
- ></${ViraIcon}>
102
+ })}></${ViraIcon}>
105
103
  `
106
104
  : '';
107
105
  const textTemplate = inputs.text
package/dist/elements/vira-input/vira-input.element.js CHANGED
@@ -1,4 +1,4 @@
1
- import { assign, classMap, css, defineElementEvent, html, listen, onResize, renderIf, } from 'element-vir';
1
+ import { classMap, css, defineElementEvent, html, listen, onResize, renderIf } from 'element-vir';
2
2
  import { noUserSelect, viraAnimationDurations, viraDisabledStyles } from '../../styles';
3
3
  import { createFocusStyles, viraFocusCssVars } from '../../styles/focus';
4
4
  import { removeNativeFormStyles } from '../../styles/native-styles';
@@ -245,7 +245,7 @@ export const ViraInput = defineViraElement()({
245
245
  });
246
246
  const iconTemplate = inputs.icon
247
247
  ? html `
248
- <${ViraIcon} ${assign(ViraIcon, { icon: inputs.icon })}></${ViraIcon}>
248
+ <${ViraIcon.assign({ icon: inputs.icon })}></${ViraIcon}>
249
249
  `
250
250
  : '';
251
251
  const forcedInputWidthStyles = inputs.fitText
package/dist/icons/icon-svgs/status-failure-24.icon.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const StatusFailure24Icon: import("../icon-svg").ViraIconSvg;
package/dist/icons/icon-svgs/status-failure-24.icon.js ADDED
@@ -0,0 +1,29 @@
1
+ import { html } from 'element-vir';
2
+ import { viraIconColorCssVars } from '../icon-color-css-vars';
3
+ import { defineIcon } from '../icon-svg';
4
+ export const StatusFailure24Icon = defineIcon({
5
+ name: 'StatusFailure24Icon',
6
+ svgTemplate: html `
7
+ <svg
8
+ xmlns="http://www.w3.org/2000/svg"
9
+ xml:space="preserve"
10
+ style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"
11
+ width="24"
12
+ height="24"
13
+ viewBox="0 0 24 24"
14
+ >
15
+ <circle
16
+ cx="12"
17
+ cy="12"
18
+ r="9"
19
+ stroke=${viraIconColorCssVars['vira-icon-stroke-color'].value}
20
+ fill="none"
21
+ />
22
+ <path
23
+ stroke="none"
24
+ fill=${viraIconColorCssVars['vira-icon-stroke-color'].value}
25
+ d="m11.33 12-3.7-4.17.74-.66L12 11.25l3.63-4.08.74.66-3.7 4.17 3.7 4.17-.74.66L12 12.75l-3.63 4.08-.74-.66 3.7-4.17Z"
26
+ />
27
+ </svg>
28
+ `,
29
+ });
package/dist/icons/icon-svgs/status-in-progress-24.icon.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const StatusInProgress24Icon: import("../icon-svg").ViraIconSvg;
package/dist/icons/icon-svgs/status-in-progress-24.icon.js ADDED
@@ -0,0 +1,38 @@
1
+ import { html } from 'element-vir';
2
+ import { viraIconColorCssVars } from '../icon-color-css-vars';
3
+ import { defineIcon } from '../icon-svg';
4
+ export const StatusInProgress24Icon = defineIcon({
5
+ name: 'StatusInProgress24Icon',
6
+ svgTemplate: html `
7
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
8
+ <circle
9
+ cx="12"
10
+ cy="12"
11
+ r="9"
12
+ stroke=${viraIconColorCssVars['vira-icon-stroke-color'].value}
13
+ fill="none"
14
+ />
15
+ <circle
16
+ cx="7"
17
+ cy="12"
18
+ r="1"
19
+ fill=${viraIconColorCssVars['vira-icon-stroke-color'].value}
20
+ stroke="none"
21
+ />
22
+ <circle
23
+ cx="12"
24
+ cy="12"
25
+ r="1"
26
+ fill=${viraIconColorCssVars['vira-icon-stroke-color'].value}
27
+ stroke="none"
28
+ />
29
+ <circle
30
+ cx="17"
31
+ cy="12"
32
+ r="1"
33
+ fill=${viraIconColorCssVars['vira-icon-stroke-color'].value}
34
+ stroke="none"
35
+ />
36
+ </svg>
37
+ `,
38
+ });
package/dist/icons/icon-svgs/status-success-24.icon.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const StatusSuccess24Icon: import("../icon-svg").ViraIconSvg;
package/dist/icons/icon-svgs/status-success-24.icon.js ADDED
@@ -0,0 +1,22 @@
1
+ import { html } from 'element-vir';
2
+ import { viraIconColorCssVars } from '../icon-color-css-vars';
3
+ import { defineIcon } from '../icon-svg';
4
+ export const StatusSuccess24Icon = defineIcon({
5
+ name: 'StatusSuccess24Icon',
6
+ svgTemplate: html `
7
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
8
+ <circle
9
+ cx="12"
10
+ cy="12"
11
+ r="9"
12
+ stroke=${viraIconColorCssVars['vira-icon-stroke-color'].value}
13
+ fill="none"
14
+ />
15
+ <path
16
+ d="m6.64 13.81.7-.7 2.63 2.62 6.65-7.6.74.66-7.35 8.4-3.37-3.38Z"
17
+ fill=${viraIconColorCssVars['vira-icon-stroke-color'].value}
18
+ stroke="none"
19
+ />
20
+ </svg>
21
+ `,
22
+ });
package/dist/icons/index.d.ts CHANGED
@@ -3,8 +3,14 @@ export * from './icon-svg';
3
3
  export * from './icon-svgs/element-16.icon';
4
4
  export * from './icon-svgs/element-24.icon';
5
5
  export * from './icon-svgs/options-24.icon';
6
+ export * from './icon-svgs/status-failure-24.icon';
7
+ export * from './icon-svgs/status-in-progress-24.icon';
8
+ export * from './icon-svgs/status-success-24.icon';
6
9
  export declare const allIconsByName: {
7
10
  readonly Element16Icon: import("./icon-svg").ViraIconSvg;
8
11
  readonly Element24Icon: import("./icon-svg").ViraIconSvg;
9
12
  readonly Options24Icon: import("./icon-svg").ViraIconSvg;
13
+ readonly StatusFailure24Icon: import("./icon-svg").ViraIconSvg;
14
+ readonly StatusInProgress24Icon: import("./icon-svg").ViraIconSvg;
15
+ readonly StatusSuccess24Icon: import("./icon-svg").ViraIconSvg;
10
16
  };
package/dist/icons/index.js CHANGED
@@ -2,12 +2,21 @@
2
2
  import { Element16Icon } from './icon-svgs/element-16.icon';
3
3
  import { Element24Icon } from './icon-svgs/element-24.icon';
4
4
  import { Options24Icon } from './icon-svgs/options-24.icon';
5
+ import { StatusFailure24Icon } from './icon-svgs/status-failure-24.icon';
6
+ import { StatusInProgress24Icon } from './icon-svgs/status-in-progress-24.icon';
7
+ import { StatusSuccess24Icon } from './icon-svgs/status-success-24.icon';
5
8
  export * from './icon-svg';
6
9
  export * from './icon-svgs/element-16.icon';
7
10
  export * from './icon-svgs/element-24.icon';
8
11
  export * from './icon-svgs/options-24.icon';
12
+ export * from './icon-svgs/status-failure-24.icon';
13
+ export * from './icon-svgs/status-in-progress-24.icon';
14
+ export * from './icon-svgs/status-success-24.icon';
9
15
  export const allIconsByName = {
10
16
  Element16Icon,
11
17
  Element24Icon,
12
18
  Options24Icon,
19
+ StatusFailure24Icon,
20
+ StatusInProgress24Icon,
21
+ StatusSuccess24Icon,
13
22
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vira",
3
- "version": "0.6.3",
3
+ "version": "0.7.0",
4
4
  "description": "A simple and highly versatile design system using element-vir.",
5
5
  "keywords": [
6
6
  "design",
@@ -38,14 +38,14 @@
38
38
  "test:docs": "virmator code-in-markdown check"
39
39
  },
40
40
  "dependencies": {
41
- "element-vir": "^15.0.1",
41
+ "element-vir": "^16.0.0",
42
42
  "lit-css-vars": "^2.0.3",
43
43
  "spa-router-vir": "^2.1.1",
44
44
  "type-fest": "^4.0.0"
45
45
  },
46
46
  "devDependencies": {
47
- "@augment-vir/browser-testing": "^15.4.1",
48
- "@augment-vir/node-js": "^15.4.1",
47
+ "@augment-vir/browser-testing": "^15.6.1",
48
+ "@augment-vir/node-js": "^15.6.1",
49
49
  "@open-wc/testing": "^3.2.0",
50
50
  "@types/chai": "^4.3.5",
51
51
  "@types/mocha": "^10.0.1",
@@ -54,11 +54,11 @@
54
54
  "@web/test-runner-commands": "^0.8.0",
55
55
  "@web/test-runner-playwright": "^0.10.1",
56
56
  "@web/test-runner-visual-regression": "^0.8.2",
57
- "esbuild": "^0.18.15",
57
+ "esbuild": "^0.18.16",
58
58
  "istanbul-smart-text-reporter": "^1.1.2",
59
- "npm-check-updates": "^16.10.16",
59
+ "npm-check-updates": "^16.10.17",
60
60
  "typescript": "^5.1.6",
61
- "vite": "^4.4.6",
61
+ "vite": "^4.4.7",
62
62
  "vite-tsconfig-paths": "^4.2.0"
63
63
  }
64
64
  }