Skip to content

Commit

Permalink
feat(data): 1. Remove form.space.layout XS and WHAT IS THIS FOR. 2. U…
Browse files Browse the repository at this point in the history 
…pdate form.space.layout token names. 3. Remove form.space. option tokens. 4. Add many form.space.integral tokens.
  • Loading branch information
@clairedenning
clairedenning committed Feb 20, 2024
1 parent 1a50198 commit 29381d8
Showing 1 changed file with 116 additions and 71 deletions.
187 changes: 116 additions & 71 deletions data/tokens/Components/form.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,121 +21,166 @@
}
}
},
"input": {
"gap": {
"fileinput": {
"x": {
"M": {
"value": "{global.space.micro.S}",
"value": "{global.space.micro.XXL}",
"type": "spacing",
"description": "space between M size input label and icon"
"description": "Right left padding in File input (preview container)."
}
},
"px": {
"y": {
"M": {
"value": "{global.space.micro.XXL}",
"type": "spacing",
"description": "Left and right padding for M size input. Right padding on dropdown option. Right padding on Password input container. Left and right padding on password inputText.\n"
"description": "Top padding in file input (preview container)."
}
},
"py": {
"yg": {
"M": {
"value": "{global.space.micro.L}",
"value": "{global.space.micro.XXL}",
"type": "spacing",
"description": "Top and bottom padding for M size input and dropdown option."
"description": "Vertical gap in file input (input container)."
}
}
},
"fileinput": {
"inputgap": {
"integral": {
"numdate": {
"value": "{global.space.micro.S}",
"type": "spacing",
"description": "Space between secondarylabel&input in Numeral date."
},
"popover": {
"value": "{global.space.micro.M}",
"type": "spacing",
"description": "Space between input and popover"
},
"stack": {
"value": "{global.space.micro.L}",
"type": "spacing",
"description": "Space below labelset, before the input. Space between input and preview containers in File input. Space between input and character count."
},
"xg": {
"S": {
"value": "{global.space.micro.S}",
"type": "spacing",
"description": "Space between integral elements (ie checkbox&label, inputtext&icon,inputtext&button)"
},
"M": {
"value": "{global.space.micro.M}",
"type": "spacing",
"description": "Space between integral elements (ie checkbox&label, inputtext&icon,inputtext&button, dropdown option icon and label)"
},
"L": {
"value": "{global.space.micro.L}",
"type": "spacing",
"description": "Gap between placeholder and button in File input. Gap between checkbox/radio and label.\n"
"description": "Space between integral elements (ie checkbox&label, inputtext&icon,inputtext&button)"
}
},
"previewgap": {
}
},
"input": {
"stack": {
"S": {
"value": "{global.space.macro.XS}",
"type": "spacing",
"description": "Vertical gap on custom date range between the 2 inputs."
},
"M": {
"value": "{global.space.micro.XS}",
"value": "{global.space.macro.S}",
"type": "spacing",
"description": "Vertical gap on custom date range between the 2 inputs."
},
"L": {
"value": "{global.space.macro.M}",
"type": "spacing",
"description": "Gap between file name row and uploading status row\n"
"description": "Vertical gap on custom date range between the 2 inputs."
}
},
"px": {
"x": {
"S": {
"value": "{global.space.micro.L}",
"type": "spacing",
"description": "Left right padding on input."
},
"M": {
"value": "{global.space.micro.XXL}",
"type": "spacing",
"description": "Left and right padding for M size File input.\n"
"description": "Left right padding on input. Right padding on dropdown option."
},
"L": {
"value": "{global.space.macro.XS}",
"type": "spacing",
"description": "Left right padding on input."
}
},
"py": {
"xg": {
"S": {
"value": "{global.space.macro.XS}",
"type": "spacing",
"description": "Horizontal gap between checkboxes and radios within a group."
},
"M": {
"value": "{global.space.micro.XXL}",
"value": "{global.space.macro.S}",
"type": "spacing",
"description": "Top and bottom padding on File input"
}
}
},
"integral": {
"gap": {
"pv": {
"value": "{global.space.micro.L}",
"description": "Horizontal gap between checkboxes and radios within a group."
},
"L": {
"value": "{global.space.macro.M}",
"type": "spacing",
"description": "Space below labelset, before the input. Space between input and preview containers in File input."
"description": "Horizontal gap between checkboxes and radios within a group."
}
}
},
"layout": {
"XS": {
"value": "{global.space.macro.XS}",
"type": "spacing",
"description": "Spacing between horizontal and vertical XS form components"
},
"S": {
"value": "{global.space.macro.XS}",
"type": "spacing",
"description": "Spacing between horizontal and vertical S form components"
},
"M": {
"value": "{global.space.macro.S}",
"type": "spacing",
"description": "Spacing between horizontal and vertical M form components"
},
"L": {
"value": "{global.space.macro.M}",
"type": "spacing",
"description": "Spacing between horizontal and vertical L form components"
},
"WHAT IS THIS FOR": {
"value": "{global.space.macro.L}",
"type": "spacing"
}
},
"option": {
"icon": {
"M": {
"y": {
"S": {
"value": "{global.space.micro.S}",
"type": "spacing",
"description": "Right spacing on icon in dropdown option"
}
},
"heading": {
"description": "Top bottom padding on input."
},
"M": {
"value": "{global.space.micro.L}",
"type": "spacing",
"description": "Top bottom padding on input."
},
"L": {
"value": "{global.space.micro.XXL}",
"type": "spacing",
"description": "top padding on dropdown option heading"
"description": "Top bottom padding on input."
}
},
"prefix": {
"yg": {
"S": {
"value": "{global.space.micro.L}",
"type": "spacing",
"description": "Gap between rows of checkboxes or radios within a group."
},
"M": {
"value": "{global.space.micro.S}",
"value": "{global.space.micro.XXL}",
"type": "spacing",
"description": "Gap between rows of checkboxes or radios within a group."
},
"L": {
"value": "{global.space.macro.XS}",
"type": "spacing",
"description": "Right spacing on prefix in dropdown option"
"description": "Gap between rows of checkboxes or radios within a group."
}
},
"pr": {
}
},
"layout": {
"stack": {
"S": {
"value": "{global.space.macro.XS}",
"type": "spacing",
"description": "Spacing between horizontal and vertical S form components"
},
"M": {
"value": "{global.space.micro.XXL}",
"value": "{global.space.macro.S}",
"type": "spacing",
"description": "Spacing between horizontal and vertical M form components"
},
"L": {
"value": "{global.space.macro.M}",
"type": "spacing",
"description": "Right padding on option in M size Dropdown\n"
"description": "Spacing between horizontal and vertical L form components"
}
}
}
Expand Down

0 comments on commit 29381d8

Please sign in to comment.