feat: renamed dropdown to picker (#540)

adobe · Jul 28, 2020 · d1081f0 · d1081f0 · lazd · Sep 22, 2020
1 parent 33d6638
commit d1081f0
Show file tree

Hide file tree

Showing 19 changed files with 588 additions and 474 deletions.
diff --git a/components/dropdown/index.css b/components/dropdown/index.css
diff --git a/components/dropdown/skin.css b/components/dropdown/skin.css
diff --git a/components/fieldlabel/metadata/form.yml b/components/fieldlabel/metadata/form.yml
@@ -25,10 +25,10 @@ examples:
         <div class="spectrum-Form-item">
           <label class="spectrum-Form-itemLabel spectrum-FieldLabel--left" for="spectrum-textinput-instance">Country</label>
           <div class="spectrum-Form-itemField">
-            <div class="spectrum-Dropdown" style="width: 195px;">
-              <button class="spectrum-FieldButton spectrum-Dropdown-trigger" aria-haspopup="true">
-                <span class="spectrum-Dropdown-label is-placeholder">Select a Country</span>
-                <svg class="spectrum-Icon spectrum-UIIcon-ChevronDownMedium spectrum-Dropdown-icon" focusable="false" aria-hidden="true">
+            <div class="spectrum-Picker" style="width: 195px;">
+              <button class="spectrum-FieldButton spectrum-Picker-trigger" aria-haspopup="true">
+                <span class="spectrum-Picker-label is-placeholder">Select a Country</span>
+                <svg class="spectrum-Icon spectrum-UIIcon-ChevronDownMedium spectrum-Picker-icon" focusable="false" aria-hidden="true">
                   <use xlink:href="#spectrum-css-icon-ChevronDownMedium" />
                 </svg>
               </button>
@@ -122,10 +122,10 @@ examples:
         <div class="spectrum-Form-item">
           <label class="spectrum-Form-itemLabel spectrum-FieldLabel--right" for="spectrum-textinput-instance">Country</label>
           <div class="spectrum-Form-itemField">
-            <div class="spectrum-Dropdown" style="width: 195px;">
-              <button class="spectrum-FieldButton spectrum-Dropdown-trigger" aria-haspopup="true">
-                <span class="spectrum-Dropdown-label is-placeholder">Select a Country</span>
-                <svg class="spectrum-Icon spectrum-UIIcon-ChevronDownMedium spectrum-Dropdown-icon" focusable="false" aria-hidden="true">
+            <div class="spectrum-Picker" style="width: 195px;">
+              <button class="spectrum-FieldButton spectrum-Picker-trigger" aria-haspopup="true">
+                <span class="spectrum-Picker-label is-placeholder">Select a Country</span>
+                <svg class="spectrum-Icon spectrum-UIIcon-ChevronDownMedium spectrum-Picker-icon" focusable="false" aria-hidden="true">
                   <use xlink:href="#spectrum-css-icon-ChevronDownMedium" />
                 </svg>
               </button>
@@ -219,10 +219,10 @@ examples:
         <div class="spectrum-Form-item">
           <label class="spectrum-Form-itemLabel" for="spectrum-textinput-instance">Country</label>
           <div class="spectrum-Form-itemField">
-            <div class="spectrum-Dropdown" style="width: 195px;">
-              <button class="spectrum-FieldButton spectrum-Dropdown-trigger" aria-haspopup="true">
-                <span class="spectrum-Dropdown-label is-placeholder">Select a Country</span>
-                <svg class="spectrum-Icon spectrum-UIIcon-ChevronDownMedium spectrum-Dropdown-icon" focusable="false" aria-hidden="true">
+            <div class="spectrum-Picker" style="width: 195px;">
+              <button class="spectrum-FieldButton spectrum-Picker-trigger" aria-haspopup="true">
+                <span class="spectrum-Picker-label is-placeholder">Select a Country</span>
+                <svg class="spectrum-Icon spectrum-UIIcon-ChevronDownMedium spectrum-Picker-icon" focusable="false" aria-hidden="true">
                   <use xlink:href="#spectrum-css-icon-ChevronDownMedium" />
                 </svg>
               </button>

diff --git a/components/fieldlabel/package.json b/components/fieldlabel/package.json
@@ -22,7 +22,7 @@
   "devDependencies": {
     "@spectrum-css/checkbox": "^3.0.0-beta.3",
     "@spectrum-css/component-builder": "^1.2.0",
-    "@spectrum-css/dropdown": "^3.0.0-beta.3",
+    "@spectrum-css/picker": "^1.0.0",
     "@spectrum-css/icon": "^2.1.1",
     "@spectrum-css/radio": "^3.0.0-beta.2",
     "@spectrum-css/stepper": "^3.0.0-beta.4",
@@ -34,4 +34,4 @@
     "access": "public"
   },
   "homepage": "https://opensource.adobe.com/spectrum-css/"
-}
+}
diff --git a/components/dropdown/.npmignore → components/picker/.npmignore b/components/dropdown/.npmignore → components/picker/.npmignore
diff --git a/components/dropdown/CHANGELOG.md → components/picker/CHANGELOG.md b/components/dropdown/CHANGELOG.md → components/picker/CHANGELOG.md
diff --git a/components/dropdown/README.md → components/picker/README.md b/components/dropdown/README.md → components/picker/README.md
@@ -1,5 +1,6 @@
-# @spectrum-css/dropdown
-> The Spectrum CSS dropdown component
+# @spectrum-css/picker
+
+> The Spectrum CSS picker component
 
 This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).
 

diff --git a/components/dropdown/embed/Down-Chevron.svg → components/picker/embed/Down-Chevron.svg b/components/dropdown/embed/Down-Chevron.svg → components/picker/embed/Down-Chevron.svg
diff --git a/components/dropdown/gulpfile.js → components/picker/gulpfile.js b/components/dropdown/gulpfile.js → components/picker/gulpfile.js