elemental_components 1.0.0.rc1 → 1.0.0.rc2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8724d56949364ada3c44e3db2924edb30ea0c4d3929295fc7d0a683a576b2089
-  data.tar.gz: d7c2d081abf83dbf6e42e68a3eca26ab186dec2f446380a5a94b0a7ec5634857
+  metadata.gz: 188ba4f31148a5b63a6bedc1d45471216563c5b50137c575e1846a8a319807fc
+  data.tar.gz: 04a1af8dfe65532e07bdef3cbeb62c1e94faf6c7f9fabb4e940504215e80e3b1
 SHA512:
-  metadata.gz: a619164930556d15e744814440632e2a44afabcce5ffefafbe99e8d2c5d88883b9e9e849ec4595ddd8d6a8fbf921d89ebc097a098efd084f6e63237abd67c15a
-  data.tar.gz: 96dfa689ebbb64c40ca722bc9656a45ba27951e0824318f9da114932314652150c47ec4983434a2b3f0efaf58bbf1289e6a3c59a2e1b83aaeee343d36264e0c6
+  metadata.gz: abd7a702a6030f480b384100a684c8e7cf841c5fcda44314c3d55e75236991c5a20d5c0042721bf446a6fdb3244253322f12aa1a4cd8b52bdc99a0b1dee8bbb4
+  data.tar.gz: f30734ef9349f9baaa9f86b35dc6d865e0bbb64a4a380616db9ca5e9d47a7ace0ccf1aaee3c0943f4f9466be5524a7c48c98508c2680310a3a25937e58d73b6b

data/README.md

@@ -94,9 +94,9 @@ Or require `components`, which will in turn require the assets for all component
  */
 ```
 
-### Attributes and blocks
+### Attributes and content blocks
 
-There are two ways of passing data to components: attributes and blocks. Attributes are useful for data such as ids, modifiers and data structures (models etc). Blocks are useful when you need to inject HTML content into components.
+There are two ways of passing data to components: attributes and content blocks. Attributes are useful for data such as ids, modifiers and data structures (models etc). Content blocks are useful when you need to inject HTML content into components.
 
 Let's define some attributes for the component we just created:
 
@@ -122,13 +122,13 @@ end
 <%= component "alert", message: "Something went wrong!", context: "danger" %>
 ```
 
-To inject some text or HTML content into our component we can print the component variable in our template, and populate it by passing a block to the component helper:
+To inject some text or HTML content into our component we can print the component .content method in our template, and populate it by passing a content block to the component helper:
 
 ```erb
 <% # app/components/alert/_alert.html.erb %>
 
 <div class="alert alert--<%= alert.context %>" role="alert">
-  <%= alert %>
+  <%= alert.content %>
 </div>
 ```
 
@@ -269,23 +269,27 @@ end
 <% # app/components/card/_card.html.erb %>
 
 <div class="card <%= "card--flush" if card.flush %>">
-  <div class="card__header <%= "card__header--centered" if card.header.centered %>">
-    <%= card.header %>
-  </div>
+  <% if card.header.content? %>
+    <div class="card__header <%= "card__header--centered" if card.header.centered %>">
+      <%= card.header.content %>
+    </div>
+  <% end%>
   <% card.sections.each do |section| %>
     <div class="card__section <%= "card__section--#{section.size}" %>">
-      <%= section %>
+      <%= section.content %>
+    </div>
+  <% end %>
+  <% if card.footer.content? %>
+    <div class="card__footer">
+      <%= card.footer.content %>
     </div>
   <% end %>
-  <div class="card__footer">
-    <%= card.footer %>
-  </div>
 </div>
 ```
 
 Elements can be thought of as isolated subcomponents, and they are defined on the component. Passing `multiple: true` makes it a repeating element, and passing a block lets us declare attributes on our elements, in the same way we declare attributes on components.
 
-In order to populate them with data, we pass a block to the component helper, which yields the component, which lets us set attributes and blocks on the element in the same way we do for components:
+In order to populate them with data, we pass a block to the component helper, which yields the component, which lets us set attributes and content blocks on the element in the same way we do for components:
 
 ```erb
 <%= component "card", flush: true do |c| %>

data/lib/elemental_components/element.rb

@@ -75,7 +75,11 @@ module ElementalComponents
       validate!
     end
 
-    def to_s
+    def content?
+      content.present?
+    end
+
+    def content
       @yield
     end
 

data/lib/elemental_components/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module ElementalComponents
-  VERSION = "1.0.0.rc1"
+  VERSION = "1.0.0.rc2"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: elemental_components
 version: !ruby/object:Gem::Version
-  version: 1.0.0.rc1
+  version: 1.0.0.rc2
 platform: ruby
 authors:
 - Jens Ljungblad
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-02-01 00:00:00.000000000 Z
+date: 2020-02-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails