@adobe/spectrum-tokens 12.13.1 → 12.15.0

package/CHANGELOG.md

@@ -1,5 +1,47 @@
 # @adobe/spectrum-tokens
 
+## 12.15.0
+
+### Minor Changes
+
+- fc12f6d: Added side-navigation token
+
+  #### Token Diff
+
+  _Tokens added (1):_
+
+  - `side-navigation-bottom-to-text`
+
+## 12.14.0
+
+### Minor Changes
+
+- cb9e3bf: Added in-field button tokens
+
+  ## Token Diff
+
+  _Tokens added (19):_
+
+  - `in-field-button-edge-to-disclosure-icon-stacked-extra-large`
+  - `in-field-button-edge-to-disclosure-icon-stacked-large`
+  - `in-field-button-edge-to-disclosure-icon-stacked-medium`
+  - `in-field-button-edge-to-disclosure-icon-stacked-small`
+  - `in-field-button-edge-to-fill`
+  - `in-field-button-fill-stacked-inner-border-rounding`
+  - `in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large`
+  - `in-field-button-inner-edge-to-disclosure-icon-stacked-large`
+  - `in-field-button-inner-edge-to-disclosure-icon-stacked-medium`
+  - `in-field-button-inner-edge-to-disclosure-icon-stacked-small`
+  - `in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large`
+  - `in-field-button-outer-edge-to-disclosure-icon-stacked-large`
+  - `in-field-button-outer-edge-to-disclosure-icon-stacked-medium`
+  - `in-field-button-outer-edge-to-disclosure-icon-stacked-small`
+  - `in-field-button-stacked-inner-edge-to-fill`
+  - `in-field-button-width-stacked-extra-large`
+  - `in-field-button-width-stacked-large`
+  - `in-field-button-width-stacked-medium`
+  - `in-field-button-width-stacked-small`
+
 ## 12.13.1
 
 ### Patch Changes

package/dist/json/drover.json

@@ -182,6 +182,16 @@
       "heading-sans-serif-font-weight": "bold",
       "heading-serif-emphasized-font-weight": "bold",
       "heading-serif-font-weight": "bold",
+      "in-field-button-edge-to-fill": "0px",
+      "in-field-button-fill-stacked-inner-border-rounding": "0px",
+      "in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large": "5px",
+      "in-field-button-inner-edge-to-disclosure-icon-stacked-large": "4px",
+      "in-field-button-inner-edge-to-disclosure-icon-stacked-medium": "3px",
+      "in-field-button-inner-edge-to-disclosure-icon-stacked-small": "3px",
+      "in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large": "5px",
+      "in-field-button-outer-edge-to-disclosure-icon-stacked-large": "4px",
+      "in-field-button-outer-edge-to-disclosure-icon-stacked-medium": "3px",
+      "in-field-button-stacked-inner-edge-to-fill": "0px",
       "indigo-100": "rgb(237, 238, 255)",
       "indigo-1000": "rgb(64, 70, 202)",
       "indigo-1100": "rgb(50, 54, 168)",
@@ -607,6 +617,16 @@
       "heading-sans-serif-font-weight": "bold",
       "heading-serif-emphasized-font-weight": "bold",
       "heading-serif-font-weight": "bold",
+      "in-field-button-edge-to-fill": "0px",
+      "in-field-button-fill-stacked-inner-border-rounding": "0px",
+      "in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large": "5px",
+      "in-field-button-inner-edge-to-disclosure-icon-stacked-large": "4px",
+      "in-field-button-inner-edge-to-disclosure-icon-stacked-medium": "3px",
+      "in-field-button-inner-edge-to-disclosure-icon-stacked-small": "3px",
+      "in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large": "5px",
+      "in-field-button-outer-edge-to-disclosure-icon-stacked-large": "4px",
+      "in-field-button-outer-edge-to-disclosure-icon-stacked-medium": "3px",
+      "in-field-button-stacked-inner-edge-to-fill": "0px",
       "indigo-100": "rgb(40, 44, 140)",
       "indigo-1000": "rgb(188, 190, 255)",
       "indigo-1100": "rgb(208, 210, 255)",
@@ -1032,6 +1052,16 @@
       "heading-sans-serif-font-weight": "bold",
       "heading-serif-emphasized-font-weight": "bold",
       "heading-serif-font-weight": "bold",
