Skip to content

Commit

Permalink
updated spacing/sizing tokens to rem
Browse files Browse the repository at this point in the history
  • Loading branch information
@mimarz
mimarz committed Mar 15, 2024
1 parent 34210db commit 5c8cd01
Show file tree
Hide file tree
Showing 10 changed files with 330 additions and 317 deletions.
78 changes: 38 additions & 40 deletions apps/storefront/tokens/altinn.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3079,7 +3079,7 @@ export const borderRadius = [

export const spacing = [
{
value: 'calc(0)',
value: '0rem',
type: 'spacing',
filePath: '../../design-tokens/Base/Semantic.json',
isSource: false,
Expand All @@ -3092,7 +3092,7 @@ export const spacing = [
path: ['spacing', '0'],
},
{
value: 'calc(4)',
value: '0.25rem',
type: 'spacing',
filePath: '../../design-tokens/Base/Semantic.json',
isSource: false,
Expand All @@ -3105,7 +3105,7 @@ export const spacing = [
path: ['spacing', '1'],
},
{
value: 'calc(8)',
value: '0.5rem',
type: 'spacing',
filePath: '../../design-tokens/Base/Semantic.json',
isSource: false,
Expand All @@ -3118,7 +3118,7 @@ export const spacing = [
path: ['spacing', '2'],
},
{
value: 'calc(12)',
value: '0.75rem',
type: 'spacing',
filePath: '../../design-tokens/Base/Semantic.json',
isSource: false,
Expand All @@ -3131,7 +3131,7 @@ export const spacing = [
path: ['spacing', '3'],
},
{
value: 'calc(16)',
value: '1rem',
type: 'spacing',
filePath: '../../design-tokens/Base/Semantic.json',
isSource: false,
Expand All @@ -3144,7 +3144,7 @@ export const spacing = [
path: ['spacing', '4'],
},
{
value: 'calc(20)',
value: '1.25rem',
type: 'spacing',
filePath: '../../design-tokens/Base/Semantic.json',
isSource: false,
Expand All @@ -3157,7 +3157,7 @@ export const spacing = [
path: ['spacing', '5'],
},
{
value: 'calc(24)',
value: '1.5rem',
type: 'spacing',
filePath: '../../design-tokens/Base/Semantic.json',
isSource: false,
Expand All @@ -3170,7 +3170,7 @@ export const spacing = [
path: ['spacing', '6'],
},
{
value: 'calc(28)',
value: '1.75rem',
type: 'spacing',
filePath: '../../design-tokens/Base/Semantic.json',
isSource: false,
Expand All @@ -3183,7 +3183,7 @@ export const spacing = [
path: ['spacing', '7'],
},
{
value: 'calc(32)',
value: '2rem',
type: 'spacing',
filePath: '../../design-tokens/Base/Semantic.json',
isSource: false,
Expand All @@ -3196,7 +3196,7 @@ export const spacing = [
path: ['spacing', '8'],
},
{
value: 'calc(36)',
value: '2.25rem',
type: 'spacing',
filePath: '../../design-tokens/Base/Semantic.json',
isSource: false,
Expand All @@ -3209,7 +3209,7 @@ export const spacing = [
path: ['spacing', '9'],
},
{
value: 'calc(40)',
value: '2.5rem',
type: 'spacing',
filePath: '../../design-tokens/Base/Semantic.json',
isSource: false,
Expand All @@ -3222,7 +3222,7 @@ export const spacing = [
path: ['spacing', '10'],
},
{
value: 'calc(44)',
value: '2.75rem',
type: 'spacing',
filePath: '../../design-tokens/Base/Semantic.json',
isSource: false,
Expand All @@ -3235,22 +3235,20 @@ export const spacing = [
path: ['spacing', '11'],
},
{
value: 'calc(48)',
value: '3rem',
type: 'spacing',
description: '48px - 54px',
filePath: '../../design-tokens/Base/Semantic.json',
isSource: false,
original: {
value: '{base_sizing}*12',
type: 'spacing',
description: '48px - 54px',
},
name: '--fds-spacing-12',
attributes: {},
path: ['spacing', '12'],
},
{
value: 'calc(52)',
value: '3.25rem',
type: 'spacing',
filePath: '../../design-tokens/Base/Semantic.json',
isSource: false,
Expand All @@ -3263,7 +3261,7 @@ export const spacing = [
path: ['spacing', '13'],
},
{
value: 'calc(56)',
value: '3.5rem',
type: 'spacing',
filePath: '../../design-tokens/Base/Semantic.json',
isSource: false,
Expand All @@ -3276,7 +3274,7 @@ export const spacing = [
path: ['spacing', '14'],
},
{
value: 'calc(72)',
value: '4.5rem',
type: 'spacing',
filePath: '../../design-tokens/Base/Semantic.json',
isSource: false,
Expand All @@ -3289,7 +3287,7 @@ export const spacing = [
path: ['spacing', '18'],
},
{
value: 'calc(88)',
value: '5.5rem',
type: 'spacing',
filePath: '../../design-tokens/Base/Semantic.json',
isSource: false,
Expand All @@ -3302,7 +3300,7 @@ export const spacing = [
path: ['spacing', '22'],
},
{
value: 'calc(104)',
value: '6.5rem',
type: 'spacing',
filePath: '../../design-tokens/Base/Semantic.json',
isSource: false,
Expand All @@ -3315,7 +3313,7 @@ export const spacing = [
path: ['spacing', '26'],
},
{
value: 'calc(120)',
value: '7.5rem',
type: 'spacing',
filePath: '../../design-tokens/Base/Semantic.json',
isSource: false,
Expand All @@ -3331,7 +3329,7 @@ export const spacing = [

export const sizing = [
{
value: 'calc(0)',
value: '0rem',
type: 'sizing',
filePath: '../../design-tokens/Base/Semantic.json',
isSource: false,
Expand All @@ -3344,7 +3342,7 @@ export const sizing = [
path: ['sizing', '0'],
},
{
value: 'calc(4)',
value: '0.25rem',
type: 'sizing',
filePath: '../../design-tokens/Base/Semantic.json',
isSource: false,
Expand All @@ -3357,7 +3355,7 @@ export const sizing = [
path: ['sizing', '1'],
},
{
value: 'calc(8)',
value: '0.5rem',
type: 'sizing',
filePath: '../../design-tokens/Base/Semantic.json',
isSource: false,
Expand All @@ -3370,7 +3368,7 @@ export const sizing = [
path: ['sizing', '2'],
},
{
value: 'calc(12)',
value: '0.75rem',
type: 'sizing',
filePath: '../../design-tokens/Base/Semantic.json',
isSource: false,
Expand All @@ -3383,7 +3381,7 @@ export const sizing = [
path: ['sizing', '3'],
},
{
value: 'calc(16)',
value: '1rem',
type: 'sizing',
filePath: '../../design-tokens/Base/Semantic.json',
isSource: false,
Expand All @@ -3396,7 +3394,7 @@ export const sizing = [
path: ['sizing', '4'],
},
{
value: 'calc(20)',
value: '1.25rem',
type: 'sizing',
filePath: '../../design-tokens/Base/Semantic.json',
isSource: false,
Expand All @@ -3409,7 +3407,7 @@ export const sizing = [
path: ['sizing', '5'],
},
{
value: 'calc(24)',
value: '1.5rem',
type: 'sizing',
filePath: '../../design-tokens/Base/Semantic.json',
isSource: false,
Expand All @@ -3422,7 +3420,7 @@ export const sizing = [
path: ['sizing', '6'],
},
{
value: 'calc(28)',
value: '1.75rem',
type: 'sizing',
filePath: '../../design-tokens/Base/Semantic.json',
isSource: false,
Expand All @@ -3435,7 +3433,7 @@ export const sizing = [
path: ['sizing', '7'],
},
{
value: 'calc(32)',
value: '2rem',
type: 'sizing',
filePath: '../../design-tokens/Base/Semantic.json',
isSource: false,
Expand All @@ -3448,7 +3446,7 @@ export const sizing = [
path: ['sizing', '8'],
},
{
value: 'calc(36)',
value: '2.25rem',
type: 'sizing',
filePath: '../../design-tokens/Base/Semantic.json',
isSource: false,
Expand All @@ -3461,7 +3459,7 @@ export const sizing = [
path: ['sizing', '9'],
},
{
value: 'calc(40)',
value: '2.5rem',
type: 'sizing',
filePath: '../../design-tokens/Base/Semantic.json',
isSource: false,
Expand All @@ -3474,7 +3472,7 @@ export const sizing = [
path: ['sizing', '10'],
},
{
value: 'calc(44)',
value: '2.75rem',
type: 'sizing',
filePath: '../../design-tokens/Base/Semantic.json',
isSource: false,
Expand All @@ -3487,7 +3485,7 @@ export const sizing = [
path: ['sizing', '11'],
},
{
value: 'calc(48)',
value: '3rem',
type: 'sizing',
filePath: '../../design-tokens/Base/Semantic.json',
isSource: false,
Expand All @@ -3500,7 +3498,7 @@ export const sizing = [
path: ['sizing', '12'],
},
{
value: 'calc(52)',
value: '3.25rem',
type: 'sizing',
filePath: '../../design-tokens/Base/Semantic.json',
isSource: false,
Expand All @@ -3513,7 +3511,7 @@ export const sizing = [
path: ['sizing', '13'],
},
{
value: 'calc(56)',
value: '3.5rem',
type: 'sizing',
filePath: '../../design-tokens/Base/Semantic.json',
isSource: false,
Expand All @@ -3526,7 +3524,7 @@ export const sizing = [
path: ['sizing', '14'],
},
{
value: 'calc(72)',
value: '4.5rem',
type: 'sizing',
filePath: '../../design-tokens/Base/Semantic.json',
isSource: false,
Expand All @@ -3539,7 +3537,7 @@ export const sizing = [
path: ['sizing', '18'],
},
{
value: 'calc(88)',
value: '5.5rem',
type: 'sizing',
filePath: '../../design-tokens/Base/Semantic.json',
isSource: false,
Expand All @@ -3552,7 +3550,7 @@ export const sizing = [
path: ['sizing', '22'],
},
{
value: 'calc(104)',
value: '6.5rem',
type: 'sizing',
filePath: '../../design-tokens/Base/Semantic.json',
isSource: false,
Expand All @@ -3565,7 +3563,7 @@ export const sizing = [
path: ['sizing', '26'],
},
{
value: 'calc(120)',
value: '7.5rem',
type: 'sizing',
filePath: '../../design-tokens/Base/Semantic.json',
isSource: false,
Expand Down
Loading

0 comments on commit 5c8cd01

Please sign in to comment.