toggle-components-library 1.36.9-beta.1 → 1.37.0-beta.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/toggle-components-library.common.js +1464 -1731
- package/dist/toggle-components-library.common.js.map +1 -1
- package/dist/toggle-components-library.css +1 -1
- package/dist/toggle-components-library.umd.js +1464 -1731
- package/dist/toggle-components-library.umd.js.map +1 -1
- package/dist/toggle-components-library.umd.min.js +118 -122
- package/dist/toggle-components-library.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/src/assets/img/bulkorders.svg +1 -0
- package/src/components/forms/ToggleInputCurrency.vue +10 -3
- package/src/components/forms/ToggleInputNumber.vue +8 -2
- package/src/components/forms/ToggleInputPercentage.vue +7 -1
- package/src/components/forms/ToggleInputRadioButtonMini.vue +38 -0
- package/src/components/forms/ToggleInputText.vue +5 -7
- package/src/components/statusbar/ToggleStatusBar.vue +74 -0
- package/src/index.js +5 -2
- package/src/sass/includes/_as_badges.scss +0 -49
- package/src/sass/includes/_as_boosters.scss +16 -0
- package/src/sass/includes/_as_inputs.scss +84 -0
- package/src/sass/includes/_as_statusbar.scss +183 -0
- package/src/sass/includes/_as_table.scss +0 -4
- package/src/sass/includes/_as_variables.scss +4 -0
- package/src/sass/main.scss +1 -0
- package/src/components/badges/ToggleLogoBadge.vue +0 -53
|
@@ -65,7 +65,6 @@ table.toggle-table {
|
|
|
65
65
|
|
|
66
66
|
select {
|
|
67
67
|
border: none;
|
|
68
|
-
background-color: #FFF;
|
|
69
68
|
font-size: 11.5px;
|
|
70
69
|
font-weight: bold;
|
|
71
70
|
color: #575757;
|
|
@@ -74,9 +73,6 @@ table.toggle-table {
|
|
|
74
73
|
-moz-appearance: none;
|
|
75
74
|
text-indent: 1px;
|
|
76
75
|
text-overflow: '';
|
|
77
|
-
|
|
78
|
-
background: url(/img/icons/arrow-down-blue-tiny.svg) center right no-repeat;
|
|
79
|
-
background-size: 15px;
|
|
80
76
|
padding : 0.5rem 0rem 0.5rem 1rem;
|
|
81
77
|
}
|
|
82
78
|
}
|
|
@@ -66,6 +66,10 @@ $booster-feedback-colour-light:#FFCB27;
|
|
|
66
66
|
$booster-feedback-colour-med:#FFCB27;
|
|
67
67
|
$booster-feedback-colour-dark:black;
|
|
68
68
|
|
|
69
|
+
$booster-bulk-order-colour-light:#ffffff;
|
|
70
|
+
$booster-bulk-order-colour-med:#83c42d;
|
|
71
|
+
$booster-bulk-order-colour-dark:black;
|
|
72
|
+
|
|
69
73
|
/* metrics */
|
|
70
74
|
$toggle-metric-label-blue: #477EF6;
|
|
71
75
|
$toggle-metric-label-black: #354B64;
|
package/src/sass/main.scss
CHANGED
|
@@ -21,6 +21,7 @@
|
|
|
21
21
|
@import "./includes/_as_metrics.scss";
|
|
22
22
|
@import "./includes/_as_threedots.scss";
|
|
23
23
|
@import "./includes/_as_boosters.scss";
|
|
24
|
+
@import "./includes/_as_statusbar.scss";
|
|
24
25
|
@import "./includes/_as_cards.scss";
|
|
25
26
|
@import "./includes/_as_carousels.scss";
|
|
26
27
|
@import "./includes/_as_tooltips.scss";
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div id="badge-container" :class="'toggle-logo-badge-' + size">
|
|
3
|
-
<img
|
|
4
|
-
:src="logo.src"
|
|
5
|
-
:alt="logo.alt"
|
|
6
|
-
class="toggle-logo-badge-logo"
|
|
7
|
-
>
|
|
8
|
-
</div>
|
|
9
|
-
|
|
10
|
-
</template>
|
|
11
|
-
|
|
12
|
-
<script>
|
|
13
|
-
|
|
14
|
-
export default {
|
|
15
|
-
name: 'ToggleLogoBadge',
|
|
16
|
-
props: {
|
|
17
|
-
logo: {
|
|
18
|
-
type: Object,
|
|
19
|
-
required: true,
|
|
20
|
-
},
|
|
21
|
-
colour: {
|
|
22
|
-
type: String,
|
|
23
|
-
required: true
|
|
24
|
-
},
|
|
25
|
-
size: {
|
|
26
|
-
type: String,
|
|
27
|
-
required: true,
|
|
28
|
-
validator: function(value) {
|
|
29
|
-
return ["small", "medium", "large"].indexOf(value) !== -1;
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
},
|
|
33
|
-
};
|
|
34
|
-
</script>
|
|
35
|
-
|
|
36
|
-
<style scoped>
|
|
37
|
-
#badge-container {
|
|
38
|
-
background-color: v-bind('colour');
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
#small {
|
|
42
|
-
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
#medium {
|
|
46
|
-
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
#large {
|
|
50
|
-
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
</style>
|