Pre-release

@perrygovier perrygovier released this Jan 28, 2016

Assets 2

2.0.0-alpha.53 (2016-01-28)

Features

  • Normalize how ion-item and inner inputs/avatars/icons/etc are written
  • Only one type of ion-item, rather than every input also having a similar structure
  • Multiple inputs can be placed inside of an ion-item
  • Allow avatars/thumbnails/icons next to checkbox/radio/toggle/select/input
  • Inputs can be stand-alone components, and not required within an ion-item

Breaking Changes

  • Inputs are now placed inside of ion-item
  • Inputs do not come with their own label
  • ion-item-content has been replaced with ion-label
  • Label attributes are placed on ion-label rather than ion-input
  • Native HTML <input> and <textarea> should not be used in items, but instead <ion-input> and <ion-textarea>
Text Input Refactor

Was:

<ion-input>
  <ion-label>Email</ion-label>
  <input type="email">
</ion-input>

<ion-input>
  <ion-label>Comments</ion-label>
  <textarea></textarea>
</ion-input>

Now:

<ion-item>
  <ion-label>Email</ion-label>
  <ion-input type="email"></ion-input>
</ion-item>

<ion-item>
  <ion-label>Comments</ion-label>
  <ion-textarea></ion-textarea>
</ion-item>
Checkbox Refactor

Was:

  <ion-checkbox [(ngModel)]="data">
    My Checkbox
  </ion-checkbox>

Now:

  <ion-item>
    <ion-label>My Checkbox</ion-label>
    <ion-checkbox [(ngModel)]="data"></ion-checkbox>
  </ion-item>
Radio Button Refactor

Was:

<ion-list radio-group [(ngModel)]="data">

  <ion-list-header>
    Auto Manufacturers
  </ion-list-header>

  <ion-radio value="cord">
    Cord
  </ion-radio>

  <ion-radio value="duesenberg" checked="true">
    Duesenberg
  </ion-radio>

  <ion-radio value="hudson">
    Hudson
  </ion-radio>

</ion-list>

Now:

<ion-list radio-group [(ngModel)]="data">

  <ion-list-header>
    Auto Manufacturers
  </ion-list-header>

  <ion-item>
    <ion-label>Cord</ion-label>
    <ion-radio value="cord"></ion-radio>
  </ion-item>

  <ion-item>
    <ion-label>Duesenberg</ion-label>
    <ion-radio value="duesenberg" checked="true"></ion-radio>
  </ion-item>

  <ion-item>
    <ion-label>Hudson</ion-label>
    <ion-radio value="hudson"></ion-radio>
  </ion-item>

</ion-list>
Select Refactor

Was:

  <ion-select [(ngModel)]="gender">
    <ion-label>Gender</ion-label>
    <ion-option value="f" checked="true">Female</ion-option>
    <ion-option value="m">Male</ion-option>
  </ion-select>

Now:

  <ion-item>
    <ion-label>Gender</ion-label>
    <ion-select [(ngModel)]="gender">
      <ion-option value="f" checked="true">Female</ion-option>
      <ion-option value="m">Male</ion-option>
    </ion-select>
  <ion-item>
Toggle Refactor

Was:

  <ion-toggle [(ngModel)]="data">
    My Toggle
  </ion-toggle>

Now:

  <ion-item>
    <ion-label>My Toggle</ion-label>
    <ion-toggle [(ngModel)]="data"></ion-toggle>
  </ion-item>
Label Attribute Refactor

Was:

<ion-input fixed-label>
  <ion-label>Username</ion-label>
  <input type="text">
</ion-input>

<ion-input floating-label>
  <ion-label>Email</ion-label>
  <input type="email">
</ion-input>

Now:

<ion-input>
  <ion-label fixed>Username</ion-label>
  <ion-input></ion-input>
</ion-input>

<ion-input>
  <ion-label floating>Email</ion-label>
  <ion-input type="email"></ion-input>
</ion-input>

