@adobe/spectrum-tokens 13.0.0-beta.53 → 13.0.0-beta.54

package/CHANGELOG.md

@@ -1,5 +1,56 @@
 # @adobe/spectrum-tokens
 
+## 13.0.0-beta.54
+
+### Minor Changes
+
+- [#457](https://github.com/adobe/spectrum-tokens/pull/457) [`a923472`](https://github.com/adobe/spectrum-tokens/commit/a923472e8daf52e710471467131baf3b5ae4d8da) Thanks [@mrcjhicks](https://github.com/mrcjhicks)! - ## Design Motivation
+
+  - Updated desktop and mobile values for checkbox-control-size-[size] and checkbox-top-to-control-[size] tokens
+  - Made token changes required for the S2 action bar update
+
+  ## Tokens Diff
+
+  **Tokens Changed (10)**
+
+  <details open><summary>Added (2)</summary>
+
+  - `action-bar-minimum-width`
+  - `action-bar-label-to-action-group-area`
+
+  </details>
+
+  Updated (8)
+
+  <details open><summary>Updated Properties (8)</summary>
+
+  - `checkbox-control-size-small`
+    - `desktop.value`: `12px` -> `14px`
+    - `mobile.value`: `16px` -> `18px`
+  - `checkbox-control-size-medium`
+    - `desktop.value`: `14px` -> `16px`
+    - `mobile.value`: `18px` -> `20px`
+  - `checkbox-control-size-large`
+    - `desktop.value`: `16px` -> `18px`
+    - `mobile.value`: `20px` -> `22px`
+  - `checkbox-control-size-extra-large`
+    - `desktop.value`: `18px` -> `20px`
+    - `mobile.value`: `22px` -> `26px`
+  - `checkbox-top-to-control-small`
+    - `desktop.value`: `6px` -> `5px`
+    - `mobile.value`: `7px` -> `6px`
+  - `checkbox-top-to-control-medium`
+    - `desktop.value`: `9px` -> `8px`
+    - `mobile.value`: `11px` -> `10px`
+  - `checkbox-top-to-control-large`
+    - `desktop.value`: `12px` -> `11px`
+    - `mobile.value`: `15px` -> `14px`
+  - `checkbox-top-to-control-extra-large`
+    - `desktop.value`: `15px` -> `14px`
+    - `mobile.value`: `19px` -> `17px`
+
+  </details>
+
 ## 13.0.0-beta.53
 
 ### Minor Changes

package/dist/json/drover.json

@@ -1548,6 +1548,8 @@
     "action-bar-counter-font-size": "14px",
     "action-bar-edge-to-content-area": "8px",
     "action-bar-height": "56px",
+    "action-bar-label-to-action-group-area": "16px",
+    "action-bar-minimum-width": "176px",
     "action-bar-top-to-content-area": "12px",
     "action-bar-top-to-item-counter": "12px",
     "action-button-edge-to-hold-icon-extra-large": "6px",
@@ -1684,14 +1686,14 @@
     "character-count-to-field-quiet-large": "-3px",
     "character-count-to-field-quiet-medium": "-3px",
     "character-count-to-field-quiet-small": "-3px",
-    "checkbox-control-size-extra-large": "18px",
-    "checkbox-control-size-large": "16px",
-    "checkbox-control-size-medium": "14px",
-    "checkbox-control-size-small": "12px",
-    "checkbox-top-to-control-extra-large": "15px",
-    "checkbox-top-to-control-large": "12px",
-    "checkbox-top-to-control-medium": "9px",
-    "checkbox-top-to-control-small": "6px",
+    "checkbox-control-size-extra-large": "20px",
+    "checkbox-control-size-large": "18px",
+    "checkbox-control-size-medium": "16px",
+    "checkbox-control-size-small": "14px",
+    "checkbox-top-to-control-extra-large": "14px",
+    "checkbox-top-to-control-large": "11px",
+    "checkbox-top-to-control-medium": "8px",
+    "checkbox-top-to-control-small": "5px",
     "checkmark-icon-size-100": "10px",
     "checkmark-icon-size-200": "12px",
     "checkmark-icon-size-300": "14px",

package/dist/json/variables.json

@@ -14484,11 +14484,11 @@
   "checkbox-control-size-small": {
     "sets": {
       "desktop": {
-        "value": "12px",
+        "value": "14px",
         "uuid": "460e8170-de69-4f8e-8420-6c87a1f6f5cd"
       },
       "mobile": {
-        "value": "16px",
+        "value": "18px",
         "uuid": "af31c1a5-ffce-4a54-8862-3e711ca53d25"
       }
     }
@@ -14496,11 +14496,11 @@
   "checkbox-control-size-medium": {
     "sets": {
       "desktop": {
-        "value": "14px",
+        "value": "16px",
         "uuid": "86288454-7192-4e4c-b55f-fc509fc58c01"
       },
       "mobile": {
-        "value": "18px",
+        "value": "20px",
         "uuid": "00fee3f7-a743-45d6-a2b6-028d5d96964a"
       }
     }
@@ -14508,11 +14508,11 @@
   "checkbox-control-size-large": {
     "sets": {
       "desktop": {
-        "value": "16px",
+        "value": "18px",
         "uuid": "839a52bc-b9ee-473f-acde-0799b4f55ded"
       },
       "mobile": {
-        "value": "20px",
+        "value": "22px",
         "uuid": "b4367578-989e-438d-9a3e-7cb077f2f7c9"
       }
     }
@@ -14520,11 +14520,11 @@
   "checkbox-control-size-extra-large": {
     "sets": {
       "desktop": {
-        "value": "18px",
+        "value": "20px",
         "uuid": "4ba47ba1-c9bd-447e-8948-009d5b424e0d"
       },
       "mobile": {
-        "value": "22px",
+        "value": "26px",
         "uuid": "13093f8b-e38e-449f-a982-7f960bb84dfa"
       }
     }
@@ -14532,11 +14532,11 @@
   "checkbox-top-to-control-small": {
     "sets": {
       "desktop": {
-        "value": "6px",
+        "value": "5px",
         "uuid": "20518175-5bc7-4659-8007-e74339c39433"
       },
       "mobile": {
-        "value": "7px",
+        "value": "6px",
         "uuid": "f254146e-f469-44b1-b0c9-1ac72e88f9e3"
       }
     }
@@ -14544,11 +14544,11 @@
   "checkbox-top-to-control-medium": {
     "sets": {
       "desktop": {
-        "value": "9px",
+        "value": "8px",
         "uuid": "dcde5d2d-60f8-4d56-bfb1-bba44a087515"
       },
       "mobile": {
-        "value": "11px",
+        "value": "10px",
         "uuid": "e3751526-2db9-421c-85f9-d60071aac49b"
       }
     }
@@ -14556,11 +14556,11 @@
   "checkbox-top-to-control-large": {
     "sets": {
       "desktop": {
-        "value": "12px",
+        "value": "11px",
         "uuid": "93edae08-5320-4e7e-a006-a9af1d3665ad"
       },
       "mobile": {
-        "value": "15px",
+        "value": "14px",
         "uuid": "d040d2f4-9bb4-4d27-adac-40fef079d958"
       }
     }
@@ -14568,11 +14568,11 @@
   "checkbox-top-to-control-extra-large": {
     "sets": {
       "desktop": {
-        "value": "15px",
+        "value": "14px",
         "uuid": "3c4217bb-91f2-4347-9f65-a0528992f600"
       },
       "mobile": {
-        "value": "19px",
+        "value": "17px",
         "uuid": "b3be5ac8-2415-4490-8b4a-c08661ec84d1"
       }
     }
@@ -24095,6 +24095,15 @@
     "value": "0.15",
     "uuid": "a83e023c-dc92-4b3e-8375-351bbf8ec9bb"
   },
+  "action-bar-minimum-width": {
+    "value": "176px",
+    "uuid": "9fb582b4-38e6-43d0-9b94-69964fb24c9f"
+  },
+  "action-bar-label-to-action-group-area": {
+    "ref": "{spacing-300}",
+    "value": "16px",
+    "uuid": "72e276ce-d6ee-4bcf-9955-91c833b8b2cd"
+  },
   "corner-radius-0": {
     "value": "0px",
     "uuid": "bb9d8350-b1fb-4496-9c22-6ec9647ff117"

package/package.json

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

package/src/layout-component.json

@@ -5,12 +5,12 @@
     "sets": {
       "desktop": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "12px",
+        "value": "14px",
         "uuid": "460e8170-de69-4f8e-8420-6c87a1f6f5cd"
       },
       "mobile": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "16px",
+        "value": "18px",
         "uuid": "af31c1a5-ffce-4a54-8862-3e711ca53d25"
       }
     }
@@ -21,12 +21,12 @@
     "sets": {
       "desktop": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "14px",
+        "value": "16px",
         "uuid": "86288454-7192-4e4c-b55f-fc509fc58c01"
       },
       "mobile": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "18px",
+        "value": "20px",
         "uuid": "00fee3f7-a743-45d6-a2b6-028d5d96964a"
       }
     }
@@ -37,12 +37,12 @@
     "sets": {
       "desktop": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "16px",
+        "value": "18px",
         "uuid": "839a52bc-b9ee-473f-acde-0799b4f55ded"
       },
       "mobile": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "20px",
+        "value": "22px",
         "uuid": "b4367578-989e-438d-9a3e-7cb077f2f7c9"
       }
     }
@@ -53,12 +53,12 @@
     "sets": {
       "desktop": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "18px",
+        "value": "20px",
         "uuid": "4ba47ba1-c9bd-447e-8948-009d5b424e0d"
       },
       "mobile": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "22px",
+        "value": "26px",
         "uuid": "13093f8b-e38e-449f-a982-7f960bb84dfa"
       }
     }
@@ -69,12 +69,12 @@
     "sets": {
       "desktop": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "6px",
+        "value": "5px",
         "uuid": "20518175-5bc7-4659-8007-e74339c39433"
       },
       "mobile": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "7px",
+        "value": "6px",
         "uuid": "f254146e-f469-44b1-b0c9-1ac72e88f9e3"
       }
     }
