@asd20/ui 3.2.743 → 3.2.745

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 (16) hide show
  1. package/package.json +1 -1
  2. package/src/components/atoms/Asd20Factoid/index.vue +1 -1
  3. package/src/components/molecules/Asd20LanguageTranslation/index.vue +1 -1
  4. package/src/components/molecules/Asd20Notification/index.vue +5 -4
  5. package/src/components/molecules/Asd20Share/index.vue +1 -1
  6. package/src/components/organisms/Asd20ChoiceHeader/index.vue +2 -2
  7. package/src/components/organisms/Asd20GraduationHeader/index.vue +2 -2
  8. package/src/components/organisms/Asd20ImageHeader/index.vue +3 -3
  9. package/src/components/organisms/Asd20NotificationGroup/index.vue +5 -3
  10. package/src/components/organisms/Asd20PageHeader/index.vue +5 -5
  11. package/src/components/organisms/Asd20ReturnToSchoolHeader/index.vue +2 -2
  12. package/src/components/organisms/Asd20SchoolHomepageVideoHeader/index.vue +6 -6
  13. package/src/components/templates/Asd20DistrictHomeTemplate/index.vue +6 -6
  14. package/src/components/templates/Asd20DistrictVideoTemplate/index.vue +5 -5
  15. package/src/components/templates/Asd20SchoolHomeTemplate/index.vue +3 -2
  16. package/src/components/templates/Asd20SchoolHomeVideoTemplate/index.vue +4 -4
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "*.scss",
6
6
  "*.vue"
7
7
  ],
8
- "version": "3.2.743",
8
+ "version": "3.2.745",
9
9
  "private": false,
10
10
  "license": "MIT",
11
11
  "repository": {
package/src/components/atoms/Asd20Factoid/index.vue CHANGED
@@ -111,7 +111,7 @@ $factoid-fg: var(--website-card__reverse-background-color);
111
111
  font-size: 0.875rem;
112
112
  font-weight: 300;
113
113
  // text-transform: uppercase;
114
- color: var(--color__primary);
114
+ color: var(--color__primary-s20);
115
115
  // white-space: nowrap;
116
116
  opacity: 0.75;
117
117
  }
