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

package/CHANGELOG.md

@@ -1,5 +1,71 @@
 # @adobe/spectrum-tokens
 
+## 13.0.0-beta.55
+
+### Minor Changes
+
+- [#461](https://github.com/adobe/spectrum-tokens/pull/461) [`2f90bff`](https://github.com/adobe/spectrum-tokens/commit/2f90bffe5c0dc0a4cc6811eb104e0984d8714d53) Thanks [@mrcjhicks](https://github.com/mrcjhicks)! - Added two new tokens for color wheel border. One for color and one for opacity.
+
+  ## Token Diff
+
+  <details open><summary>Added (2)</summary>
+
+  - `color-wheel-border-opacity`
+  - `color-wheel-border-color`
+
+  </details>
+
+## 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

@@ -156,6 +156,7 @@
       "color-loupe-inner-border": "rgba(0, 0, 0, 0.12)",
       "color-loupe-outer-border": "rgb(255, 255, 255)",
       "color-slider-border-color": "rgb(0, 0, 0)",
+      "color-wheel-border-color": "rgb(0, 0, 0)",
       "cyan-100": "rgb(238, 250, 254)",
       "cyan-1000": "rgb(4, 102, 145)",
       "cyan-1100": "rgb(0, 87, 121)",
@@ -868,6 +869,7 @@
       "color-loupe-inner-border": "rgba(0, 0, 0, 0.12)",
       "color-loupe-outer-border": "rgb(255, 255, 255)",
       "color-slider-border-color": "rgb(255, 255, 255)",
+      "color-wheel-border-color": "rgb(255, 255, 255)",
       "cyan-100": "rgb(0, 29, 39)",
       "cyan-1000": "rgb(38, 159, 244)",
       "cyan-1100": "rgb(63, 177, 255)",
@@ -1548,6 +1550,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 +1688,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",
@@ -1769,6 +1773,7 @@
     "color-slider-border-width": "1px",
     "color-slider-length": "192px",
     "color-slider-minimum-length": "80px",
+    "color-wheel-border-opacity": "0.1",
     "color-wheel-color-area-margin": "12px",
     "color-wheel-minimum-width": "175px",
     "color-wheel-width": "192px",

package/dist/json/variables.json

@@ -6805,6 +6805,28 @@
     },
     "uuid": "c325ed8f-8248-40c3-a0f0-efba57638f24"
   },
+  "color-wheel-border-color": {
+    "ref": "{gray-1000}",
+    "sets": {
+      "dark": {
+        "value": "rgb(255, 255, 255)",
+        "uuid": "5ce8c477-ae6e-427a-ac5c-79d15c8056ab"
+      },
+      "light": {
+        "value": "rgb(0, 0, 0)",
+        "uuid": "457fbeb8-56cd-4f3c-9950-f5e01f83f07c"
+      },
+      "wireframe": {
+        "value": "rgb(8, 12, 22)",
+        "uuid": "e804baf9-ae2c-4574-96d9-10cd5253fe47"
+      }
+    },
+    "uuid": "a60c3946-dff7-4245-bdcd-b61445066e48"
+  },
+  "color-wheel-border-opacity": {
+    "value": "0.1",
+    "uuid": "be8fac27-b644-492e-a89d-6c87cfecb8a1"
+  },
   "white": {
     "value": "rgb(255, 255, 255)",
     "uuid": "9b799da8-2130-417e-b7ee-5e1154a89837"
@@ -14484,11 +14506,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 +14518,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 +14530,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 +14542,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 +14554,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 +14566,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 +14578,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 +14590,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 +24117,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.55",
   "description": "Design tokens for Spectrum, Adobe's design system",
   "type": "module",
   "main": "index.js",

package/src/color-component.json

@@ -471,5 +471,17 @@
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
     "value": "{gray-100}",
     "uuid": "c325ed8f-8248-40c3-a0f0-efba57638f24"
+  },
+  "color-wheel-border-color": {
+    "component": "color-wheel",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{gray-1000}",
+    "uuid": "a60c3946-dff7-4245-bdcd-b61445066e48"
+  },
+  "color-wheel-border-opacity": {
+    "component": "color-wheel",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
+    "value": "0.1",
+    "uuid": "be8fac27-b644-492e-a89d-6c87cfecb8a1"
   }
 }

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"
   }
 }