add TODOs

core/src/components/picker-column/picker-column-interfaces.ts

@@ -1,3 +1,4 @@
+// TODO FW-5580 remove this
 export interface PickerColumnItem {
   text: string;
   value: string | number;

core/src/components/picker-column/picker-column.md.scss

@@ -1,6 +1,7 @@
 @import "./picker-column.scss";
 @import "../../themes/ionic.globals.md";
 
+// TODO FW-5580 remove this
 :host .picker-item-active {
   color: current-color(base);
 }

core/src/components/picker-column/picker-column.scss

@@ -44,6 +44,7 @@
   scroll-snap-align: none;
 }
 
+// TODO FW-5580 remove this
 :host .picker-item {
   @include padding(0);
   @include margin(0);
@@ -81,11 +82,14 @@
   scroll-snap-align: center;
 }
 
+// TODO FW-5580 remove this.
+// Figure out if we still need the .picker-item-empty selector
 :host .picker-item-empty,
 :host .picker-item[disabled] {
   cursor: default;
 }
 
+// TODO FW-5580 remove this
 :host .picker-item-empty,
 :host(:not([disabled])) .picker-item[disabled] {
   scroll-snap-align: none;
@@ -95,10 +99,12 @@
   overflow-y: hidden;
 }
 
+// TODO FW-5580 remove this
 :host .picker-item[disabled] {
   opacity: 0.4;
 }
 
+// TODO FW-5580 remove this
 :host(.picker-column-active) .picker-item.picker-item-active {
   color: current-color(base);
 }

core/src/components/picker-column/picker-column.tsx

@@ -14,6 +14,8 @@ import type { PickerColumnItem } from './picker-column-interfaces';
 /**
  * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  */
+// TODO FW-5580 we can likely go back to a single stylesheet here
+// the per-mode styles were moved to ion-picker-column-option
 @Component({
   tag: 'ion-picker-column',
   styleUrls: {