Project CHANGELOG

CHANGELOG

## 1.6.10: Add '_css-vars' (instead of 'css-vars') to unscoped_imports.

1.6.9: Add 'css-vars' to unscoped_imports

1.6.8: Add Association param to WalkMe

1.6.7: Add a Carousel button that toggles between user defined values on each click

1.6.5: Update css for select form elements

1.6.4: Add build in padding to required asterisk and remove extra padding from UIL demo site

1.6.3: Slight Adjustment to required asterisk on included fields

Leveraged theme-type-title-large to increase visibility and characterisitics of required asterisk

1.6.2: Add input with button

1.6.1: rename bugsnag.js to bugsnag-pkg.js

Works around a name conflict resulting in an invalid manifest file pointer

1.6.0: Migrating assets from flexmls_assets gem

provide js-cookie.js as a replacement to jQuery.cookie used in various parts of the site provide bugsnag.js as a replacement to snag.js from the flexmls_assets gem for JS error tracking in our applications
provide loadingSpinner.show() and loadingSpinner.hide() to be used as very basic wait indicators supporting applications migrating away from page-loading-msg.js in flexmls_assets,
Add no_img_available_gallery@2x.png and no_img_available_gallery_dark@2x.png for use as listing image placeholders
Extract all SASS Color variables to CSS properties (see source/assets/styles/_css-vars.scss) and migrate existing flexmls-ui references to their CSS property equivalent

1.5.5: Added Stacked Agent and Office Avatar

1.5.4: When select2 filter has only one element enter selects element

1.5.3: Fix card header padding

1.5.2: Don't hide listing input output message block

1.5.1: Add Chart.js Annotation Plugin

1.5.0: Added Chart.js and datalabels plugin

1.4.34: Added CSS For Listing Summary Container For Entry Date.

1.4.33: Update Metro Pixel to add role-based keys.

1.4.32: Update Metro Pixel to remove listingViewed and add a dedicated Collect log.

1.4.31: Add Panel Layout component

1.4.30: Change Collapsible Enable/Disable card so summary is on new line.

1.4.29: Change Metro Pixel methodology to use tracking pixel. Adjust role allowances.

1.4.28: Add listingDetailViewed to Metro Pixel integration role list

1.4.27: Add vow role to Metro Pixel integration role list

1.4.26: Fix missing Metro Pixel reference

1.4.25: Add Metro Pixel integration for Snitch

1.4.24: Fix for LM Save Button Disappearing on Mobile web

1.4.23: Remove additional padding above the separation line on New Listings

1.4.21: Fix up scaling issue on empty state graphic so it does not scale anymore

1.4.20: Added an update-message class for autosave

1.4.19: Added in exclusive checkbox styling to remove hidden margins

1.4.16: Small CSS Change for Listing Summary Requested By Design

1.4.15: Small CSS Change for Listing Summary

1.4.14: Small Collection of CSS Changes for Listing Summary

1.4.13: Added Inverse Collapsible Section Component, and modified Listing Summary section

1.4.12: Added in Empty State Graphic styling

1.4.11: Separation of active styling between link and sub-links

1.4.8: UIL Development for Listing Summary Header

1.4.7: Responsive page content scroll improvements

1.4.6: Styling and addition of empty state graphic

1.4.4: Help messages are red when the field block is in an error state

1.4.3: Tighter form margins

1.4.2: Responsive compact table component

1.4.1: Added Docker Compose to allow local development via docker

## 1.4.0: Removal of TheRubyRacer Gem from the project ## 1.3.23: FLEX-7695: Fix Overlapping title/summary fields and Title supports opening/closing card

1.3.20 UIL-9 FLEX-7602 add border and select input to the collapsible cards

1.3.19: UIL examples and pixel fixing for help icon

1.3.15 UIL-12 First iteration. Responsive lefthand nav and content section

1.3.14 UIL-9 (no longer relevant) FLEX-7602 add border and select input to collapsible cards

1.3.12 Added a warning to the UIL design page about the feature examples

1.3.10 Info icon hover state

1.3.9 Adjusted line-height to remove text descendent issues on labels

1.3.8 Added support for an input label help/information icon

1.3.7 Added .error-message section for form inputs

1.3.6 Added support for `.has-error` on select2 input boxes

1.3.5 Adjusted padding for card title

