use --uui-type-small-size for small font size

nielslyngsoe · nielslyngsoe · commit 9fbba962d613 · 2022-02-15T11:11:36.000+01:00
diff --git a/packages/uui-breadcrumbs/lib/uui-breadcrumb-item.element.ts b/packages/uui-breadcrumbs/lib/uui-breadcrumb-item.element.ts
@@ -13,7 +13,7 @@ export class UUIBreadcrumbItemElement extends LitElement {
   static styles = [
     css`
       :host {
-        font-size: var(--uui-size-4);
+        font-size: var(--uui-type-small-size);
         color: currentColor;
       }
 
@@ -34,7 +34,7 @@ export class UUIBreadcrumbItemElement extends LitElement {
         position: relative;
         top: 1px;
         margin: -3px 1px 0;
-        color: var(--uui-interface-border, #c4c4c4);
+        color: var(--uui-interface-border);
       }
 
       #link,
diff --git a/packages/uui-card-media/lib/uui-card-media.element.ts b/packages/uui-card-media/lib/uui-card-media.element.ts
@@ -68,7 +68,7 @@ export class UUICardMediaElement extends UUICardElement {
         justify-content: flex-start;
         align-items: center;
         font-family: inherit;
-        font-size: var(--uui-size-4);
+        font-size: var(--uui-type-small-size);
         box-sizing: border-box;
         padding: var(--uui-size-2) var(--uui-size-4);
       }
diff --git a/packages/uui-card-user/lib/uui-card-user.element.ts b/packages/uui-card-user/lib/uui-card-user.element.ts
@@ -24,7 +24,7 @@ export class UUICardUserElement extends UUICardElement {
       }
 
       slot:not([name])::slotted(*) {
-        font-size: var(--uui-size-4);
+        font-size: var(--uui-type-small-size);
         line-height: var(--uui-size-6);
       }
 
diff --git a/packages/uui-keyboard-shortcut/lib/uui-key.element.ts b/packages/uui-keyboard-shortcut/lib/uui-key.element.ts
@@ -13,7 +13,7 @@ export class UUIKeyElement extends LitElement {
         background: var(--uui-interface-surface, #fff);
         border: 1px solid var(--uui-interface-border, #d8d7d9);
         font-family: inherit;
-        font-size: var(--uui-size-4);
+        font-size: var(--uui-type-small-size);
         border-radius: 5px;
         margin: 0px 5px;
         padding: 5px 7px;
diff --git a/packages/uui-ref-node/lib/uui-ref-node.element.ts b/packages/uui-ref-node/lib/uui-ref-node.element.ts
@@ -54,7 +54,7 @@ export class UUIRefNodeElement extends UUIRefElement {
       }
 
       #detail {
-        font-size: var(--uui-size-4);
+        font-size: var(--uui-type-small-size);
       }
 
       :host(:not([disabled])) #open-part:hover #icon {

Original file line number	Diff line number	Diff line change
`@@ -68,7 +68,7 @@ export class UUICardMediaElement extends UUICardElement {`
`68`	`68`	`justify-content: flex-start;`
`69`	`69`	`align-items: center;`
`70`	`70`	`font-family: inherit;`
`71`		`- font-size: var(--uui-size-4);`
	`71`	`+ font-size: var(--uui-type-small-size);`
`72`	`72`	`box-sizing: border-box;`
`73`	`73`	`padding: var(--uui-size-2) var(--uui-size-4);`
`74`	`74`	`}`
Original file line number	Diff line number	Diff line change
`@@ -24,7 +24,7 @@ export class UUICardUserElement extends UUICardElement {`
`24`	`24`	`}`
`25`	`25`
`26`	`26`	`slot:not([name])::slotted(*) {`
`27`		`- font-size: var(--uui-size-4);`
	`27`	`+ font-size: var(--uui-type-small-size);`
`28`	`28`	`line-height: var(--uui-size-6);`
`29`	`29`	`}`
`30`	`30`
Original file line number	Diff line number	Diff line change
`@@ -54,7 +54,7 @@ export class UUIRefNodeElement extends UUIRefElement {`
`54`	`54`	`}`
`55`	`55`
`56`	`56`	`#detail {`
`57`		`- font-size: var(--uui-size-4);`
	`57`	`+ font-size: var(--uui-type-small-size);`
`58`	`58`	`}`
`59`	`59`
`60`	`60`	`:host(:not([disabled])) #open-part:hover #icon {`