+      "in-field-button-edge-to-fill": "0px",
+      "in-field-button-fill-stacked-inner-border-rounding": "0px",
+      "in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large": "5px",
+      "in-field-button-inner-edge-to-disclosure-icon-stacked-large": "4px",
+      "in-field-button-inner-edge-to-disclosure-icon-stacked-medium": "3px",
+      "in-field-button-inner-edge-to-disclosure-icon-stacked-small": "3px",
+      "in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large": "5px",
+      "in-field-button-outer-edge-to-disclosure-icon-stacked-large": "4px",
+      "in-field-button-outer-edge-to-disclosure-icon-stacked-medium": "3px",
+      "in-field-button-stacked-inner-edge-to-fill": "0px",
       "indigo-100": "rgb(26, 29, 97)",
       "indigo-1000": "rgb(174, 177, 255)",
       "indigo-1100": "rgb(194, 196, 255)",
@@ -1657,6 +1687,25 @@
     "illustrated-message-cjk-title-size": "20px",
     "illustrated-message-maximum-width": "380px",
     "illustrated-message-title-size": "22px",
+    "in-field-button-edge-to-disclosure-icon-stacked-extra-large": "16px",
+    "in-field-button-edge-to-disclosure-icon-stacked-large": "13px",
+    "in-field-button-edge-to-disclosure-icon-stacked-medium": "9px",
+    "in-field-button-edge-to-disclosure-icon-stacked-small": "7px",
+    "in-field-button-edge-to-fill": "0px",
+    "in-field-button-fill-stacked-inner-border-rounding": "0px",
+    "in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large": "5px",
+    "in-field-button-inner-edge-to-disclosure-icon-stacked-large": "4px",
+    "in-field-button-inner-edge-to-disclosure-icon-stacked-medium": "3px",
+    "in-field-button-inner-edge-to-disclosure-icon-stacked-small": "3px",
+    "in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large": "5px",
+    "in-field-button-outer-edge-to-disclosure-icon-stacked-large": "4px",
+    "in-field-button-outer-edge-to-disclosure-icon-stacked-medium": "3px",
+    "in-field-button-outer-edge-to-disclosure-icon-stacked-small": "3px",
+    "in-field-button-stacked-inner-edge-to-fill": "0px",
+    "in-field-button-width-stacked-extra-large": "44px",
+    "in-field-button-width-stacked-large": "36px",
+    "in-field-button-width-stacked-medium": "28px",
+    "in-field-button-width-stacked-small": "20px",
     "in-line-alert-minimum-width": "240px",
     "line-height-100": "1.3",
     "line-height-200": "1.5",
@@ -1722,6 +1771,7 @@
     "side-label-character-count-top-margin-large": "11px",
     "side-label-character-count-top-margin-medium": "8px",
     "side-label-character-count-top-margin-small": "4px",
+    "side-navigation-bottom-to-text": "8px",
     "side-navigation-item-to-header": "16px",
     "side-navigation-item-to-item": "4px",
     "side-navigation-maximum-width": "240px",

package/dist/json/variables.json

@@ -17831,6 +17831,18 @@
       }
     }
   },
+  "side-navigation-bottom-to-text": {
+    "sets": {
+      "desktop": {
+        "value": "8px",
+        "uuid": "8751d85d-a325-4e4e-a7b2-0a3ca94b6b6e"
+      },
+      "mobile": {
+        "value": "10px",
+        "uuid": "e3f49e5e-f9ec-485c-846e-7a8fda08caea"
+      }
+    }
+  },
   "tray-top-to-content-area": {
     "sets": {
       "desktop": {
@@ -17843,6 +17855,193 @@
       }
     }
   },
