@esportsplus/ui 0.0.113 → 0.0.114
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.
|
@@ -1,11 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
3
|
const reactivity_1 = require("@esportsplus/reactivity");
|
|
7
4
|
const template_1 = require("@esportsplus/template");
|
|
8
|
-
const close_svg_1 = __importDefault(require("~/storage/svg/close.svg"));
|
|
9
5
|
let modifiers = {
|
|
10
6
|
error: 'red',
|
|
11
7
|
info: 'black',
|
|
@@ -97,7 +93,12 @@ const h = () => {
|
|
|
97
93
|
<div class="alert-close --flex-start --margin-right --margin-100" onclick='${deactivate}'>
|
|
98
94
|
<div class='button --background-state ${() => `--background-${modifiers[state.type] || 'black'}`} --color-state --color-white --flex-center --padding-300'>
|
|
99
95
|
<div class="icon --size-300">
|
|
100
|
-
${template_1.html.inline
|
|
96
|
+
${template_1.html.inline `
|
|
97
|
+
<svg width="16" height="16" viewBox="0 0 16 16">
|
|
98
|
+
<path d="M3.527 14.948a.176.176 0 01-.248 0L1.051 12.72a.176.176 0 010-.248l11.42-11.419a.176.176 0 01.248 0l2.229 2.228a.174.174 0 010 .248L3.527 14.948z"/>
|
|
99
|
+
<path d="M12.472 14.948c.068.068.18.068.248 0l2.229-2.229a.176.176 0 000-.248L3.528 1.052a.176.176 0 00-.248 0L1.052 3.28a.176.176 0 000 .248l11.42 11.42z"/>
|
|
100
|
+
</svg>
|
|
101
|
+
`}
|
|
101
102
|
</div>
|
|
102
103
|
</div>
|
|
103
104
|
</div>
|
package/package.json
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { reactive } from '@esportsplus/reactivity';
|
|
2
2
|
import { html } from '@esportsplus/template';
|
|
3
|
-
import close from '~/storage/svg/close.svg';
|
|
4
3
|
|
|
5
4
|
|
|
6
5
|
type Type = 'error' | 'info' | 'success';
|
|
@@ -118,12 +117,18 @@ const success = (messages: string | string[], seconds: number = 0) => activate('
|
|
|
118
117
|
|
|
119
118
|
|
|
120
119
|
const h = () => {
|
|
120
|
+
// TODO: Fix importing close svg
|
|
121
121
|
return () => state.active ? html`
|
|
122
122
|
<div class='alert anchor anchor--ne ${() => state.active && '--active'} ${() => `alert--${state.state}`}'>
|
|
123
123
|
<div class="alert-close --flex-start --margin-right --margin-100" onclick='${deactivate}'>
|
|
124
124
|
<div class='button --background-state ${() => `--background-${modifiers[state.type] || 'black'}`} --color-state --color-white --flex-center --padding-300'>
|
|
125
125
|
<div class="icon --size-300">
|
|
126
|
-
${html.inline
|
|
126
|
+
${html.inline`
|
|
127
|
+
<svg width="16" height="16" viewBox="0 0 16 16">
|
|
128
|
+
<path d="M3.527 14.948a.176.176 0 01-.248 0L1.051 12.72a.176.176 0 010-.248l11.42-11.419a.176.176 0 01.248 0l2.229 2.228a.174.174 0 010 .248L3.527 14.948z"/>
|
|
129
|
+
<path d="M12.472 14.948c.068.068.18.068.248 0l2.229-2.229a.176.176 0 000-.248L3.528 1.052a.176.176 0 00-.248 0L1.052 3.28a.176.176 0 000 .248l11.42 11.42z"/>
|
|
130
|
+
</svg>
|
|
131
|
+
`}
|
|
127
132
|
</div>
|
|
128
133
|
</div>
|
|
129
134
|
</div>
|
package/storage/svg/close.svg
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg width="16" height="16" viewBox="0 0 16 16"><path d="M3.527 14.948a.176.176 0 01-.248 0L1.051 12.72a.176.176 0 010-.248l11.42-11.419a.176.176 0 01.248 0l2.229 2.228a.174.174 0 010 .248L3.527 14.948z"/><path d="M12.472 14.948c.068.068.18.068.248 0l2.229-2.229a.176.176 0 000-.248L3.528 1.052a.176.176 0 00-.248 0L1.052 3.28a.176.176 0 000 .248l11.42 11.42z"/></svg>
|