@adobe/spectrum-tokens 13.0.0-beta.49 → 13.0.0-beta.50

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @adobe/spectrum-tokens
 
+## 13.0.0-beta.50
+
+### Minor Changes
+
+- [#425](https://github.com/adobe/spectrum-tokens/pull/425) [`91f4536`](https://github.com/adobe/spectrum-tokens/commit/91f4536a416cf6c9e5b0b423bf3ead3233e808fc) Thanks [@mrcjhicks](https://github.com/mrcjhicks)! - Adding S2 tokens for number field and takeover dialog components.
+
+  ## Token Diff
+
+  _Tokens added (16):_
+
+  - `in-field-stepper-to-end-extra-large`
+  - `in-field-stepper-to-end-large`
+  - `in-field-stepper-to-end-medium`
+  - `in-field-stepper-to-end-small`
+  - `number-field-minimum-width-multiplier`
+  - `number-field-visual-to-in-field-stepper-extra-large`
+  - `number-field-visual-to-in-field-stepper-large`
+  - `number-field-visual-to-in-field-stepper-medium`
+  - `number-field-visual-to-in-field-stepper-small`
+  - `number-field-with-stepper-minimum-width-extra-large`
+  - `number-field-with-stepper-minimum-width-large`
+  - `number-field-with-stepper-minimum-width-medium`
+  - `number-field-with-stepper-minimum-width-small`
+  - `takeover-dialog-height`
+  - `takeover-dialog-width`
+  - `window-to-edge`
+
 ## 13.0.0-beta.49
 
 ### Minor Changes

package/dist/json/drover.json

@@ -2099,6 +2099,10 @@
     "in-field-progress-circle-size-200": "22px",
     "in-field-progress-circle-size-300": "26px",
     "in-field-progress-circle-size-75": "16px",
+    "in-field-stepper-to-end-extra-large": "4px",
+    "in-field-stepper-to-end-large": "4px",
+    "in-field-stepper-to-end-medium": "3px",
+    "in-field-stepper-to-end-small": "0px",
     "in-line-alert-minimum-width": "240px",
     "line-height-100": 1.3,
     "line-height-200": 1.5,
@@ -2143,6 +2147,15 @@
     "navigational-indicator-top-to-back-icon-large": "12px",
     "navigational-indicator-top-to-back-icon-medium": "9px",
     "navigational-indicator-top-to-back-icon-small": "6px",
+    "number-field-minimum-width-multiplier": 1.25,
+    "number-field-visual-to-in-field-stepper-extra-large": "8px",
+    "number-field-visual-to-in-field-stepper-large": "7px",
+    "number-field-visual-to-in-field-stepper-medium": "6px",
+    "number-field-visual-to-in-field-stepper-small": "5px",
+    "number-field-with-stepper-minimum-width-extra-large": "168px",
+    "number-field-with-stepper-minimum-width-large": "144px",
+    "number-field-with-stepper-minimum-width-medium": "120px",
+    "number-field-with-stepper-minimum-width-small": "104px",
     "opacity-checkerboard-square-size": "8px",
     "opacity-checkerboard-square-size-medium": "8px",
     "opacity-checkerboard-square-size-small": "4px",
@@ -2508,6 +2521,8 @@
     "tag-top-to-cross-icon-large": "15px",
     "tag-top-to-cross-icon-medium": "12px",
     "tag-top-to-cross-icon-small": "8px",
+    "takeover-dialog-height": "1.00em",
+    "takeover-dialog-width": "1.00em",
     "text-area-minimum-height": "56px",
     "text-area-minimum-width": "112px",
     "text-field-minimum-width-multiplier": 1.5,
@@ -2568,6 +2583,7 @@
     "tooltip-tip-height": "5px",
     "tooltip-tip-width": "10px",
     "tray-top-to-content-area": "4px",
+    "window-to-edge": "40px",
     "workflow-icon-size-100": "20px",
     "workflow-icon-size-200": "22px",
     "workflow-icon-size-300": "26px",

package/dist/json/variables.json

@@ -23605,6 +23605,146 @@
     },
     "uuid": "4aaef8d2-aa58-46b8-837c-15d794cfcdb5"
   },
