@rypen-dev/shared-components 4.2.14 → 5.0.1
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/index.js +1 -1
- package/package.json +12 -12
- package/scss/_variables.scss +1 -1
- package/scss/partials/_badges.scss +10 -0
- package/scss/partials/_buttons.scss +78 -7
- package/scss/partials/_flyovers.scss +97 -0
- package/scss/partials/_forms.scss +99 -21
- package/scss/partials/_layout.scss +48 -64
- package/scss/partials/_loader.scss +20 -0
- package/scss/partials/_modals.scss +14 -0
- package/scss/partials/_notifications.scss +33 -0
- package/scss/partials/_tooltips.scss +54 -54
- package/scss/partials/_typography.scss +46 -1
- package/scss/styles.scss +1 -0
- package/src/components/ModalWrapper.vue +15 -7
- package/src/components/ProductImageSelector.vue +4 -2
- package/src/components/icons/IconApprove.vue +4 -6
- package/src/components/icons/IconBase.vue +11 -5
- package/src/components/icons/IconCaret.vue +1 -3
- package/src/components/icons/IconClose.vue +4 -6
- package/src/components/icons/IconQrCode.vue +539 -541
- package/src/components/icons/IconSave.vue +12 -14
- package/src/components/icons/IconShare.vue +12 -14
- package/src/index.js +0 -3
- package/webpack.config.js +5 -5
- package/src/components/icons/IconSetup.vue +0 -33
|
@@ -1,20 +1,18 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<
|
|
3
|
-
<
|
|
4
|
-
<
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
<
|
|
8
|
-
<
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
<
|
|
13
|
-
<path d="M0 0h24v24H0z" />
|
|
14
|
-
</g>
|
|
2
|
+
<g>
|
|
3
|
+
<defs>
|
|
4
|
+
<path id="icon-save" d="M20.268 3.857c.983.877 1.652 1.923 2.007 3.139a6.42 6.42 0 0 1 0 3.371c-.3 1.145-.82 2.114-1.557 2.905l-7.167 7.55c-.436.452-.955.678-1.556.678-.6 0-1.12-.226-1.556-.679l-7.167-7.549c-.737-.791-1.256-1.76-1.557-2.905a6.148 6.148 0 0 1 .041-3.371c.328-1.216.983-2.262 1.966-3.139a5.24 5.24 0 0 1 2.662-1.272 6.08 6.08 0 0 1 3.01.254c.997.34 1.864.89 2.601 1.654a6.463 6.463 0 0 1 2.6-1.654c.997-.339 2-.424 3.01-.254a5.24 5.24 0 0 1 2.663 1.272zm-.942 7.973c.491-.537.84-1.194 1.044-1.972a4.287 4.287 0 0 0-.02-2.311c-.219-.82-.67-1.527-1.352-2.12-.791-.68-1.727-.976-2.805-.891-1.079.085-2 .537-2.764 1.357l-1.434 1.484-1.433-1.484c-.765-.82-1.686-1.272-2.765-1.357-1.078-.085-2.013.212-2.805.89-.683.594-1.133 1.3-1.352 2.12a4.287 4.287 0 0 0-.02 2.312c.205.778.553 1.435 1.044 1.972l7.208 7.55c.082.113.164.113.246 0l7.208-7.55z" />
|
|
5
|
+
</defs>
|
|
6
|
+
<g fill="none" fill-rule="evenodd">
|
|
7
|
+
<mask id="icon-save-mask">
|
|
8
|
+
<use xlink:href="#icon-save" />
|
|
9
|
+
</mask>
|
|
10
|
+
<use class="color-target" xlink:href="#icon-save" />
|
|
11
|
+
<g mask="url(#icon-save-mask)">
|
|
12
|
+
<path d="M0 0h24v24H0z" />
|
|
15
13
|
</g>
|
|
16
14
|
</g>
|
|
17
|
-
</
|
|
15
|
+
</g>
|
|
18
16
|
</template>
|
|
19
17
|
|
|
20
18
|
<script>
|
|
@@ -1,20 +1,18 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<
|
|
3
|
-
<
|
|
4
|
-
<
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
<
|
|
8
|
-
<
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
<
|
|
13
|
-
<path d="M0 0h24v24H0z" />
|
|
14
|
-
</g>
|
|
2
|
+
<g>
|
|
3
|
+
<defs>
|
|
4
|
+
<path id="icon-share" d="M23.417 7.98c.389.383.583.848.583 1.395s-.194 1.012-.583 1.395l-6 5.906a2.063 2.063 0 0 1-1.438.574 1.957 1.957 0 0 1-1.396-.554c-.389-.369-.583-.84-.583-1.415v-2.215c-1.361.11-2.326.294-2.896.554-.57.26-.882.609-.937 1.046-.028.355.083.902.333 1.64.194.575.146 1.101-.146 1.58a2.06 2.06 0 0 1-1.25.943c-.541.15-1.062.075-1.562-.225-1.111-.684-1.98-1.539-2.604-2.564A6.377 6.377 0 0 1 4 12.656c0-1.613.5-2.967 1.5-4.06.833-.903 1.986-1.586 3.458-2.051 1.334-.41 3.014-.656 5.042-.738V3.469c0-.574.194-1.046.583-1.415.39-.37.854-.554 1.396-.554.542 0 1.021.191 1.438.574l6 5.906zM16 15.281l6-5.906-6-5.906v4.265c-1.944.028-3.486.123-4.625.287-1.667.274-2.93.725-3.792 1.354C6.528 10.168 6 11.262 6 12.656c0 .985.278 1.873.833 2.666a5.76 5.76 0 0 0 1.75 1.6c-.527-1.586-.527-2.817 0-3.692.473-.82 1.39-1.408 2.75-1.763 1.111-.274 2.667-.424 4.667-.451v4.265zm1.042 3.446c.305-.082.597-.206.875-.37a.446.446 0 0 1 .5-.02c.166.096.25.24.25.43v1.764c0 .547-.195 1.012-.584 1.395a1.944 1.944 0 0 1-1.416.574H2a1.944 1.944 0 0 1-1.417-.574A1.884 1.884 0 0 1 0 20.53V6.094c0-.547.194-1.012.583-1.395A1.944 1.944 0 0 1 2 4.125h5.5c.139 0 .257.048.354.144A.47.47 0 0 1 8 4.617v.164c0 .246-.111.41-.333.492a13.94 13.94 0 0 0-1.584.739.453.453 0 0 1-.25.082H2.25c-.056 0-.111.027-.167.082-.055.054-.083.11-.083.164v13.945c0 .055.028.11.083.164.056.055.111.082.167.082h14.167c.055 0 .11-.027.166-.082.056-.054.084-.11.084-.164V19.22a.43.43 0 0 1 .104-.287c.07-.082.16-.15.27-.205z" />
|
|
5
|
+
</defs>
|
|
6
|
+
<g fill="none" fill-rule="evenodd">
|
|
7
|
+
<mask id="icon-share-mask">
|
|
8
|
+
<use xlink:href="#icon-share" />
|
|
9
|
+
</mask>
|
|
10
|
+
<use class="color-target" xlink:href="#icon-share" />
|
|
11
|
+
<g mask="url(#icon-share-mask)">
|
|
12
|
+
<path d="M0 0h24v24H0z" />
|
|
15
13
|
</g>
|
|
16
14
|
</g>
|
|
17
|
-
</
|
|
15
|
+
</g>
|
|
18
16
|
</template>
|
|
19
17
|
|
|
20
18
|
<script>
|
package/src/index.js
CHANGED
|
@@ -16,7 +16,6 @@ import successCheckmark from "./components/SuccessCheckmark.vue";
|
|
|
16
16
|
import timespanInput from "./components/TimespanInput.vue";
|
|
17
17
|
import variableLoader from "./components/VariableLoader.vue";
|
|
18
18
|
|
|
19
|
-
import IconSetupFile from "./components/icons/IconSetup.vue";
|
|
20
19
|
import IconBaseFile from "./components/icons/IconBase.vue";
|
|
21
20
|
import IconApproveFile from "./components/icons/IconApprove.vue";
|
|
22
21
|
import IconCaretFile from "./components/icons/IconCaret.vue";
|
|
@@ -45,7 +44,6 @@ const Components = {
|
|
|
45
44
|
SwitchInput: switchInput,
|
|
46
45
|
TimespanInput: timespanInput,
|
|
47
46
|
VariableLoader: variableLoader,
|
|
48
|
-
IconSetup: IconSetupFile,
|
|
49
47
|
IconBase: IconBaseFile,
|
|
50
48
|
IconApprove: IconApproveFile,
|
|
51
49
|
IconCaret: IconCaretFile,
|
|
@@ -73,7 +71,6 @@ export var SuccessCheckmark = successCheckmark;
|
|
|
73
71
|
export var SwitchInput = switchInput;
|
|
74
72
|
export var TimespanInput = timespanInput;
|
|
75
73
|
export var VariableLoader = variableLoader;
|
|
76
|
-
export var IconSetup = IconSetupFile;
|
|
77
74
|
export var IconBase = IconBaseFile;
|
|
78
75
|
export var IconApprove = IconApproveFile;
|
|
79
76
|
export var IconCaret = IconCaretFile;
|
package/webpack.config.js
CHANGED
|
@@ -37,11 +37,11 @@ module.exports = {
|
|
|
37
37
|
},
|
|
38
38
|
{
|
|
39
39
|
test: /\.(jpe?g|png|gif|svg)$/i,
|
|
40
|
-
type: 'asset/inline',
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
40
|
+
//type: 'asset/inline',
|
|
41
|
+
loader: 'url-loader',
|
|
42
|
+
options: {
|
|
43
|
+
limit: Infinity,
|
|
44
|
+
},
|
|
45
45
|
},
|
|
46
46
|
],
|
|
47
47
|
},
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<svg style="display: none !important" xmlns="http://www.w3.org/2000/svg">
|
|
3
|
-
<symbol id="icon-approve"><icon-approve /></symbol>
|
|
4
|
-
<symbol id="icon-caret"><icon-caret /></symbol>
|
|
5
|
-
<symbol id="icon-close"><icon-close /></symbol>
|
|
6
|
-
<symbol id="icon-qr-code"><icon-qr-code /></symbol>
|
|
7
|
-
<symbol id="icon-save"><icon-save /></symbol>
|
|
8
|
-
<symbol id="icon-share"><icon-share /></symbol>
|
|
9
|
-
</svg>
|
|
10
|
-
</template>
|
|
11
|
-
|
|
12
|
-
<script>
|
|
13
|
-
import IconApprove from "./IconApprove.vue";
|
|
14
|
-
import IconClose from "./IconClose.vue";
|
|
15
|
-
import IconCaret from "./IconCaret.vue";
|
|
16
|
-
import IconQrCode from "./IconQrCode.vue";
|
|
17
|
-
import IconSave from "./IconSave.vue";
|
|
18
|
-
import IconShare from "./IconShare.vue";
|
|
19
|
-
|
|
20
|
-
export default {
|
|
21
|
-
props: {
|
|
22
|
-
|
|
23
|
-
},
|
|
24
|
-
components: {
|
|
25
|
-
IconApprove,
|
|
26
|
-
IconClose,
|
|
27
|
-
IconCaret,
|
|
28
|
-
IconQrCode,
|
|
29
|
-
IconSave,
|
|
30
|
-
IconShare,
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
</script>
|