Merge pull request #156 from adobe/larz0/SDS-13495-standard-panel

S2 Standard Panel tokens update
adobe · Aug 12, 2024 · aa80cf7 · aa80cf7
2 parents 1d73108 + 5a2abc2
commit aa80cf7
Show file tree

Hide file tree

Showing 7 changed files with 253 additions and 5 deletions.
diff --git a/src/tokens-studio/spectrum2-colors/$themes.json b/src/tokens-studio/spectrum2-colors/$themes.json
@@ -34,6 +34,7 @@
       "Component.popover.border": "716363d37a9959c100d120da64dc12ca43af2cc7",
       "Component.swatch.border": "0921def4f90864fbeb1e361239484a95d7296f3b",
       "Component.swatch.disabled-icon-border": "926608b75d469011fdab4effff4b928a9010a99f",
+      "Component.standard-panel.gripper-drag": "2ca345196c834ec63d6f65f998770dbdd9717d69",
       "Component.table.non-emphasized-selected-row-background": "527483e7ad502b89308da567c4202d583a1fd4fd",
       "Component.table.row-hover": "7400108dc6ecce96e0b2c7801eadc2f060e77828",
       "Component.table.selected-row-background": "1149aafef0a2f857f1acf1ab8b5463fd312cc527",
@@ -676,7 +677,8 @@
       "Palette.transparent-white.700": "fbac60c7cd862f46eba4908ae9cc5c7346156320",
       "Palette.transparent-white.800": "ea5e834dbe202dc1dbbce86ba074ab50155812c1",
       "Palette.transparent-white.900": "cc73dfce811bf9bab293a95d9342fd6a9135c9ab",
-      "Palette.transparent-white.1000": "0ae4fb367bd6d70103b8df1fd1fff8a237a94b30"
+      "Palette.transparent-white.1000": "0ae4fb367bd6d70103b8df1fd1fff8a237a94b30",
+      "Component.standard-panel.gripper": "b352e01720f30f5a2223b49cc6871e9120109d7b"
     },
     "$figmaStyleReferences": {},
     "group": "S2.Color-theme"
@@ -716,6 +718,7 @@
       "Component.popover.border": "716363d37a9959c100d120da64dc12ca43af2cc7",
       "Component.swatch.border": "0921def4f90864fbeb1e361239484a95d7296f3b",
       "Component.swatch.disabled-icon-border": "926608b75d469011fdab4effff4b928a9010a99f",
+      "Component.standard-panel.gripper-drag": "2ca345196c834ec63d6f65f998770dbdd9717d69",
       "Component.table.non-emphasized-selected-row-background": "527483e7ad502b89308da567c4202d583a1fd4fd",
       "Component.table.row-hover": "7400108dc6ecce96e0b2c7801eadc2f060e77828",
       "Component.table.selected-row-background": "1149aafef0a2f857f1acf1ab8b5463fd312cc527",
@@ -1358,9 +1361,10 @@
       "Palette.transparent-white.700": "fbac60c7cd862f46eba4908ae9cc5c7346156320",
       "Palette.transparent-white.800": "ea5e834dbe202dc1dbbce86ba074ab50155812c1",
       "Palette.transparent-white.900": "cc73dfce811bf9bab293a95d9342fd6a9135c9ab",
-      "Palette.transparent-white.1000": "0ae4fb367bd6d70103b8df1fd1fff8a237a94b30"
+      "Palette.transparent-white.1000": "0ae4fb367bd6d70103b8df1fd1fff8a237a94b30",
+      "Component.standard-panel.gripper": "b352e01720f30f5a2223b49cc6871e9120109d7b"
     },
     "$figmaStyleReferences": {},
     "group": "S2.Color-theme"
   }
-]
+]
diff --git a/src/tokens-studio/spectrum2-colors/spectrum2/component/dark.json b/src/tokens-studio/spectrum2-colors/spectrum2/component/dark.json
@@ -258,6 +258,28 @@
         }
       }
     },
+    "standard-panel": {
+      "gripper": {
+        "value": "{Palette.gray.200}",
+        "type": "color",
+        "$extensions": {
+          "spectrum-tokens": {
+            "uuid": "",
+            "name": "standard-panel-gripper-default-color"
+          }
+        }
+      },
+      "gripper-drag": {
+        "value": "{Palette.gray.800}",
+        "type": "color",
+        "$extensions": {
+          "spectrum-tokens": {
+            "uuid": "",
+            "name": "standard-panel-gripper-drag-color"
+          }
+        }
+      }
+    },
     "swatch-group": {
       "border": {
         "value": "{Palette.gray.1000}",
@@ -315,4 +337,4 @@
       }
     }
   }
