Skip to content

Commit 34ef0be

Browse files
committed
feat(icon): add xxs size for migration and use renamed xxl property
Add XXS size to support existing SWC size. Uses the values from --spectrum-global-dimension-size-150, as used in SWC's custom icon CSS. Included comments to note that xxs and xxl are planned to be deprecated in Spectrum 2, as they are not a part of the design spec.
1 parent ae661ba commit 34ef0be

File tree

1 file changed

+7
-1
lines changed

1 file changed

+7
-1
lines changed

components/icon/workflow-icons.css

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,11 @@ governing permissions and limitations under the License.
1414
--spectrum-icon-size: var(--spectrum-workflow-icon-size-100);
1515
}
1616

17+
/* XXS icon size is not within the design spec and is planned to be deprecated in Spectrum 2. */
18+
.spectrum-Icon-sizeXXS {
19+
--spectrum-icon-size: var(--spectrum-workflow-icon-size-xxs);
20+
}
21+
1722
.spectrum-Icon--sizeXS {
1823
--spectrum-icon-size: var(--spectrum-workflow-icon-size-50);
1924
}
@@ -30,8 +35,9 @@ governing permissions and limitations under the License.
3035
--spectrum-icon-size: var(--spectrum-workflow-icon-size-300);
3136
}
3237

38+
/* XXL icon size is not within the design spec and is planned to be deprecated in Spectrum 2. */
3339
.spectrum-Icon--sizeXXL {
34-
--spectrum-icon-size: var(--spectrum-workflow-icon-size-400);
40+
--spectrum-icon-size: var(--spectrum-workflow-icon-size-xxl);
3541
}
3642

3743
.spectrum-Icon {

0 commit comments

Comments
 (0)