Skip to content

Commit

Permalink
Incorporate icon.size, container.xsmall changes, addition of default …
Browse files Browse the repository at this point in the history
…to component names
  • Loading branch information
taysea committed Jan 28, 2025
1 parent fbef71c commit cdde242
Show file tree
Hide file tree
Showing 9 changed files with 10,075 additions and 9,968 deletions.
9,260 changes: 4,635 additions & 4,625 deletions design-tokens/tokens/component/component.default.json

Large diffs are not rendered by default.

9,280 changes: 4,645 additions & 4,635 deletions design-tokens/tokens/component/component.v1.json

Large diffs are not rendered by default.

10 changes: 5 additions & 5 deletions design-tokens/tokens/component/element.default.json
Original file line number Diff line number Diff line change
Expand Up @@ -126,7 +126,7 @@
"icon": {
"size": {
"$type": "number",
"$value": "{size.icon.xsmall}",
"$value": "{icon.xsmall.size}",
"$description": "",
"$extensions": {
"com.figma": {
Expand Down Expand Up @@ -312,7 +312,7 @@
"icon": {
"size": {
"$type": "number",
"$value": "{size.icon.small}",
"$value": "{icon.small.size}",
"$description": "",
"$extensions": {
"com.figma": {
Expand Down Expand Up @@ -474,7 +474,7 @@
"icon": {
"size": {
"$type": "number",
"$value": "{size.icon.medium}",
"$value": "{icon.medium.size}",
"$description": "",
"$extensions": {
"com.figma": {
Expand Down Expand Up @@ -636,7 +636,7 @@
"icon": {
"size": {
"$type": "number",
"$value": "{size.icon.large}",
"$value": "{icon.large.size}",
"$description": "",
"$extensions": {
"com.figma": {
Expand Down Expand Up @@ -798,7 +798,7 @@
"icon": {
"size": {
"$type": "number",
"$value": "{size.icon.xlarge}",
"$value": "{icon.xlarge.size}",
"$description": "",
"$extensions": {
"com.figma": {
Expand Down
4 changes: 2 additions & 2 deletions design-tokens/tokens/primitive/primitives.default.json
Original file line number Diff line number Diff line change
Expand Up @@ -768,7 +768,7 @@
"green": {
"100": {
"$type": "color",
"$value": "#cbfaeb",
"$value": "#d1ffee",
"$description": "",
"$extensions": {
"com.figma": {
Expand All @@ -780,7 +780,7 @@
},
"125": {
"$type": "color",
"$value": "#aef6df",
"$value": "#aafade",
"$description": "",
"$extensions": {
"com.figma": {
Expand Down
280 changes: 145 additions & 135 deletions design-tokens/tokens/semantic/dimension.medium.json
Original file line number Diff line number Diff line change
Expand Up @@ -353,143 +353,143 @@
}
}
},
"size": {
"container": {
"5xsmall": {
"$type": "number",
"$value": "{static.container.5xsmall}",
"$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["WIDTH_HEIGHT"],
"codeSyntax": {}
}
}
},
"4xsmall": {
"$type": "number",
"$value": "{static.container.4xsmall}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["WIDTH_HEIGHT"],
"codeSyntax": {}
}
"container": {
"5xsmall": {
"$type": "number",
"$value": "{static.container.5xsmall}",
"$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["WIDTH_HEIGHT"],
"codeSyntax": {}
}
},
"3xsmall": {
"$type": "number",
"$value": "{static.container.3xsmall}",
"$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["WIDTH_HEIGHT"],
"codeSyntax": {}
}
}
},
"4xsmall": {
"$type": "number",
"$value": "{static.container.4xsmall}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["WIDTH_HEIGHT"],
"codeSyntax": {}
}
},
"xxsmall": {
"$type": "number",
"$value": "{static.container.xxsmall}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["WIDTH_HEIGHT"],
"codeSyntax": {}
}
}
},
"3xsmall": {
"$type": "number",
"$value": "{static.container.3xsmall}",
"$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["WIDTH_HEIGHT"],
"codeSyntax": {}
}
},
"xsmall": {
"$type": "number",
"$value": "{static.container.xsmall}",
"$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["WIDTH_HEIGHT"],
"codeSyntax": {}
}
}
},
"xxsmall": {
"$type": "number",
"$value": "{static.container.xxsmall}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["WIDTH_HEIGHT"],
"codeSyntax": {}
}
},
"small": {
"$type": "number",
"$value": "{static.container.small}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["WIDTH_HEIGHT"],
"codeSyntax": {}
}
}
},
"xsmall": {
"$type": "number",
"$value": "{static.container.xsmall}",
"$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["WIDTH_HEIGHT"],
"codeSyntax": {}
}
},
"medium": {
"$type": "number",
"$value": "{static.container.medium}",
"$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["WIDTH_HEIGHT"],
"codeSyntax": {}
}
}
},
"small": {
"$type": "number",
"$value": "{static.container.small}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["WIDTH_HEIGHT"],
"codeSyntax": {}
}
},
"large": {
"$type": "number",
"$value": "{static.container.large}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["WIDTH_HEIGHT"],
"codeSyntax": {}
}
}
},
"medium": {
"$type": "number",
"$value": "{static.container.medium}",
"$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["WIDTH_HEIGHT"],
"codeSyntax": {}
}
},
"xlarge": {
"$type": "number",
"$value": "{static.container.xlarge}",
"$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["WIDTH_HEIGHT"],
"codeSyntax": {}
}
}
},
"large": {
"$type": "number",
"$value": "{static.container.large}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["WIDTH_HEIGHT"],
"codeSyntax": {}
}
},
"xxlarge": {
"$type": "number",
"$value": "{static.container.xxlarge}",
"$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["WIDTH_HEIGHT"],
"codeSyntax": {}
}
}
},
"xlarge": {
"$type": "number",
"$value": "{static.container.xlarge}",
"$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["WIDTH_HEIGHT"],
"codeSyntax": {}
}
},
"3xlarge": {
"$type": "number",
"$value": "{static.container.3xlarge}",
"$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["WIDTH_HEIGHT"],
"codeSyntax": {}
}
}
},
"xxlarge": {
"$type": "number",
"$value": "{static.container.xxlarge}",
"$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["WIDTH_HEIGHT"],
"codeSyntax": {}
}
}
},
"icon": {
"xsmall": {
"3xlarge": {
"$type": "number",
"$value": "{static.container.3xlarge}",
"$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["WIDTH_HEIGHT"],
"codeSyntax": {}
}
}
}
},
"icon": {
"xsmall": {
"size": {
"$type": "number",
"$value": "{base.dimension.350}",
"$description": "",
Expand All @@ -500,8 +500,10 @@
"codeSyntax": {}
}
}
},
"small": {
}
},
"small": {
"size": {
"$type": "number",
"$value": "{base.dimension.400}",
"$description": "",
Expand All @@ -512,8 +514,10 @@
"codeSyntax": {}
}
}
},
"medium": {
}
},
"medium": {
"size": {
"$type": "number",
"$value": "{base.dimension.450}",
"$description": "",
Expand All @@ -524,8 +528,10 @@
"codeSyntax": {}
}
}
},
"large": {
}
},
"large": {
"size": {
"$type": "number",
"$value": "{base.dimension.550}",
"$description": "",
Expand All @@ -536,8 +542,10 @@
"codeSyntax": {}
}
}
},
"xlarge": {
}
},
"xlarge": {
"size": {
"$type": "number",
"$value": "{base.dimension.600}",
"$description": "",
Expand All @@ -548,8 +556,10 @@
"codeSyntax": {}
}
}
},
"xxlarge": {
}
},
"xxlarge": {
"size": {
"$type": "number",
"$value": "{base.dimension.900}",
"$description": "",
Expand Down
Loading

0 comments on commit cdde242

Please sign in to comment.