@@ -85,12 +85,12 @@
     "sets": {
       "desktop": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "9px",
+        "value": "8px",
         "uuid": "dcde5d2d-60f8-4d56-bfb1-bba44a087515"
       },
       "mobile": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "11px",
+        "value": "10px",
         "uuid": "e3751526-2db9-421c-85f9-d60071aac49b"
       }
     }
@@ -101,12 +101,12 @@
     "sets": {
       "desktop": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "12px",
+        "value": "11px",
         "uuid": "93edae08-5320-4e7e-a006-a9af1d3665ad"
       },
       "mobile": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "15px",
+        "value": "14px",
         "uuid": "d040d2f4-9bb4-4d27-adac-40fef079d958"
       }
     }
@@ -117,12 +117,12 @@
     "sets": {
       "desktop": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "15px",
+        "value": "14px",
         "uuid": "3c4217bb-91f2-4347-9f65-a0528992f600"
       },
       "mobile": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "19px",
+        "value": "17px",
         "uuid": "b3be5ac8-2415-4490-8b4a-c08661ec84d1"
       }
     }
@@ -10468,5 +10468,17 @@
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
     "value": "0.15",
     "uuid": "a83e023c-dc92-4b3e-8375-351bbf8ec9bb"
+  },
+  "action-bar-minimum-width": {
+    "component": "action-bar",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "176px",
+    "uuid": "9fb582b4-38e6-43d0-9b94-69964fb24c9f"
+  },
+  "action-bar-label-to-action-group-area": {
+    "component": "action-bar",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{spacing-300}",
+    "uuid": "72e276ce-d6ee-4bcf-9955-91c833b8b2cd"
   }
 }