+  "in-field-stepper-to-end-small": {
+    "sets": {
+      "desktop": {
+        "value": "0px",
+        "uuid": "ec801932-08dc-4697-8725-5bc9d3ee230d"
+      },
+      "mobile": {
+        "value": "3px",
+        "uuid": "90669b85-c7e8-4b68-b96d-61a51a2451b3"
+      }
+    }
+  },
+  "in-field-stepper-to-end-medium": {
+    "value": "3px",
+    "uuid": "fe42bdd0-de02-4814-b498-038b26a3c0e7"
+  },
+  "in-field-stepper-to-end-large": {
+    "value": "4px",
+    "uuid": "cb3e458d-7dcd-484d-9028-220d08c9f129"
+  },
+  "in-field-stepper-to-end-extra-large": {
+    "sets": {
+      "desktop": {
+        "value": "4px",
+        "uuid": "8e57f77c-2921-44b8-a602-85300639f916"
+      },
+      "mobile": {
+        "value": "5px",
+        "uuid": "fbc42d9d-2f00-42ae-92e9-727cac69404e"
+      }
+    }
+  },
+  "number-field-with-stepper-minimum-width-small": {
+    "sets": {
+      "desktop": {
+        "value": "104px",
+        "uuid": "fcd3bdc5-5685-4b14-9ed7-7fd7bb11b584"
+      },
+      "mobile": {
+        "value": "126px",
+        "uuid": "08801f40-08ab-47df-82b8-e9cb8a63e3aa"
+      }
+    }
+  },
+  "number-field-with-stepper-minimum-width-medium": {
+    "sets": {
+      "desktop": {
+        "value": "120px",
+        "uuid": "c7f0b058-d896-4acb-9aac-d073682f8546"
+      },
+      "mobile": {
+        "value": "150px",
+        "uuid": "4268fc6a-118d-4b3b-a581-b2ab8a503f21"
+      }
+    }
+  },
+  "number-field-with-stepper-minimum-width-large": {
+    "sets": {
+      "desktop": {
+        "value": "144px",
+        "uuid": "ce84b84a-2036-4041-a121-31f69963bf6c"
+      },
+      "mobile": {
+        "value": "174px",
+        "uuid": "71530ba4-3eb9-4136-b1d2-a28ae5ddf034"
+      }
+    }
+  },
+  "number-field-with-stepper-minimum-width-extra-large": {
+    "sets": {
+      "desktop": {
+        "value": "168px",
+        "uuid": "c5796762-5837-4600-92e0-5f11364ce471"
+      },
+      "mobile": {
+        "value": "198px",
+        "uuid": "9da98fb6-a90a-4805-8969-88d4a8958157"
+      }
+    }
+  },
+  "number-field-visual-to-in-field-stepper-small": {
+    "sets": {
+      "desktop": {
+        "value": "5px",
+        "uuid": "1b494a23-b312-43e2-8148-0d86777c38d4"
+      },
+      "mobile": {
+        "value": "7px",
+        "uuid": "1e55a991-6d8f-4fc1-9dc7-91f86be50e3f"
+      }
+    }
+  },
+  "number-field-visual-to-in-field-stepper-medium": {
+    "sets": {
+      "desktop": {
+        "value": "6px",
+        "uuid": "2d2b2029-37ff-4563-a404-1347492ca7db"
+      },
+      "mobile": {
+        "value": "8px",
+        "uuid": "83dd3160-a826-4fa2-b643-a6f11533ba45"
+      }
+    }
+  },
+  "number-field-visual-to-in-field-stepper-large": {
+    "sets": {
+      "desktop": {
+        "value": "7px",
+        "uuid": "e041ee57-b8be-4c7e-a13d-ec2e2be05504"
+      },
+      "mobile": {
+        "value": "9px",
+        "uuid": "136a2c42-1868-4343-903d-9e7fbf345d45"
+      }
+    }
+  },
+  "number-field-visual-to-in-field-stepper-extra-large": {
+    "sets": {
+      "desktop": {
+        "value": "8px",
+        "uuid": "54f47bf6-78cc-409a-a83e-15f36404d548"
+      },
+      "mobile": {
+        "value": "10px",
+        "uuid": "777f9750-cfea-4eb3-ae08-a18c2fbde315"
+      }
+    }
+  },
+  "number-field-minimum-width-multiplier": {
+    "value": 1.25,
+    "uuid": "9e24d9b5-1c8b-4693-b10e-8922d519d7e0"
+  },
+  "takeover-dialog-height": {
+    "value": "1.00em",
+    "uuid": "be327284-79fe-40b7-b996-8ad176d40d8e"
+  },
+  "takeover-dialog-width": {
+    "value": "1.00em",
+    "uuid": "bb70e39d-c686-4cd2-a991-6b51fa16d9df"
+  },
   "corner-radius-0": {
     "value": "0px",
     "uuid": "bb9d8350-b1fb-4496-9c22-6ec9647ff117"
@@ -25603,6 +25743,11 @@
     "value": 1,
     "uuid": "ace894a3-3aa5-4307-a80c-3881c8a31642"
   },
