Skip to content

Commit efedb27

Browse files
BarsnesFebakkegithub-actions[bot]mimarz
authored
feat(Paragraph): Add variant prop with long and short (#1636)
Co-authored-by: Lasse Febakke Straum <[email protected]> Co-authored-by: github-actions <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: Michael Marszalek <[email protected]>
1 parent ece7c9e commit efedb27

File tree

12 files changed

+375
-2
lines changed

12 files changed

+375
-2
lines changed

‎apps/storefront/tokens/altinn.ts‎

Lines changed: 72 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2705,6 +2705,78 @@ export const typography = [
27052705
attributes: {},
27062706
path: ['typography', 'paragraph', 'short', 'xsmall'],
27072707
},
2708+
{
2709+
value: "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.7 'Inter'",
2710+
type: 'typography',
2711+
filePath: '../../design-tokens/Base/Semantic.json',
2712+
isSource: false,
2713+
original: {
2714+
value: {
2715+
fontFamily: '{fontFamilies.inter}',
2716+
fontWeight: '{fontWeights.regular}',
2717+
lineHeight: '{lineHeights.700}',
2718+
fontSize: '{font-size.f1}',
2719+
},
2720+
type: 'typography',
2721+
},
2722+
name: '--fds-typography-paragraph-long-large',
2723+
attributes: {},
2724+
path: ['typography', 'paragraph', 'long', 'large'],
2725+
},
2726+
{
2727+
value: "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.7 'Inter'",
2728+
type: 'typography',
2729+
filePath: '../../design-tokens/Base/Semantic.json',
2730+
isSource: false,
2731+
original: {
2732+
value: {
2733+
fontFamily: '{fontFamilies.inter}',
2734+
fontWeight: '{fontWeights.regular}',
2735+
lineHeight: '{lineHeights.700}',
2736+
fontSize: '{font-size.f0}',
2737+
},
2738+
type: 'typography',
2739+
},
2740+
name: '--fds-typography-paragraph-long-medium',
2741+
attributes: {},
2742+
path: ['typography', 'paragraph', 'long', 'medium'],
2743+
},
2744+
{
2745+
value: "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.7 'Inter'",
2746+
type: 'typography',
2747+
filePath: '../../design-tokens/Base/Semantic.json',
2748+
isSource: false,
2749+
original: {
2750+
value: {
2751+
fontFamily: '{fontFamilies.inter}',
2752+
fontWeight: '{fontWeights.regular}',
2753+
lineHeight: '{lineHeights.700}',
2754+
fontSize: '{font-size.f-1}',
2755+
},
2756+
type: 'typography',
2757+
},
2758+
name: '--fds-typography-paragraph-long-small',
2759+
attributes: {},
2760+
path: ['typography', 'paragraph', 'long', 'small'],
2761+
},
2762+
{
2763+
value: "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.7 'Inter'",
2764+
type: 'typography',
2765+
filePath: '../../design-tokens/Base/Semantic.json',
2766+
isSource: false,
2767+
original: {
2768+
value: {
2769+
fontFamily: '{fontFamilies.inter}',
2770+
fontWeight: '{fontWeights.regular}',
2771+
lineHeight: '{lineHeights.700}',
2772+
fontSize: '{font-size.f-2}',
2773+
},
2774+
type: 'typography',
2775+
},
2776+
name: '--fds-typography-paragraph-long-xsmall',
2777+
attributes: {},
2778+
path: ['typography', 'paragraph', 'long', 'xsmall'],
2779+
},
27082780
{
27092781
value: "500 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'",
27102782
type: 'typography',

‎apps/storefront/tokens/brreg.ts‎

Lines changed: 72 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2723,6 +2723,78 @@ export const typography = [
27232723
attributes: {},
27242724
path: ['typography', 'paragraph', 'short', 'xsmall'],
27252725
},
2726+
{
2727+
value: "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.7 'Inter'",
2728+
type: 'typography',
2729+
filePath: '../../design-tokens/Base/Semantic.json',
2730+
isSource: false,
2731+
original: {
2732+
value: {
2733+
fontFamily: '{fontFamilies.inter}',
2734+
fontWeight: '{fontWeights.regular}',
2735+
lineHeight: '{lineHeights.700}',
2736+
fontSize: '{font-size.f1}',
2737+
},
2738+
type: 'typography',
2739+
},
2740+
name: '--fds-typography-paragraph-long-large',
2741+
attributes: {},
2742+
path: ['typography', 'paragraph', 'long', 'large'],
2743+
},
2744+
{
2745+
value: "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.7 'Inter'",
2746+
type: 'typography',
2747+
filePath: '../../design-tokens/Base/Semantic.json',
2748+
isSource: false,
2749+
original: {
2750+
value: {
2751+
fontFamily: '{fontFamilies.inter}',
2752+
fontWeight: '{fontWeights.regular}',
2753+
lineHeight: '{lineHeights.700}',
2754+
fontSize: '{font-size.f0}',
2755+
},
2756+
type: 'typography',
2757+
},
2758+
name: '--fds-typography-paragraph-long-medium',
2759+
attributes: {},
2760+
path: ['typography', 'paragraph', 'long', 'medium'],
2761+
},
2762+
{
2763+
value: "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.7 'Inter'",
2764+
type: 'typography',
2765+
filePath: '../../design-tokens/Base/Semantic.json',
2766+
isSource: false,
2767+
original: {
2768+
value: {
2769+
fontFamily: '{fontFamilies.inter}',
2770+
fontWeight: '{fontWeights.regular}',
2771+
lineHeight: '{lineHeights.700}',
2772+
fontSize: '{font-size.f-1}',
2773+
},
2774+
type: 'typography',
2775+
},
2776+
name: '--fds-typography-paragraph-long-small',
2777+
attributes: {},
2778+
path: ['typography', 'paragraph', 'long', 'small'],
2779+
},
2780+
{
2781+
value: "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.7 'Inter'",
2782+
type: 'typography',
2783+
filePath: '../../design-tokens/Base/Semantic.json',
2784+
isSource: false,
2785+
original: {
2786+
value: {
2787+
fontFamily: '{fontFamilies.inter}',
2788+
fontWeight: '{fontWeights.regular}',
2789+
lineHeight: '{lineHeights.700}',
2790+
fontSize: '{font-size.f-2}',
2791+
},
2792+
type: 'typography',
2793+
},
2794+
name: '--fds-typography-paragraph-long-xsmall',
2795+
attributes: {},
2796+
path: ['typography', 'paragraph', 'long', 'xsmall'],
2797+
},
27262798
{
27272799
value: "500 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'",
27282800
type: 'typography',

‎apps/storefront/tokens/digdir.ts‎

Lines changed: 72 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2699,6 +2699,78 @@ export const typography = [
26992699
attributes: {},
27002700
path: ['typography', 'paragraph', 'short', 'xsmall'],
27012701
},
2702+
{
2703+
value: "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.7 'Inter'",
2704+
type: 'typography',
2705+
filePath: '../../design-tokens/Base/Semantic.json',
2706+
isSource: false,
2707+
original: {
2708+
value: {
2709+
fontFamily: '{fontFamilies.inter}',
2710+
fontWeight: '{fontWeights.regular}',
2711+
lineHeight: '{lineHeights.700}',
2712+
fontSize: '{font-size.f1}',
2713+
},
2714+
type: 'typography',
2715+
},
2716+
name: '--fds-typography-paragraph-long-large',
2717+
attributes: {},
2718+
path: ['typography', 'paragraph', 'long', 'large'],
2719+
},
2720+
{
2721+
value: "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.7 'Inter'",
2722+
type: 'typography',
2723+
filePath: '../../design-tokens/Base/Semantic.json',
2724+
isSource: false,
2725+
original: {
2726+
value: {
2727+
fontFamily: '{fontFamilies.inter}',
2728+
fontWeight: '{fontWeights.regular}',
2729+
lineHeight: '{lineHeights.700}',
2730+
fontSize: '{font-size.f0}',
2731+
},
2732+
type: 'typography',
2733+
},
2734+
name: '--fds-typography-paragraph-long-medium',
2735+
attributes: {},
2736+
path: ['typography', 'paragraph', 'long', 'medium'],
2737+
},
2738+
{
2739+
value: "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.7 'Inter'",
2740+
type: 'typography',
2741+
filePath: '../../design-tokens/Base/Semantic.json',
2742+
isSource: false,
2743+
original: {
2744+
value: {
2745+
fontFamily: '{fontFamilies.inter}',
2746+
fontWeight: '{fontWeights.regular}',
2747+
lineHeight: '{lineHeights.700}',
2748+
fontSize: '{font-size.f-1}',
2749+
},
2750+
type: 'typography',
2751+
},
2752+
name: '--fds-typography-paragraph-long-small',
2753+
attributes: {},
2754+
path: ['typography', 'paragraph', 'long', 'small'],
2755+
},
2756+
{
2757+
value: "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.7 'Inter'",
2758+
type: 'typography',
2759+
filePath: '../../design-tokens/Base/Semantic.json',
2760+
isSource: false,
2761+
original: {
2762+
value: {
2763+
fontFamily: '{fontFamilies.inter}',
2764+
fontWeight: '{fontWeights.regular}',
2765+
lineHeight: '{lineHeights.700}',
2766+
fontSize: '{font-size.f-2}',
2767+
},
2768+
type: 'typography',
2769+
},
2770+
name: '--fds-typography-paragraph-long-xsmall',
2771+
attributes: {},
2772+
path: ['typography', 'paragraph', 'long', 'xsmall'],
2773+
},
27022774
{
27032775
value: "500 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'",
27042776
type: 'typography',

‎apps/storefront/tokens/tilsynet.ts‎

Lines changed: 72 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2645,6 +2645,78 @@ export const typography = [
26452645
attributes: {},
26462646
path: ['typography', 'paragraph', 'short', 'xsmall'],
26472647
},
2648+
{
2649+
value: "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.7 'Inter'",
2650+
type: 'typography',
2651+
filePath: '../../design-tokens/Base/Semantic.json',
2652+
isSource: false,
2653+
original: {
2654+
value: {
2655+
fontFamily: '{fontFamilies.inter}',
2656+
fontWeight: '{fontWeights.regular}',
2657+
lineHeight: '{lineHeights.700}',
2658+
fontSize: '{font-size.f1}',
2659+
},
2660+
type: 'typography',
2661+
},
2662+
name: '--fds-typography-paragraph-long-large',
2663+
attributes: {},
2664+
path: ['typography', 'paragraph', 'long', 'large'],
2665+
},
2666+
{
2667+
value: "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.7 'Inter'",
2668+
type: 'typography',
2669+
filePath: '../../design-tokens/Base/Semantic.json',
2670+
isSource: false,
2671+
original: {
2672+
value: {
2673+
fontFamily: '{fontFamilies.inter}',
2674+
fontWeight: '{fontWeights.regular}',
2675+
lineHeight: '{lineHeights.700}',
2676+
fontSize: '{font-size.f0}',
2677+
},
2678+
type: 'typography',
2679+
},
2680+
name: '--fds-typography-paragraph-long-medium',
2681+
attributes: {},
2682+
path: ['typography', 'paragraph', 'long', 'medium'],
2683+
},
2684+
{
2685+
value: "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.7 'Inter'",
2686+
type: 'typography',
2687+
filePath: '../../design-tokens/Base/Semantic.json',
2688+
isSource: false,
2689+
original: {
2690+
value: {
2691+
fontFamily: '{fontFamilies.inter}',
2692+
fontWeight: '{fontWeights.regular}',
2693+
lineHeight: '{lineHeights.700}',
2694+
fontSize: '{font-size.f-1}',
2695+
},
2696+
type: 'typography',
2697+
},
2698+
name: '--fds-typography-paragraph-long-small',
2699+
attributes: {},
2700+
path: ['typography', 'paragraph', 'long', 'small'],
2701+
},
2702+
{
2703+
value: "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.7 'Inter'",
2704+
type: 'typography',
2705+
filePath: '../../design-tokens/Base/Semantic.json',
2706+
isSource: false,
2707+
original: {
2708+
value: {
2709+
fontFamily: '{fontFamilies.inter}',
2710+
fontWeight: '{fontWeights.regular}',
2711+
lineHeight: '{lineHeights.700}',
2712+
fontSize: '{font-size.f-2}',
2713+
},
2714+
type: 'typography',
2715+
},
2716+
name: '--fds-typography-paragraph-long-xsmall',
2717+
attributes: {},
2718+
path: ['typography', 'paragraph', 'long', 'xsmall'],
2719+
},
26482720
{
26492721
value: "500 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'",
26502722
type: 'typography',

‎design-tokens/Base/Semantic.json‎

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -608,6 +608,44 @@
608608
},
609609
"type": "typography"
610610
}
611+
},
612+
"long": {
613+
"large": {
614+
"value": {
615+
"fontFamily": "{fontFamilies.inter}",
616+
"fontWeight": "{fontWeights.regular}",
617+
"lineHeight": "{lineHeights.700}",
618+
"fontSize": "{font-size.f1}"
619+
},
620+
"type": "typography"
621+
},
622+
"medium": {
623+
"value": {
624+
"fontFamily": "{fontFamilies.inter}",
625+
"fontWeight": "{fontWeights.regular}",
626+
"lineHeight": "{lineHeights.700}",
627+
"fontSize": "{font-size.f0}"
628+
},
629+
"type": "typography"
630+
},
631+
"small": {
632+
"value": {
633+
"fontFamily": "{fontFamilies.inter}",
634+
"fontWeight": "{fontWeights.regular}",
635+
"lineHeight": "{lineHeights.700}",
636+
"fontSize": "{font-size.f-1}"
637+
},
638+
"type": "typography"
639+
},
640+
"xsmall": {
641+
"value": {
642+
"fontFamily": "{fontFamilies.inter}",
643+
"fontWeight": "{fontWeights.regular}",
644+
"lineHeight": "{lineHeights.700}",
645+
"fontSize": "{font-size.f-2}"
646+
},
647+
"type": "typography"
648+
}
611649
}
612650
},
613651
"label": {

0 commit comments

Comments
 (0)