+  "in-field-button-width-stacked-small": {
+    "value": "20px",
+    "uuid": "24125066-c8d1-4c4a-85b3-493d112d3ca0"
+  },
+  "in-field-button-width-stacked-medium": {
+    "value": "28px",
+    "uuid": "bb8c7ce0-1766-47f9-b30e-36b3b57dc2ea"
+  },
+  "in-field-button-width-stacked-large": {
+    "value": "36px",
+    "uuid": "4e103763-4310-4aff-980f-652ad023084f"
+  },
+  "in-field-button-width-stacked-extra-large": {
+    "value": "44px",
+    "uuid": "5f844b3f-e0d7-40f0-a754-a14bee6a0fb4"
+  },
+  "in-field-button-fill-stacked-inner-border-rounding": {
+    "sets": {
+      "spectrum": {
+        "value": "0px",
+        "uuid": "f8ed9a70-58f1-4f1a-9e87-24bca6d7b4e1"
+      },
+      "express": {
+        "value": "1px",
+        "uuid": "5a3e434f-f915-4a72-985b-04af51c3ad7e"
+      }
+    }
+  },
+  "in-field-button-edge-to-fill": {
+    "sets": {
+      "spectrum": {
+        "value": "0px",
+        "uuid": "5bffe992-2982-49e8-aa3a-e4e93c884f43"
+      },
+      "express": {
+        "value": "4px",
+        "uuid": "670a4fef-5e16-4db6-8acd-b747cc783312"
+      }
+    }
+  },
+  "in-field-button-stacked-inner-edge-to-fill": {
+    "sets": {
+      "spectrum": {
+        "value": "0px",
+        "uuid": "56b54ece-0ff3-4957-9c1c-9e7fb992653c"
+      },
+      "express": {
+        "value": "1px",
+        "uuid": "c1aa585e-769d-40d6-a42d-c9d602124870"
+      }
+    }
+  },
+  "in-field-button-edge-to-disclosure-icon-stacked-small": {
+    "value": "7px",
+    "uuid": "8b6a0ab1-4dba-4da2-9c67-3befca0f110e"
+  },
+  "in-field-button-edge-to-disclosure-icon-stacked-medium": {
+    "value": "9px",
+    "uuid": "ccb60cfc-86fe-4959-b4a8-1a45835132c8"
+  },
+  "in-field-button-edge-to-disclosure-icon-stacked-large": {
+    "value": "13px",
+    "uuid": "6a6e5478-b549-4a39-a7f5-5d3c417464ce"
+  },
+  "in-field-button-edge-to-disclosure-icon-stacked-extra-large": {
+    "value": "16px",
+    "uuid": "d563157b-f0d7-407d-aaaf-ae1790c75503"
+  },
+  "in-field-button-outer-edge-to-disclosure-icon-stacked-small": {
+    "value": "3px",
+    "uuid": "9890df35-2d45-4767-9cbe-ee745d09d990"
+  },
+  "in-field-button-outer-edge-to-disclosure-icon-stacked-medium": {
+    "sets": {
+      "spectrum": {
+        "value": "3px",
+        "uuid": "a87d68bb-4249-43cd-947d-bd061baba0ef"
+      },
+      "express": {
+        "value": "5px",
+        "uuid": "b942ec2c-f70f-4948-8ff5-0bd471cd4f0a"
+      }
+    }
+  },
+  "in-field-button-outer-edge-to-disclosure-icon-stacked-large": {
+    "sets": {
+      "spectrum": {
+        "value": "4px",
+        "uuid": "acc9c48a-f461-48ff-9f69-0224c4feabc6"
+      },
+      "express": {
+        "value": "7px",
+        "uuid": "345002c5-88fc-4297-aa91-54ed292265b8"
+      }
+    }
+  },
+  "in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large": {
+    "sets": {
+      "spectrum": {
+        "value": "5px",
+        "uuid": "391e1e67-1677-4f60-a09a-3b49bacd01f5"
+      },
+      "express": {
+        "value": "8px",
+        "uuid": "33e443d8-3e31-4f17-ab37-61beebaa9d40"
+      }
+    }
+  },
+  "in-field-button-inner-edge-to-disclosure-icon-stacked-small": {
+    "sets": {
+      "spectrum": {
+        "ref": "{in-field-button-outer-edge-to-disclosure-icon-stacked-small}",
+        "value": "3px",
+        "uuid": "6c1330a4-1c89-45a7-b2b1-8cbcaf20b9ab"
+      },
+      "express": {
+        "value": "1px",
+        "uuid": "ec74220b-c091-4b29-8e43-9d3f0e163820"
+      }
+    }
+  },
+  "in-field-button-inner-edge-to-disclosure-icon-stacked-medium": {
+    "sets": {
+      "spectrum": {
+        "ref": "{in-field-button-outer-edge-to-disclosure-icon-stacked-medium}",
+        "sets": {
+          "spectrum": {
+            "value": "3px",
+            "uuid": "a87d68bb-4249-43cd-947d-bd061baba0ef"
+          },
+          "express": {
+            "value": "5px",
+            "uuid": "b942ec2c-f70f-4948-8ff5-0bd471cd4f0a"
+          }
+        },
+        "uuid": "3dd5babb-5026-4f28-89ae-bfe687673f31"
+      },
+      "express": {
+        "value": "1px",
+        "uuid": "5bddcd79-3829-4764-853a-b83512b5820d"
+      }
+    }
+  },
+  "in-field-button-inner-edge-to-disclosure-icon-stacked-large": {
+    "sets": {
+      "spectrum": {
+        "ref": "{in-field-button-outer-edge-to-disclosure-icon-stacked-large}",
+        "sets": {
+          "spectrum": {
+            "value": "4px",
+            "uuid": "acc9c48a-f461-48ff-9f69-0224c4feabc6"
+          },
+          "express": {
+            "value": "7px",
+            "uuid": "345002c5-88fc-4297-aa91-54ed292265b8"
+          }
+        },
+        "uuid": "710ebe58-f0d8-4d6b-8974-0be1f2f48dc4"
+      },
+      "express": {
+        "value": "3px",
+        "uuid": "7135afd9-ef05-4909-8b3e-eeae3d527bd0"
+      }
+    }
+  },
+  "in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large": {
+    "sets": {
+      "spectrum": {
+        "ref": "{in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large}",
+        "sets": {
+          "spectrum": {
+            "value": "5px",
+            "uuid": "391e1e67-1677-4f60-a09a-3b49bacd01f5"
+          },
+          "express": {
+            "value": "8px",
+            "uuid": "33e443d8-3e31-4f17-ab37-61beebaa9d40"
+          }
+        },
+        "uuid": "c47499c1-b89f-49a7-bbb5-17e83e4b306e"
+      },
+      "express": {
+        "value": "4px",
+        "uuid": "979542c9-2328-495c-8abf-cb226b140f82"
+      }
+    }
+  },
   "corner-radius-75": {
     "sets": {
       "spectrum": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/spectrum-tokens",
-  "version": "12.13.1",
+  "version": "12.15.0",
   "description": "Design tokens for Spectrum, Adobe's design system",
   "type": "module",
   "main": "tasks/buildSpectrumTokens.js",

package/src/layout-component.json

@@ -5948,6 +5948,19 @@
       }
     }
   },
