backpack 0.4.0 → 0.4.1

data/spec/components/previews/icon_button_preview/overview.html.erb

@@ -0,0 +1,48 @@
+<% props = Components::IconButton.literal_properties
+icon = "user"
+label = "User" %>
+
+<table class="lookbook-table">
+  <thead>
+    <tr>
+      <th>Color</th>
+      <% props[:color].type.each do |color| %>
+        <th colspan="<%= props[:size].type.to_a.size %>">
+          <code><%= color || :default %></code>
+        </th>
+      <% end %>
+    </tr>
+    <tr>
+      <th>Size</th>
+      <% props[:color].type.each do %>
+        <% props[:size].type.each do |size| %>
+          <th><code><%= size %></code></th>
+        <% end %>
+      <% end %>
+    </tr>
+  </thead>
+  <tbody>
+    <% props[:variant].type.each do |variant| %>
+      <tr>
+        <th><code><%= variant %></code></th>
+        <% props[:color].type.each do |color| %>
+          <% props[:size].type.each do |size| %>
+            <td>
+              <%= render Components::IconButton.new(variant:, size:, color:, icon:, label:) %>
+            </td>
+          <% end %>
+        <% end %>
+      </tr>
+      <tr>
+        <th><code><%= variant %></code>, <code>disabled</code></th>
+        <% props[:color].type.each do |color| %>
+          <% props[:size].type.each do |size| %>
+            <td>
+              <%= render Components::IconButton.new(variant:, size:, color:, icon:, disabled: true, label:) %>
+            </td>
+          <% end %>
+        <% end %>
+      </tr>
+    <% end %>
+  </tbody>
+</table>

data/spec/components/previews/icon_button_preview.rb

@@ -0,0 +1,14 @@
+class IconButtonPreview < Lookbook::Preview
+  include Components
+
+  def overview; end
+
+  # @param size [Integer] range { min: 1, max: 3, step: 1 }
+  # @param variant [Symbol] select { choices: [solid, soft, surface, outline, ghost] }
+  # @param color [Symbol] select { choices: [~, green, orange, red] }
+  # @param icon [Symbol] select { choices: [arrow-right, user, close] }
+  # @param label
+  def playground(size: 2, variant: :solid, color: nil, label: "User", icon: :user)
+    IconButton(size:, variant:, color:, icon:, label:)
+  end
+end

data/spec/components/previews/icon_preview.rb

@@ -1,4 +1,6 @@
-class IconPreview < Backpack::Preview
+class IconPreview < Lookbook::Preview
+  include Components
+
   # This icon is coming from `app/assets/icons`
   def default
     Icon("user")

data/spec/components/previews/quotation_preview/overview.html.erb

@@ -1,6 +1,5 @@
-<%
-props = Backpack::Components::Quotation.literal_properties
-%>
+<% props = Components::Quotation.literal_properties %>
+
 <table class="lookbook-table">
   <thead>
     <tr>
@@ -15,7 +14,9 @@ props = Backpack::Components::Quotation.literal_properties
       <tr>
         <th><code><%= size %></code></th>
         <% props[:weight].type.each do |weight| %>
-          <td><%= render Backpack::Components::Quotation.new(size:, weight:, cite: "Jan Tschichold") { "Perfect typography is certainly the most elusive of all arts. Sculpture in stone alone comes near it in obstinacy." } %></td>
+          <td>
+            <%= render Components::Quotation.new(size:, weight:, cite: "Jan Tschichold") { "Perfect typography is certainly the most elusive of all arts. Sculpture in stone alone comes near it in obstinacy." } %>
+          </td>
         <% end %>
       </tr>
     <% end %>

data/spec/components/previews/quotation_preview.rb

@@ -1,4 +1,6 @@
-class QuotationPreview < Backpack::Preview
+class QuotationPreview < Lookbook::Preview
+  include Components
+
   def overview; end
 
   # @param size [Integer] range { min: 1, max: 6, step: 1 }

data/spec/components/previews/rich_text_preview.rb

@@ -1,4 +1,6 @@
-class RichTextPreview < Backpack::Preview
+class RichTextPreview < Lookbook::Preview
+  include Components
+
   # Content comes from [Chris Coyer's HTML Kitchen-sink](https://codepen.io/chriscoyier/pen/JpLzjd)
   def default
     RichText() do

data/spec/components/previews/skip_links_preview.rb

@@ -1,4 +1,6 @@
-class SkipLinksPreview < Backpack::Preview
+class SkipLinksPreview < Lookbook::Preview
+  include Components
+
   def default
     SkipLinks()
   end

data/spec/components/quotation_spec.rb

@@ -1,6 +1,6 @@
 require 'spec_helper'
 
-describe Backpack::Components::Quotation, type: :component do
+describe Components::Quotation, type: :component do
   let(:component) { described_class.new(**params) { html } }
   let(:params) { {} }
   let(:text) do

data/spec/components/rich_text_spec.rb

@@ -1,6 +1,6 @@
 require 'spec_helper'
 
-describe Backpack::Components::RichText, type: :component do
+describe Components::RichText, type: :component do
   let(:component) { described_class.new(**params) { html } }
   let(:params) { {} }
   let(:html) { "<h1>Hello</h2> <p>World</p>".html_safe }

