@pocketprep/ui-kit 3.4.20 → 3.4.21

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 (10) hide show
  1. package/dist/@pocketprep/ui-kit.js +887 -903
  2. package/dist/@pocketprep/ui-kit.js.map +1 -1
  3. package/dist/@pocketprep/ui-kit.umd.cjs +1 -1
  4. package/dist/@pocketprep/ui-kit.umd.cjs.map +1 -1
  5. package/dist/style.css +1 -1
  6. package/lib/components/Forms/Input.vue +8 -6
  7. package/lib/components/Forms/Textarea.vue +11 -9
  8. package/lib/components/Icons/IconEyeHide.vue +3 -5
  9. package/lib/components/Icons/IconEyeShow.vue +3 -5
  10. package/package.json +1 -1
package/lib/components/Forms/Input.vue CHANGED
@@ -194,18 +194,18 @@ export default class Input extends Vue {
194
194
  }
195
195
 
196
196
  &--hover {
197
- border: 1px solid $baby-blue;
197
+ border: 1.5px solid $baby-blue;
198
198
 
199
199
  &--dark {
200
- border: 1px solid rgba($banana-bread, 0.4);
200
+ border: 1.5px solid rgba($banana-bread, 0.4);
201
201
  }
202
202
  }
203
203
 
204
204
  &--focus {
205
- border: 1px solid $brand-blue;
205
+ border: 1.5px solid $brand-blue;
206
206
 
207
207
  &--dark {
208
- border: 1px solid $banana-bread;
208
+ border: 1.5px solid $banana-bread;
209
209
  }
210
210
  }
211
211
 
