@burh/nuxt-core 1.0.340 → 1.0.342

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 (29) hide show
  1. package/assets/sass/burh-ds/_global.scss +323 -323
  2. package/assets/sass/burh-ds/content/_interface-spa.scss +306 -306
  3. package/assets/sass/burh-ds/content/_main-content.scss +25 -25
  4. package/components/argon-core/BaseDropdown.vue +114 -114
  5. package/components/argon-core/LoadingPanel.vue +26 -26
  6. package/components/argon-core/Modal.vue +183 -183
  7. package/components/burh-ds/Cards/BaseCard.vue +190 -188
  8. package/components/burh-ds/Cards/FeatureBusinessCard.vue +74 -74
  9. package/components/burh-ds/Cards/PerformanceCard.vue +81 -81
  10. package/components/burh-ds/Cards/RecruitmentCard.vue +229 -229
  11. package/components/burh-ds/Curriculum/UserCurriculum/index.vue +245 -245
  12. package/components/burh-ds/Dropdown/JobStatusDropdown.vue +153 -146
  13. package/components/burh-ds/Filters/BaseFilterContainer.vue +91 -71
  14. package/components/burh-ds/Filters/FilterWithDropdown.vue +228 -169
  15. package/components/burh-ds/Inputs/SearchInput.vue +64 -64
  16. package/components/burh-ds/Modals/NewUserModal.vue +87 -87
  17. package/components/burh-ds/Modals/SharedModal.vue +270 -270
  18. package/components/burh-ds/Modals/UniversityAccessModal.vue +134 -134
  19. package/components/burh-ds/Skeleton/BaseCardUniversity.vue +79 -79
  20. package/components/burh-ds/Skeleton/BaseCardUser.vue +84 -84
  21. package/components/burh-ds/Skeleton/BaseCourseInfo.vue +71 -71
  22. package/components/burh-ds/Skeleton/Cards.vue +86 -86
  23. package/components/burh-ds/Skeleton/Home.vue +100 -100
  24. package/components/burh-ds/Skeleton/RecruitmentCard.vue +169 -169
  25. package/components/burh-ds/Skeleton/SkeletonAnimate.vue +96 -96
  26. package/environment.js +221 -221
  27. package/nuxt.config.js +207 -207
  28. package/package.json +1 -1
  29. package/plugins/vClickOutside.js +4 -4
