0.3.0

Breaking change: action_list_item now always renders a checkbox group, also when is_multiple_select is set on the list items. This change makes handling form data in events more consistent: the data will always consist of a list of checkbox values.

0.2.7

Fixes a bug introduced in 0.2.6 where single select action_list_item elements did not get unique ids.

0.2.6

• Fixes a bug where FormHelpers.field_state did not handle forms without a changeset.
• Updated components:
  • text_input: added attrs name and value
  • checkbox: add attrs checked, checked_value, hidden_input
• Update @primer/css to 21.0.0.

0.2.5

Updated components:

• action_menu and select_menu:
  • Added prompt slot attr options to pass Prompt options. This enables (for example) to postpone submitting a form in the menu by calling submit event in the Prompt functions willHide or didHide.

0.2.4

• Fixes a bug where variables in error messages where not interpolated.
• Update to phoenix_html 3.3.x

0.2.3

• Clarified layout attributes to change the rendered order of slots.
• Improve field name and id generation.
• Use checkboxes and radio buttons in action lists.

Updated component:

• checkbox:
  • Added attr is_multiple: When creating a list of checkboxes. Appends [] to the input name so that a list of values is passed to the form events.
  • Added attr is_omit_label: Omits any label.

0.2.2

Updated component:

• text_input:
  • Moved attr is_trailing_action_divider to slot trailing_action as is_divider
  • Added attr is_visible_with_value to slot trailing_action to only show the trailing action when the input has a value. Use this cor example to show a clear button only when the input has a value to clear.

0.2.1

Include package.json to make JavaScript imports work.

0.2.0

Rework of form controls

The rework includes styles from Primer ViewComponents. The form styles from this flavor of Primer is more mature than the generally used Primer CSS.

Updated components:

• text_input:
  • Added attr is_monospace
  • Added slots leading_visual and trailing_action
  • Added attr is_trailing_action_divider
  • Inputs inside a form group no longer have a background color by default; use is_contrast to set it explicitly
  • Removed validation message for hidden inputs
• textarea:
  • Added attr is_monospace
  • Use is_contrast to explicitly set a contrasting background color
• checkbox and radio_button
  • Have a clearer (more colorful) appearance
  • Changed the HTML structure
• radio_group
  • For consistency, added input styling from Primer ViewComponents radio button (keeping the initial size)
• select:
  • Added wrapper HTML element
  • Added attr is_monospace
  • Added attr is_large
  • Added attr is_short
  • Added attr is_shorter
  • Added attr is_full_width
  • Improved styling for multiple select
• subnav with search field:
  • Added attr is_wrap to wrap child elements
  • Improved CSS for small screens

Added component:

• input_validation_message - can be used as standalone message component for inputs where the position of the validation feedback is not so obvious, for example lists of checkboxes or radio buttons

Additional:

• Added styling for input elements inside a disabled fieldset

Integration of npm dependencies

JavaScript and CSS dependencies (from npm library primer-live) are now incorporated in the Elixir package. The installation instructions are slightly simplified (see the documentation) and are recommended for a fresh setup. The previous installation method works just fine for existing projects.

0.1.16

0.1.16

Added anchor link attributes to button.

0.1.15

Removed Octicon builder template files from distribution.

0.1.14

• Updated octicons dependency to 17.10.1
• Code quality refactoring
• Documentation updates