@@ -266,7 +266,8 @@ export default class Input extends Vue {
266
266
  align-items: center;
267
267
  width: 36px;
268
268
  height: 36px;
269
- color: $slate-01;
269
+ background-color: $white;
270
+ color: $ash;
270
271
  z-index: 1;
271
272
  outline: none;
272
273
  cursor: pointer;
@@ -301,7 +302,8 @@ export default class Input extends Vue {
301
302
  }
302
303
 
303
304
  &--dark {
304
- color: rgba($white, 0.8);
305
+ color: $fog;
306
+ background-color: $moonlit-ocean;
305
307
 
306
308
  &::before {
307
309
  border-color: $pewter;
package/lib/components/Forms/Textarea.vue CHANGED
@@ -68,9 +68,10 @@ export default class Textarea extends Vue {
68
68
  .uikit-textarea {
69
69
  &__label {
70
70
  font-size: 13px;
71
+ font-weight: 600;
71
72
  line-height: 14px;
72
73
  margin: 0 0 6px 11px;
73
- color: $slate-01;
74
+ color: $slate;
74
75
  display: block;
75
76
 
76
77
  &--dark {
@@ -78,7 +79,7 @@ export default class Textarea extends Vue {
78
79
  }
79
80
 
80
81
  &--hover {
81
- color: $slate-03;
82
+ color: $slate;
82
83
 
83
84
  &--dark {
84
85
  color: $fog;
@@ -117,11 +118,11 @@ export default class Textarea extends Vue {
117
118
 
118
119
  &:disabled {
119
120
  background: $gray-background;
120
- border: 1px solid $gray-background;
121
- color: $slate-03;
121
+ border: 1px solid rgba($pewter, 0.5);
122
+ color: $slate;
122
123
 
123
124
  &::placeholder {
124
- color: $slate-03;
125
+ color: $slate;
125
126
  }
126
127
  }
127
128
 
@@ -132,21 +133,22 @@ export default class Textarea extends Vue {
132
133
  caret-color: $banana-bread;
133
134
 
134
135
  &:disabled {
135
- border-color: $moonlit-ocean;
136
+ border: 1px solid rgba($pewter, 0.5);
136
137
  background-color: $moonlit-ocean;
138
+ color: $steel;
137
139
  }
138
140
  }
139
141
 
140
142
  &--hover {
141
- border: 1px solid $baby-blue;
143
+ border: 1.5px solid $baby-blue;
142
144
 
143
145
  &--dark {
144
- border: 0.5px solid $banana-bread;
146
+ border-color: rgba($banana-bread, 0.4);
145
147
  }
146
148
  }
147
149
 
148
150
  &--focus {
149
- border: 1px solid $brand-blue;
151
+ border: 1.5px solid $brand-blue;
150
152
 
151
153
  &--dark {
152
154
  border-color: $banana-bread;
package/lib/components/Icons/IconEyeHide.vue CHANGED
@@ -1,11 +1,9 @@
1
1
  <template>
2
2
  <!-- eslint-disable -->
3
- <svg width="18px" height="16px" viewBox="0 0 18 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4
4
  <title>{{ title }}</title>
5
- <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
6
- <g transform="translate(-12.000000, -9.000000)" fill="currentColor" fill-rule="nonzero">
7
- <path d="M27.66,8.86819193 L28.7206602,9.9288521 L13.52,25.1318081 L12.4593398,24.0711479 L15.4795073,21.0505385 C14.0951623,20.122522 12.9626647,18.8351994 12.2092977,17.318493 C13.7759431,14.1629851 16.98436,12 20.6877074,12 C21.8317445,12 22.9285496,12.2064167 23.944327,12.5847535 L27.66,8.86819193 Z M25.9964713,13.6541762 C27.3354034,14.5767955 28.4315401,15.8385909 29.166586,17.3188146 C27.5988319,20.4738099 24.3906856,22.6363636 20.6877074,22.6363636 C19.5897834,22.6363636 18.5353604,22.4462518 17.5543101,22.096519 L18.7565078,20.8951351 C19.2892419,21.0305932 19.8406255,21.1109688 20.4036617,21.1312525 L20.6877074,21.1363636 C23.4422663,21.1363636 25.9494267,19.6969763 27.4059016,17.3933448 L27.451,17.318 L27.4058921,17.2437906 C26.7591252,16.2203054 25.9049158,15.3673705 24.9137062,14.7354223 L25.9964713,13.6541762 Z M23.5008038,16.1509846 C23.6610905,16.5182023 23.75,16.9237182 23.75,17.35 C23.75,19.0068542 22.4068542,20.35 20.75,20.35 C20.3236383,20.35 19.9180502,20.2610572 19.550778,20.1007136 L23.5008038,16.1509846 Z M20.6877074,13.5 C17.9328144,13.5 15.4255637,14.9397142 13.9699238,17.2434669 L13.924,17.318 L13.9699523,17.3932512 C14.6390745,18.4518841 15.5301424,19.328009 16.5651886,19.965806 L17.9933101,18.5354385 C17.8367343,18.1718121 17.75,17.771035 17.75,17.35 C17.75,15.6931458 19.0931458,14.35 20.75,14.35 C21.1711616,14.35 21.5720531,14.4367865 21.9357665,14.5934514 L22.7524065,13.7764315 C22.1784899,13.6196627 21.5819796,13.5270972 20.9717822,13.5051122 L20.6877074,13.5 Z"></path>
8
- </g>
5
+ <g id="vector">
6
+ <path id="Shape" d="M12 6.72727C15.4455 6.72727 18.5182 8.66364 20.0182 11.7273C19.4818 12.8364 18.7273 13.7909 17.8273 14.5636L19.1091 15.8455C20.3727 14.7273 21.3727 13.3273 22 11.7273C20.4273 7.73636 16.5455 4.90909 12 4.90909C10.8455 4.90909 9.73636 5.09091 8.69091 5.42727L10.1909 6.92727C10.7818 6.80909 11.3818 6.72727 12 6.72727ZM11.0273 7.76364L12.9091 9.64545C13.4273 9.87273 13.8455 10.2909 14.0727 10.8091L15.9545 12.6909C16.0273 12.3818 16.0819 12.0545 16.0819 11.7182C16.0909 9.46364 14.2545 7.63636 12 7.63636C11.6636 7.63636 11.3455 7.68182 11.0273 7.76364ZM2.91818 4.79091L5.35455 7.22727C3.87273 8.39091 2.7 9.93636 2 11.7273C3.57273 15.7182 7.45455 18.5455 12 18.5455C13.3818 18.5455 14.7091 18.2818 15.9273 17.8L19.0364 20.9091L20.3182 19.6273L4.2 3.5L2.91818 4.79091ZM9.73636 11.6091L12.1091 13.9818C12.0727 13.9909 12.0364 14 12 14C10.7455 14 9.72727 12.9818 9.72727 11.7273C9.72727 11.6818 9.73636 11.6545 9.73636 11.6091ZM6.64545 8.51818L8.23636 10.1091C8.02727 10.6091 7.90909 11.1545 7.90909 11.7273C7.90909 13.9818 9.74545 15.8182 12 15.8182C12.5727 15.8182 13.1182 15.7 13.6091 15.4909L14.5 16.3818C13.7 16.6 12.8636 16.7273 12 16.7273C8.55455 16.7273 5.48182 14.7909 3.98182 11.7273C4.61818 10.4273 5.54545 9.35455 6.64545 8.51818Z" fill="currentColor"/>
9
7
  </g>
10
8
  </svg>
11
9
  <!-- eslint-enable -->
package/lib/components/Icons/IconEyeShow.vue CHANGED
@@ -1,11 +1,9 @@
1
1
  <template>
2
2
  <!-- eslint-disable -->
3
- <svg width="18px" height="11px" viewBox="0 0 18 11" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <svg width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4
4
  <title>{{ title }}</title>
5
- <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
6
- <g transform="translate(-12.000000, -12.000000)" fill="currentColor" fill-rule="nonzero">
7
- <path d="M20.7896965,12 C24.4930439,12 27.7014608,14.1629851 29.268575,17.3188146 C27.700821,20.4738099 24.4926747,22.6363636 20.7896965,22.6363636 C17.0867183,22.6363636 13.878572,20.4738099 12.3112868,17.318493 C13.8779322,14.1629851 17.0863491,12 20.7896965,12 Z M20.7896965,13.5 C18.0348034,13.5 15.5275528,14.9397142 14.0719128,17.2434669 L14.025989,17.318 L14.0719413,17.3932512 C15.4777992,19.6174898 17.8634149,21.0360645 20.5056508,21.1312525 L20.7896965,21.1363636 C23.5442554,21.1363636 26.0514157,19.6969763 27.5078907,17.3933448 L27.552989,17.318 L27.5078811,17.2437906 C26.1020949,15.0191849 23.7162759,13.6003198 21.0737712,13.5051122 L20.7896965,13.5 Z M20.851989,14.35 C22.5088433,14.35 23.851989,15.6931458 23.851989,17.35 C23.851989,19.0068542 22.5088433,20.35 20.851989,20.35 C19.1951348,20.35 17.851989,19.0068542 17.851989,17.35 C17.851989,15.6931458 19.1951348,14.35 20.851989,14.35 Z"></path>
8
- </g>
5
+ <g id="vector">
6
+ <path id="Shape" d="M10 1.81818C13.4455 1.81818 16.5182 3.75455 18.0182 6.81818C16.5182 9.88182 13.4455 11.8182 10 11.8182C6.55455 11.8182 3.48182 9.88182 1.98182 6.81818C3.48182 3.75455 6.55455 1.81818 10 1.81818ZM10 0C5.45455 0 1.57273 2.82727 0 6.81818C1.57273 10.8091 5.45455 13.6364 10 13.6364C14.5455 13.6364 18.4273 10.8091 20 6.81818C18.4273 2.82727 14.5455 0 10 0ZM10 4.54545C11.2545 4.54545 12.2727 5.56364 12.2727 6.81818C12.2727 8.07273 11.2545 9.09091 10 9.09091C8.74545 9.09091 7.72727 8.07273 7.72727 6.81818C7.72727 5.56364 8.74545 4.54545 10 4.54545ZM10 2.72727C7.74545 2.72727 5.90909 4.56364 5.90909 6.81818C5.90909 9.07273 7.74545 10.9091 10 10.9091C12.2545 10.9091 14.0909 9.07273 14.0909 6.81818C14.0909 4.56364 12.2545 2.72727 10 2.72727Z" fill="currentColor"/>
9
7
  </g>
10
8
  </svg>
11
9
  <!-- eslint-enable -->
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pocketprep/ui-kit",
3
- "version": "3.4.20",
3
+ "version": "3.4.21",
4
4
  "description": "Pocket Prep UI Kit",
5
5
  "author": "pocketprep",
6
6
  "scripts": {