Skip to content

v4.0.0-alpha.1

Pre-release
Pre-release
Compare
Choose a tag to compare
@mbrambilla mbrambilla released this 18 Jun 15:56
· 661 commits to v4-dev since this release
v4.0.0-alpha.1
630d47d

NOT PRODUCTION READY!!

This is a very early alpha stage release for the next version of Figuration. It is not ready for prime time yet, and many more breaking changes will be coming. There is also the possibility of many pieces still being in a broken state.

Major Updates:

  • Reworked color palette and coloring system.
  • Component specific sizing and coloring has been added.
  • Optional responsive font sizing via scaling or stepping.
  • Overhauled buttons and forms, again.
  • BS v4 style form validation! Yay!
  • Dropped the button widget, and replace with CSS-only solution.
  • Tons more stuff that should be referenced in the preview documentation.
    • Note: The migration docs are way behind in updates and do not reference all the changes.

CSS

  • 9bdb18b: Add Sass color contrast functions and lookup table
  • 19be5a8: Use :disabled rather than [disabled] selector
  • #234: Allow spacers to be extended
  • #235: Responsive Typography - includes both a fluid and a scaled variant
  • #238, #242: Color and palette overhaul - lighten base colors, add a light/dark , use palette levels more consistently
  • #241: Drop the gridlines component - to be replaced later with border utilities
  • #243: Consolidate component colors
  • Dropped background color and padding from .breadcrumb wrapper.
  • Dropped contextual color variants from cards in favor of utilities.
  • Fixed wrapping of text within .progress-bar under certain circumstances.
  • #244: Cards are now flexbox and their color variants have been removed in favor of utilities.
  • #245: Screen reader only: Disable clip-path due to performance issue in Chrome
  • #246: Reverting the focus box-shadow and going back to consolidated hover/focus states
  • #247: Add CSS-only checkbox/radio buttons
  • #249: Rework cursor rules, add back pointer to controls, remove not-allowed since half the time it was overruled with pointer-events: none
  • #250: Drop push/pull from grid
  • #251: Utilities: Rename .flex-order to .order
  • #252: List component - replacing List Group and .list-inline
  • #253: Collapse - only alter display for collapsed items not being shown
  • #254: Add list group as a modifier to the List component
  • #255: Fix possible layout issue for card columns in Chrome
  • #258: Future proof disabled clicks on disabled .btn-link
  • #259: Allow customizing blockquote footer prepend content
  • #260: Tables: Overhaul tables to start with a basic layout and change with modifier classes
  • #261: Fix mouse cursors for .close and .drag
  • #262: Modal: fix centered variant for IE
  • 30184f9, 8189eb8: Badges: Add badge group
  • #264: Rework input group- updated z-index and dropped opacity from .form-control border
  • #265: Rework pagination component to simplify visuals and add modifier classes
  • #266, #270: More color rework: add ability to manage color themes and mixing per component
  • #267: Rework some utilities
    • Removed .text-hide and the text-hide() mixin. Other methods are available, such as .sr-only and .hidden/.invisible which have varying affects on screen-readers.
    • Added .flex-grow-0/1 and .flex-shrink-0/1 toggle classes to flex utils.
    • Added .font-family-* utils for sans-serif, serif, and monospace.
    • Renamed utilities/_text.scss to utilities/_typography.scss for consistency with doc page.
    • Added map for additional .embed-fluid aspect ratios.
    • Renamed component/_embed.scss to utilities/_ebmed.scss for consistency with doc page.
    • Added some box-shadow utils for outset and inset shadows.
    • Simplified the print display utils, the .print-only-* variants were removed.
  • #268: Add prefers-reduced-motion media query to disable transitions based on user preference.
  • #269: Add responsive border utils to replace the previously removed gridline functionality.
  • #271: Responsive components and utilities can use a subset of the keys from $grid-breakpoints to generate less CSS when using custom settings.
  • #274: Add per component/utility sizing maps, added line-height, and fixed some input height calcs.
  • #275: Overhaul form and custom-form elements. Rework input-group. Add BS's form validation methodology.
  • #276: Simplify the button states. No more notion of an 'active:hover' state, this has been merged into just an 'active' state. The focus ring box-shadows are back, and now use a defined color for the outer box-shadow.
  • #277: Drop the .dropdown-toggle-* items as they seem too specific. Replace with .btn-icon and the .caret icon util. Also add .btn-group-end to match with input group.
  • #278: Adjust how form elements in dropdown menus are implemented. Adjust player widget to match.

JS

  • #248: Drop button widget
  • #253: Lazy: Drop jQuery animations (slim build does not support them), add optional fade-in animation
  • #263: Replace deprecated jQuery methods.
  • #272: Drag: Don't start drag if a disabled handle is used or if the element where drag is attached is disabled.

Docs

  • #236: Initial items for Responsive Typography
  • Started the migration doc page.
  • #257: Collapse: add note about animation and padding

Build

  • #237: Moved jQuery to peerDependencies in the package.json
  • 705d743: Add missing properties to .order check in stylelintrc
  • #256: Increase browser support
  • #273: Move to ESLint from JSCS and JSHint.
Assets 3
Loading