[email protected] - Swapped CaretIcon with CaretDownFilledIcon (#1906

) * Swapped CaretIcon with Fixed up CaretDownFilledIcon via @justeattakeaway/pie-icons-vue * Update CHANGELOG.md * Update FormDropdown.vue * Update FormDropdown.vue * Update FormDropdown.vue Co-authored-by: billy.oliver <[email protected]>
justeattakeaway · Jun 7, 2022 · 9514c3e · 9514c3e
1 parent 9c33d91
commit 9514c3e
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 5 deletions.
diff --git a/packages/components/atoms/f-form-field/CHANGELOG.md b/packages/components/atoms/f-form-field/CHANGELOG.md
@@ -3,6 +3,15 @@
 The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
+
+v4.12.0
+------------------------------
+*Jun 7, 2022*
+
+### Changed
+- Swapped CaretIcon with CaretDownFilledIcon via @justeattakeaway/pie-icons-vue
+
+
 v4.11.0
 ------------------------------
 *May 30, 2022*

diff --git a/packages/components/atoms/f-form-field/package.json b/packages/components/atoms/f-form-field/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@justeat/f-form-field",
   "description": "Fozzie Form Field - Fozzie Form Field Component",
-  "version": "4.11.0",
+  "version": "4.12.0",
   "main": "dist/f-form-field.umd.min.js",
   "maxBundleSize": "20kB",
   "files": [

diff --git a/packages/components/atoms/f-form-field/src/components/FormDropdown.vue b/packages/components/atoms/f-form-field/src/components/FormDropdown.vue
@@ -24,20 +24,20 @@
                 :value="option.value">{{ option.text }}</option>
         </select>
 
-        <caret-icon
+        <caret-down-filled-icon
             :class="$style['c-formDropdown-icon']"
             :data-test-id="testId.icon" />
     </div>
 </template>
 
 <script>
-import { CaretIcon } from '@justeat/f-vue-icons';
+import { CaretDownFilledIcon } from '@justeattakeaway/pie-icons-vue';
 
 export default {
     name: 'FormDropdown',
 
     components: {
-        CaretIcon
+        CaretDownFilledIcon
     },
 
     inheritAttrs: false,
@@ -99,7 +99,6 @@ $form-dropdown-iconIndent--large              : 25px;
     width: spacing(c);
     position: absolute;
     right: spacing(e);
-    transform: rotate(180deg);
     pointer-events: none;
 
     path {