1.3.4 Added card header with styling for basic cards

1.3.3 Fixed large checkboxes in the Most Used Selector component

1.3.2 Fix flatpickr publishing

1.3.1 Fixups to 1.3.0 and 1.2.0

unbreak toggle elements
small position fix to checkbox/radios
properly scope CSS from 1.2.0
publish Flatpickr JS/CSS as standalone files available via the manifest

1.3.0 Replace pseudo checkbox/radio elements with standard HTML (UIL-5, UIL-2)

1.0.15 Added a standardized busy spinner

1.0.14 Update to labels

1.0.13 Update to button typography

1.0.12 Revert UIL-2

1.0.11 UIL-2 - Fix Most Used checkbox flex style

1.0.10 UIL-2 - Use standard HTML radio/checkbox inputs

1.0.9 CUR-26648: use load_time for the ContentLoadTime (again)

1.0.8 TASK-1284: Ruby version bump

1.0.7 CUR-26648: use load_time for the ContentLoadTime

1.0.7-alpha CUR-26648: use load_time for the ContentLoadTime

1.0.6-alpha CUR-26648: get the ContentLoadTime for performance working

1.0.6 CUR-26648: use imageGalleryLoaded for performance stats

1.0.5 CUR-26648: version bump for CUR-26648

1.0.4 CUR-26648: performance metric for RoyalSlider image gallery load time

1.0.0 FLEX-5835: BREAKING CHANGE - removed bootstrap modifications

BREAKING CHANGE: This removes a modification to the bootstrap source code. The modification was originally added because dropdowns won't close when you click elsewhere on the page if that click is in an iframe. The click event doesn't propagate up to the parent window. Bootstrap already had a hack in place for a problem with mobile devices where a full screen invisible backdrop was added to the page. This was reused to handle the iframe problem if the data-use-backdrop attr was included. In this version, the data-use-backdrop modifications were removed. An alternate solution has been added to the UIL dropdown docs.

0.10.13 FLEX-5835: replaced select2 with a clean version and moved modifications to our wrapper

0.10.12 MWEB-2779: prevent NavPill errors when button is missing

0.10.10 MWEB-2794: change nav pill initial active indicator

0.10.8 MWEB-2779: remove automatic nav pill setup

0.10.7 MWEB-2779: added nav pill

0.10.6 MWEB-2760: added small segmented button

0.10.5 MWEB-2760: added small segmented control and card-table

0.10.3 MWEB-2754: added flexPopover

0.10.2 CUR-26257: updated icon font with key icon

0.10.1 CUR-25955: decrease padding for c-page__panel on mobile

0.10.0 CUR-25955: updates to spacing for mobile sizes

The padding was changed on several components for mobile widths.

Cards: * Reduce .c-card__content padding from 24px to 16px * Reduce .c-card__footer left/right padding from 24px to 16px

Card Groups: * Reduce .c-collapsible__title left padding from 24px to 16px * Reduce .c-collapsible__content padding from 24px to 16px

Nav Lists: * Reduce .c-nav-list__item left padding from 24px to 16px

Modals: * Reduce .c-modal__header padding from 24px to 16px * Reduce .c-modal__content padding from 24px to 16px * Reduce .c-modal__footer left/right padding from 24px to 16px

Dropdowns: * Reduce .dropdown-menu li a left/right padding from 24px to 16px

Pages: * Reduce .c-page padding from 24px to 16px

0.9.9 CUR-25950: added 'select all' version of checkbox

0.9.8 CUR-25801: added a min-width to select2 dropdowns

0.9.7 FLEX-5706: some fixes for the Snitch event tracking update from the previous version

0.9.6 FLEX-5706: update to Snitch event tracking for Rails apps to allow for easier and more flexible calls to track_event

0.9.5 CUR-25951: added switch icon to font

0.9.3 FLEX-5700: Allowing for focus-visible (and any optional js/polyfill) to be disabled by the UIL consumer

0.9.2 FLEX-5667: updated examples with new logo and fix logo size

0.9.1 FS-799: Bump jQuery version to 1.10.2

0.9.0 BUG-172: Going to temporarily remove the input focus library to get a version that will work with flagship

0.8.100 FS-794: Add Bootstrap Carousel to UI library

0.8.98 CUR-25831: Add input-group-addon overrides

