Skip to content

Commit 5494f44

Browse files
jianliaoJian Liao
jianliao
and
Jian Liao
authored
fix: change previous/next icon size (#893)
Co-authored-by: Jian Liao <jianliao@adobe.com>
1 parent d4e0db5 commit 5494f44

File tree

1 file changed

+25
-20
lines changed

1 file changed

+25
-20
lines changed

‎components/calendar/metadata/calendar.yml

Lines changed: 25 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,9 @@
11
name: Calendar
2+
sections:
3+
- name: Migration Guide
4+
description: |
5+
### Previous/Next Icon size change
6+
ChevronLeftLarge/ChevronRightLarge was changed to ChevronLeftMedium/ChevronRightMedium.
27
examples:
38
- id: calendar
49
name: Standard
@@ -7,13 +12,13 @@ examples:
712
<div class="spectrum-Calendar-header">
813
<div class="spectrum-Calendar-title" role="heading" aria-live="assertive" aria-atomic="true">August 2017</div>
914
<button aria-label="Previous" title="Previous" class="spectrum-ActionButton spectrum-ActionButton--quiet spectrum-Calendar-prevMonth">
10-
<svg class="spectrum-Icon spectrum-UIIcon-ChevronLeftLarge" focusable="false" aria-hidden="true">
11-
<use xlink:href="#spectrum-css-icon-ChevronLeftLarge" />
15+
<svg class="spectrum-Icon spectrum-UIIcon-ChevronLeftMedium" focusable="false" aria-hidden="true">
16+
<use xlink:href="#spectrum-css-icon-ChevronLeftMedium" />
1217
</svg>
1318
</button>
1419
<button aria-label="Next" title="Next" class="spectrum-ActionButton spectrum-ActionButton--quiet spectrum-Calendar-nextMonth">
15-
<svg class="spectrum-Icon spectrum-UIIcon-ChevronRightLarge" focusable="false" aria-hidden="true">
16-
<use xlink:href="#spectrum-css-icon-ChevronRightLarge" />
20+
<svg class="spectrum-Icon spectrum-UIIcon-ChevronRightMedium" focusable="false" aria-hidden="true">
21+
<use xlink:href="#spectrum-css-icon-ChevronRightMedium" />
1722
</svg>
1823
</button>
1924
</div>
@@ -97,13 +102,13 @@ examples:
97102
<div class="spectrum-Calendar-header">
98103
<div class="spectrum-Calendar-title" role="heading" aria-live="assertive" aria-atomic="true">August 2017</div>
99104
<button aria-label="Previous" title="Previous" class="spectrum-ActionButton spectrum-ActionButton--quiet spectrum-Calendar-prevMonth">
100-
<svg class="spectrum-Icon spectrum-UIIcon-ChevronLeftLarge" focusable="false" aria-hidden="true">
101-
<use xlink:href="#spectrum-css-icon-ChevronLeftLarge" />
105+
<svg class="spectrum-Icon spectrum-UIIcon-ChevronLeftMedium" focusable="false" aria-hidden="true">
106+
<use xlink:href="#spectrum-css-icon-ChevronLeftMedium" />
102107
</svg>
103108
</button>
104109
<button aria-label="Next" title="Next" class="spectrum-ActionButton spectrum-ActionButton--quiet spectrum-Calendar-nextMonth">
105-
<svg class="spectrum-Icon spectrum-UIIcon-ChevronRightLarge" focusable="false" aria-hidden="true">
106-
<use xlink:href="#spectrum-css-icon-ChevronRightLarge" />
110+
<svg class="spectrum-Icon spectrum-UIIcon-ChevronRightMedium" focusable="false" aria-hidden="true">
111+
<use xlink:href="#spectrum-css-icon-ChevronRightMedium" />
107112
</svg>
108113
</button>
109114
</div>
@@ -190,13 +195,13 @@ examples:
190195
<div class="spectrum-Calendar-header">
191196
<div class="spectrum-Calendar-title" role="heading" aria-live="assertive" aria-atomic="true">August 2017</div>
192197
<button aria-label="Previous" title="Previous" class="spectrum-ActionButton spectrum-ActionButton--quiet spectrum-Calendar-prevMonth" disabled>
193-
<svg class="spectrum-Icon spectrum-UIIcon-ChevronLeftLarge" focusable="false" aria-hidden="true">
194-
<use xlink:href="#spectrum-css-icon-ChevronLeftLarge" />
198+
<svg class="spectrum-Icon spectrum-UIIcon-ChevronLeftMedium" focusable="false" aria-hidden="true">
199+
<use xlink:href="#spectrum-css-icon-ChevronLeftMedium" />
195200
</svg>
196201
</button>
197202
<button aria-label="Next" title="Next" class="spectrum-ActionButton spectrum-ActionButton--quiet spectrum-Calendar-nextMonth" disabled>
198-
<svg class="spectrum-Icon spectrum-UIIcon-ChevronRightLarge" focusable="false" aria-hidden="true">
199-
<use xlink:href="#spectrum-css-icon-ChevronRightLarge" />
203+
<svg class="spectrum-Icon spectrum-UIIcon-ChevronRightMedium" focusable="false" aria-hidden="true">
204+
<use xlink:href="#spectrum-css-icon-ChevronRightMedium" />
200205
</svg>
201206
</button>
202207
</div>
@@ -279,13 +284,13 @@ examples:
279284
<div class="spectrum-Calendar-header">
280285
<div class="spectrum-Calendar-title" role="heading" aria-live="assertive" aria-atomic="true">August 2017</div>
281286
<button aria-label="Previous" title="Previous" class="spectrum-ActionButton spectrum-ActionButton--quiet spectrum-Calendar-prevMonth">
282-
<svg class="spectrum-Icon spectrum-UIIcon-ChevronLeftLarge" focusable="false" aria-hidden="true">
283-
<use xlink:href="#spectrum-css-icon-ChevronLeftLarge" />
287+
<svg class="spectrum-Icon spectrum-UIIcon-ChevronLeftMedium" focusable="false" aria-hidden="true">
288+
<use xlink:href="#spectrum-css-icon-ChevronLeftMedium" />
284289
</svg>
285290
</button>
286291
<button aria-label="Next" title="Next" class="spectrum-ActionButton spectrum-ActionButton--quiet spectrum-Calendar-nextMonth">
287-
<svg class="spectrum-Icon spectrum-UIIcon-ChevronRightLarge" focusable="false" aria-hidden="true">
288-
<use xlink:href="#spectrum-css-icon-ChevronRightLarge" />
292+
<svg class="spectrum-Icon spectrum-UIIcon-ChevronRightMedium" focusable="false" aria-hidden="true">
293+
<use xlink:href="#spectrum-css-icon-ChevronRightMedium" />
289294
</svg>
290295
</button>
291296
</div>
@@ -372,13 +377,13 @@ examples:
372377
<div class="spectrum-Calendar-header">
373378
<div class="spectrum-Calendar-title" role="heading" aria-live="assertive" aria-atomic="true">August 2017</div>
374379
<button aria-label="Previous" title="Previous" class="spectrum-ActionButton spectrum-ActionButton--quiet spectrum-Calendar-prevMonth">
375-
<svg class="spectrum-Icon spectrum-UIIcon-ChevronLeftLarge" focusable="false" aria-hidden="true">
376-
<use xlink:href="#spectrum-css-icon-ChevronLeftLarge" />
380+
<svg class="spectrum-Icon spectrum-UIIcon-ChevronLeftMedium" focusable="false" aria-hidden="true">
381+
<use xlink:href="#spectrum-css-icon-ChevronLeftMedium" />
377382
</svg>
378383
</button>
379384
<button aria-label="Next" title="Next" class="spectrum-ActionButton spectrum-ActionButton--quiet spectrum-Calendar-nextMonth">
380-
<svg class="spectrum-Icon spectrum-UIIcon-ChevronRightLarge" focusable="false" aria-hidden="true">
381-
<use xlink:href="#spectrum-css-icon-ChevronRightLarge" />
385+
<svg class="spectrum-Icon spectrum-UIIcon-ChevronRightMedium" focusable="false" aria-hidden="true">
386+
<use xlink:href="#spectrum-css-icon-ChevronRightMedium" />
382387
</svg>
383388
</button>
384389
</div>

0 commit comments

Comments
 (0)