-}
+}
diff --git a/src/tokens-studio/spectrum2-colors/spectrum2/component/light.json b/src/tokens-studio/spectrum2-colors/spectrum2/component/light.json
@@ -258,6 +258,28 @@
         }
       }
     },
+    "standard-panel": {
+      "gripper": {
+        "value": "{Palette.gray.200}",
+        "type": "color",
+        "$extensions": {
+          "spectrum-tokens": {
+            "uuid": "",
+            "name": "standard-panel-gripper-color"
+          }
+        }
+      },
+      "gripper-color-drag": {
+        "value": "{Palette.gray.800}",
+        "type": "color",
+        "$extensions": {
+          "spectrum-tokens": {
+            "uuid": "",
+            "name": "standard-panel-gripper-color-drag"
+          }
+        }
+      }
+    },
     "swatch-group": {
       "border": {
         "value": "{Palette.gray.1000}",
@@ -315,4 +337,4 @@
       }
     }
   }
-}
+}
diff --git a/src/tokens-studio/spectrum2-non-colors/spectrum2/layout.component/desktop.json b/src/tokens-studio/spectrum2-non-colors/spectrum2/layout.component/desktop.json
@@ -289,6 +289,36 @@
       }
     }
   },
+  "standard-panel-width": {
+    "value": "260px",
+    "type": "sizing",
+    "$extensions": {
+      "spectrum-tokens": {
+        "uuid": "",
+        "name": "standard-panel-width"
+      }
+    }
+  },
+  "standard-panel-minimum-width": {
+    "value": "200px",
+    "type": "sizing",
+    "$extensions": {
+      "spectrum-tokens": {
+        "uuid": "",
+        "name": "standard-panel-minimum-width"
+      }
+    }
+  },
+  "standard-panel-maximum-width": {
+    "value": "400px",
+    "type": "sizing",
+    "$extensions": {
+      "spectrum-tokens": {
+        "uuid": "",
+        "name": "standard-panel-maximum-width"
+      }
+    }
+  },
   "standard-dialog-minimum-width": {
     "value": "288px",
     "type": "sizing",
@@ -3930,6 +3960,66 @@
       }
     }
   },
+  "standard-panel-top-to-close-button-compact": {
+    "value": "5px",
+    "type": "spacing",
+    "$extensions": {
+      "spectrum-tokens": {
+        "uuid": "",
+        "name": "standard-panel-top-to-close-button-compact"
+      }
+    }
+  },
+  "standard-panel-top-to-close-button-regular": {
+    "value": "9px",
+    "type": "spacing",
+    "$extensions": {
+      "spectrum-tokens": {
+        "uuid": "",
+        "name": "standard-panel-top-to-close-button-regular"
+      }
+    }
+  },
+  "standard-panel-top-to-close-button-spacious": {
+    "value": "17px",
+    "type": "spacing",
+    "$extensions": {
+      "spectrum-tokens": {
+        "uuid": "",
+        "name": "standard-panel-top-to-close-button-spacious"
+      }
+    }
+  },
+  "standard-panel-edge-to-close-button-compact": {
+    "value": "3px",
+    "type": "spacing",
+    "$extensions": {
+      "spectrum-tokens": {
+        "uuid": "",
+        "name": "standard-panel-edge-to-close-button-compact"
+      }
+    }
+  },
+  "standard-panel-edge-to-close-button-regular": {
+    "value": "7px",
+    "type": "spacing",
+    "$extensions": {
+      "spectrum-tokens": {
+        "uuid": "",
+        "name": "standard-panel-edge-to-close-button-regular"
+      }
+    }
+  },
+  "standard-panel-edge-to-close-button-spacious": {
+    "value": "15px",
+    "type": "spacing",
+    "$extensions": {
+      "spectrum-tokens": {
+        "uuid": "",
+        "name": "standard-panel-edge-to-close-button-spacious"
+      }
+    }
+  },
   "status-light-top-to-dot-extra-large": {
     "value": "17px",
     "type": "spacing",

diff --git a/src/tokens-studio/spectrum2-non-colors/spectrum2/layout.component/mobile.json b/src/tokens-studio/spectrum2-non-colors/spectrum2/layout.component/mobile.json
@@ -719,6 +719,36 @@
       }
     }
   },