data/spec/components/skip_links_spec.rb

@@ -1,6 +1,6 @@
 require 'spec_helper'
 
-describe Backpack::Components::SkipLinks, type: :component do
+describe Components::SkipLinks, type: :component do
   let(:component) { described_class.new(**params) }
   let(:params) { {} }
 

data/spec/spec_helper.rb

@@ -13,7 +13,7 @@ RSpec.configure do |config|
     c.syntax = :expect
   end
 
-  config.include Backpack::SpecHelpers
+  config.include ComponentSpecHelpers, type: :component
   config.include Capybara::RSpecMatchers, type: :component
   config.include RSpecHtmlMatchers, type: :component
   config.include ComponentMatchers, type: :component

data/spec/support/components.rb

@@ -0,0 +1,8 @@
+module Components
+  extend Phlex::Kit
+end
+
+require 'backpack/components/base'
+require 'backpack/components'
+
+Dir['./lib/backpack/components/**/*.rb'].sort.each { |f| require f }

data/{lib/backpack → spec/support}/spec_helpers.rb

@@ -1,4 +1,4 @@
-module Backpack::SpecHelpers
+module ComponentSpecHelpers
   def render(component)
     component.call
   end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: backpack
 version: !ruby/object:Gem::Version
-  version: 0.4.0
+  version: 0.4.1
 platform: ruby
 authors:
 - Lucas Heymès
@@ -67,20 +67,6 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
-- !ruby/object:Gem::Dependency
-  name: zeitwerk
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '2.7'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '2.7'
 email:
 - team@etamin.studio
 executables: []
@@ -561,6 +547,7 @@ files:
 - demo/config/initializers/content_security_policy.rb
 - demo/config/initializers/filter_parameter_logging.rb
 - demo/config/initializers/inflections.rb
+- demo/config/initializers/phlex.rb
 - demo/config/locales/en.yml
 - demo/config/puma.rb
 - demo/config/routes.rb
@@ -584,6 +571,8 @@ files:
 - docs/tokens-and-utilities.md.erb
 - figma/Backpack.json
 - lib/backpack.rb
+- lib/backpack/attributes.rb
+- lib/backpack/classes.rb
 - lib/backpack/components.rb
 - lib/backpack/components/badge.rb
 - lib/backpack/components/badge/badge.css
@@ -595,9 +584,6 @@ files:
 - lib/backpack/components/button.rb
 - lib/backpack/components/button/button.css
 - lib/backpack/components/button/button.js
-- lib/backpack/components/concerns/attributes.rb
-- lib/backpack/components/concerns/classes.rb
-- lib/backpack/components/concerns/identifier.rb
 - lib/backpack/components/favicon.rb
 - lib/backpack/components/heading.rb
 - lib/backpack/components/heading/heading.css
@@ -605,6 +591,9 @@ files:
 - lib/backpack/components/icon.rb
 - lib/backpack/components/icon/icon.css
 - lib/backpack/components/icon/icon.js
+- lib/backpack/components/icon_button.rb
+- lib/backpack/components/icon_button/icon_button.css
+- lib/backpack/components/icon_button/icon_button.js
 - lib/backpack/components/icon_sprite.rb
 - lib/backpack/components/quotation.rb
 - lib/backpack/components/quotation/quotation.css
@@ -615,7 +604,7 @@ files:
 - lib/backpack/components/skip_links.rb
 - lib/backpack/components/skip_links/skip_links.css
 - lib/backpack/components/skip_links/skip_links.js
-- lib/backpack/spec_helpers.rb
+- lib/backpack/identifier.rb
 - lib/backpack/stylesheets/application.css
 - lib/backpack/stylesheets/base/_base.css
 - lib/backpack/stylesheets/tokens/_colors.css
@@ -633,15 +622,17 @@ files:
 - spec/components/button_spec.rb
 - spec/components/favicon_spec.rb
 - spec/components/heading_spec.rb
+- spec/components/icon_button_spec.rb
 - spec/components/icon_spec.rb
 - spec/components/icon_sprite_spec.rb
-- spec/components/previews/backpack/preview.rb
 - spec/components/previews/badge_preview.rb
 - spec/components/previews/badge_preview/overview.html.erb
 - spec/components/previews/breadcrumb_preview.rb
 - spec/components/previews/button_preview.rb
 - spec/components/previews/button_preview/overview.html.erb
 - spec/components/previews/heading_preview.rb
+- spec/components/previews/icon_button_preview.rb
+- spec/components/previews/icon_button_preview/overview.html.erb
 - spec/components/previews/icon_preview.rb
 - spec/components/previews/quotation_preview.rb
 - spec/components/previews/quotation_preview/overview.html.erb
@@ -654,8 +645,10 @@ files:
 - spec/fixtures/icons/close.svg
 - spec/fixtures/icons/user.svg
 - spec/spec_helper.rb
+- spec/support/components.rb
 - spec/support/matchers/eq_html.rb
 - spec/support/matchers/include_html.rb
+- spec/support/spec_helpers.rb
 - vendor/normalize.css
 homepage: https://etamin.studio
 licenses: []

data/spec/components/previews/backpack/preview.rb

@@ -1,3 +0,0 @@
-class Backpack::Preview < Lookbook::Preview
-  include Backpack::Components
-end