toggle-components-library 1.39.4-beta.0 → 1.39.4-beta.2
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 +1469 -3466
- 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 +1469 -3466
- package/dist/toggle-components-library.umd.js.map +1 -1
- package/dist/toggle-components-library.umd.min.js +121 -125
- package/dist/toggle-components-library.umd.min.js.map +1 -1
- package/package-lock.json +46083 -0
- package/package.json +2 -2
- package/src/.DS_Store +0 -0
- package/src/assets/.DS_Store +0 -0
- package/src/components/forms/ToggleInputSelect.vue +5 -5
- package/src/sass/includes/_as_buttons.scss +2 -1
- package/src/sass/includes/_as_inputs.scss +1 -20
- package/src/sass/includes/_as_navs.scss +0 -10
- package/dist/img/airship-rewards-icon-hover.6d083805.svg +0 -3
- package/dist/img/airship-rewards-icon.bdbad20b.svg +0 -3
- package/src/assets/icons/airship-rewards-icon-hover.svg +0 -3
- package/src/assets/icons/airship-rewards-icon.svg +0 -3
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "toggle-components-library",
|
|
3
|
-
"version": "1.39.4-beta.
|
|
3
|
+
"version": "1.39.4-beta.2",
|
|
4
4
|
"private": false,
|
|
5
5
|
"scripts": {
|
|
6
6
|
"serve": "vue-cli-service serve",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"countries-list": "^2.6.1",
|
|
30
30
|
"date-fns": "^1.30.1",
|
|
31
31
|
"storybook-vue-router": "^1.0.7",
|
|
32
|
-
"swiper": "^
|
|
32
|
+
"swiper": "^10.3.0",
|
|
33
33
|
"vue": "^2.7.10",
|
|
34
34
|
"vue-airbnb-style-datepicker": "^2.7.1",
|
|
35
35
|
"vue-apexcharts": "^1.6.2",
|
package/src/.DS_Store
CHANGED
|
Binary file
|
|
Binary file
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
|
|
3
|
-
<div
|
|
3
|
+
<div class="toggle-input-container" :class="{'toggle-input-is-invalid':isInvalid, 'toggle-input-is-disabled':disabled}" v-on:click="focusClosestInput">
|
|
4
4
|
<label
|
|
5
|
-
v-if="label
|
|
5
|
+
v-if="label"
|
|
6
6
|
:for="name ? name : 'ToggleInputSelect' "
|
|
7
7
|
class="toggle-input-label"
|
|
8
8
|
> {{ label }}
|
|
9
9
|
</label>
|
|
10
10
|
|
|
11
|
-
<div
|
|
11
|
+
<div class="toggle-input-select-container">
|
|
12
12
|
<select
|
|
13
13
|
:name="name ? name : 'ToggleInputSelect' "
|
|
14
14
|
:class="[ 'toggle-input-select', size]"
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
:disabled="disabled"
|
|
19
19
|
:style="`${fontFamily ? 'font-family: ' + fontFamily : ''}`"
|
|
20
20
|
>
|
|
21
|
-
<option value="">
|
|
21
|
+
<option value="">Select an option</option>
|
|
22
22
|
<option :value="option.value" v-for="(option, key) in options" v-bind:key="key">{{option.label}}</option>
|
|
23
23
|
</select>
|
|
24
24
|
</div>
|
|
@@ -60,7 +60,7 @@ export default {
|
|
|
60
60
|
size: {
|
|
61
61
|
type: String,
|
|
62
62
|
validator: function (value) {
|
|
63
|
-
return ['extra-small', 'small', 'medium', 'large', 'full'
|
|
63
|
+
return ['extra-small', 'small', 'medium', 'large', 'full'].indexOf(value) !== -1
|
|
64
64
|
}
|
|
65
65
|
},
|
|
66
66
|
required: {
|
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
.toggle-input-select,
|
|
10
10
|
.toggle-contact-search-container{
|
|
11
11
|
@include toggle-global-font-config;
|
|
12
|
+
max-width: 425px
|
|
12
13
|
}
|
|
13
14
|
|
|
14
15
|
.toggle-input-counter{
|
|
@@ -259,18 +260,6 @@
|
|
|
259
260
|
top: 0.7rem;
|
|
260
261
|
pointer-events: none;
|
|
261
262
|
}
|
|
262
|
-
&.streamline {
|
|
263
|
-
&:after{
|
|
264
|
-
content: '';
|
|
265
|
-
width: 1.2rem !important;
|
|
266
|
-
height: 1.2rem !important;
|
|
267
|
-
background: transparent url("../assets/icons/arrow_down.svg") no-repeat 100% 50%;
|
|
268
|
-
position: absolute;
|
|
269
|
-
right: 1rem;
|
|
270
|
-
top: 0.7rem;
|
|
271
|
-
pointer-events: none;
|
|
272
|
-
}
|
|
273
|
-
}
|
|
274
263
|
}
|
|
275
264
|
|
|
276
265
|
|
|
@@ -286,10 +275,6 @@
|
|
|
286
275
|
&:focus {
|
|
287
276
|
outline: none;
|
|
288
277
|
}
|
|
289
|
-
&.streamline {
|
|
290
|
-
font-size: 1rem;
|
|
291
|
-
padding: 0.3rem 2rem 0.3rem 1rem;
|
|
292
|
-
}
|
|
293
278
|
}
|
|
294
279
|
|
|
295
280
|
// For multi tier side nav
|
|
@@ -986,10 +971,6 @@ $iconWidth:20px;
|
|
|
986
971
|
// Contact Search Styles
|
|
987
972
|
//
|
|
988
973
|
|
|
989
|
-
.toggle-contact-search-container {
|
|
990
|
-
max-width: 425px;
|
|
991
|
-
}
|
|
992
|
-
|
|
993
974
|
.toggle-contact-search-input-container {
|
|
994
975
|
width: 100%;
|
|
995
976
|
height: 40px;
|
|
@@ -531,16 +531,6 @@
|
|
|
531
531
|
animation: tilt-shake 0.4s;
|
|
532
532
|
background-image: url("../assets/icons/airship-flight-assist-icon.svg");
|
|
533
533
|
}
|
|
534
|
-
&.airship-rewards-icon a::before,
|
|
535
|
-
&.airship-rewards-icon span::before {
|
|
536
|
-
background-image: url("../assets/icons/airship-rewards-icon.svg");
|
|
537
|
-
}
|
|
538
|
-
|
|
539
|
-
&.airship-rewards-icon a:hover::before,
|
|
540
|
-
&.airship-rewards-icon span:hover::before {
|
|
541
|
-
animation: tilt-shake 0.4s;
|
|
542
|
-
background-image: url("../assets/icons/airship-rewards-icon-hover.svg");
|
|
543
|
-
}
|
|
544
534
|
}
|
|
545
535
|
}
|
|
546
536
|
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="15.895" height="13.627" viewBox="0 0 15.895 13.627">
|
|
2
|
-
<path id="Intersection_5" data-name="Intersection 5" d="M-58.683-17.712l5.19,4.684a1.188,1.188,0,0,0,.8.3,1.188,1.188,0,0,0,.8-.3l5.19-4.684a4.09,4.09,0,0,0,1.367-3.04v-.161a4.01,4.01,0,0,0-3.429-3.915,4.2,4.2,0,0,0-3.579,1.108l-.345.333-.345-.333a4.2,4.2,0,0,0-3.579-1.108,4.01,4.01,0,0,0-3.429,3.915v.161A4.09,4.09,0,0,0-58.683-17.712Z" transform="matrix(0.995, -0.105, 0.105, 0.995, 62.322, 20.006)" fill="#477ef6"/>
|
|
3
|
-
</svg>
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="15.895" height="13.627" viewBox="0 0 15.895 13.627">
|
|
2
|
-
<path id="Intersection_5" data-name="Intersection 5" d="M-58.683-17.712l5.19,4.684a1.188,1.188,0,0,0,.8.3,1.188,1.188,0,0,0,.8-.3l5.19-4.684a4.09,4.09,0,0,0,1.367-3.04v-.161a4.01,4.01,0,0,0-3.429-3.915,4.2,4.2,0,0,0-3.579,1.108l-.345.333-.345-.333a4.2,4.2,0,0,0-3.579-1.108,4.01,4.01,0,0,0-3.429,3.915v.161A4.09,4.09,0,0,0-58.683-17.712Z" transform="matrix(0.995, -0.105, 0.105, 0.995, 62.322, 20.006)" fill="#354b64"/>
|
|
3
|
-
</svg>
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="15.895" height="13.627" viewBox="0 0 15.895 13.627">
|
|
2
|
-
<path id="Intersection_5" data-name="Intersection 5" d="M-58.683-17.712l5.19,4.684a1.188,1.188,0,0,0,.8.3,1.188,1.188,0,0,0,.8-.3l5.19-4.684a4.09,4.09,0,0,0,1.367-3.04v-.161a4.01,4.01,0,0,0-3.429-3.915,4.2,4.2,0,0,0-3.579,1.108l-.345.333-.345-.333a4.2,4.2,0,0,0-3.579-1.108,4.01,4.01,0,0,0-3.429,3.915v.161A4.09,4.09,0,0,0-58.683-17.712Z" transform="matrix(0.995, -0.105, 0.105, 0.995, 62.322, 20.006)" fill="#477ef6"/>
|
|
3
|
-
</svg>
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="15.895" height="13.627" viewBox="0 0 15.895 13.627">
|
|
2
|
-
<path id="Intersection_5" data-name="Intersection 5" d="M-58.683-17.712l5.19,4.684a1.188,1.188,0,0,0,.8.3,1.188,1.188,0,0,0,.8-.3l5.19-4.684a4.09,4.09,0,0,0,1.367-3.04v-.161a4.01,4.01,0,0,0-3.429-3.915,4.2,4.2,0,0,0-3.579,1.108l-.345.333-.345-.333a4.2,4.2,0,0,0-3.579-1.108,4.01,4.01,0,0,0-3.429,3.915v.161A4.09,4.09,0,0,0-58.683-17.712Z" transform="matrix(0.995, -0.105, 0.105, 0.995, 62.322, 20.006)" fill="#354b64"/>
|
|
3
|
-
</svg>
|