package/components/burh-ds/Skeleton/RecruitmentCard.vue CHANGED
@@ -1,169 +1,169 @@
1
- <template>
2
- <div class="recruitment__card">
3
- <div>
4
- <div class="recruitment__card__header">
5
- <div class="recruitment__card__header__status">
6
- <skeleton-animate class="skeleton-mb" :width="100" :height="20" />
7
- </div>
8
- </div>
9
-
10
- <div class="recruitment__card__content">
11
- <span class="recruitment__card__content__date">
12
- <skeleton-animate class="skeleton-mb" :width="150" :height="10" />
13
- </span>
14
- <h2 class="recruitment__card__content__title">
15
- <skeleton-animate class="skeleton-mb" :width="250" :height="20" />
16
- </h2>
17
- <span class="recruitment__card__content__id">
18
- <skeleton-animate class="skeleton-mb" :width="110" :height="15" />
19
- </span>
20
-
21
- <div class="recruitment__card__info">
22
- <div class="recruitment__card__info__text">
23
- <skeleton-animate class="skeleton-mb" :width="120" :height="15" />
24
- </div>
25
- <div class="recruitment__card__info__text">
26
- <skeleton-animate class="skeleton-mb" :width="120" :height="15" />
27
- </div>
28
- <div class="recruitment__card__info__text">
29
- <skeleton-animate class="skeleton-mb" :width="120" :height="15" />
30
- </div>
31
- </div>
32
- </div>
33
-
34
- <div class="recruitment__card__footer">
35
- <p class="recruitment__card__footer__title">EQUIPE RESPONSÁVEL</p>
36
- <div class="recruitment__card__footer__images">
37
- <skeleton-animate class="skeleton-mt" :width="32" :height="32" img />
38
- </div>
39
- </div>
40
- </div>
41
- </div>
42
- </template>
43
-
44
- <script>
45
- import SkeletonAnimate from './SkeletonAnimate.vue';
46
- export default {
47
- name: 'recruitment-card-skeleton',
48
- components: {
49
- SkeletonAnimate
50
- }
51
- };
52
- </script>
53
-
54
- <style lang="scss" scoped>
55
- @-webkit-keyframes placeholderSkeleton {
56
- 0% {
57
- background-position: -468px 0;
58
- }
59
- 100% {
60
- background-position: 468px 0;
61
- }
62
- }
63
-
64
- @-webkit-keyframes skeletonAnimate {
65
- from {
66
- background-position: top left;
67
- }
68
- to {
69
- background-position: top right;
70
- }
71
- }
72
-
73
- .skeleton-mb {
74
- margin-bottom: 10px;
75
- }
76
-
77
- .skeleton-mt {
78
- margin-top: 10px;
79
- }
80
-
81
- .skeleton--animate {
82
- -webkit-animation-duration: 1s;
83
- -webkit-animation-fill-mode: forwards;
84
- -webkit-animation-iteration-count: infinite;
85
- -webkit-animation-name: placeholderSkeleton;
86
- -webkit-animation-timing-function: linear;
87
- background: #e0e3e6;
88
- background-image: -webkit-gradient(
89
- linear,
90
- left center,
91
- right center,
92
- from(#e0e3e6),
93
- color-stop(0.2, #edeef1),
94
- color-stop(0.4, #e0e3e6),
95
- to(#e0e3e6)
96
- );
97
- background-image: -webkit-linear-gradient(
98
- left,
99
- #e0e3e6 0%,
100
- #edeef1 20%,
101
- #e0e3e6 40%,
102
- #e0e3e6 100%
103
- );
104
- background-repeat: no-repeat;
105
- background-size: 800px 104px;
106
- }
107
-
108
- .recruitment__card {
109
- cursor: pointer;
110
- background: #fff;
111
- box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
112
- padding: 20px;
113
- border-radius: 4px;
114
- border: none;
115
- text-align: initial;
116
- color: #1D364B;
117
- transition: transform 0.25s;
118
-
119
- &__header {
120
- display: flex;
121
- align-items: center;
122
- justify-content: space-between;
123
- padding: 5px 0;
124
- }
125
-
126
- &__content {
127
- &__date {
128
- font-size: 0.875rem;
129
- font-weight: 400;
130
- color: #AEB6BE;
131
- }
132
- &__title {
133
- font-size: 1.275rem;
134
- color: #1D364B;
135
- margin-bottom: 0;
136
- }
137
- &__id {
138
- font-size: 0.875rem;
139
- font-weight: 600;
140
- color: #525F7F;
141
- }
142
- }
143
-
144
- &__info {
145
- padding: 20px 0;
146
- &__text {
147
- margin-bottom: 0;
148
- font-size: 1rem;
149
- font-weight: 500;
150
- }
151
- }
152
-
153
- &__footer {
154
- border-top: 1px solid #E9E9E9;
155
- padding-top: 10px;
156
- &__title {
157
- color: #525F7F;
158
- font-size: 0.875rem;
159
- font-weight: 600;
160
- margin-bottom: 0;
161
- }
162
- &__images {
163
- display: flex;
164
- align-items: center;
165
- user-select: none;
166
- }
167
- }
168
- }
169
- </style>
1
+ <template>
2
+ <div class="recruitment__card">
3
+ <div>
4
+ <div class="recruitment__card__header">
5
+ <div class="recruitment__card__header__status">
6
+ <skeleton-animate class="skeleton-mb" :width="100" :height="20" />
7
+ </div>
8
+ </div>
9
+
10
+ <div class="recruitment__card__content">
11
+ <span class="recruitment__card__content__date">
12
+ <skeleton-animate class="skeleton-mb" :width="150" :height="10" />
13
+ </span>
14
+ <h2 class="recruitment__card__content__title">
15
+ <skeleton-animate class="skeleton-mb" :width="250" :height="20" />
16
+ </h2>
17
+ <span class="recruitment__card__content__id">
18
+ <skeleton-animate class="skeleton-mb" :width="110" :height="15" />
19
+ </span>
20
+
21
+ <div class="recruitment__card__info">
22
+ <div class="recruitment__card__info__text">
23
+ <skeleton-animate class="skeleton-mb" :width="120" :height="15" />
24
+ </div>
25
+ <div class="recruitment__card__info__text">
26
+ <skeleton-animate class="skeleton-mb" :width="120" :height="15" />
27
+ </div>
28
+ <div class="recruitment__card__info__text">
29
+ <skeleton-animate class="skeleton-mb" :width="120" :height="15" />
30
+ </div>
31
+ </div>
32
+ </div>
33
+
34
+ <div class="recruitment__card__footer">
35
+ <p class="recruitment__card__footer__title">EQUIPE RESPONSÁVEL</p>
36
+ <div class="recruitment__card__footer__images">
37
+ <skeleton-animate class="skeleton-mt" :width="32" :height="32" img />
38
+ </div>
39
+ </div>
40
+ </div>
41
+ </div>
42
+ </template>
43
+
44
+ <script>
45
+ import SkeletonAnimate from './SkeletonAnimate.vue';
46
+ export default {
47
+ name: 'recruitment-card-skeleton',
48
+ components: {
49
+ SkeletonAnimate
50
+ }
51
+ };
52
+ </script>
53
+
54
+ <style lang="scss" scoped>
55
+ @-webkit-keyframes placeholderSkeleton {
56
+ 0% {
57
+ background-position: -468px 0;
58
+ }
59
+ 100% {
60
+ background-position: 468px 0;
61
+ }
62
+ }
63
+
64
+ @-webkit-keyframes skeletonAnimate {
65
+ from {
66
+ background-position: top left;
67
+ }
68
+ to {
69
+ background-position: top right;
70
+ }
71
+ }
72
+
73
+ .skeleton-mb {
74
+ margin-bottom: 10px;
75
+ }
76
+
77
+ .skeleton-mt {
78
+ margin-top: 10px;
79
+ }
80
+
81
+ .skeleton--animate {
82
+ -webkit-animation-duration: 1s;
83
+ -webkit-animation-fill-mode: forwards;
84
+ -webkit-animation-iteration-count: infinite;
85
+ -webkit-animation-name: placeholderSkeleton;
86
+ -webkit-animation-timing-function: linear;
87
+ background: #e0e3e6;
88
+ background-image: -webkit-gradient(
89
+ linear,
90
+ left center,
91
+ right center,
92
+ from(#e0e3e6),
93
+ color-stop(0.2, #edeef1),
94
+ color-stop(0.4, #e0e3e6),
95
+ to(#e0e3e6)
96
+ );
97
+ background-image: -webkit-linear-gradient(
98
+ left,
99
+ #e0e3e6 0%,
100
+ #edeef1 20%,
101
+ #e0e3e6 40%,
102
+ #e0e3e6 100%
103
+ );
104
+ background-repeat: no-repeat;
105
+ background-size: 800px 104px;
106
+ }
107
+
108
+ .recruitment__card {
109
+ cursor: pointer;
110
+ background: #fff;
111
+ box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
112
+ padding: 20px;
113
+ border-radius: 4px;
114
+ border: none;
115
+ text-align: initial;
116
+ color: #1D364B;
117
+ transition: transform 0.25s;
118
+
119
+ &__header {
120
+ display: flex;
121
+ align-items: center;
122
+ justify-content: space-between;
123
+ padding: 5px 0;
124
+ }
125
+
126
+ &__content {
127
+ &__date {
128
+ font-size: 0.875rem;
129
+ font-weight: 400;
130
+ color: #AEB6BE;
131
+ }
132
+ &__title {
133
+ font-size: 1.275rem;
134
+ color: #1D364B;
135
+ margin-bottom: 0;
136
+ }
137
+ &__id {
138
+ font-size: 0.875rem;
139
+ font-weight: 600;
140
+ color: #525F7F;
141
+ }
142
+ }
143
+
144
+ &__info {
145
+ padding: 20px 0;
146
+ &__text {
147
+ margin-bottom: 0;
148
+ font-size: 1rem;
149
+ font-weight: 500;
150
+ }
151
+ }
152
+
153
+ &__footer {
154
+ border-top: 1px solid #E9E9E9;
155
+ padding-top: 10px;
156
+ &__title {
157
+ color: #525F7F;
158
+ font-size: 0.875rem;
159
+ font-weight: 600;
160
+ margin-bottom: 0;
161
+ }
162
+ &__images {
163
+ display: flex;
164
+ align-items: center;
165
+ user-select: none;
166
+ }
167
+ }
168
+ }
169
+ </style>
package/components/burh-ds/Skeleton/SkeletonAnimate.vue CHANGED
@@ -1,96 +1,96 @@
1
- <template>
2
- <div
3
- class="skeleton skeleton--animate"
4
- :class="[
5
- { 'rounded': rounded },
6
- { 'img': img }
7
- ]"
8
- :style="`--skeleton-w: ${width}px; --skeleton-h: ${height}px;`"
9
- ></div>
10
- </template>
11
-
12
- <script>
13
- export default {
14
- name: 'skeleton-animate',
15
- props: {
16
- width: {
17
- type: Number,
18
- default: 200
19
- },
20
- height: {
21
- type: Number,
22
- default: 15
23
- },
24
- rounded: {
25
- type: Boolean,
26
- default: false
27
- },
28
- img: {
29
- type: Boolean,
30
- default: false
31
- }
32
- }
33
- };
34
- </script>
35
-
36
- <style lang="scss" scoped>
37
- @-webkit-keyframes placeholderSkeleton {
38
- 0% {
39
- background-position: -468px 0;
40
- }
41
- 100% {
42
- background-position: 468px 0;
43
- }
44
- }
45
-
46
- @-webkit-keyframes skeletonAnimate {
47
- from {
48
- background-position: top left;
49
- }
50
- to {
51
- background-position: top right;
52
- }
53
- }
54
-
55
- .skeleton {
56
- width: var(--skeleton-w);
57
- height: var(--skeleton-h);
58
- border-radius: 2px;
59
- &.rounded {
60
- border-radius: 4px;
61
- }
62
- &.img {
63
- border-radius: 1000px;
64
- }
65
- }
66
-
67
- $skeletonBaseColor: #e0e3e6;
68
- $skeletonBaseLineColor: #edeef1;
69
-
70
- .skeleton--animate {
71
- -webkit-animation-duration: 1s;
72
- -webkit-animation-fill-mode: forwards;
73
- -webkit-animation-iteration-count: infinite;
74
- -webkit-animation-name: placeholderSkeleton;
75
- -webkit-animation-timing-function: linear;
76
- background: $skeletonBaseColor;
77
- background-image: -webkit-gradient(
78
- linear,
79
- left center,
80
- right center,
81
- from($skeletonBaseColor),
82
- color-stop(0.2, $skeletonBaseLineColor),
83
- color-stop(0.4, $skeletonBaseColor),
84
- to($skeletonBaseColor)
85
- );
86
- background-image: -webkit-linear-gradient(
87
- left,
88
- $skeletonBaseColor 0%,
89
- $skeletonBaseLineColor 20%,
90
- $skeletonBaseColor 40%,
91
- $skeletonBaseColor 100%
92
- );
93
- background-repeat: no-repeat;
94
- background-size: 800px 104px;
95
- }
96
- </style>
1
+ <template>
2
+ <div
3
+ class="skeleton skeleton--animate"
4
+ :class="[
5
+ { 'rounded': rounded },
6
+ { 'img': img }
7
+ ]"
8
+ :style="`--skeleton-w: ${width}px; --skeleton-h: ${height}px;`"
9
+ ></div>
10
+ </template>
11
+
12
+ <script>
13
+ export default {
14
+ name: 'skeleton-animate',
15
+ props: {
16
+ width: {
17
+ type: Number,
18
+ default: 200
19
+ },
20
+ height: {
21
+ type: Number,
22
+ default: 15
23
+ },
24
+ rounded: {
25
+ type: Boolean,
26
+ default: false
27
+ },
28
+ img: {
29
+ type: Boolean,
30
+ default: false
31
+ }
32
+ }
33
+ };
34
+ </script>
35
+
36
+ <style lang="scss" scoped>
37
+ @-webkit-keyframes placeholderSkeleton {
38
+ 0% {
39
+ background-position: -468px 0;
40
+ }
41
+ 100% {
42
+ background-position: 468px 0;
43
+ }
44
+ }
45
+
46
+ @-webkit-keyframes skeletonAnimate {
47
+ from {
48
+ background-position: top left;
49
+ }
50
+ to {
51
+ background-position: top right;
52
+ }
53
+ }
54
+
55
+ .skeleton {
56
+ width: var(--skeleton-w);
57
+ height: var(--skeleton-h);
58
+ border-radius: 2px;
59
+ &.rounded {
60
+ border-radius: 4px;
61
+ }
62
+ &.img {
63
+ border-radius: 1000px;
64
+ }
65
+ }
66
+
67
+ $skeletonBaseColor: #e0e3e6;
68
+ $skeletonBaseLineColor: #edeef1;
69
+
70
+ .skeleton--animate {
71
+ -webkit-animation-duration: 1s;
72
+ -webkit-animation-fill-mode: forwards;
73
+ -webkit-animation-iteration-count: infinite;
74
+ -webkit-animation-name: placeholderSkeleton;
75
+ -webkit-animation-timing-function: linear;
76
+ background: $skeletonBaseColor;
77
+ background-image: -webkit-gradient(
78
+ linear,
79
+ left center,
80
+ right center,
81
+ from($skeletonBaseColor),
82
+ color-stop(0.2, $skeletonBaseLineColor),
83
+ color-stop(0.4, $skeletonBaseColor),
84
+ to($skeletonBaseColor)
85
+ );
86
+ background-image: -webkit-linear-gradient(
87
+ left,
88
+ $skeletonBaseColor 0%,
89
+ $skeletonBaseLineColor 20%,
90
+ $skeletonBaseColor 40%,
91
+ $skeletonBaseColor 100%
92
+ );
93
+ background-repeat: no-repeat;
94
+ background-size: 800px 104px;
95
+ }
96
+ </style>