package/src/components/molecules/Asd20LanguageTranslation/index.vue CHANGED
@@ -81,7 +81,7 @@ export default {
81
81
  flex-direction: row;
82
82
  align-items: center;
83
83
  margin-bottom: 0;
84
- max-height: 2rem;
84
+ height: 2.75rem;
85
85
  &::v-deep .asd20-loader {
86
86
  // height: 48px;
87
87
  width: 36px;
package/src/components/molecules/Asd20Notification/index.vue CHANGED
@@ -216,8 +216,8 @@ export default {
216
216
  color: black;
217
217
  }
218
218
  .asd20-icon {
219
- height: 24px;
220
- width: 24px;
219
+ height: 32px;
220
+ width: 32px;
221
221
  --line-color: black;
222
222
  --fill-color: white;
223
223
  }
@@ -251,6 +251,7 @@ export default {
251
251
  box-shadow: none;
252
252
  padding: 0;
253
253
  background: transparent;
254
+ flex-direction: row;
254
255
  .asd20-notification__content {
255
256
  display: flex;
256
257
  flex-direction: row;
@@ -264,8 +265,8 @@ export default {
264
265
  padding-top: 0;
265
266
  }
266
267
  .asd20-icon {
267
- height: 24px;
268
- width: 24px;
268
+ height: 32px;
269
+ width: 32px;
269
270
  .asd20-icon {
270
271
  --line-color: #23464e;
271
272
  --fill-color: #70b4c2;
package/src/components/molecules/Asd20Share/index.vue CHANGED
@@ -164,7 +164,7 @@ export default {
164
164
  position: relative;
165
165
  width: min-content;
166
166
  & > .asd20-button {
167
- padding: 0.25rem 0.25rem !important;
167
+ padding: 0.375rem 0.375rem !important;
168
168
  border-radius: 5rem !important;
169
169
  background: rgba(255, 255, 255, 0.9) !important;
170
170
  .asd20-button__label {
package/src/components/organisms/Asd20ChoiceHeader/index.vue CHANGED
@@ -134,8 +134,8 @@ export default {
134
134
  }
135
135
 
136
136
  & ::v-deep .notification-group--status .notifications {
137
- padding: 0.25em;
138
- border-radius: 1em;
137
+ padding: 0.375rem;
138
+ border-radius: 3rem;
139
139
  background: rgba(255,255,255,0.95);
140
140
  }
141
141
 
package/src/components/organisms/Asd20GraduationHeader/index.vue CHANGED
@@ -120,8 +120,8 @@ export default {
120
120
  }
121
121
 
122
122
  & ::v-deep .notification-group--status .notifications {
123
- padding: 0.25em;
124
- border-radius: 1em;
123
+ padding: 0.37rem;
124
+ border-radius: 3rem;
125
125
  background: rgba(255,255,255,0.95);
126
126
  }
127
127
 
package/src/components/organisms/Asd20ImageHeader/index.vue CHANGED
@@ -299,7 +299,7 @@ export default {
299
299
  }
300
300
  }
301
301
  .print-button {
302
- padding: 0.25rem 0.25rem;
302
+ padding: 0.375rem 0.375rem;
303
303
  border-radius: 5rem;
304
304
  background: rgba(255, 255, 255, 0.9);
305
305
  .asd20-button__label {
@@ -325,8 +325,8 @@ export default {
325
325
  order: 1;
326
326
  }
327
327
  &::v-deep .asd20-icon {
328
- width: 24px !important;
329
- height: 24px !important;
328
+ width: 32px !important;
329
+ height: 32px !important;
330
330
  --line-color: currentColor !important;
331
331
  --fill-color: var(--color__accent) !important;
332
332
  g {
package/src/components/organisms/Asd20NotificationGroup/index.vue CHANGED
@@ -279,8 +279,9 @@ export default {
279
279
  z-index: 1000;
280
280
  flex-direction: row;
281
281
  margin-right: 0.25rem;
282
- align-items: flex-start;
282
+ align-items: center;
283
283
  justify-content: flex-end;
284
+ height: 2.75rem;
284
285
  }
285
286
 
286
287
  &--floating .bell {
@@ -288,7 +289,6 @@ export default {
288
289
  position: relative;
289
290
  appearance: none;
290
291
  border: none;
291
- padding: none;
292
292
  width: 2rem;
293
293
  height: 2rem;
294
294
  display: flex;
@@ -301,6 +301,8 @@ export default {
301
301
  border-radius: 50%;
302
302
  z-index: 99;
303
303
  cursor: pointer;
304
+ width: 2.75rem;
305
+ height: 2.75rem;
304
306
 
305
307
  &.open {
306
308
  box-shadow: none;
@@ -375,7 +377,7 @@ export default {
375
377
  z-index: 8;
376
378
  padding-right: 2rem;
377
379
  padding-left: 0.5rem;
378
- border-radius: 1rem;
380
+ border-radius: 3rem;
379
381
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0625);
380
382
  }
381
383
 
package/src/components/organisms/Asd20PageHeader/index.vue CHANGED
@@ -325,7 +325,7 @@ export default {
325
325
  }
326
326
  }
327
327
  .print-button {
328
- padding: 0.25rem 0.25rem;
328
+ padding: 0.375rem 0.375rem;
329
329
  border-radius: 5rem;
330
330
  background: rgba(255, 255, 255, 0.9);
331
331
  .asd20-button__label {
@@ -338,8 +338,8 @@ export default {
338
338
  }
339
339
  }
340
340
  &::v-deep .asd20-icon {
341
- width: 24px !important;
342
- height: 24px !important;
341
+ width: 32px !important;
342
+ height: 32px !important;
343
343
  --line-color: currentColor !important;
344
344
  --fill-color: var(--color__accent) !important;
345
345
  g {
@@ -354,8 +354,8 @@ export default {
354
354
  border-radius: 3rem;
355
355
  padding: 0 0 0 0.5em;
356
356
  &::v-deep .asd20-icon {
357
- width: 24px !important;
358
- height: 24px !important;
357
+ width: 32px !important;
358
+ height: 32px !important;
359
359
  --line-color: var(--website-page__foreground-color) !important;
360
360
  --fill-color: var(--color__accent) !important;
361
361
  g {
package/src/components/organisms/Asd20ReturnToSchoolHeader/index.vue CHANGED
@@ -94,8 +94,8 @@ export default {
94
94
  margin-bottom: space(1);
95
95
 
96
96
  & ::v-deep .notification-group--status .notifications {
97
- padding: 0.25em;
98
- border-radius: 1em;
97
+ padding: 0.375rem;
98
+ border-radius: 3rem;
99
99
  background: rgba(255, 255, 255, 0.95);
100
100
  }
101
101
 
package/src/components/organisms/Asd20SchoolHomepageVideoHeader/index.vue CHANGED
@@ -125,8 +125,8 @@ export default {
125
125
  flex-direction: column;
126
126
  box-sizing: border-box;
127
127
  & ::v-deep .notification-group--status .notifications {
128
- border-radius: 1em;
129
- padding: 0.25em;
128
+ border-radius: 3rem;
129
+ padding: 0.375rem;
130
130
  }
131
131
  .background-video {
132
132
  display: none;
@@ -390,8 +390,8 @@ $max: 4rem;
390
390
  }
391
391
 
392
392
  & ::v-deep .notification-group--status .notifications {
393
- border-radius: 1em;
394
- padding: 0.25em;
393
+ border-radius: 3rem;
394
+ padding: 0.37rem;
395
395
  }
396
396
  &::before {
397
397
  content: '';
@@ -538,8 +538,8 @@ $max: 4rem;
538
538
  }
539
539
 
540
540
  & ::v-deep .notification-group--status .notifications {
541
- border-radius: 1em;
542
- padding: 0.25em;
541
+ border-radius: 3rem;
542
+ padding: 0.375rem;
543
543
  }
544
544
  &::before {
545
545
  content: '';
package/src/components/templates/Asd20DistrictHomeTemplate/index.vue CHANGED
@@ -341,7 +341,7 @@ export default {
341
341
  border: 1px solid var(--website-page__alternate-background-color);
342
342
  // margin-left: 0.5rem;
343
343
  .asd20-select-input {
344
- padding: 0.25rem 0.25rem;
344
+ padding: 0.375rem 0.375rem;
345
345
  color: currentColor;
346
346
  font-family: Ariel, Arial, Helvetica, sans-serif;
347
347
  &__overlay-label {
@@ -349,8 +349,8 @@ export default {
349
349
  }
350
350
  }
351
351
  .asd20-icon {
352
- width: 24px !important;
353
- height: 24px !important;
352
+ width: 32px !important;
353
+ height: 32px !important;
354
354
  --line-color: currentColor !important;
355
355
  --fill-color: var(--color__accent) !important;
356
356
  }
@@ -364,15 +364,15 @@ export default {
364
364
  right: space(0.5);
365
365
  }
366
366
  & ::v-deep .notification-group--status .notifications {
367
- padding: 0.25em;
368
- border-radius: 1em;
367
+ padding: 0.375rem;
368
+ border-radius: 3rem;
369
369
  background: rgba(255, 255, 255, 0.95);
370
370
  }
371
371
 
372
372
  & ::v-deep .notification-group--status {
373
373
  margin-left: -0.5rem;
374
374
  background: rgba(255, 255, 255, 0.95);
375
- border-radius: 1em;
375
+ border-radius: 3rem;
376
376
  .asd20-notification {
377
377
  margin: 0;
378
378
  padding: 0 !important;
package/src/components/templates/Asd20DistrictVideoTemplate/index.vue CHANGED
@@ -266,7 +266,7 @@ export default {
266
266
  border: 1px solid var(--website-page__alternate-background-color);
267
267
  // margin-left: 0.5rem;
268
268
  .asd20-select-input {
269
- padding: 0.25rem 0.25rem;
269
+ padding: 0.375rem 0.375rem;
270
270
  color: currentColor;
271
271
  font-family: Ariel, Arial, Helvetica, sans-serif;
272
272
  &__overlay-label {
@@ -274,8 +274,8 @@ export default {
274
274
  }
275
275
  }
276
276
  .asd20-icon {
277
- width: 24px !important;
278
- height: 24px !important;
277
+ width: 32px !important;
278
+ height: 32px !important;
279
279
  --line-color: currentColor !important;
280
280
  --fill-color: var(--color__accent) !important;
281
281
  }
@@ -334,8 +334,8 @@ export default {
334
334
  right: 0;
335
335
  margin-left: 0.5rem;
336
336
  .asd20-icon {
337
- width: 24px !important;
338
- height: 24px !important;
337
+ width: 32px !important;
338
+ height: 32px !important;
339
339
  --line-color: currentColor !important;
340
340
  --fill-color: var(--color__accent) !important;
341
341
  }
package/src/components/templates/Asd20SchoolHomeTemplate/index.vue CHANGED
@@ -240,6 +240,7 @@ export default {
240
240
  align-items: center;
241
241
  display: flex;
242
242
  background: white;
243
+ height: 2.75rem;
243
244
  }
244
245
  .notification-translation-container {
245
246
  display: flex;
@@ -265,8 +266,8 @@ export default {
265
266
  }
266
267
  }
267
268
  .asd20-icon {
268
- width: 24px !important;
269
- height: 24px !important;
269
+ width: 32px !important;
270
+ height: 32px !important;
270
271
  --line-color: currentColor !important;
271
272
  --fill-color: var(--color__accent) !important;
272
273
  }
package/src/components/templates/Asd20SchoolHomeVideoTemplate/index.vue CHANGED
@@ -233,9 +233,9 @@ export default {
233
233
  border-radius: 3rem;
234
234
  border: 1px solid var(--website-page__alternate-background-color);
235
235
  margin: 0 0.05rem;
236
- max-height: 2rem;
236
+ height: 2.75rem;
237
237
  .asd20-select-input {
238
- padding: 0.25rem 0.25rem;
238
+ padding: 0.375rem 0.375rem;
239
239
  color: currentColor;
240
240
  font-family: Arial, Helvetica, sans-serif;
241
241
  &__overlay-label {
@@ -243,8 +243,8 @@ export default {
243
243
  }
244
244
  }
245
245
  .asd20-icon {
246
- width: 24px !important;
247
- height: 24px !important;
246
+ width: 32px !important;
247
+ height: 32px !important;
248
248
  --line-color: currentColor !important;
249
249
  --fill-color: var(--color__accent) !important;
250
250
  }