feat(data): 1. Add container sizing token for subscriptiontile.produc…

…tidentifier. 2. Add spacing tokens for subscription tile. 3. Update description on feedback.size.pill tokens. 4. Remove form.color.calendar.bg-default. 5. Add form.space.calendar tokens. 6. Reorder form code to be alphabetical.
Sage · Feb 23, 2024 · 86dc5f0 · 86dc5f0
1 parent f07cae2
commit 86dc5f0
Show file tree

Hide file tree

Showing 4 changed files with 119 additions and 60 deletions.
diff --git a/data/tokens/$themes.json b/data/tokens/$themes.json
@@ -83,7 +83,6 @@
       "link.color.standard.subtle.label-default": "S:e3389ec1920396e177f890907cea5d9dfa4b0b74,",
       "link.color.standard.subtle.label-hover": "S:7310034be4005eb6ff7108604cd548e28f481149,",
       "form.color.calendar.bg-active": "S:5281580bd37d64d73d5cd3db9155dd67e243df06,",
-      "form.color.calendar.bg-default": "S:93ee86faa440be31916848ad381e1e4e25cd4bf6,",
       "form.color.calendar.bg-disabled": "S:e8862eb5186e57c2a7f294e9a6ddf561407ccd7d,",
       "form.color.calendar.bg-hover": "S:89de13fbf4b2096fa6517938700ebc8a86ef57ff,",
       "form.color.calendar.border-duration": "S:b057379341a3d420ea18e4812ffd89f085eb1ee5,",

diff --git a/data/tokens/Components/container.json b/data/tokens/Components/container.json
@@ -293,6 +293,18 @@
           "description": "scrollbar handle"
         }
       },
+      "subscriptiontile": {
+        "footer": {
+          "value": "{global.size.macro.L}",
+          "type": "sizing",
+          "description": "Product identifier\n"
+        },
+        "productidentifier": {
+          "value": "{global.size.macro.L}",
+          "type": "sizing",
+          "description": "Product identifier\n"
+        }
+      },
       "tooltipArrow": {
         "width": {
           "value": "{global.size.micro.XXL}",
@@ -538,6 +550,38 @@
           "type": "spacing",
           "description": "Gap between text elements inside timestamp."
         }
+      },
+      "subscriptiontile": {
+        "x": {
+          "M": {
+            "value": "{global.space.macro.XS}",
+            "type": "spacing",
+            "description": "Left and right padding on Subscription tile container"
+          }
+        },
+        "y": {
+          "M": {
+            "value": "{global.space.macro.XS}",
+            "type": "spacing",
+            "description": "Top bottom padding on Subscription tile container"
+          }
+        },
+        "yg": {
+          "M": {
+            "value": "{global.space.macro.XS}",
+            "type": "spacing",
+            "description": "Vertical gap between content blocks in Subscription tile."
+          }
+        },
+        "footer": {
+          "yg": {
+            "M": {
+              "value": "{global.space.micro.L}",
+              "type": "spacing",
+              "description": "Top bottom padding in footer."
+            }
+          }
+        }
       }
     },
     "boxshadow": {

diff --git a/data/tokens/Components/feedback.json b/data/tokens/Components/feedback.json
@@ -270,19 +270,23 @@
       "pill": {
         "S": {
           "value": "{global.size.macro.XS} - {global.size.micro.XS}",
-          "type": "sizing"
+          "type": "sizing",
+          "description": "Min height"
         },
         "M": {
           "value": "{global.size.macro.XS}",
-          "type": "sizing"
+          "type": "sizing",
+          "description": "Min height and removable button."
         },
         "L": {
           "value": "{global.size.macro.XS} + {global.size.micro.XS}",
-          "type": "sizing"
+          "type": "sizing",
+          "description": "Min height and removable button"
         },
         "XL": {
           "value": "{global.size.macro.S}",
-          "type": "sizing"
+          "type": "sizing",
+          "description": "Min height and removable button"
         }
       },
       "message": {

diff --git a/data/tokens/Components/form.json b/data/tokens/Components/form.json
@@ -42,6 +42,22 @@
           }
         }
       },
