@burh/nuxt-core 1.0.506 → 1.0.508

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 (3) hide show
  1. package/assets/sass/burh-ds/variables/_colors.scss +2 -0
  2. package/components/burh-ds/Inputs/SearchInput.vue +90 -88
  3. package/package.json +1 -1
package/assets/sass/burh-ds/variables/_colors.scss CHANGED
@@ -115,6 +115,7 @@ $search: #5865f2 !default;
115
115
  $recruitment: #0c95fc !default;
116
116
  $indicators: #5C65D2 !default;
117
117
  $aboutme: #ea3062 !default;
118
+ $driver: #4ED15D !default;
118
119
  $university: #39e2fd !default;
119
120
  $interviews: #ff539d !default;
120
121
  $workus: #ff7d7e !default;
@@ -151,6 +152,7 @@ $colors: map-merge(
151
152
  "recruitment": $recruitment,
152
153
  "indicators": $indicators,
153
154
  "aboutme": $aboutme,
155
+ "driver": $driver,
154
156
  "university": $university,
155
157
  "interviews": $interviews,
156
158
  "workus": $workus,
package/components/burh-ds/Inputs/SearchInput.vue CHANGED
@@ -1,88 +1,90 @@
1
- <template>
2
- <div class="input__container__icon" :class="{ 'input__disabled': disabled || isLocked }" @click="isLocked && $emit('open-plan-modal')">
3
- <label for="search">
4
- <template v-if="!isLocked">
5
- <i class="fas fa-search"></i>
6
- </template>
7
- <template v-else>
8
- <i class="fas fa-lock"></i>
9
- </template>
10
- </label>
11
- <input type="text" name="search" id="search" :disabled="disabled || isLocked" :placeholder="placeholder" v-model="searchModel" @change="$emit('change')">
12
- </div>
13
- </template>
14
-
15
- <script>
16
- export default {
17
- name: 'search-input',
18
- props: {
19
- disabled: {
20
- type: Boolean,
21
- default: false
22
- },
23
- search: String,
24
- placeholder: {
25
- type: String,
26
- default: 'Busque por vaga'
27
- },
28
- isLocked: {
29
- type: Boolean,
30
- default: false
31
- }
32
- },
33
- data() {
34
- return {
35
- searchModel: null
36
- };
37
- },
38
- mounted() {
39
- this.searchModel = this.search;
40
- },
41
- watch: {
42
- search(value) {
43
- this.searchModel = value;
44
- },
45
- searchModel(value) {
46
- this.$emit('search', value);
47
- }
48
- }
49
- };
50
- </script>
51
-
52
- <style lang="scss" scoped>
53
- .input__container__icon {
54
- position: relative;
55
- display: flex;
56
- align-items: center;
57
- border-radius: 100px;
58
- max-width: 270px;
59
- overflow: hidden;
60
- border: 1px solid #E9ECEF;
61
- input {
62
- background: transparent;
63
- border: 0;
64
- outline: none;
65
- padding: 5px 0;
66
- width: 100%;
67
- }
68
- label {
69
- margin: 0;
70
- display: block;
71
- }
72
- i {
73
- padding: 0 10px;
74
- color: #AEB6BE;
75
- }
76
- &.input__disabled {
77
- background-color: #E9ECEF;
78
- cursor: not-allowed !important;
79
- input {
80
- color: #AEB6BE !important;
81
- cursor: not-allowed !important;
82
- }
83
- label {
84
- cursor: not-allowed !important;
85
- }
86
- }
87
- }
88
- </style>
1
+ <template>
2
+ <div class="input__container__icon" :class="{ 'input__disabled': disabled || isLocked }" @click="isLocked && $emit('open-plan-modal')">
3
+ <label for="search">
4
+ <template v-if="!isLocked">
5
+ <i class="fas fa-search"></i>
6
+ </template>
7
+ <template v-else>
8
+ <i class="fas fa-lock"></i>
9
+ </template>
10
+ </label>
11
+ <input type="text" name="search" id="search" :disabled="disabled || isLocked" :placeholder="placeholder" v-model="searchModel" @change="$emit('change')">
12
+ </div>
13
+ </template>
14
+
15
+ <script>
16
+ export default {
17
+ name: 'search-input',
18
+ props: {
19
+ disabled: {
20
+ type: Boolean,
21
+ default: false
22
+ },
23
+ search: String,
24
+ placeholder: {
25
+ type: String,
26
+ default: 'Busque por vaga'
27
+ },
28
+ isLocked: {
29
+ type: Boolean,
30
+ default: false
31
+ },
32
+ value: {
33
+ type: String,
34
+ default: ''
35
+ }
36
+ },
37
+ computed: {
38
+ searchModel: {
39
+ get() {
40
+ return this.value || this.search;
41
+ },
42
+ set(value) {
43
+ this.$emit('search', value);
44
+ this.$emit('input', value);
45
+ }
46
+ }
47
+ },
48
+ mounted() {
49
+ this.searchModel = this.search;
50
+ },
51
+ };
52
+ </script>
53
+
54
+ <style lang="scss" scoped>
55
+ .input__container__icon {
56
+ position: relative;
57
+ display: flex;
58
+ align-items: center;
59
+ border-radius: 100px;
60
+ max-width: 270px;
61
+ overflow: hidden;
62
+ border: 1px solid #E9ECEF;
63
+ input {
64
+ background: transparent;
65
+ border: 0;
66
+ outline: none;
67
+ padding: 5px 0;
68
+ width: 100%;
69
+ }
70
+ label {
71
+ margin: 0;
72
+ display: block;
73
+ }
74
+ i {
75
+ padding: 0 10px;
76
+ color: #AEB6BE;
77
+ }
78
+ &.input__disabled {
79
+ background-color: #E9ECEF;
80
+ cursor: not-allowed !important;
81
+ input {
82
+ color: #AEB6BE !important;
83
+ cursor: not-allowed !important;
84
+ }
85
+ label {
86
+ cursor: not-allowed !important;
87
+ }
88
+ }
89
+ }
90
+ </style>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@burh/nuxt-core",
3
- "version": "1.0.506",
3
+ "version": "1.0.508",
4
4
  "description": "Design System and Components.",
5
5
  "author": "Burh",
6
6
  "scripts": {