+  "window-to-edge": {
+    "ref": "{spacing-600}",
+    "value": "40px",
+    "uuid": "a3e53161-c38a-4ee0-88c2-4a36fd530e51"
+  },
   "accent-color-100": {
     "ref": "{blue-100}",
     "sets": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/spectrum-tokens",
-  "version": "13.0.0-beta.49",
+  "version": "13.0.0-beta.50",
   "description": "Design tokens for Spectrum, Adobe's design system",
   "type": "module",
   "main": "index.js",

package/src/layout-component.json

@@ -9960,5 +9960,195 @@
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
     "value": "{component-height-100}",
     "uuid": "4aaef8d2-aa58-46b8-837c-15d794cfcdb5"
+  },
+  "in-field-stepper-to-end-small": {
+    "component": "in-field-stepper",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "0px",
+        "uuid": "ec801932-08dc-4697-8725-5bc9d3ee230d"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "3px",
+        "uuid": "90669b85-c7e8-4b68-b96d-61a51a2451b3"
+      }
+    }
+  },
+  "in-field-stepper-to-end-medium": {
+    "component": "in-field-stepper",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "3px",
+    "uuid": "fe42bdd0-de02-4814-b498-038b26a3c0e7"
+  },
+  "in-field-stepper-to-end-large": {
+    "component": "in-field-stepper",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "4px",
+    "uuid": "cb3e458d-7dcd-484d-9028-220d08c9f129"
+  },
+  "in-field-stepper-to-end-extra-large": {
+    "component": "in-field-stepper",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "4px",
+        "uuid": "8e57f77c-2921-44b8-a602-85300639f916"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "5px",
+        "uuid": "fbc42d9d-2f00-42ae-92e9-727cac69404e"
+      }
+    }
+  },
+  "number-field-with-stepper-minimum-width-small": {
+    "component": "number-field",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "104px",
+        "uuid": "fcd3bdc5-5685-4b14-9ed7-7fd7bb11b584"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "126px",
+        "uuid": "08801f40-08ab-47df-82b8-e9cb8a63e3aa"
+      }
+    }
+  },
+  "number-field-with-stepper-minimum-width-medium": {
+    "component": "number-field",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "120px",
+        "uuid": "c7f0b058-d896-4acb-9aac-d073682f8546"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "150px",
+        "uuid": "4268fc6a-118d-4b3b-a581-b2ab8a503f21"
+      }
+    }
+  },
+  "number-field-with-stepper-minimum-width-large": {
+    "component": "number-field",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "144px",
+        "uuid": "ce84b84a-2036-4041-a121-31f69963bf6c"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "174px",
+        "uuid": "71530ba4-3eb9-4136-b1d2-a28ae5ddf034"
+      }
+    }
+  },
+  "number-field-with-stepper-minimum-width-extra-large": {
+    "component": "number-field",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "168px",
+        "uuid": "c5796762-5837-4600-92e0-5f11364ce471"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "198px",
+        "uuid": "9da98fb6-a90a-4805-8969-88d4a8958157"
+      }
+    }
+  },
+  "number-field-visual-to-in-field-stepper-small": {
+    "component": "number-field",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "5px",
+        "uuid": "1b494a23-b312-43e2-8148-0d86777c38d4"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "7px",
+        "uuid": "1e55a991-6d8f-4fc1-9dc7-91f86be50e3f"
+      }
+    }
+  },
+  "number-field-visual-to-in-field-stepper-medium": {
+    "component": "number-field",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "6px",
+        "uuid": "2d2b2029-37ff-4563-a404-1347492ca7db"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "8px",
+        "uuid": "83dd3160-a826-4fa2-b643-a6f11533ba45"
+      }
+    }
+  },
+  "number-field-visual-to-in-field-stepper-large": {
+    "component": "number-field",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "7px",
+        "uuid": "e041ee57-b8be-4c7e-a13d-ec2e2be05504"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "9px",
+        "uuid": "136a2c42-1868-4343-903d-9e7fbf345d45"
+      }
+    }
+  },
+  "number-field-visual-to-in-field-stepper-extra-large": {
+    "component": "number-field",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "8px",
+        "uuid": "54f47bf6-78cc-409a-a83e-15f36404d548"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "10px",
+        "uuid": "777f9750-cfea-4eb3-ae08-a18c2fbde315"
+      }
+    }
+  },
+  "number-field-minimum-width-multiplier": {
+    "component": "number-field",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/multiplier.json",
+    "value": 1.25,
+    "uuid": "9e24d9b5-1c8b-4693-b10e-8922d519d7e0"
+  },
+  "takeover-dialog-height": {
+    "component": "takeover-dialog",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "1.00em",
+    "uuid": "be327284-79fe-40b7-b996-8ad176d40d8e"
+  },
+  "takeover-dialog-width": {
+    "component": "takeover-dialog",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "1.00em",
+    "uuid": "bb70e39d-c686-4cd2-a991-6b51fa16d9df"
   }
 }

package/src/layout.json

@@ -2408,5 +2408,10 @@
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/gradient-stop.json",
     "value": 1,
     "uuid": "ace894a3-3aa5-4307-a80c-3881c8a31642"
+  },
+  "window-to-edge": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{spacing-600}",
+    "uuid": "a3e53161-c38a-4ee0-88c2-4a36fd530e51"
   }
 }