+      "calendar": {
+        "largevp": {
+          "M": {
+            "value": "{global.space.macro.M}",
+            "type": "spacing",
+            "description": "Horizontal padding on calendar, for large viewports."
+          }
+        },
+        "smallvp": {
+          "M": {
+            "value": "{global.space.micro.S}",
+            "type": "spacing",
+            "description": "Horizontal padding on calendar, for small viewports."
+          }
+        }
+      },
       "integral": {
         "numdate": {
           "value": "{global.space.micro.S}",
@@ -193,21 +209,38 @@
         "type": "sizing",
         "description": "icon"
       },
-      "input": {
+      "calendar": {
+        "date": {
+          "value": "{global.size.macro.M}",
+          "type": "sizing",
+          "description": "date buttons\n"
+        },
+        "day": {
+          "value": "{global.size.macro.M}",
+          "type": "sizing",
+          "description": "Calendar day of the week HEIGHT\n"
+        },
+        "today": {
+          "value": "{global.size.micro.XS}",
+          "type": "sizing",
+          "description": "today underline"
+        }
+      },
+      "checkbox": {
         "S": {
-          "value": "{global.size.macro.S}",
+          "value": "{global.size.macro.XXS}",
           "type": "sizing",
-          "description": "min-height on S inputs"
+          "description": "S checkboxes"
         },
         "M": {
-          "value": "{global.size.macro.M}",
+          "value": "{global.size.macro.XS}",
           "type": "sizing",
-          "description": "Min height on M Inputs and M Dropdowns. Fixed height on Calendar days"
+          "description": "M checkboxes"
         },
         "L": {
-          "value": "{global.size.macro.L}",
+          "value": "{global.size.macro.S}",
           "type": "sizing",
-          "description": "L Inputs, Color picker square"
+          "description": "L checkboxes"
         }
       },
       "fileinput": {
@@ -217,49 +250,49 @@
           "description": "File input container for thumbnail, progress, or icon."
         }
       },
+      "input": {
+        "S": {
+          "value": "{global.size.macro.S}",
+          "type": "sizing",
+          "description": "min-height on S inputs"
+        },
+        "M": {
+          "value": "{global.size.macro.M}",
+          "type": "sizing",
+          "description": "Min height on M Inputs and M Dropdowns. Fixed height on Calendar days"
+        },
+        "L": {
+          "value": "{global.size.macro.L}",
+          "type": "sizing",
+          "description": "L Inputs, Color picker square"
+        }
+      },
       "switch": {
-        "handle": {
+        "container": {
           "M": {
-            "value": "{global.size.macro.XXS}",
+            "value": "{global.size.macro.S}",
             "type": "sizing",
-            "description": "S switch knob"
+            "description": "S switch container"
           },
           "L": {
-            "value": "{global.size.macro.XS} + {global.size.micro.XS}",
+            "value": "{global.size.macro.L}",
             "type": "sizing",
-            "description": "L switch knob"
+            "description": "L switch container"
           }
         },
-        "container": {
+        "handle": {
           "M": {
-            "value": "{global.size.macro.S}",
+            "value": "{global.size.macro.XXS}",
             "type": "sizing",
-            "description": "S switch container"
+            "description": "S switch knob"
           },
           "L": {
-            "value": "{global.size.macro.L}",
+            "value": "{global.size.macro.XS} + {global.size.micro.XS}",
             "type": "sizing",
-            "description": "L switch container"
+            "description": "L switch knob"
           }
         }
       },
-      "checkbox": {
-        "S": {
-          "value": "{global.size.macro.XXS}",
-          "type": "sizing",
-          "description": "S checkboxes"
-        },
-        "M": {
-          "value": "{global.size.macro.XS}",
-          "type": "sizing",
-          "description": "M checkboxes"
-        },
-        "L": {
-          "value": "{global.size.macro.S}",
-          "type": "sizing",
-          "description": "L checkboxes"
-        }
-      },
       "radio": {
         "circle": {
           "S": {
@@ -296,23 +329,6 @@
           }
         }
       },
-      "calendar": {
-        "date": {
-          "value": "{global.size.macro.M}",
-          "type": "sizing",
-          "description": "date buttons\n"
-        },
-        "day": {
-          "value": "{global.size.macro.M}",
-          "type": "sizing",
-          "description": "Calendar day of the week HEIGHT\n"
-        },
-        "today": {
-          "value": "{global.size.micro.XS}",
-          "type": "sizing",
-          "description": "today underline"
-        }
-      },
       "validation": {
         "bar": {
           "value": "{global.size.micro.XXS}",
@@ -327,10 +343,6 @@
           "value": "{base.color.interactive.monochrome.standard.active}",
           "type": "color"
         },
-        "bg-default": {
-          "value": "{base.color.interactive.monochrome.standard.withActive}",
-          "type": "color"
-        },
         "bg-disabled": {
           "value": "{base.color.interactive.inactive.standard.defaultAlt}",
           "type": "color"