+  "side-navigation-bottom-to-text": {
+    "component": "side-navigation",
+    "sets": {
+      "desktop": {
+        "value": "8px",
+        "uuid": "8751d85d-a325-4e4e-a7b2-0a3ca94b6b6e"
+      },
+      "mobile": {
+        "value": "10px",
+        "uuid": "e3f49e5e-f9ec-485c-846e-7a8fda08caea"
+      }
+    }
+  },
   "tray-top-to-content-area": {
     "component": "tray",
     "sets": {
@@ -5960,5 +5973,180 @@
         "uuid": "794ad497-1725-4a03-a7c9-425eaee3178e"
       }
     }
+  },
+  "in-field-button-width-stacked-small": {
+    "component": "in-field-button",
+    "value": "20px",
+    "uuid": "24125066-c8d1-4c4a-85b3-493d112d3ca0"
+  },
+  "in-field-button-width-stacked-medium": {
+    "component": "in-field-button",
+    "value": "28px",
+    "uuid": "bb8c7ce0-1766-47f9-b30e-36b3b57dc2ea"
+  },
+  "in-field-button-width-stacked-large": {
+    "component": "in-field-button",
+    "value": "36px",
+    "uuid": "4e103763-4310-4aff-980f-652ad023084f"
+  },
+  "in-field-button-width-stacked-extra-large": {
+    "component": "in-field-button",
+    "value": "44px",
+    "uuid": "5f844b3f-e0d7-40f0-a754-a14bee6a0fb4"
+  },
+  "in-field-button-fill-stacked-inner-border-rounding": {
+    "component": "in-field-button",
+    "sets": {
+      "spectrum": {
+        "value": "0px",
+        "uuid": "f8ed9a70-58f1-4f1a-9e87-24bca6d7b4e1"
+      },
+      "express": {
+        "value": "1px",
+        "uuid": "5a3e434f-f915-4a72-985b-04af51c3ad7e"
+      }
+    }
+  },
+  "in-field-button-edge-to-fill": {
+    "component": "in-field-button",
+    "sets": {
+      "spectrum": {
+        "value": "0px",
+        "uuid": "5bffe992-2982-49e8-aa3a-e4e93c884f43"
+      },
+      "express": {
+        "value": "4px",
+        "uuid": "670a4fef-5e16-4db6-8acd-b747cc783312"
+      }
+    }
+  },
+  "in-field-button-stacked-inner-edge-to-fill": {
+    "component": "in-field-button",
+    "sets": {
+      "spectrum": {
+        "value": "0px",
+        "uuid": "56b54ece-0ff3-4957-9c1c-9e7fb992653c"
+      },
+      "express": {
+        "value": "1px",
+        "uuid": "c1aa585e-769d-40d6-a42d-c9d602124870"
+      }
+    }
+  },
+  "in-field-button-edge-to-disclosure-icon-stacked-small": {
+    "component": "in-field-button",
+    "value": "7px",
+    "uuid": "8b6a0ab1-4dba-4da2-9c67-3befca0f110e"
+  },
+  "in-field-button-edge-to-disclosure-icon-stacked-medium": {
+    "component": "in-field-button",
+    "value": "9px",
+    "uuid": "ccb60cfc-86fe-4959-b4a8-1a45835132c8"
+  },
+  "in-field-button-edge-to-disclosure-icon-stacked-large": {
+    "component": "in-field-button",
+    "value": "13px",
+    "uuid": "6a6e5478-b549-4a39-a7f5-5d3c417464ce"
+  },
+  "in-field-button-edge-to-disclosure-icon-stacked-extra-large": {
+    "component": "in-field-button",
+    "value": "16px",
+    "uuid": "d563157b-f0d7-407d-aaaf-ae1790c75503"
+  },
+  "in-field-button-outer-edge-to-disclosure-icon-stacked-small": {
+    "component": "in-field-button",
+    "value": "3px",
+    "uuid": "9890df35-2d45-4767-9cbe-ee745d09d990"
+  },
+  "in-field-button-outer-edge-to-disclosure-icon-stacked-medium": {
+    "component": "in-field-button",
+    "sets": {
+      "spectrum": {
+        "value": "3px",
+        "uuid": "a87d68bb-4249-43cd-947d-bd061baba0ef"
+      },
+      "express": {
+        "value": "5px",
+        "uuid": "b942ec2c-f70f-4948-8ff5-0bd471cd4f0a"
+      }
+    }
+  },
+  "in-field-button-outer-edge-to-disclosure-icon-stacked-large": {
+    "component": "in-field-button",
+    "sets": {
+      "spectrum": {
+        "value": "4px",
+        "uuid": "acc9c48a-f461-48ff-9f69-0224c4feabc6"
+      },
+      "express": {
+        "value": "7px",
+        "uuid": "345002c5-88fc-4297-aa91-54ed292265b8"
+      }
+    }
+  },
+  "in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large": {
+    "component": "in-field-button",
+    "sets": {
+      "spectrum": {
+        "value": "5px",
+        "uuid": "391e1e67-1677-4f60-a09a-3b49bacd01f5"
+      },
+      "express": {
+        "value": "8px",
+        "uuid": "33e443d8-3e31-4f17-ab37-61beebaa9d40"
+      }
+    }
+  },
+  "in-field-button-inner-edge-to-disclosure-icon-stacked-small": {
+    "component": "in-field-button",
+    "sets": {
+      "spectrum": {
+        "value": "{in-field-button-outer-edge-to-disclosure-icon-stacked-small}",
+        "uuid": "6c1330a4-1c89-45a7-b2b1-8cbcaf20b9ab"
+      },
+      "express": {
+        "value": "1px",
+        "uuid": "ec74220b-c091-4b29-8e43-9d3f0e163820"
+      }
+    }
+  },
+  "in-field-button-inner-edge-to-disclosure-icon-stacked-medium": {
+    "component": "in-field-button",
+    "sets": {
+      "spectrum": {
+        "value": "{in-field-button-outer-edge-to-disclosure-icon-stacked-medium}",
+        "uuid": "3dd5babb-5026-4f28-89ae-bfe687673f31"
+      },
+      "express": {
+        "value": "1px",
+        "uuid": "5bddcd79-3829-4764-853a-b83512b5820d"
+      }
+    }
+  },
+  "in-field-button-inner-edge-to-disclosure-icon-stacked-large": {
+    "component": "in-field-button",
+    "sets": {
+      "spectrum": {
+        "value": "{in-field-button-outer-edge-to-disclosure-icon-stacked-large}",
+        "uuid": "710ebe58-f0d8-4d6b-8974-0be1f2f48dc4"
+      },
+      "express": {
+        "value": "3px",
+        "uuid": "7135afd9-ef05-4909-8b3e-eeae3d527bd0"
+      }
+    }
+  },
+  "in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large": {
+    "component": "in-field-button",
+    "sets": {
+      "spectrum": {
+        "value": "{in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large}",
+        "uuid": "c47499c1-b89f-49a7-bbb5-17e83e4b306e"
+      },
+      "express": {
+        "value": "4px",
+        "uuid": "979542c9-2328-495c-8abf-cb226b140f82"
+      }
+    }
   }
 }