diff --git a/doc-site/.vitepress/theme/styles/nve_theme.css b/doc-site/.vitepress/theme/styles/nve_theme.css index 8f8dd969..280d0413 100644 --- a/doc-site/.vitepress/theme/styles/nve_theme.css +++ b/doc-site/.vitepress/theme/styles/nve_theme.css @@ -463,16 +463,38 @@ --spacing-88x: 88px; --spacing-220x: 220px; --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; --sizing-24x: 24px; + --sizing-28x: 28px; --sizing-32x: 32px; + --sizing-36x: 36px; --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; --sizing-200x: 200px; + --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; --sizing-232x: 232px; + --sizing-246x: 246px; --sizing-256x: 256px; --sizing-282x: 282px; --sizing-286x: 286px; @@ -598,6 +620,15 @@ --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-large: var(--sizing-750x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x); + --sizing-icon-3x-large: var(--sizing-70x); + --sizing-icon-2x-large: var(--sizing-56x); + --sizing-icon-x-large: var(--sizing-48x); + --sizing-icon-large: var(--sizing-40x); + --sizing-icon-medium: var(--sizing-32x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); --sizing-fixed-sizing-2x-small: var(--dimension-4x); --sizing-fixed-sizing-x-small: var(--dimension-5x); --sizing-fixed-sizing-small: var(--dimension-6x); @@ -626,7 +657,6 @@ --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); - --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); @@ -642,14 +672,15 @@ --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); + --font-size-small: var(--dimension-4-5x); /** 16 px */ --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); + --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); --font-size-x-small: var(--dimension-4x); /** 14 px */ - --font-size-small: var(--dimension-4-5x); /** 16 px */ --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ --font-size-x-large: var(--dimension-8x); /** 24 px */ @@ -1127,16 +1158,38 @@ --spacing-88x: 88px; --spacing-220x: 220px; --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; --sizing-24x: 24px; + --sizing-28x: 28px; --sizing-32x: 32px; + --sizing-36x: 36px; --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; --sizing-200x: 200px; + --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; --sizing-232x: 232px; + --sizing-246x: 246px; --sizing-256x: 256px; --sizing-282x: 282px; --sizing-286x: 286px; @@ -1259,6 +1312,15 @@ --sizing-brand-logo-medium: var(--sizing-88x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-large: var(--sizing-1024x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x); + --sizing-icon-3x-large: var(--sizing-70x); + --sizing-icon-2x-large: var(--sizing-56x); + --sizing-icon-x-large: var(--sizing-48x); + --sizing-icon-large: var(--sizing-40x); + --sizing-icon-medium: var(--sizing-32x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ --font-size-x-small: var(--dimension-4x); /** 14 px */ --font-size-small: var(--dimension-4-5x); /** 16 px */ @@ -1287,16 +1349,38 @@ --spacing-88x: 88px; --spacing-220x: 220px; --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; --sizing-24x: 24px; + --sizing-28x: 28px; --sizing-32x: 32px; + --sizing-36x: 36px; --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; --sizing-200x: 200px; + --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; --sizing-232x: 232px; + --sizing-246x: 246px; --sizing-256x: 256px; --sizing-282x: 282px; --sizing-286x: 286px; @@ -1419,6 +1503,15 @@ --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-large: var(--sizing-544x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-132x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-200x); + --sizing-icon-3x-large: var(--sizing-56x); + --sizing-icon-2x-large: var(--sizing-48x); + --sizing-icon-x-large: var(--sizing-44x); + --sizing-icon-large: var(--sizing-40x); + --sizing-icon-medium: var(--sizing-32x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); --font-size-2x-small: var(--dimension-3x); /** 12 px */ --font-size-x-small: var(--dimension-3-5x); /** 14 px */ --font-size-small: var(--dimension-4x); /** 16 px */ @@ -1447,16 +1540,38 @@ --spacing-88x: 88px; --spacing-220x: 220px; --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; --sizing-24x: 24px; + --sizing-28x: 28px; --sizing-32x: 32px; + --sizing-36x: 36px; --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; --sizing-200x: 200px; + --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; --sizing-232x: 232px; + --sizing-246x: 246px; --sizing-256x: 256px; --sizing-282x: 282px; --sizing-286x: 286px; @@ -1579,6 +1694,15 @@ --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-large: var(--sizing-390x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-124x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-180x); + --sizing-icon-3x-large: var(--sizing-48x); + --sizing-icon-2x-large: var(--sizing-40x); + --sizing-icon-x-large: var(--sizing-36x); + --sizing-icon-large: var(--sizing-32x); + --sizing-icon-medium: var(--sizing-28x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); --font-size-2x-small: var(--dimension-3x); /** 12 px */ --font-size-x-small: var(--dimension-3-5x); /** 14 px */ --font-size-small: var(--dimension-4x); /** 16 px */ @@ -1607,16 +1731,38 @@ --spacing-88x: 88px; --spacing-220x: 220px; --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; --sizing-24x: 24px; + --sizing-28x: 28px; --sizing-32x: 32px; + --sizing-36x: 36px; --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; --sizing-200x: 200px; + --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; --sizing-232x: 232px; + --sizing-246x: 246px; --sizing-256x: 256px; --sizing-282x: 282px; --sizing-286x: 286px; @@ -1739,6 +1885,15 @@ --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-24x); --sizing-image-large: var(--sizing-320x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-120x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-160x); + --sizing-icon-3x-large: var(--sizing-48x); + --sizing-icon-2x-large: var(--sizing-40x); + --sizing-icon-x-large: var(--sizing-36x); + --sizing-icon-large: var(--sizing-32x); + --sizing-icon-medium: var(--sizing-28x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); --font-size-2x-small: var(--dimension-3x); /** 12 px */ --font-size-x-small: var(--dimension-3-5x); /** 14 px */ --font-size-small: var(--dimension-4x); /** 16 px */ diff --git a/doc-site/.vitepress/theme/styles/rme_theme.css b/doc-site/.vitepress/theme/styles/rme_theme.css index 97c737d9..ad7c0c28 100644 --- a/doc-site/.vitepress/theme/styles/rme_theme.css +++ b/doc-site/.vitepress/theme/styles/rme_theme.css @@ -463,16 +463,38 @@ --spacing-88x: 88px; --spacing-220x: 220px; --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; --sizing-24x: 24px; + --sizing-28x: 28px; --sizing-32x: 32px; + --sizing-36x: 36px; --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; --sizing-200x: 200px; + --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; --sizing-232x: 232px; + --sizing-246x: 246px; --sizing-256x: 256px; --sizing-282x: 282px; --sizing-286x: 286px; @@ -598,6 +620,15 @@ --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-large: var(--sizing-750x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x); + --sizing-icon-3x-large: var(--sizing-70x); + --sizing-icon-2x-large: var(--sizing-56x); + --sizing-icon-x-large: var(--sizing-48x); + --sizing-icon-large: var(--sizing-40x); + --sizing-icon-medium: var(--sizing-32x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); --sizing-fixed-sizing-2x-small: var(--dimension-4x); --sizing-fixed-sizing-x-small: var(--dimension-5x); --sizing-fixed-sizing-small: var(--dimension-6x); @@ -626,7 +657,6 @@ --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); - --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); @@ -642,14 +672,15 @@ --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); + --font-size-small: var(--dimension-4-5x); /** 16 px */ --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); + --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); --font-size-x-small: var(--dimension-4x); /** 14 px */ - --font-size-small: var(--dimension-4-5x); /** 16 px */ --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ --font-size-x-large: var(--dimension-8x); /** 24 px */ @@ -1127,16 +1158,38 @@ --spacing-88x: 88px; --spacing-220x: 220px; --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; --sizing-24x: 24px; + --sizing-28x: 28px; --sizing-32x: 32px; + --sizing-36x: 36px; --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; --sizing-200x: 200px; + --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; --sizing-232x: 232px; + --sizing-246x: 246px; --sizing-256x: 256px; --sizing-282x: 282px; --sizing-286x: 286px; @@ -1259,6 +1312,15 @@ --sizing-brand-logo-medium: var(--sizing-88x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-large: var(--sizing-1024x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x); + --sizing-icon-3x-large: var(--sizing-70x); + --sizing-icon-2x-large: var(--sizing-56x); + --sizing-icon-x-large: var(--sizing-48x); + --sizing-icon-large: var(--sizing-40x); + --sizing-icon-medium: var(--sizing-32x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ --font-size-x-small: var(--dimension-4x); /** 14 px */ --font-size-small: var(--dimension-4-5x); /** 16 px */ @@ -1287,16 +1349,38 @@ --spacing-88x: 88px; --spacing-220x: 220px; --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; --sizing-24x: 24px; + --sizing-28x: 28px; --sizing-32x: 32px; + --sizing-36x: 36px; --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; --sizing-200x: 200px; + --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; --sizing-232x: 232px; + --sizing-246x: 246px; --sizing-256x: 256px; --sizing-282x: 282px; --sizing-286x: 286px; @@ -1419,6 +1503,15 @@ --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-large: var(--sizing-544x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-132x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-200x); + --sizing-icon-3x-large: var(--sizing-56x); + --sizing-icon-2x-large: var(--sizing-48x); + --sizing-icon-x-large: var(--sizing-44x); + --sizing-icon-large: var(--sizing-40x); + --sizing-icon-medium: var(--sizing-32x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); --font-size-2x-small: var(--dimension-3x); /** 12 px */ --font-size-x-small: var(--dimension-3-5x); /** 14 px */ --font-size-small: var(--dimension-4x); /** 16 px */ @@ -1447,16 +1540,38 @@ --spacing-88x: 88px; --spacing-220x: 220px; --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; --sizing-24x: 24px; + --sizing-28x: 28px; --sizing-32x: 32px; + --sizing-36x: 36px; --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; --sizing-200x: 200px; + --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; --sizing-232x: 232px; + --sizing-246x: 246px; --sizing-256x: 256px; --sizing-282x: 282px; --sizing-286x: 286px; @@ -1579,6 +1694,15 @@ --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-large: var(--sizing-390x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-124x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-180x); + --sizing-icon-3x-large: var(--sizing-48x); + --sizing-icon-2x-large: var(--sizing-40x); + --sizing-icon-x-large: var(--sizing-36x); + --sizing-icon-large: var(--sizing-32x); + --sizing-icon-medium: var(--sizing-28x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); --font-size-2x-small: var(--dimension-3x); /** 12 px */ --font-size-x-small: var(--dimension-3-5x); /** 14 px */ --font-size-small: var(--dimension-4x); /** 16 px */ @@ -1607,16 +1731,38 @@ --spacing-88x: 88px; --spacing-220x: 220px; --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; --sizing-24x: 24px; + --sizing-28x: 28px; --sizing-32x: 32px; + --sizing-36x: 36px; --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; --sizing-200x: 200px; + --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; --sizing-232x: 232px; + --sizing-246x: 246px; --sizing-256x: 256px; --sizing-282x: 282px; --sizing-286x: 286px; @@ -1739,6 +1885,15 @@ --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-24x); --sizing-image-large: var(--sizing-320x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-120x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-160x); + --sizing-icon-3x-large: var(--sizing-48x); + --sizing-icon-2x-large: var(--sizing-40x); + --sizing-icon-x-large: var(--sizing-36x); + --sizing-icon-large: var(--sizing-32x); + --sizing-icon-medium: var(--sizing-28x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); --font-size-2x-small: var(--dimension-3x); /** 12 px */ --font-size-x-small: var(--dimension-3-5x); /** 14 px */ --font-size-small: var(--dimension-4x); /** 16 px */ diff --git a/doc-site/.vitepress/theme/styles/varsom_theme.css b/doc-site/.vitepress/theme/styles/varsom_theme.css index fd4b48b4..818c7e02 100644 --- a/doc-site/.vitepress/theme/styles/varsom_theme.css +++ b/doc-site/.vitepress/theme/styles/varsom_theme.css @@ -463,16 +463,38 @@ --spacing-88x: 88px; --spacing-220x: 220px; --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; --sizing-24x: 24px; + --sizing-28x: 28px; --sizing-32x: 32px; + --sizing-36x: 36px; --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; --sizing-200x: 200px; + --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; --sizing-232x: 232px; + --sizing-246x: 246px; --sizing-256x: 256px; --sizing-282x: 282px; --sizing-286x: 286px; @@ -598,6 +620,15 @@ --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-large: var(--sizing-750x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x); + --sizing-icon-3x-large: var(--sizing-70x); + --sizing-icon-2x-large: var(--sizing-56x); + --sizing-icon-x-large: var(--sizing-48x); + --sizing-icon-large: var(--sizing-40x); + --sizing-icon-medium: var(--sizing-32x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); --sizing-fixed-sizing-2x-small: var(--dimension-4x); --sizing-fixed-sizing-x-small: var(--dimension-5x); --sizing-fixed-sizing-small: var(--dimension-6x); @@ -626,7 +657,6 @@ --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); - --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); @@ -642,14 +672,15 @@ --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); + --font-size-small: var(--dimension-4-5x); /** 16 px */ --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); + --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); --font-size-x-small: var(--dimension-4x); /** 14 px */ - --font-size-small: var(--dimension-4-5x); /** 16 px */ --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ --font-size-x-large: var(--dimension-8x); /** 24 px */ @@ -1127,16 +1158,38 @@ --spacing-88x: 88px; --spacing-220x: 220px; --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; --sizing-24x: 24px; + --sizing-28x: 28px; --sizing-32x: 32px; + --sizing-36x: 36px; --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; --sizing-200x: 200px; + --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; --sizing-232x: 232px; + --sizing-246x: 246px; --sizing-256x: 256px; --sizing-282x: 282px; --sizing-286x: 286px; @@ -1259,6 +1312,15 @@ --sizing-brand-logo-medium: var(--sizing-88x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-large: var(--sizing-1024x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x); + --sizing-icon-3x-large: var(--sizing-70x); + --sizing-icon-2x-large: var(--sizing-56x); + --sizing-icon-x-large: var(--sizing-48x); + --sizing-icon-large: var(--sizing-40x); + --sizing-icon-medium: var(--sizing-32x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ --font-size-x-small: var(--dimension-4x); /** 14 px */ --font-size-small: var(--dimension-4-5x); /** 16 px */ @@ -1287,16 +1349,38 @@ --spacing-88x: 88px; --spacing-220x: 220px; --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; --sizing-24x: 24px; + --sizing-28x: 28px; --sizing-32x: 32px; + --sizing-36x: 36px; --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; --sizing-200x: 200px; + --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; --sizing-232x: 232px; + --sizing-246x: 246px; --sizing-256x: 256px; --sizing-282x: 282px; --sizing-286x: 286px; @@ -1419,6 +1503,15 @@ --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-large: var(--sizing-544x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-132x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-200x); + --sizing-icon-3x-large: var(--sizing-56x); + --sizing-icon-2x-large: var(--sizing-48x); + --sizing-icon-x-large: var(--sizing-44x); + --sizing-icon-large: var(--sizing-40x); + --sizing-icon-medium: var(--sizing-32x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); --font-size-2x-small: var(--dimension-3x); /** 12 px */ --font-size-x-small: var(--dimension-3-5x); /** 14 px */ --font-size-small: var(--dimension-4x); /** 16 px */ @@ -1447,16 +1540,38 @@ --spacing-88x: 88px; --spacing-220x: 220px; --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; --sizing-24x: 24px; + --sizing-28x: 28px; --sizing-32x: 32px; + --sizing-36x: 36px; --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; --sizing-200x: 200px; + --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; --sizing-232x: 232px; + --sizing-246x: 246px; --sizing-256x: 256px; --sizing-282x: 282px; --sizing-286x: 286px; @@ -1579,6 +1694,15 @@ --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-large: var(--sizing-390x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-124x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-180x); + --sizing-icon-3x-large: var(--sizing-48x); + --sizing-icon-2x-large: var(--sizing-40x); + --sizing-icon-x-large: var(--sizing-36x); + --sizing-icon-large: var(--sizing-32x); + --sizing-icon-medium: var(--sizing-28x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); --font-size-2x-small: var(--dimension-3x); /** 12 px */ --font-size-x-small: var(--dimension-3-5x); /** 14 px */ --font-size-small: var(--dimension-4x); /** 16 px */ @@ -1607,16 +1731,38 @@ --spacing-88x: 88px; --spacing-220x: 220px; --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; --sizing-24x: 24px; + --sizing-28x: 28px; --sizing-32x: 32px; + --sizing-36x: 36px; --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; --sizing-200x: 200px; + --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; --sizing-232x: 232px; + --sizing-246x: 246px; --sizing-256x: 256px; --sizing-282x: 282px; --sizing-286x: 286px; @@ -1739,6 +1885,15 @@ --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-24x); --sizing-image-large: var(--sizing-320x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-120x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-160x); + --sizing-icon-3x-large: var(--sizing-48x); + --sizing-icon-2x-large: var(--sizing-40x); + --sizing-icon-x-large: var(--sizing-36x); + --sizing-icon-large: var(--sizing-32x); + --sizing-icon-medium: var(--sizing-28x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); --font-size-2x-small: var(--dimension-3x); /** 12 px */ --font-size-x-small: var(--dimension-3-5x); /** 14 px */ --font-size-small: var(--dimension-4x); /** 16 px */ diff --git a/public/css/nve.css b/public/css/nve.css index aa9fb7f6..a2a53727 100644 --- a/public/css/nve.css +++ b/public/css/nve.css @@ -469,16 +469,38 @@ --spacing-88x: 88px; --spacing-220x: 220px; --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; --sizing-24x: 24px; + --sizing-28x: 28px; --sizing-32x: 32px; + --sizing-36x: 36px; --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; --sizing-200x: 200px; + --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; --sizing-232x: 232px; + --sizing-246x: 246px; --sizing-256x: 256px; --sizing-282x: 282px; --sizing-286x: 286px; @@ -604,6 +626,15 @@ --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-large: var(--sizing-750x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x); + --sizing-icon-3x-large: var(--sizing-70x); + --sizing-icon-2x-large: var(--sizing-56x); + --sizing-icon-x-large: var(--sizing-48x); + --sizing-icon-large: var(--sizing-40x); + --sizing-icon-medium: var(--sizing-32x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); --sizing-fixed-sizing-2x-small: var(--dimension-4x); --sizing-fixed-sizing-x-small: var(--dimension-5x); --sizing-fixed-sizing-small: var(--dimension-6x); @@ -632,7 +663,6 @@ --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); - --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); @@ -648,14 +678,15 @@ --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); + --font-size-small: var(--dimension-4-5x); /** 16 px */ --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); + --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); --font-size-x-small: var(--dimension-4x); /** 14 px */ - --font-size-small: var(--dimension-4-5x); /** 16 px */ --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ --font-size-x-large: var(--dimension-8x); /** 24 px */ @@ -678,16 +709,38 @@ --spacing-88x: 88px; --spacing-220x: 220px; --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; --sizing-24x: 24px; + --sizing-28x: 28px; --sizing-32x: 32px; + --sizing-36x: 36px; --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; --sizing-200x: 200px; + --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; --sizing-232x: 232px; + --sizing-246x: 246px; --sizing-256x: 256px; --sizing-282x: 282px; --sizing-286x: 286px; @@ -810,6 +863,15 @@ --sizing-brand-logo-medium: var(--sizing-88x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-large: var(--sizing-1024x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x); + --sizing-icon-3x-large: var(--sizing-70x); + --sizing-icon-2x-large: var(--sizing-56x); + --sizing-icon-x-large: var(--sizing-48x); + --sizing-icon-large: var(--sizing-40x); + --sizing-icon-medium: var(--sizing-32x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ --font-size-x-small: var(--dimension-4x); /** 14 px */ --font-size-small: var(--dimension-4-5x); /** 16 px */ @@ -838,16 +900,38 @@ --spacing-88x: 88px; --spacing-220x: 220px; --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; --sizing-24x: 24px; + --sizing-28x: 28px; --sizing-32x: 32px; + --sizing-36x: 36px; --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; --sizing-200x: 200px; + --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; --sizing-232x: 232px; + --sizing-246x: 246px; --sizing-256x: 256px; --sizing-282x: 282px; --sizing-286x: 286px; @@ -970,6 +1054,15 @@ --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-large: var(--sizing-544x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-132x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-200x); + --sizing-icon-3x-large: var(--sizing-56x); + --sizing-icon-2x-large: var(--sizing-48x); + --sizing-icon-x-large: var(--sizing-44x); + --sizing-icon-large: var(--sizing-40x); + --sizing-icon-medium: var(--sizing-32x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); --font-size-2x-small: var(--dimension-3x); /** 12 px */ --font-size-x-small: var(--dimension-3-5x); /** 14 px */ --font-size-small: var(--dimension-4x); /** 16 px */ @@ -998,16 +1091,38 @@ --spacing-88x: 88px; --spacing-220x: 220px; --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; --sizing-24x: 24px; + --sizing-28x: 28px; --sizing-32x: 32px; + --sizing-36x: 36px; --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; --sizing-200x: 200px; + --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; --sizing-232x: 232px; + --sizing-246x: 246px; --sizing-256x: 256px; --sizing-282x: 282px; --sizing-286x: 286px; @@ -1130,6 +1245,15 @@ --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-large: var(--sizing-390x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-124x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-180x); + --sizing-icon-3x-large: var(--sizing-48x); + --sizing-icon-2x-large: var(--sizing-40x); + --sizing-icon-x-large: var(--sizing-36x); + --sizing-icon-large: var(--sizing-32x); + --sizing-icon-medium: var(--sizing-28x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); --font-size-2x-small: var(--dimension-3x); /** 12 px */ --font-size-x-small: var(--dimension-3-5x); /** 14 px */ --font-size-small: var(--dimension-4x); /** 16 px */ @@ -1158,16 +1282,38 @@ --spacing-88x: 88px; --spacing-220x: 220px; --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; --sizing-24x: 24px; + --sizing-28x: 28px; --sizing-32x: 32px; + --sizing-36x: 36px; --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; --sizing-200x: 200px; + --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; --sizing-232x: 232px; + --sizing-246x: 246px; --sizing-256x: 256px; --sizing-282x: 282px; --sizing-286x: 286px; @@ -1290,6 +1436,15 @@ --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-24x); --sizing-image-large: var(--sizing-320x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-120x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-160x); + --sizing-icon-3x-large: var(--sizing-48x); + --sizing-icon-2x-large: var(--sizing-40x); + --sizing-icon-x-large: var(--sizing-36x); + --sizing-icon-large: var(--sizing-32x); + --sizing-icon-medium: var(--sizing-28x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); --font-size-2x-small: var(--dimension-3x); /** 12 px */ --font-size-x-small: var(--dimension-3-5x); /** 14 px */ --font-size-small: var(--dimension-4x); /** 16 px */ diff --git a/public/css/rme.css b/public/css/rme.css index d6af4bc1..31f34333 100644 --- a/public/css/rme.css +++ b/public/css/rme.css @@ -469,16 +469,38 @@ --spacing-88x: 88px; --spacing-220x: 220px; --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; --sizing-24x: 24px; + --sizing-28x: 28px; --sizing-32x: 32px; + --sizing-36x: 36px; --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; --sizing-200x: 200px; + --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; --sizing-232x: 232px; + --sizing-246x: 246px; --sizing-256x: 256px; --sizing-282x: 282px; --sizing-286x: 286px; @@ -604,6 +626,15 @@ --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-large: var(--sizing-750x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x); + --sizing-icon-3x-large: var(--sizing-70x); + --sizing-icon-2x-large: var(--sizing-56x); + --sizing-icon-x-large: var(--sizing-48x); + --sizing-icon-large: var(--sizing-40x); + --sizing-icon-medium: var(--sizing-32x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); --sizing-fixed-sizing-2x-small: var(--dimension-4x); --sizing-fixed-sizing-x-small: var(--dimension-5x); --sizing-fixed-sizing-small: var(--dimension-6x); @@ -632,7 +663,6 @@ --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); - --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); @@ -648,14 +678,15 @@ --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); + --font-size-small: var(--dimension-4-5x); /** 16 px */ --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); + --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); --font-size-x-small: var(--dimension-4x); /** 14 px */ - --font-size-small: var(--dimension-4-5x); /** 16 px */ --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ --font-size-x-large: var(--dimension-8x); /** 24 px */ @@ -678,16 +709,38 @@ --spacing-88x: 88px; --spacing-220x: 220px; --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; --sizing-24x: 24px; + --sizing-28x: 28px; --sizing-32x: 32px; + --sizing-36x: 36px; --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; --sizing-200x: 200px; + --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; --sizing-232x: 232px; + --sizing-246x: 246px; --sizing-256x: 256px; --sizing-282x: 282px; --sizing-286x: 286px; @@ -810,6 +863,15 @@ --sizing-brand-logo-medium: var(--sizing-88x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-large: var(--sizing-1024x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x); + --sizing-icon-3x-large: var(--sizing-70x); + --sizing-icon-2x-large: var(--sizing-56x); + --sizing-icon-x-large: var(--sizing-48x); + --sizing-icon-large: var(--sizing-40x); + --sizing-icon-medium: var(--sizing-32x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ --font-size-x-small: var(--dimension-4x); /** 14 px */ --font-size-small: var(--dimension-4-5x); /** 16 px */ @@ -838,16 +900,38 @@ --spacing-88x: 88px; --spacing-220x: 220px; --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; --sizing-24x: 24px; + --sizing-28x: 28px; --sizing-32x: 32px; + --sizing-36x: 36px; --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; --sizing-200x: 200px; + --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; --sizing-232x: 232px; + --sizing-246x: 246px; --sizing-256x: 256px; --sizing-282x: 282px; --sizing-286x: 286px; @@ -970,6 +1054,15 @@ --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-large: var(--sizing-544x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-132x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-200x); + --sizing-icon-3x-large: var(--sizing-56x); + --sizing-icon-2x-large: var(--sizing-48x); + --sizing-icon-x-large: var(--sizing-44x); + --sizing-icon-large: var(--sizing-40x); + --sizing-icon-medium: var(--sizing-32x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); --font-size-2x-small: var(--dimension-3x); /** 12 px */ --font-size-x-small: var(--dimension-3-5x); /** 14 px */ --font-size-small: var(--dimension-4x); /** 16 px */ @@ -998,16 +1091,38 @@ --spacing-88x: 88px; --spacing-220x: 220px; --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; --sizing-24x: 24px; + --sizing-28x: 28px; --sizing-32x: 32px; + --sizing-36x: 36px; --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; --sizing-200x: 200px; + --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; --sizing-232x: 232px; + --sizing-246x: 246px; --sizing-256x: 256px; --sizing-282x: 282px; --sizing-286x: 286px; @@ -1130,6 +1245,15 @@ --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-large: var(--sizing-390x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-124x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-180x); + --sizing-icon-3x-large: var(--sizing-48x); + --sizing-icon-2x-large: var(--sizing-40x); + --sizing-icon-x-large: var(--sizing-36x); + --sizing-icon-large: var(--sizing-32x); + --sizing-icon-medium: var(--sizing-28x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); --font-size-2x-small: var(--dimension-3x); /** 12 px */ --font-size-x-small: var(--dimension-3-5x); /** 14 px */ --font-size-small: var(--dimension-4x); /** 16 px */ @@ -1158,16 +1282,38 @@ --spacing-88x: 88px; --spacing-220x: 220px; --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; --sizing-24x: 24px; + --sizing-28x: 28px; --sizing-32x: 32px; + --sizing-36x: 36px; --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; --sizing-200x: 200px; + --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; --sizing-232x: 232px; + --sizing-246x: 246px; --sizing-256x: 256px; --sizing-282x: 282px; --sizing-286x: 286px; @@ -1290,6 +1436,15 @@ --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-24x); --sizing-image-large: var(--sizing-320x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-120x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-160x); + --sizing-icon-3x-large: var(--sizing-48x); + --sizing-icon-2x-large: var(--sizing-40x); + --sizing-icon-x-large: var(--sizing-36x); + --sizing-icon-large: var(--sizing-32x); + --sizing-icon-medium: var(--sizing-28x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); --font-size-2x-small: var(--dimension-3x); /** 12 px */ --font-size-x-small: var(--dimension-3-5x); /** 14 px */ --font-size-small: var(--dimension-4x); /** 16 px */ diff --git a/public/css/varsom.css b/public/css/varsom.css index bc195e5a..f60abe64 100644 --- a/public/css/varsom.css +++ b/public/css/varsom.css @@ -469,16 +469,38 @@ --spacing-88x: 88px; --spacing-220x: 220px; --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; --sizing-24x: 24px; + --sizing-28x: 28px; --sizing-32x: 32px; + --sizing-36x: 36px; --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; --sizing-200x: 200px; + --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; --sizing-232x: 232px; + --sizing-246x: 246px; --sizing-256x: 256px; --sizing-282x: 282px; --sizing-286x: 286px; @@ -604,6 +626,15 @@ --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-large: var(--sizing-750x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x); + --sizing-icon-3x-large: var(--sizing-70x); + --sizing-icon-2x-large: var(--sizing-56x); + --sizing-icon-x-large: var(--sizing-48x); + --sizing-icon-large: var(--sizing-40x); + --sizing-icon-medium: var(--sizing-32x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); --sizing-fixed-sizing-2x-small: var(--dimension-4x); --sizing-fixed-sizing-x-small: var(--dimension-5x); --sizing-fixed-sizing-small: var(--dimension-6x); @@ -632,7 +663,6 @@ --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); - --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); @@ -648,14 +678,15 @@ --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); + --font-size-small: var(--dimension-4-5x); /** 16 px */ --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); + --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); --font-size-x-small: var(--dimension-4x); /** 14 px */ - --font-size-small: var(--dimension-4-5x); /** 16 px */ --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ --font-size-x-large: var(--dimension-8x); /** 24 px */ @@ -678,16 +709,38 @@ --spacing-88x: 88px; --spacing-220x: 220px; --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; --sizing-24x: 24px; + --sizing-28x: 28px; --sizing-32x: 32px; + --sizing-36x: 36px; --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; --sizing-200x: 200px; + --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; --sizing-232x: 232px; + --sizing-246x: 246px; --sizing-256x: 256px; --sizing-282x: 282px; --sizing-286x: 286px; @@ -810,6 +863,15 @@ --sizing-brand-logo-medium: var(--sizing-88x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-large: var(--sizing-1024x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x); + --sizing-icon-3x-large: var(--sizing-70x); + --sizing-icon-2x-large: var(--sizing-56x); + --sizing-icon-x-large: var(--sizing-48x); + --sizing-icon-large: var(--sizing-40x); + --sizing-icon-medium: var(--sizing-32x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ --font-size-x-small: var(--dimension-4x); /** 14 px */ --font-size-small: var(--dimension-4-5x); /** 16 px */ @@ -838,16 +900,38 @@ --spacing-88x: 88px; --spacing-220x: 220px; --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; --sizing-24x: 24px; + --sizing-28x: 28px; --sizing-32x: 32px; + --sizing-36x: 36px; --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; --sizing-200x: 200px; + --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; --sizing-232x: 232px; + --sizing-246x: 246px; --sizing-256x: 256px; --sizing-282x: 282px; --sizing-286x: 286px; @@ -970,6 +1054,15 @@ --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-large: var(--sizing-544x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-132x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-200x); + --sizing-icon-3x-large: var(--sizing-56x); + --sizing-icon-2x-large: var(--sizing-48x); + --sizing-icon-x-large: var(--sizing-44x); + --sizing-icon-large: var(--sizing-40x); + --sizing-icon-medium: var(--sizing-32x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); --font-size-2x-small: var(--dimension-3x); /** 12 px */ --font-size-x-small: var(--dimension-3-5x); /** 14 px */ --font-size-small: var(--dimension-4x); /** 16 px */ @@ -998,16 +1091,38 @@ --spacing-88x: 88px; --spacing-220x: 220px; --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; --sizing-24x: 24px; + --sizing-28x: 28px; --sizing-32x: 32px; + --sizing-36x: 36px; --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; --sizing-200x: 200px; + --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; --sizing-232x: 232px; + --sizing-246x: 246px; --sizing-256x: 256px; --sizing-282x: 282px; --sizing-286x: 286px; @@ -1130,6 +1245,15 @@ --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-large: var(--sizing-390x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-124x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-180x); + --sizing-icon-3x-large: var(--sizing-48x); + --sizing-icon-2x-large: var(--sizing-40x); + --sizing-icon-x-large: var(--sizing-36x); + --sizing-icon-large: var(--sizing-32x); + --sizing-icon-medium: var(--sizing-28x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); --font-size-2x-small: var(--dimension-3x); /** 12 px */ --font-size-x-small: var(--dimension-3-5x); /** 14 px */ --font-size-small: var(--dimension-4x); /** 16 px */ @@ -1158,16 +1282,38 @@ --spacing-88x: 88px; --spacing-220x: 220px; --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; --sizing-24x: 24px; + --sizing-28x: 28px; --sizing-32x: 32px; + --sizing-36x: 36px; --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; --sizing-200x: 200px; + --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; --sizing-232x: 232px; + --sizing-246x: 246px; --sizing-256x: 256px; --sizing-282x: 282px; --sizing-286x: 286px; @@ -1290,6 +1436,15 @@ --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-24x); --sizing-image-large: var(--sizing-320x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-120x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-160x); + --sizing-icon-3x-large: var(--sizing-48x); + --sizing-icon-2x-large: var(--sizing-40x); + --sizing-icon-x-large: var(--sizing-36x); + --sizing-icon-large: var(--sizing-32x); + --sizing-icon-medium: var(--sizing-28x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); --font-size-2x-small: var(--dimension-3x); /** 12 px */ --font-size-x-small: var(--dimension-3-5x); /** 14 px */ --font-size-small: var(--dimension-4x); /** 16 px */ diff --git a/tokens/$themes.json b/tokens/$themes.json index d5b30bc1..f2f64773 100644 --- a/tokens/$themes.json +++ b/tokens/$themes.json @@ -127,12 +127,7 @@ "soft": "S:f3be7452fc50d6fb0c241896f69fd7b0f86a2090,", "hard": "S:8f2c924d8cf1767aec99ced7be79e6d3f6cc5182,", "header": "S:cb6851dc8a3aa430899be634fe4efe38cf8feab1,", - "dropdown": "S:9712b7529601aad2ad212fdf85734a75970dfa91,", - "box-shadow.none": "S:6d0807ccbd99a63354e872f8d30ad4e961f13964,", - "box-shadow.soft": "S:20ad6a033720a5e5ff042f92199f874b17515780,", - "box-shadow.hard": "S:c2560d0b7302d283dcf720f838340f49b60aabb5,", - "box-shadow.header": "S:9ac67e60f4f702b60efc1dd7ef303d65972f56ba,", - "box-shadow.dropdown": "S:1e4fc5dfa53c482ce9004d7238886a6e40bfacc2," + "dropdown": "S:9712b7529601aad2ad212fdf85734a75970dfa91," }, "selectedTokenSets": { "brand/nve": "enabled" @@ -441,16 +436,38 @@ "border-width.stronger": "652a9c89bd0b9a2e389287b2928d6019de400eb7", "font-weight.regular": "5931d66794fafc70684bdb65a70c08a1edbc9ce8", "font-weight.semibold": "7be2e65e7c1242371cd25b4686e65b0fd23c7cf7", + "sizing.18x": "0dd08f1e72a0cf6c97465684ed82284d0ce3c8fa", + "sizing.20x": "5167f049df151e120013e2918704ebc7533d785d", "sizing.24x": "2dd470c2f2b038fac57bfe2680795a2ab5c08701", + "sizing.28x": "753f3bbd1ebf49302954feb9ce1bfa12accd3cd9", "sizing.32x": "37487f561b853156cf6fd15d5e6900d23817ac3d", + "sizing.36x": "05813048017f3549e6b720dc17abbc50fc9127ba", "sizing.40x": "fbd56e45c64451a35b33a60fb96eee20e63f8dae", + "sizing.44x": "d65347a364d20ec48015904a8430759842693833", + "sizing.48x": "418177fac41642dcb93aaf6672d5c04811de3008", + "sizing.56x": "f45160bf17ca585ed189bd999688c0b3dbb9783f", + "sizing.62x": "dc3f44ffc11719f461faf4fddb385aa3a8d66cbd", "sizing.64x": "be27fb84d98cc1797c714f19f2ab4ff641aff62e", + "sizing.70x": "6ec921eb4d6989489c0f7e38fc684115a159dd1c", + "sizing.84x": "0a080deb05d5a4f3d2aa2f0fc35efb80ba9295ae", "sizing.88x": "a839fed91cf9ce3635fb4a8ca7f323491e195efc", + "sizing.92x": "7d694a5fccd5add28421069f5fffe77988309993", + "sizing.108x": "827614b212d77d005a8d4e00b7e0dbdd740cacec", + "sizing.112x": "2ad9a23ff9de4952c14419301f4ae819637b2263", + "sizing.118x": "ce463f81d8563e4a6f979315d0600723055d327a", + "sizing.120x": "cb45445fe5eb5237125af0d33f3f19a2cd8c68cd", + "sizing.124x": "918171aeb674d288ba42b66fb904dbb65f099692", + "sizing.132x": "9e1b12eaed1fa1783a90e0a23fd46e3d2d5f7a05", + "sizing.136x": "f7751c39600adfa36b7dbce42b6ab63a2f691dd2", + "sizing.160x": "fc04f04a6c5aab66d33295bcba32e5f6f870a597", + "sizing.180x": "d7f4849d892a9a14b288488c52c021e4469e78d1", "sizing.200x": "e9975dda21f75e0c269889b06cf5068bec40e0cf", + "sizing.212x": "752aadd055dc65651bb42c4529bdb672598d866a", "sizing.216x": "1d31a9ebf041e67c8f527ddff897f66443d4a9bd", "sizing.217x": "bfe541db35a5bb4e16781916fd02c6f209d18467", "sizing.220x": "d88bf876d3b118369353663cf62242cf8b5c6235", "sizing.232x": "8588a8164531fb8d6d87566a9da6f7cbf3897658", + "sizing.246x": "8577a81cd35ffa823b8eea91e735a883fdbccf1d", "sizing.256x": "c36202407585d6dfe8bb672641dccc429eee0d5c", "sizing.282x": "5eb8adf444f0309602fea8f48eff738b88c7052e", "sizing.286x": "fa5bcb252b46253820db87dcc5345b2011145e88", @@ -804,16 +821,38 @@ "border-width.stronger": "652a9c89bd0b9a2e389287b2928d6019de400eb7", "font-weight.regular": "5931d66794fafc70684bdb65a70c08a1edbc9ce8", "font-weight.semibold": "7be2e65e7c1242371cd25b4686e65b0fd23c7cf7", + "sizing.18x": "0dd08f1e72a0cf6c97465684ed82284d0ce3c8fa", + "sizing.20x": "5167f049df151e120013e2918704ebc7533d785d", "sizing.24x": "2dd470c2f2b038fac57bfe2680795a2ab5c08701", + "sizing.28x": "753f3bbd1ebf49302954feb9ce1bfa12accd3cd9", "sizing.32x": "37487f561b853156cf6fd15d5e6900d23817ac3d", + "sizing.36x": "05813048017f3549e6b720dc17abbc50fc9127ba", "sizing.40x": "fbd56e45c64451a35b33a60fb96eee20e63f8dae", + "sizing.44x": "d65347a364d20ec48015904a8430759842693833", + "sizing.48x": "418177fac41642dcb93aaf6672d5c04811de3008", + "sizing.56x": "f45160bf17ca585ed189bd999688c0b3dbb9783f", + "sizing.62x": "dc3f44ffc11719f461faf4fddb385aa3a8d66cbd", "sizing.64x": "be27fb84d98cc1797c714f19f2ab4ff641aff62e", + "sizing.70x": "6ec921eb4d6989489c0f7e38fc684115a159dd1c", + "sizing.84x": "0a080deb05d5a4f3d2aa2f0fc35efb80ba9295ae", "sizing.88x": "a839fed91cf9ce3635fb4a8ca7f323491e195efc", + "sizing.92x": "7d694a5fccd5add28421069f5fffe77988309993", + "sizing.108x": "827614b212d77d005a8d4e00b7e0dbdd740cacec", + "sizing.112x": "2ad9a23ff9de4952c14419301f4ae819637b2263", + "sizing.118x": "ce463f81d8563e4a6f979315d0600723055d327a", + "sizing.120x": "cb45445fe5eb5237125af0d33f3f19a2cd8c68cd", + "sizing.124x": "918171aeb674d288ba42b66fb904dbb65f099692", + "sizing.132x": "9e1b12eaed1fa1783a90e0a23fd46e3d2d5f7a05", + "sizing.136x": "f7751c39600adfa36b7dbce42b6ab63a2f691dd2", + "sizing.160x": "fc04f04a6c5aab66d33295bcba32e5f6f870a597", + "sizing.180x": "d7f4849d892a9a14b288488c52c021e4469e78d1", "sizing.200x": "e9975dda21f75e0c269889b06cf5068bec40e0cf", + "sizing.212x": "752aadd055dc65651bb42c4529bdb672598d866a", "sizing.216x": "1d31a9ebf041e67c8f527ddff897f66443d4a9bd", "sizing.217x": "bfe541db35a5bb4e16781916fd02c6f209d18467", "sizing.220x": "d88bf876d3b118369353663cf62242cf8b5c6235", "sizing.232x": "8588a8164531fb8d6d87566a9da6f7cbf3897658", + "sizing.246x": "8577a81cd35ffa823b8eea91e735a883fdbccf1d", "sizing.256x": "c36202407585d6dfe8bb672641dccc429eee0d5c", "sizing.282x": "5eb8adf444f0309602fea8f48eff738b88c7052e", "sizing.286x": "fa5bcb252b46253820db87dcc5345b2011145e88", @@ -1024,6 +1063,7 @@ "color.brand.border.primary": "4d2d826be2e55faa7c70e2c68aa7c97c2e9b4eae", "color.brand.border.secondary": "df5afa6d4159cca2212e0bae2c9ba44307559020", "color.brand.border.tertiary": "041533c02e08198b5b1b1ae1c8a30ae6305e1964", + "color.brand.border.emphasized": "3d9c7ee2e163d3f3a1051dd3a08fc37803c8ecf2", "color.neutrals.background.canvas": "98a063add0686404a57aafebf42ffbc09ef05d7e", "color.neutrals.background.primary": "c4b12b39bcdeb1604b71bdf457a6794a35a6d0ef", "color.neutrals.background.primary-contrast": "71d4634f713a2965056809c40d92c03aa39f6bbc", @@ -1035,6 +1075,7 @@ "color.neutrals.foreground.subtle": "6e13c02d15cf3087e46295c3477f15f4a909eff1", "color.neutrals.foreground.faint": "8c234986013c9d4dc75e34485850dd3b54a7d913", "color.neutrals.foreground.inverted": "8005180da696d48ef536a96c6de2bebeca01a6d4", + "color.neutrals.foreground.white": "11168c53c24d9fed3af85c6d68a225dd9dc33f46", "color.neutrals.border.default": "20ca8407100173ab471d9cc300f1a3983368f183", "color.neutrals.border.emphasized": "eb05ea9fb11b7d919631446adecd9a48b7ebf586", "color.neutrals.border.mute": "5d9a8fc9b75c1ce8463f3178e9e6414b4d18b75a", @@ -1132,6 +1173,11 @@ "color.feedback.border.emphasized.error": "98e0d3e2cfa933d6b28620eef6f09a7dc04c9540", "color.feedback.border.emphasized.warning": "64c357a0990415c7ff63f79817f96ad87a4526c5", "color.feedback.border.emphasized.success": "c315e061ed5ec79b652d3ec97c1a610310a551fd", + "color.dangerlevel.background.default.level1": "316d1c4dea04166efbaf7d82b7d9c738a3d7ce87", + "color.dangerlevel.background.default.level2": "f02444162a0f24e3c6592955af23dd885feebd27", + "color.dangerlevel.background.default.level3": "c43d858cf0187f5188805cfc1ae04187e5e62b05", + "color.dangerlevel.background.default.level4": "44865babaa7b0c72b9a7540b6b43d27461d6274a", + "color.dangerlevel.background.default.level5": "a6c77b17a5b9edb9b5b2bd7f048326654c7f679a", "color.dangerlevel.background.mute.level1": "02546631e18a5e0385626b10c7b2d7cec377f762", "color.dangerlevel.background.mute.level2": "7629af454fa7cfe949abcc91bf342e47aab1bcb3", "color.dangerlevel.background.mute.level3": "b45fa00559398bc4bcf357a67613b0e906b15590", @@ -1142,11 +1188,6 @@ "color.dangerlevel.background.subtle.level3": "bb1695064f9e0586f54c86db85c526759eda0653", "color.dangerlevel.background.subtle.level4": "13bfb7589af34eb670576fa57bffe4b8fb0d2edc", "color.dangerlevel.background.subtle.level5": "fa4312faad2523d980b4417b4695d049935ae8c5", - "color.dangerlevel.background.default.level1": "316d1c4dea04166efbaf7d82b7d9c738a3d7ce87", - "color.dangerlevel.background.default.level2": "f02444162a0f24e3c6592955af23dd885feebd27", - "color.dangerlevel.background.default.level3": "c43d858cf0187f5188805cfc1ae04187e5e62b05", - "color.dangerlevel.background.default.level4": "44865babaa7b0c72b9a7540b6b43d27461d6274a", - "color.dangerlevel.background.default.level5": "a6c77b17a5b9edb9b5b2bd7f048326654c7f679a", "color.dangerlevel.foreground.default.level1": "5e0e9ec1994974ef753b0b8870628ce227195d7a", "color.dangerlevel.foreground.default.level2": "892892587f023514335b314c2316849c023e6349", "color.dangerlevel.foreground.default.level3": "2002a3f1dec80929f82f2c682137bfc778ef38ab", @@ -1500,6 +1541,11 @@ "color.feedback.border.emphasized.error": "98e0d3e2cfa933d6b28620eef6f09a7dc04c9540", "color.feedback.border.emphasized.warning": "64c357a0990415c7ff63f79817f96ad87a4526c5", "color.feedback.border.emphasized.success": "c315e061ed5ec79b652d3ec97c1a610310a551fd", + "color.dangerlevel.background.default.level1": "316d1c4dea04166efbaf7d82b7d9c738a3d7ce87", + "color.dangerlevel.background.default.level2": "f02444162a0f24e3c6592955af23dd885feebd27", + "color.dangerlevel.background.default.level3": "c43d858cf0187f5188805cfc1ae04187e5e62b05", + "color.dangerlevel.background.default.level4": "44865babaa7b0c72b9a7540b6b43d27461d6274a", + "color.dangerlevel.background.default.level5": "a6c77b17a5b9edb9b5b2bd7f048326654c7f679a", "color.dangerlevel.background.mute.level1": "02546631e18a5e0385626b10c7b2d7cec377f762", "color.dangerlevel.background.mute.level2": "7629af454fa7cfe949abcc91bf342e47aab1bcb3", "color.dangerlevel.background.mute.level3": "b45fa00559398bc4bcf357a67613b0e906b15590", @@ -1510,11 +1556,6 @@ "color.dangerlevel.background.subtle.level3": "bb1695064f9e0586f54c86db85c526759eda0653", "color.dangerlevel.background.subtle.level4": "13bfb7589af34eb670576fa57bffe4b8fb0d2edc", "color.dangerlevel.background.subtle.level5": "fa4312faad2523d980b4417b4695d049935ae8c5", - "color.dangerlevel.background.default.level1": "316d1c4dea04166efbaf7d82b7d9c738a3d7ce87", - "color.dangerlevel.background.default.level2": "f02444162a0f24e3c6592955af23dd885feebd27", - "color.dangerlevel.background.default.level3": "c43d858cf0187f5188805cfc1ae04187e5e62b05", - "color.dangerlevel.background.default.level4": "44865babaa7b0c72b9a7540b6b43d27461d6274a", - "color.dangerlevel.background.default.level5": "a6c77b17a5b9edb9b5b2bd7f048326654c7f679a", "color.dangerlevel.foreground.default.level1": "5e0e9ec1994974ef753b0b8870628ce227195d7a", "color.dangerlevel.foreground.default.level2": "892892587f023514335b314c2316849c023e6349", "color.dangerlevel.foreground.default.level3": "2002a3f1dec80929f82f2c682137bfc778ef38ab", @@ -1722,6 +1763,15 @@ "sizing.brand.logo.medium": "a8f98d48d4142e876574a8e105458afadce7c7f2", "sizing.brand.illustration.medium": "815eed610b9f8e603cc1828f64fadedb132a226e", "sizing.image.large": "87805287ca4c3ab08b055dc6264faccde7a722f4", + "sizing.card.link-card.height.x-large.min-height": "9f3698a330a146f87e73a5a3895cb39e346b85d4", + "sizing.card.link-card.height.x-large.max-height": "c716d641453c28ce1ade70dfbd0a99706e689ee9", + "sizing.icon.3x-large": "dda6cbb7bf4da72ec80c33a8cfa3be6ce21fa4f4", + "sizing.icon.2x-large": "b07eaef9a7216fa53b2188156f4fc10ba5be3b6c", + "sizing.icon.x-large": "f43dbd3db99cb5ca3c5f96d18c453a16600ad5fe", + "sizing.icon.large": "af2f11a14e90d2107f2ff75862e6ee643ad12382", + "sizing.icon.medium": "f5af03dc233e6277a78163c25600a38a6a2440e2", + "sizing.icon.small": "f863139ea3ec12e86196939bb67e1c9dc99b40f9", + "sizing.icon.x-small": "e124d544aff5c8e8483772c188c0fe9a559c397d", "font-size.2x-small": "8a0ae01946e793ee4e3f23d211c34356eac36f91", "font-size.x-small": "0ac4a06f4bf7542bc80be890b43d1484a1901dca", "font-size.small": "aa157f4bb96d62eb8dd0ae8a072d7eec2df25b16", @@ -1735,6 +1785,10 @@ "boolean.device.tablet": "8e99228277dcf0a3dcc5a1ed7b1b3aca7d6f9df4", "boolean.device.tablet-mobile": "55fff311064ab4693923a2809c5f89f4bb2f06f9", "boolean.device.mobile": "475a4ca565edcce9f863fc68ec8d8cd17d5964f9", + "sizing.card.link-card.height.x-large": "9f3698a330a146f87e73a5a3895cb39e346b85d4", + "sizing.card.link-card.height.large": "68ac75529866a4d16ff81124cc45bb46c8b86812", + "sizing.card.link-card.height.medium": "db5a4404aebd9aec1c1c14c046abdbca7fdeb1ed", + "sizing.card.link-card.height.small": "ea1f2920083b9f2c71f2d198de7cbc135aab6c1f", "spacing.fixed-spacing.small": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768", "spacing.fixed-spacing.medium": "4ed1c642e2c89851e6f1776562f3110d35e01919", "spacing.fixed-spacing.large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9", @@ -1875,6 +1929,15 @@ "sizing.brand.logo.medium": "a8f98d48d4142e876574a8e105458afadce7c7f2", "sizing.brand.illustration.medium": "815eed610b9f8e603cc1828f64fadedb132a226e", "sizing.image.large": "87805287ca4c3ab08b055dc6264faccde7a722f4", + "sizing.card.link-card.height.x-large.min-height": "9f3698a330a146f87e73a5a3895cb39e346b85d4", + "sizing.card.link-card.height.x-large.max-height": "c716d641453c28ce1ade70dfbd0a99706e689ee9", + "sizing.icon.3x-large": "dda6cbb7bf4da72ec80c33a8cfa3be6ce21fa4f4", + "sizing.icon.2x-large": "b07eaef9a7216fa53b2188156f4fc10ba5be3b6c", + "sizing.icon.x-large": "f43dbd3db99cb5ca3c5f96d18c453a16600ad5fe", + "sizing.icon.large": "af2f11a14e90d2107f2ff75862e6ee643ad12382", + "sizing.icon.medium": "f5af03dc233e6277a78163c25600a38a6a2440e2", + "sizing.icon.small": "f863139ea3ec12e86196939bb67e1c9dc99b40f9", + "sizing.icon.x-small": "e124d544aff5c8e8483772c188c0fe9a559c397d", "font-size.2x-small": "8a0ae01946e793ee4e3f23d211c34356eac36f91", "font-size.x-small": "0ac4a06f4bf7542bc80be890b43d1484a1901dca", "font-size.small": "aa157f4bb96d62eb8dd0ae8a072d7eec2df25b16", @@ -1888,6 +1951,10 @@ "boolean.device.tablet": "8e99228277dcf0a3dcc5a1ed7b1b3aca7d6f9df4", "boolean.device.tablet-mobile": "55fff311064ab4693923a2809c5f89f4bb2f06f9", "boolean.device.mobile": "475a4ca565edcce9f863fc68ec8d8cd17d5964f9", + "sizing.card.link-card.height.x-large": "9f3698a330a146f87e73a5a3895cb39e346b85d4", + "sizing.card.link-card.height.large": "68ac75529866a4d16ff81124cc45bb46c8b86812", + "sizing.card.link-card.height.medium": "db5a4404aebd9aec1c1c14c046abdbca7fdeb1ed", + "sizing.card.link-card.height.small": "ea1f2920083b9f2c71f2d198de7cbc135aab6c1f", "spacing.fixed-spacing.small": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768", "spacing.fixed-spacing.medium": "4ed1c642e2c89851e6f1776562f3110d35e01919", "spacing.fixed-spacing.large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9", @@ -2026,6 +2093,15 @@ "sizing.brand.logo.medium": "a8f98d48d4142e876574a8e105458afadce7c7f2", "sizing.brand.illustration.medium": "815eed610b9f8e603cc1828f64fadedb132a226e", "sizing.image.large": "87805287ca4c3ab08b055dc6264faccde7a722f4", + "sizing.card.link-card.height.x-large.min-height": "9f3698a330a146f87e73a5a3895cb39e346b85d4", + "sizing.card.link-card.height.x-large.max-height": "c716d641453c28ce1ade70dfbd0a99706e689ee9", + "sizing.icon.3x-large": "dda6cbb7bf4da72ec80c33a8cfa3be6ce21fa4f4", + "sizing.icon.2x-large": "b07eaef9a7216fa53b2188156f4fc10ba5be3b6c", + "sizing.icon.x-large": "f43dbd3db99cb5ca3c5f96d18c453a16600ad5fe", + "sizing.icon.large": "af2f11a14e90d2107f2ff75862e6ee643ad12382", + "sizing.icon.medium": "f5af03dc233e6277a78163c25600a38a6a2440e2", + "sizing.icon.small": "f863139ea3ec12e86196939bb67e1c9dc99b40f9", + "sizing.icon.x-small": "e124d544aff5c8e8483772c188c0fe9a559c397d", "font-size.2x-small": "8a0ae01946e793ee4e3f23d211c34356eac36f91", "font-size.x-small": "0ac4a06f4bf7542bc80be890b43d1484a1901dca", "font-size.small": "aa157f4bb96d62eb8dd0ae8a072d7eec2df25b16", @@ -2039,6 +2115,10 @@ "boolean.device.tablet": "8e99228277dcf0a3dcc5a1ed7b1b3aca7d6f9df4", "boolean.device.tablet-mobile": "55fff311064ab4693923a2809c5f89f4bb2f06f9", "boolean.device.mobile": "475a4ca565edcce9f863fc68ec8d8cd17d5964f9", + "sizing.card.link-card.height.x-large": "9f3698a330a146f87e73a5a3895cb39e346b85d4", + "sizing.card.link-card.height.large": "68ac75529866a4d16ff81124cc45bb46c8b86812", + "sizing.card.link-card.height.medium": "db5a4404aebd9aec1c1c14c046abdbca7fdeb1ed", + "sizing.card.link-card.height.small": "ea1f2920083b9f2c71f2d198de7cbc135aab6c1f", "spacing.fixed-spacing.small": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768", "spacing.fixed-spacing.medium": "4ed1c642e2c89851e6f1776562f3110d35e01919", "spacing.fixed-spacing.large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9", @@ -2141,6 +2221,15 @@ "sizing.brand.logo.medium": "a8f98d48d4142e876574a8e105458afadce7c7f2", "sizing.brand.illustration.medium": "815eed610b9f8e603cc1828f64fadedb132a226e", "sizing.image.large": "87805287ca4c3ab08b055dc6264faccde7a722f4", + "sizing.card.link-card.height.x-large.min-height": "9f3698a330a146f87e73a5a3895cb39e346b85d4", + "sizing.card.link-card.height.x-large.max-height": "c716d641453c28ce1ade70dfbd0a99706e689ee9", + "sizing.icon.3x-large": "dda6cbb7bf4da72ec80c33a8cfa3be6ce21fa4f4", + "sizing.icon.2x-large": "b07eaef9a7216fa53b2188156f4fc10ba5be3b6c", + "sizing.icon.x-large": "f43dbd3db99cb5ca3c5f96d18c453a16600ad5fe", + "sizing.icon.large": "af2f11a14e90d2107f2ff75862e6ee643ad12382", + "sizing.icon.medium": "f5af03dc233e6277a78163c25600a38a6a2440e2", + "sizing.icon.small": "f863139ea3ec12e86196939bb67e1c9dc99b40f9", + "sizing.icon.x-small": "e124d544aff5c8e8483772c188c0fe9a559c397d", "font-size.2x-small": "8a0ae01946e793ee4e3f23d211c34356eac36f91", "font-size.x-small": "0ac4a06f4bf7542bc80be890b43d1484a1901dca", "font-size.small": "aa157f4bb96d62eb8dd0ae8a072d7eec2df25b16", @@ -2154,6 +2243,10 @@ "boolean.device.tablet": "8e99228277dcf0a3dcc5a1ed7b1b3aca7d6f9df4", "boolean.device.tablet-mobile": "55fff311064ab4693923a2809c5f89f4bb2f06f9", "boolean.device.mobile": "475a4ca565edcce9f863fc68ec8d8cd17d5964f9", + "sizing.card.link-card.height.x-large": "9f3698a330a146f87e73a5a3895cb39e346b85d4", + "sizing.card.link-card.height.large": "68ac75529866a4d16ff81124cc45bb46c8b86812", + "sizing.card.link-card.height.medium": "db5a4404aebd9aec1c1c14c046abdbca7fdeb1ed", + "sizing.card.link-card.height.small": "ea1f2920083b9f2c71f2d198de7cbc135aab6c1f", "spacing.fixed-spacing.small": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768", "spacing.fixed-spacing.medium": "4ed1c642e2c89851e6f1776562f3110d35e01919", "spacing.fixed-spacing.large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9", @@ -2366,12 +2459,7 @@ "neutralgrey.950": "S:0861bb7c4226791d1bb7667a330a789e767295ea,", "neutralgrey.999": "S:1782686f2b0f8db275e39c5963346cc55141a97c,", "neutralgrey.000": "S:9f965ed5b7e6c494c08b269eeff1e999b44a0a28,", - "neutralgrey.050": "S:988ab43540cccc273513725707b5a2ddebde7a39,", - "box-shadow.none": "S:6d0807ccbd99a63354e872f8d30ad4e961f13964,", - "box-shadow.soft": "S:20ad6a033720a5e5ff042f92199f874b17515780,", - "box-shadow.hard": "S:c2560d0b7302d283dcf720f838340f49b60aabb5,", - "box-shadow.header": "S:9ac67e60f4f702b60efc1dd7ef303d65972f56ba,", - "box-shadow.dropdown": "S:1e4fc5dfa53c482ce9004d7238886a6e40bfacc2," + "neutralgrey.050": "S:988ab43540cccc273513725707b5a2ddebde7a39," }, "selectedTokenSets": { "brand/nve": "enabled", @@ -2681,16 +2769,38 @@ "border-width.stronger": "652a9c89bd0b9a2e389287b2928d6019de400eb7", "font-weight.regular": "5931d66794fafc70684bdb65a70c08a1edbc9ce8", "font-weight.semibold": "7be2e65e7c1242371cd25b4686e65b0fd23c7cf7", + "sizing.18x": "0dd08f1e72a0cf6c97465684ed82284d0ce3c8fa", + "sizing.20x": "5167f049df151e120013e2918704ebc7533d785d", "sizing.24x": "2dd470c2f2b038fac57bfe2680795a2ab5c08701", + "sizing.28x": "753f3bbd1ebf49302954feb9ce1bfa12accd3cd9", "sizing.32x": "37487f561b853156cf6fd15d5e6900d23817ac3d", + "sizing.36x": "05813048017f3549e6b720dc17abbc50fc9127ba", "sizing.40x": "fbd56e45c64451a35b33a60fb96eee20e63f8dae", + "sizing.44x": "d65347a364d20ec48015904a8430759842693833", + "sizing.48x": "418177fac41642dcb93aaf6672d5c04811de3008", + "sizing.56x": "f45160bf17ca585ed189bd999688c0b3dbb9783f", + "sizing.62x": "dc3f44ffc11719f461faf4fddb385aa3a8d66cbd", "sizing.64x": "be27fb84d98cc1797c714f19f2ab4ff641aff62e", + "sizing.70x": "6ec921eb4d6989489c0f7e38fc684115a159dd1c", + "sizing.84x": "0a080deb05d5a4f3d2aa2f0fc35efb80ba9295ae", "sizing.88x": "a839fed91cf9ce3635fb4a8ca7f323491e195efc", + "sizing.92x": "7d694a5fccd5add28421069f5fffe77988309993", + "sizing.108x": "827614b212d77d005a8d4e00b7e0dbdd740cacec", + "sizing.112x": "2ad9a23ff9de4952c14419301f4ae819637b2263", + "sizing.118x": "ce463f81d8563e4a6f979315d0600723055d327a", + "sizing.120x": "cb45445fe5eb5237125af0d33f3f19a2cd8c68cd", + "sizing.124x": "918171aeb674d288ba42b66fb904dbb65f099692", + "sizing.132x": "9e1b12eaed1fa1783a90e0a23fd46e3d2d5f7a05", + "sizing.136x": "f7751c39600adfa36b7dbce42b6ab63a2f691dd2", + "sizing.160x": "fc04f04a6c5aab66d33295bcba32e5f6f870a597", + "sizing.180x": "d7f4849d892a9a14b288488c52c021e4469e78d1", "sizing.200x": "e9975dda21f75e0c269889b06cf5068bec40e0cf", + "sizing.212x": "752aadd055dc65651bb42c4529bdb672598d866a", "sizing.216x": "1d31a9ebf041e67c8f527ddff897f66443d4a9bd", "sizing.217x": "bfe541db35a5bb4e16781916fd02c6f209d18467", "sizing.220x": "d88bf876d3b118369353663cf62242cf8b5c6235", "sizing.232x": "8588a8164531fb8d6d87566a9da6f7cbf3897658", + "sizing.246x": "8577a81cd35ffa823b8eea91e735a883fdbccf1d", "sizing.256x": "c36202407585d6dfe8bb672641dccc429eee0d5c", "sizing.282x": "5eb8adf444f0309602fea8f48eff738b88c7052e", "sizing.286x": "fa5bcb252b46253820db87dcc5345b2011145e88", @@ -2818,6 +2928,15 @@ "sizing.brand.logo.medium": "a8f98d48d4142e876574a8e105458afadce7c7f2", "sizing.brand.illustration.medium": "815eed610b9f8e603cc1828f64fadedb132a226e", "sizing.image.large": "87805287ca4c3ab08b055dc6264faccde7a722f4", + "sizing.card.link-card.height.x-large.min-height": "9f3698a330a146f87e73a5a3895cb39e346b85d4", + "sizing.card.link-card.height.x-large.max-height": "c716d641453c28ce1ade70dfbd0a99706e689ee9", + "sizing.icon.3x-large": "dda6cbb7bf4da72ec80c33a8cfa3be6ce21fa4f4", + "sizing.icon.2x-large": "b07eaef9a7216fa53b2188156f4fc10ba5be3b6c", + "sizing.icon.x-large": "f43dbd3db99cb5ca3c5f96d18c453a16600ad5fe", + "sizing.icon.large": "af2f11a14e90d2107f2ff75862e6ee643ad12382", + "sizing.icon.medium": "f5af03dc233e6277a78163c25600a38a6a2440e2", + "sizing.icon.small": "f863139ea3ec12e86196939bb67e1c9dc99b40f9", + "sizing.icon.x-small": "e124d544aff5c8e8483772c188c0fe9a559c397d", "font-size.2x-small": "8a0ae01946e793ee4e3f23d211c34356eac36f91", "font-size.x-small": "0ac4a06f4bf7542bc80be890b43d1484a1901dca", "font-size.small": "aa157f4bb96d62eb8dd0ae8a072d7eec2df25b16", @@ -2831,6 +2950,10 @@ "boolean.device.tablet": "8e99228277dcf0a3dcc5a1ed7b1b3aca7d6f9df4", "boolean.device.tablet-mobile": "55fff311064ab4693923a2809c5f89f4bb2f06f9", "boolean.device.mobile": "475a4ca565edcce9f863fc68ec8d8cd17d5964f9", + "sizing.card.link-card.height.x-large": "9f3698a330a146f87e73a5a3895cb39e346b85d4", + "sizing.card.link-card.height.large": "68ac75529866a4d16ff81124cc45bb46c8b86812", + "sizing.card.link-card.height.medium": "db5a4404aebd9aec1c1c14c046abdbca7fdeb1ed", + "sizing.card.link-card.height.small": "ea1f2920083b9f2c71f2d198de7cbc135aab6c1f", "spacing.fixed-spacing.small": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768", "spacing.fixed-spacing.medium": "4ed1c642e2c89851e6f1776562f3110d35e01919", "spacing.fixed-spacing.large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9", diff --git a/tokens/brand/nve.json b/tokens/brand/nve.json index bde59f84..bf6803fb 100644 --- a/tokens/brand/nve.json +++ b/tokens/brand/nve.json @@ -1484,30 +1484,114 @@ } }, "sizing": { + "18x": { + "$type": "sizing", + "$value": "18px" + }, + "20x": { + "$type": "sizing", + "$value": "20px" + }, "24x": { "$type": "sizing", "$value": "24px" }, + "28x": { + "$type": "sizing", + "$value": "28px" + }, "32x": { "$type": "sizing", "$value": "32px" }, + "36x": { + "$type": "sizing", + "$value": "36px" + }, "40x": { "$type": "sizing", "$value": "40px" }, + "44x": { + "$type": "sizing", + "$value": "44px" + }, + "48x": { + "$type": "sizing", + "$value": "48px" + }, + "56x": { + "$type": "sizing", + "$value": "56px" + }, + "62x": { + "$type": "sizing", + "$value": "62px" + }, "64x": { "$type": "sizing", "$value": "64px" }, + "70x": { + "$type": "sizing", + "$value": "70px" + }, + "84x": { + "$type": "sizing", + "$value": "84px" + }, "88x": { "$type": "sizing", "$value": "88px" }, + "92x": { + "$type": "sizing", + "$value": "92px" + }, + "108x": { + "$type": "sizing", + "$value": "108px" + }, + "112x": { + "$type": "sizing", + "$value": "112px" + }, + "118x": { + "$type": "sizing", + "$value": "118px" + }, + "120x": { + "$type": "sizing", + "$value": "120px" + }, + "124x": { + "$type": "sizing", + "$value": "124px" + }, + "132x": { + "$type": "sizing", + "$value": "132px" + }, + "136x": { + "$type": "sizing", + "$value": "136px" + }, + "160x": { + "$type": "sizing", + "$value": "160px" + }, + "180x": { + "$type": "sizing", + "$value": "180px" + }, "200x": { "$type": "sizing", "$value": "200px" }, + "212x": { + "$type": "sizing", + "$value": "212px" + }, "216x": { "$type": "sizing", "$value": "216px" @@ -1524,6 +1608,10 @@ "$type": "sizing", "$value": "232px" }, + "246x": { + "$type": "sizing", + "$value": "246px" + }, "256x": { "$type": "sizing", "$value": "256px" diff --git a/tokens/public/device/desktop-large.json b/tokens/public/device/desktop-large.json index c1a70dbc..b304e39e 100644 --- a/tokens/public/device/desktop-large.json +++ b/tokens/public/device/desktop-large.json @@ -149,6 +149,87 @@ "$type": "sizing", "$value": "{sizing.1024x}" } + }, + "card": { + "link-card": { + "height": { + "x-large": { + "min-height": { + "$type": "sizing", + "$value": "{sizing.212x}" + }, + "max-height": { + "$type": "sizing", + "$value": "{sizing.246x}" + } + } + } + } + }, + "icon": { + "3x-large": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.70x}" + }, + "2x-large": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.56x}" + }, + "x-large": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.48x}" + }, + "large": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.40x}" + }, + "medium": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.32x}" + }, + "small": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.24x}" + }, + "x-small": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.20x}" + } } }, "font-size": { diff --git a/tokens/public/device/desktop.json b/tokens/public/device/desktop.json index 148c2a29..fd6456fc 100644 --- a/tokens/public/device/desktop.json +++ b/tokens/public/device/desktop.json @@ -164,6 +164,87 @@ "$value": "{sizing.750x}" } }, + "card": { + "link-card": { + "height": { + "x-large": { + "min-height": { + "$type": "sizing", + "$value": "{sizing.212x}" + }, + "max-height": { + "$type": "sizing", + "$value": "{sizing.246x}" + } + } + } + } + }, + "icon": { + "3x-large": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.70x}" + }, + "2x-large": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.56x}" + }, + "x-large": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.48x}" + }, + "large": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.40x}" + }, + "medium": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.32x}" + }, + "small": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.24x}" + }, + "x-small": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.20x}" + } + }, "fixed-sizing": { "2x-small": { "$type": "sizing", diff --git a/tokens/public/device/mobile-small.json b/tokens/public/device/mobile-small.json index 2b6752b4..e29abc74 100644 --- a/tokens/public/device/mobile-small.json +++ b/tokens/public/device/mobile-small.json @@ -149,6 +149,87 @@ "$type": "sizing", "$value": "{sizing.320x}" } + }, + "card": { + "link-card": { + "height": { + "x-large": { + "min-height": { + "$type": "sizing", + "$value": "{sizing.120x}" + }, + "max-height": { + "$type": "sizing", + "$value": "{sizing.160x}" + } + } + } + } + }, + "icon": { + "3x-large": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.48x}" + }, + "2x-large": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.40x}" + }, + "x-large": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.36x}" + }, + "large": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.32x}" + }, + "medium": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.28x}" + }, + "small": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.24x}" + }, + "x-small": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.20x}" + } } }, "font-size": { diff --git a/tokens/public/device/mobile.json b/tokens/public/device/mobile.json index dd44b90b..de0c2178 100644 --- a/tokens/public/device/mobile.json +++ b/tokens/public/device/mobile.json @@ -149,6 +149,87 @@ "$type": "sizing", "$value": "{sizing.390x}" } + }, + "card": { + "link-card": { + "height": { + "x-large": { + "min-height": { + "$type": "sizing", + "$value": "{sizing.124x}" + }, + "max-height": { + "$type": "sizing", + "$value": "{sizing.180x}" + } + } + } + } + }, + "icon": { + "3x-large": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.48x}" + }, + "2x-large": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.40x}" + }, + "x-large": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.36x}" + }, + "large": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.32x}" + }, + "medium": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.28x}" + }, + "small": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.24x}" + }, + "x-small": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.20x}" + } } }, "font-size": { diff --git a/tokens/public/device/tablet.json b/tokens/public/device/tablet.json index 1085e497..115970f1 100644 --- a/tokens/public/device/tablet.json +++ b/tokens/public/device/tablet.json @@ -149,6 +149,87 @@ "$type": "sizing", "$value": "{sizing.544x}" } + }, + "card": { + "link-card": { + "height": { + "x-large": { + "min-height": { + "$type": "sizing", + "$value": "{sizing.132x}" + }, + "max-height": { + "$type": "sizing", + "$value": "{sizing.200x}" + } + } + } + } + }, + "icon": { + "3x-large": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.56x}" + }, + "2x-large": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.48x}" + }, + "x-large": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.44x}" + }, + "large": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.40x}" + }, + "medium": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.32x}" + }, + "small": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.24x}" + }, + "x-small": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.20x}" + } } }, "font-size": {