0.8.97 CUR-25824: Add not-allowed cursor for disabled Select2 elements

0.8.96 CUR-25821: Add new flexicons; spring, spark, floplan

0.8.95 CUR-25804: Add new flexicons; flexmls–pin, collab–circle, question–circle

0.8.94 FLEX-5600: Transparent background for focus ring only applies to text inputs

0.8.92 FLEX-5600: Removing z-index on focus ring

0.8.91 FLEX-5634: Prevent obscuring background on focus ring

0.8.90 ARMLS-3778: Get date in UTC for all timezones in rental calendar

0.8.89 MWEB-2621: truncate long select options

0.8.84 Adds new icon for Virtual Tours

0.8.83 Fix virtual open house badge overlapping price

0.8.82 changeing chevron to colored version for CUR-25275

0.8.81 Upgrading select2 version to v4.0.13 according to AN-1873

0.8.80 Fix Boostrap-standard label colors

Label classes like label-danger and label-warning are now properly colored.
Deprecates label as a standalone class; a second descriptive class should be used.

0.8.79 Added toast

0.8.78 Revert 0.8.77

0.8.77 Fix hidden overflow on modals

0.8.76 fix border issue on flagship from v61

0.8.75 Added optional admin to the current user

0.8.74 Move Rental Calendar to its own page, add Bootstrap alerts

0.8.73 Add bootstrap input groups

0.8.72 Add 'autocomplete="off"' to datepicker example

0.8.71 Fix photo avatars

0.8.70 Update flexicons

0.8.69 Fix rental calendar last available date

0.8.68 Fix date errors in Firefox and IE

0.8.67 Fix minor display problems on Rental Calendar

0.8.66 Add bootstrap wells component (.well, .well-sm, .well-lg)

0.8.65 Fix Rental Calendar IE/Edge display problem

0.8.64 Add Rental Calendar component

0.8.63 Added ajax single select component

Remove tabs background and add bottom border
Remove link color for links in table headers
Add margin to modal header when used with border

0.8.60 Fix padding of select2 for IE

0.8.58 Make icon button look correct in MS Edge

0.8.56 Add additional scoped version of CSS for more targeted styles.

0.8.55 Add icon buttons

0.8.54 Add routes for to Snitch for Quick Search logging

0.8.53 Changed ActiveUnderContract class from orange to green

0.8.52 Add 'multiple' attribute to select elements

0.8.51 Add 1200px page breakpoint

0.8.50 Add medium size avatar

0.8.49 Page Layout examples and documentation

0.8.48 Add play icon to icon font

Update .lc-container box-shadow.

0.8.44 Allow options to be passed into select2

0.8.43 Add focus highlight for most-used selector

0.8.42 Add current-user.js

Support for cross-platform Flexmls.currentUser object

0.8.41 Add disabled style for select elements

0.8.40 Increase line-height for titles

0.8.39 ditto but for real this time…

0.8.37 Allow overrides for app/platform in event-tracking objects

0.8.36 Fix up modals per Design request

0.8.35 Add event-tracking Javscript

0.8.30 Add classes "c-card-next-is-expanded" and "c-card–expanded" when a card starts expanded

0.8.29 Adding configurable options dropdownText and searchBoxPlaceholder to Most Used Selector

0.8.28 Fix bugs

Fix toggle control.
Fix padding on Most Used Selector.

0.8.27 Adding blur and change event to Most Used Selector

0.8.26 Fix improperly rotated flexicons in collapsible cards

0.8.25 Updated icon font with map icon addition

0.8.24 Move Most Used Selector Into Production

0.8.23 Fix Bugs Found By QA

0.8.22 Add New Status Labels and Colors

0.8.20 Add Nav Item Badges

0.8.19 Add More Listing Status

Fix listing details spacing.
Actually merge and deploy changes.

0.8.18 Add More Listing Statuses

Fix listing details spacing.

0.8.15 Add autocomplete to jQueryUI

0.8.14 Remove "Selected" From Selected Option

0.8.12 Select Element, Bug Fixes

CUR-22654 style select element in prep for Flagship work.
CUR-22537 fix onboarding dialog issues.

0.8.11 Move Listing Card To Production

0.8.10 Bug Fix

Fix bug with Chrome select elements.

0.8.9 jQuery UI Theme, Dialog

Add jQuery UI theme.
Add jQuery UI dialog example.