+  "standard-panel-width": {
+    "value": "260px",
+    "type": "sizing",
+    "$extensions": {
+      "spectrum-tokens": {
+        "uuid": "",
+        "name": "standard-panel-width"
+      }
+    }
+  },
+  "standard-panel-minimum-width": {
+    "value": "200px",
+    "type": "sizing",
+    "$extensions": {
+      "spectrum-tokens": {
+        "uuid": "",
+        "name": "standard-panel-minimum-width"
+      }
+    }
+  },
+  "standard-panel-maximum-width": {
+    "value": "400px",
+    "type": "sizing",
+    "$extensions": {
+      "spectrum-tokens": {
+        "uuid": "",
+        "name": "standard-panel-maximum-width"
+      }
+    }
+  },
   "standard-dialog-minimum-width": {
     "value": "288px",
     "type": "sizing",
@@ -3930,6 +3960,66 @@
       }
     }
   },
+  "standard-panel-top-to-close-button-compact": {
+    "value": "5px",
+    "type": "spacing",
+    "$extensions": {
+      "spectrum-tokens": {
+        "uuid": "",
+        "name": "standard-panel-top-to-close-button-compact"
+      }
+    }
+  },
+  "standard-panel-top-to-close-button-regular": {
+    "value": "9px",
+    "type": "spacing",
+    "$extensions": {
+      "spectrum-tokens": {
+        "uuid": "",
+        "name": "standard-panel-top-to-close-button-regular"
+      }
+    }
+  },
+  "standard-panel-top-to-close-button-spacious": {
+    "value": "17px",
+    "type": "spacing",
+    "$extensions": {
+      "spectrum-tokens": {
+        "uuid": "",
+        "name": "standard-panel-top-to-close-button-spacious"
+      }
+    }
+  },
+  "standard-panel-edge-to-close-button-compact": {
+    "value": "3px",
+    "type": "spacing",
+    "$extensions": {
+      "spectrum-tokens": {
+        "uuid": "",
+        "name": "standard-panel-edge-to-close-button-compact"
+      }
+    }
+  },
+  "standard-panel-edge-to-close-button-regular": {
+    "value": "7px",
+    "type": "spacing",
+    "$extensions": {
+      "spectrum-tokens": {
+        "uuid": "",
+        "name": "standard-panel-edge-to-close-button-regular"
+      }
+    }
+  },
+  "standard-panel-edge-to-close-button-spacious": {
+    "value": "15px",
+    "type": "spacing",
+    "$extensions": {
+      "spectrum-tokens": {
+        "uuid": "",
+        "name": "standard-panel-edge-to-close-button-spacious"
+      }
+    }
+  },
   "status-light-top-to-dot-extra-large": {
     "value": "22px",
     "type": "spacing",

diff --git a/src/tokens-studio/spectrum2-non-colors/spectrum2/typography.component/desktop.json b/src/tokens-studio/spectrum2-non-colors/spectrum2/typography.component/desktop.json
@@ -2299,6 +2299,16 @@
       }
     }
   },
+  "standard-panel-title-font-size": {
+    "value": "{title-size-s}",
+    "type": "fontSizes",
+    "$extensions": {
+      "spectrum-tokens": {
+        "uuid": "",
+        "name": "standard-panel-title-font-size"
+      }
+    }
+  },
   "title-cjk-size-l": {
     "value": "{font-size-200}",
     "type": "fontSizes",

diff --git a/src/tokens-studio/spectrum2-non-colors/spectrum2/typography.component/mobile.json b/src/tokens-studio/spectrum2-non-colors/spectrum2/typography.component/mobile.json
@@ -2299,6 +2299,16 @@
       }
     }
   },
+  "standard-panel-title-font-size": {
+    "value": "{title-size-s}",
+    "type": "fontSizes",
+    "$extensions": {
+      "spectrum-tokens": {
+        "uuid": "",
+        "name": "standard-panel-title-font-size"
+      }
+    }
+  },
   "title-cjk-size-l": {
     "value": "{font-size-200}",
     "type": "fontSizes",