misc

  • Code and syntax highlighting in markdown (8cb2b4d)
  • Merge pull request #5217 from manucorporat/2.0 (e1b514d)

chore

  • chore(changelog): label attr refactor (ca6eef9)
  • chore(changelog): updates for alpha.53 (47806dc)
  • chore(package): don't increment version in gulp package (ab4c7c3)
  • chore(snapshot): update snapshot to run all tests (cb7a358)

docs

  • docs(): hide methods not requiring docs (dbc681f)
  • docs(): update for alpha52 (cefc305)
  • docs(blur): hide docs for blur (4435451)
  • docs(demos): clean up blur demo (779a494)
  • docs(demos): clean up nav-push-pop (4eadc78)
  • docs(demos): fix scroll demo to use correct attributes (4df4afd)
  • docs(demos): prettify ShowWhen demo (aca9ea6)
  • docs(demos): prettify config some more and add another page - fix back button icon (e982c69)
  • docs(demos): prettify nav params demo (58dfa3d)
  • docs(demos): prettify the config demo (a8bc0d2)
  • docs(demos): prettify the hide-when demo (a676d7d)
  • docs(demos): prettify the platform demo (b933029)
  • docs(demos): prettifying local-storage demo (8bc853f)
  • docs(demos): prettifying modal demo (95d03ca)
  • docs(demos): prettifying some more local-storage (2d691b0)
  • docs(demos): remove attr from docs (047a939)
  • docs(demos): remove unused demos (c68da33), closes #5216
  • docs(demos): remove unused demos (e50eb89), closes #5216
  • docs(demos): update demos to latest alpha (59c62a0)
  • docs(demos): update demos with item-refactor (d7dec0a)
  • docs(demos): update menu demo to use menuClose attribute (e7fe7e4)
  • docs(toolbar): add subheader and footer examples (d971f3e), closes #5174 #5063
  • docs(toolbar): clean up docs (18eb967)

feat

  • feat(checkbox): stand-alone checkbox components (6890532)
  • feat(select): emit change and select events (e19d4e3), closes #5219
  • feat(util): add margin attributes (e22ccf4)

fix

  • fix(alert): add z-index and border-radius to fix ripple (5b0d60d), closes #5203
  • fix(blur): fix blur directive so it adds the filter and add a test (4af0e41)
  • fix(input): change next input imports (70a9eb3)
  • fix(input): checked attr can be an empty string or no value (e76b559)
  • fix(input): clean up CSS on inputs and labels (2fc9753)
  • fix(input): fix floating label on blur w/ value (5d4a8fe)
  • fix(input): fix floating/stacked label relocate (ad7885f)
  • fix(input): update input css/tests (42f6b10)
  • fix(label): fix label for item and inputs by adding flex back (3cbbfdc)
  • fix(label): remove left margin for md labels in items (3be8952)
  • fix(menu): fix right side menu - platform becomes _platform (0b0500d), closes #5147
  • fix(radio): allow radios to check even without values (f20ae8f)
  • fix(radio): prevent multiple radio buttons from being checked (334fb3c)
  • fix(scroll): add pull to refresh Sass back to core component (adce1e5)
  • fix(scroll): canOverscroll was set to false which prevented PTR from ever working (e4b2006)
  • fix(searchbar): modify height on the input to fix it on Canary (e672de5), closes #5176
  • fix(select): fix select disabled state (eb03159)
  • fix(select): update text on ngModel change (0a04522)
  • fix(slides): convert loop attribute to a boolean and index to a number before passing to slides (de9a986), closes #5189

refactor

  • refactor(input): break apart input source files (aea2217)
  • refactor(input): place inputs inside of ion-item (b3a7298)

release

  • release: 2.0.0-alpha.53 (9a78d68)

test

  • test(input): add test to reproduce a floating label bug (c1fbbb1)
  • test(list): add some markup for checkboxes and avatars (e568eb9)
  • test(list): fix toggle to represent new ion-item (58d994b)
  • test(radio): add e2e test for radios with no value (f79a121)