Small tweaks requested by Design.
Bug fix for IE placeholder text.

Pro/Consumer responsive navbar.

0.8.6 Fix Links In Collapsible Cards

Allow links to be clicked in collapsible cards.

0.8.5 Bug Fixes

Fix single select padding.
Fix bad element closing tag.

0.8.3 - Miscellaneous Minor Changes

CUR-22351 make radio/checkbox labels normal font weight.
CUR-22327 replace custom Badge with Bootstrap Badge.
CUR-22565 decrease height of .btn elements to 40px.

0.8.2 - Bootstrap Labels

Replace custom Tag component with Bootstrap Labels.
Update Listing Cards to use Bootstrap Labels.

0.8.1 - New Mobile Navbars

Added new mobile navbars and moved them into the header area.
Removed unused mobile headers and other minor cleanup.

0.8.0 - Refactor To Use Bootstrap .btn Elements

This is a significant refactor of the button styles and classes.

What has changed: * Changed .c-button classes to Bootstrap's .btn classes. * Changed custome .c-button classes into custom .btn classes.

Required changes to client code that use the UI Library: * Change .c-button to .btn. * Change .c-button–primary to .btn-primary. * Change .c-button–secondary to .btn-secondary. * Change .c-button–tertiary to .btn-tertiary. * Change .c-button–full-width to .btn-block. * Change .c-button–compact to .btn-sm. * Change .c-button–tertiary–compact to .btn-sm. * Change .c-button–link to .btn-plain. * Change .c-button–nav-link to .btn-plain and fix up in client code to match current styles. * There is only one instance of this class; the Reorder item in the Flagship Favorites menu. * Change .c-button–title to .btn-title.

Deprecated: * .c-button, .c-button–primary, .c-button–secondary, .c-button–tertiary * .c-button–full-width, .c-button–compact, .c-button–tertiary–compact * .c-button–link, .c-button–nav-link * .c-button–title

0.7.0 - Refactor To Use Bootstrap .form-control

This is a significant refactor of the form element styles and classes.

What has changed: * Changed .flex-form-control to Bootstrap's .form-control. * Use .help-block instead of custom classes. * Added form example for .has-error. * Fixed datepicker example.

Required changes to client code that uses the UI Library: * Change .flex-form-control to .form-control on all input types except radio button and checkbox. * Change .flex-form-control to .form-control on single select elements. * Change .flex-form-control to .form-control on textarea elements. * Remove .flex-form-control from radio buttons and checkboxes. * Remove .flex-form-control from label elements. * Use .help-block instead of .flex-form-control–help-message. * Use .help-block instead of .flex-form-control–help-message–field. * Use .help-block instead of .flex-form-control–required-text.

Deprecated: * .flex-form-control * .flex-form-control–help-message * .flex-form-control–help-message–field * .flex-form-control–required-text

0.6.34 - iOS Dynamic Type

CUR-21974 iOS dynamic type classes/styles

0.6.33 - Use Flatpickr For Datepicker

CUR-22256 use flatpickr for datepicker instead of pikaday/custom code

0.6.32 - Exploratory Structure, Bug Fixes

fix content area bug
CUR-21885 remove input pattern attributes
CUR-22109 prevent datepicker on mobile devices for readonly inputs
CUR-22247 better structure for exploratory components

0.6.31 - Pikady readonly, flexMaskWrapper

CUR-22109 make pikaday respect readonly attribute
Cur 21885 - flexMaskWrapper Component

0.6.30 - Lists, Site Layout

CUR-22118 bulleted and numbered lists components
CUR-22167 use position: sticky; instead of flexbox for site layout

0.6.29 - Input Components

Cur 22162 - textarea form component
CUR-22149 search input component

0.6.28 - Miscellaneous Changes

Changed blur radius of default box-shadow
Added focus highlight to custom checkboxes
Updated colors of list items in Bootstrap dropdowns
Added Most Used Selector exploratory component

CUR-22055 Secondary dropdown component

0.6.26 - Compact Buttons

CUR-22053 Compact buttons

0.6.25 - Minor style updates

CUR-22056 make breadcrumb text bold
CUR-22116 nav list hover color

0.6.24 - ISO Date, HTML5 Date

CUR-21886 use HTML5 date input on touch devices use HTML5 date input value format (ISO date) for Pikaday value

