Skip to content

Commit

Permalink
feat: added dynamic border radius tokens (#2893)
Browse files Browse the repository at this point in the history 
resolves: #2681

Tested in Figma

---------

Co-authored-by: Michael Marszalek <[email protected]>
  • Loading branch information
@Febakke @mimarz
Febakke and mimarz authored Dec 16, 2024
1 parent d62396f commit 75a0398
Show file tree
Hide file tree
Showing 33 changed files with 282 additions and 118 deletions.
24 changes: 20 additions & 4 deletions apps/storefront/tokens/altinn/dark.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2337,7 +2337,7 @@ export const color = [
export const dimension = [
{
$type: "dimension",
$value: "min( 0.25rem , 0.25rem *1)",
$value: "min( (0.25rem*0.5) , 0.25rem *1)",
filePath: "../../design-tokens/semantic/style.json",
isSource: false,
original: {
Expand Down Expand Up @@ -2369,7 +2369,7 @@ export const dimension = [
},
{
$type: "dimension",
$value: "min( 0.25rem , 0.25rem *5)",
$value: "min( (0.25rem*2) , 0.25rem *5)",
filePath: "../../design-tokens/semantic/style.json",
isSource: false,
original: {
Expand All @@ -2385,13 +2385,29 @@ export const dimension = [
},
{
$type: "dimension",
$value: "0.25rem",
$value: "min( (0.25rem*3) , 0.25rem *5)",
filePath: "../../design-tokens/semantic/style.json",
isSource: false,
original: {
$type: "dimension",
$value: "{border-radius.4}"
},
name: "--ds-border-radius-xl",
attributes: {},
path: [
"border-radius",
"xl"
]
},
{
$type: "dimension",
$value: "0.25rem",
filePath: "../../design-tokens/semantic/style.json",
isSource: false,
original: {
$type: "dimension",
$value: "{border-radius.5}"
},
name: "--ds-border-radius-default",
attributes: {},
path: [
Expand All @@ -2406,7 +2422,7 @@ export const dimension = [
isSource: false,
original: {
$type: "dimension",
$value: "{border-radius.5}"
$value: "{border-radius.6}"
},
name: "--ds-border-radius-full",
attributes: {},
Expand Down
24 changes: 20 additions & 4 deletions apps/storefront/tokens/altinn/light.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2337,7 +2337,7 @@ export const color = [
export const dimension = [
{
$type: "dimension",
$value: "min( 0.25rem , 0.25rem *1)",
$value: "min( (0.25rem*0.5) , 0.25rem *1)",
filePath: "../../design-tokens/semantic/style.json",
isSource: false,
original: {
Expand Down Expand Up @@ -2369,7 +2369,7 @@ export const dimension = [
},
{
$type: "dimension",
$value: "min( 0.25rem , 0.25rem *5)",
$value: "min( (0.25rem*2) , 0.25rem *5)",
filePath: "../../design-tokens/semantic/style.json",
isSource: false,
original: {
Expand All @@ -2385,13 +2385,29 @@ export const dimension = [
},
{
$type: "dimension",
$value: "0.25rem",
$value: "min( (0.25rem*3) , 0.25rem *5)",
filePath: "../../design-tokens/semantic/style.json",
isSource: false,
original: {
$type: "dimension",
$value: "{border-radius.4}"
},
name: "--ds-border-radius-xl",
attributes: {},
path: [
"border-radius",
"xl"
]
},
{
$type: "dimension",
$value: "0.25rem",
filePath: "../../design-tokens/semantic/style.json",
isSource: false,
original: {
$type: "dimension",
$value: "{border-radius.5}"
},
name: "--ds-border-radius-default",
attributes: {},
path: [
Expand All @@ -2406,7 +2422,7 @@ export const dimension = [
isSource: false,
original: {
$type: "dimension",
$value: "{border-radius.5}"
$value: "{border-radius.6}"
},
name: "--ds-border-radius-full",
attributes: {},
Expand Down
24 changes: 20 additions & 4 deletions apps/storefront/tokens/digdir/dark.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2337,7 +2337,7 @@ export const color = [
export const dimension = [
{
$type: "dimension",
$value: "min( 0.25rem , 0.25rem *1)",
$value: "min( (0.25rem*0.5) , 0.25rem *1)",
filePath: "../../design-tokens/semantic/style.json",
isSource: false,
original: {
Expand Down Expand Up @@ -2369,7 +2369,7 @@ export const dimension = [
},
{
$type: "dimension",
$value: "min( 0.25rem , 0.25rem *5)",
$value: "min( (0.25rem*2) , 0.25rem *5)",
filePath: "../../design-tokens/semantic/style.json",
isSource: false,
original: {
Expand All @@ -2385,13 +2385,29 @@ export const dimension = [
},
{
$type: "dimension",
$value: "0.25rem",
$value: "min( (0.25rem*3) , 0.25rem *5)",
filePath: "../../design-tokens/semantic/style.json",
isSource: false,
original: {
$type: "dimension",
$value: "{border-radius.4}"
},
name: "--ds-border-radius-xl",
attributes: {},
path: [
"border-radius",
"xl"
]
},
{
$type: "dimension",
$value: "0.25rem",
filePath: "../../design-tokens/semantic/style.json",
isSource: false,
original: {
$type: "dimension",
$value: "{border-radius.5}"
},
name: "--ds-border-radius-default",
attributes: {},
path: [
Expand All @@ -2406,7 +2422,7 @@ export const dimension = [
isSource: false,
original: {
$type: "dimension",
$value: "{border-radius.5}"
$value: "{border-radius.6}"
},
name: "--ds-border-radius-full",
attributes: {},
Expand Down
24 changes: 20 additions & 4 deletions apps/storefront/tokens/digdir/light.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2337,7 +2337,7 @@ export const color = [
export const dimension = [
{
$type: "dimension",
$value: "min( 0.25rem , 0.25rem *1)",
$value: "min( (0.25rem*0.5) , 0.25rem *1)",
filePath: "../../design-tokens/semantic/style.json",
isSource: false,
original: {
Expand Down Expand Up @@ -2369,7 +2369,7 @@ export const dimension = [
},
{
$type: "dimension",
$value: "min( 0.25rem , 0.25rem *5)",
$value: "min( (0.25rem*2) , 0.25rem *5)",
filePath: "../../design-tokens/semantic/style.json",
isSource: false,
original: {
Expand All @@ -2385,13 +2385,29 @@ export const dimension = [
},
{
$type: "dimension",
$value: "0.25rem",
$value: "min( (0.25rem*3) , 0.25rem *5)",
filePath: "../../design-tokens/semantic/style.json",
isSource: false,
original: {
$type: "dimension",
$value: "{border-radius.4}"
},
name: "--ds-border-radius-xl",
attributes: {},
path: [
"border-radius",
"xl"
]
},
{
$type: "dimension",
$value: "0.25rem",
filePath: "../../design-tokens/semantic/style.json",
isSource: false,
original: {
$type: "dimension",
$value: "{border-radius.5}"
},
name: "--ds-border-radius-default",
attributes: {},
path: [
Expand All @@ -2406,7 +2422,7 @@ export const dimension = [
isSource: false,
original: {
$type: "dimension",
$value: "{border-radius.5}"
$value: "{border-radius.6}"
},
name: "--ds-border-radius-full",
attributes: {},
Expand Down
24 changes: 20 additions & 4 deletions apps/storefront/tokens/portal/dark.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2337,7 +2337,7 @@ export const color = [
export const dimension = [
{
$type: "dimension",
$value: "min( 0.25rem , 0.25rem *1)",
$value: "min( (0.25rem*0.5) , 0.25rem *1)",
filePath: "../../design-tokens/semantic/style.json",
isSource: false,
original: {
Expand Down Expand Up @@ -2369,7 +2369,7 @@ export const dimension = [
},
{
$type: "dimension",
$value: "min( 0.25rem , 0.25rem *5)",
$value: "min( (0.25rem*2) , 0.25rem *5)",
filePath: "../../design-tokens/semantic/style.json",
isSource: false,
original: {
Expand All @@ -2385,13 +2385,29 @@ export const dimension = [
},
{
$type: "dimension",
$value: "0.25rem",
$value: "min( (0.25rem*3) , 0.25rem *5)",
filePath: "../../design-tokens/semantic/style.json",
isSource: false,
original: {
$type: "dimension",
$value: "{border-radius.4}"
},
name: "--ds-border-radius-xl",
attributes: {},
path: [
"border-radius",
"xl"
]
},
{
$type: "dimension",
$value: "0.25rem",
filePath: "../../design-tokens/semantic/style.json",
isSource: false,
original: {
$type: "dimension",
$value: "{border-radius.5}"
},
name: "--ds-border-radius-default",
attributes: {},
path: [
Expand All @@ -2406,7 +2422,7 @@ export const dimension = [
isSource: false,
original: {
$type: "dimension",
$value: "{border-radius.5}"
$value: "{border-radius.6}"
},
name: "--ds-border-radius-full",
attributes: {},
Expand Down
24 changes: 20 additions & 4 deletions apps/storefront/tokens/portal/light.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2337,7 +2337,7 @@ export const color = [
export const dimension = [
{
$type: "dimension",
$value: "min( 0.25rem , 0.25rem *1)",
$value: "min( (0.25rem*0.5) , 0.25rem *1)",
filePath: "../../design-tokens/semantic/style.json",
isSource: false,
original: {
Expand Down Expand Up @@ -2369,7 +2369,7 @@ export const dimension = [
},
{
$type: "dimension",
$value: "min( 0.25rem , 0.25rem *5)",
$value: "min( (0.25rem*2) , 0.25rem *5)",
filePath: "../../design-tokens/semantic/style.json",
isSource: false,
original: {
Expand All @@ -2385,13 +2385,29 @@ export const dimension = [
},
{
$type: "dimension",
$value: "0.25rem",
$value: "min( (0.25rem*3) , 0.25rem *5)",
filePath: "../../design-tokens/semantic/style.json",
isSource: false,
original: {
$type: "dimension",
$value: "{border-radius.4}"
},
name: "--ds-border-radius-xl",
attributes: {},
path: [
"border-radius",
"xl"
]
},
{
$type: "dimension",
$value: "0.25rem",
filePath: "../../design-tokens/semantic/style.json",
isSource: false,
original: {
$type: "dimension",
$value: "{border-radius.5}"
},
name: "--ds-border-radius-default",
attributes: {},
path: [
Expand All @@ -2406,7 +2422,7 @@ export const dimension = [
isSource: false,
original: {
$type: "dimension",
$value: "{border-radius.5}"
$value: "{border-radius.6}"
},
name: "--ds-border-radius-full",
attributes: {},
Expand Down
Loading

0 comments on commit 75a0398

Please sign in to comment.