CUR-22092 only use dropdown backdrop over iFrames

0.6.22 - Collapsible Section, New Icons, Bug Fixes

CUR-21957 collapsible section component
CUR-21867 remove jump at end of header transition
fix modal examples z-index problem
CUR-22093 add new icons; info–circle, question–circle

0.6.21 - Hot Sheet Update, Tag Component

update Hot Sheet to use .c-page component
tag component

add momentum scrolling to select2 dropdowns

switch height to max-height for More Menu
breadcrumb link

allow Favorites More menu to scroll

0.6.17 - Tests, es6 support, and New Responsive Layout

document Perfect Scrollbar
user research pages for Price Range
unit tests
new responsive layout for UI Library site
add es6 support
minor bug fixes and touch-ups

remove unused new menu styles, add u-highlight

0.6.15 - Segmented and Range Slider Components, Miscellaneous

Price Range Slider Component
Segmented Input Component
update nav list item colors
basic jasmine tests
Tooltip Component example

0.6.14 - Form Field Help Messages

Help message display for overall help and form fields

ensure dropdown trigger's text is centered

0.6.12 - Several Small Enhancements

update menu section headers
add readonly/disabled states for input fields
photo avatars
required field indicators

0.6.11 - Side Nav Component

Slide out Side Nav menu component

0.6.10 - Toggle Button Component

Toggle buttons for:
- checked
- unchecked

0.6.9 - Bug fix

Fix clipping issue for checkboxes and radio buttons when page zoom level changes.

0.6.8 - Radio Button Component

Radio buttons for all state combinations:
- checked
- unchecked
- disabled and checked
- disabled and unchecked

0.6.7 - Checkbox Component

Checkboxes for all state combinations:
- checked
- unchecked
- disabled and checked
- disabled and unchecked

0.6.6 - Button Click Animation

Added click animation to all buttons

0.6.5 - Additional Font Icons

flexicon-avatar–large–outline
flexicon-crosshairs–large
flexicon-draw–large
flexicon-layers-large
flexicon-minus
flexicon-sign–large

0.6.4 - Scrollable Navs

Nav Scrollable component.
Nav Scrollspy component.

0.6.3 - Bug Fixes

Fix rounded top-left corner of flagship Main Menu dropdown.
Fix top-right menu item dropdown top spacing.
Fix subtle shadow overlay from Main Menu dropdown on Favorites area.

0.6.2 - select2 Updates

Keeps the select2 dropdown open for easier selection of multiple items.
A footer was added to the dropdown with a Done button to help some users know how to close the dropdown.
Some workarounds built in to manage the position of the dropdown when selecting multiple items causing the input field to wrap to a second or third line, and when items are deselected causing the lines to unwrap.

0.6.1 - New Menus Spacing Updates

Use standard spacing unit measurements for spacing in Flagship New Menus and Main Header.

0.6.0 - Mobile Components Update

Mobile Components

Mobile Container
Headers
- Standard
- Variation
- Dropdown
- Search
- Transition: $(<selector>).flexTransitionHeader(<options>)
Navs
- Navbar
  - Pro
  - Consumer
- Action Bar
- Nav Lists
  - Standard
  - Icons
  - Avatars

Standard Components

Added <a> element examples and documentation.
Added new Badge avatar.
Card Groups
- $(<selector>).flexCardGroup() jQuery plugin
- Desktop and mobile versions work with same markup.
Canvas Container
Standard Dropdown
Forms: Search Input component.
Lists
- Standard
- Sortable

Other

Started a new Flexicons icon font with the UI Library as its new home.
Added some new utility classes and functions.
Added outline debug tool.
Added a Tips page for helpful tidbits.
Some internal refactoring and reorganization.

Updates

Updated and expanded Typography page.
Updated Navs and Nav Tabs.

Deprecations

Standard Banner: .c-banner: Use .c-header instead.
Collapsible Card: .c-card--collapsible: Use Card Group instead.
Containers
- .c-container--body: Use .c-container--canvas instead.
- .c-container--card: Use grid system columns instead.
Plain Link class: .o-link-plain
- Use .u-link-plain instead.

0.5.1 - Adjust CSS for graph

Safari needed the 'left: 0' attribute for the absolutely positioned .c-bar-chart__grid.

0.5.0

Documentation and examples update.