bullet_train-themes-light 1.2.11 → 1.2.13
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/views/showcase/previews/partials/_alert.html.erb +16 -0
- data/app/views/showcase/previews/partials/_box.html.erb +43 -0
- data/app/views/showcase/previews/partials/_breadcrumb.html.erb +14 -0
- data/app/views/showcase/previews/partials/_page.html.erb +30 -0
- data/app/views/showcase/previews/partials/_title.html.erb +14 -0
- data/app/views/showcase/previews/partials/actions/_box.html.erb +11 -0
- data/app/views/showcase/previews/partials/actions/_list.html.erb +9 -0
- data/app/views/showcase/previews/tailwind/components/_button.html.erb +17 -0
- data/app/views/showcase/previews/tailwind/components/_link.html.erb +5 -0
- data/app/views/showcase/previews/tailwind/utilities/_small_text.html.erb +5 -0
- data/app/views/showcase/previews/tailwind/utilities/_spacing.html.erb +21 -0
- data/app/views/themes/light/_alert.html.erb +3 -3
- data/app/views/themes/light/_team.html.erb +30 -0
- data/lib/bullet_train/themes/light/version.rb +1 -1
- metadata +14 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: f88fd347787443784ca700f8fdc7eab33a8d6ccd3590960169a1f6937a9d8e50
|
4
|
+
data.tar.gz: 0b43e0e5b7467fa3e31b53a50b0c0850c72718063c9c615c88f9533da8af788b
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 758cbf5a65c3d5223209c8920eb31fe01dc902edf59f735b9ed61daccbf792e1e49d2512f70100615fdbf32ad40980e1e77c3c0e157537651d6587d65922d7bc
|
7
|
+
data.tar.gz: 6bf312db31bcd9089e3af5814908b09ca3aa9f5068d3894d7de8d1b291c8878cb1c14f901e94a0a524dd55e52af141dba7a5c06d5e4ff733d68dc5911074a1b2
|
@@ -0,0 +1,16 @@
|
|
1
|
+
<% showcase.sample "Basic" do %>
|
2
|
+
<%= render "shared/alert" do |p| %>
|
3
|
+
Example message.
|
4
|
+
<% end %>
|
5
|
+
<% end %>
|
6
|
+
|
7
|
+
<% showcase.sample "Error" do %>
|
8
|
+
<%= render "shared/alert", color: :red do |p| %>
|
9
|
+
Example error.
|
10
|
+
<% end %>
|
11
|
+
<% end %>
|
12
|
+
|
13
|
+
<% showcase.options do |o| %>
|
14
|
+
<% o.required :block, "Message" %>
|
15
|
+
<% o.optional :color, "Color", default: :yellow, options: %i[ yellow red ] %>
|
16
|
+
<% end %>
|
@@ -0,0 +1,43 @@
|
|
1
|
+
<% showcase.sample "Basic" do %>
|
2
|
+
<%= render "shared/box" do |partial| %>
|
3
|
+
<% partial.content_for :title, "Title" %>
|
4
|
+
<% partial.content_for :description, "Description" %>
|
5
|
+
<% partial.content_for :body, "Lorem ipsum dolor sit amet…" %>
|
6
|
+
<% end %>
|
7
|
+
<% end %>
|
8
|
+
|
9
|
+
<% showcase.sample "With Divider" do %>
|
10
|
+
<%= render "shared/box", divider: true do |partial| %>
|
11
|
+
<% partial.content_for :title, "Title" %>
|
12
|
+
<% partial.content_for :description, "Description" %>
|
13
|
+
<% partial.content_for :body, "Lorem ipsum dolor sit amet…" %>
|
14
|
+
<% end %>
|
15
|
+
<% end %>
|
16
|
+
|
17
|
+
<% showcase.sample "With top border" do %>
|
18
|
+
<%= render "shared/box", border_top: true do |partial| %>
|
19
|
+
<% partial.content_for :title, "Title" %>
|
20
|
+
<% end %>
|
21
|
+
<% end %>
|
22
|
+
|
23
|
+
<% showcase.sample "Without background" do %>
|
24
|
+
<%= render "shared/box", no_background: true do |partial| %>
|
25
|
+
<% partial.content_for :title, "Title" %>
|
26
|
+
<% end %>
|
27
|
+
<% end %>
|
28
|
+
|
29
|
+
<% showcase.options.context :nice_partials do |o| %>
|
30
|
+
<% o.optional.content_block :title %>
|
31
|
+
<% o.optional :title_size, "A CSS string to control title size" %>
|
32
|
+
<% o.optional :title_padding, "A CSS string to control title padding" %>
|
33
|
+
<% o.optional.content_block :description, "Content text to render beneath the title" %>
|
34
|
+
<% o.optional.content_block :table %>
|
35
|
+
<% o.optional.content_block :body, "The main content body of the element" %>
|
36
|
+
<% o.optional.content_block :footer, "Add a footer at the bottom within the container, with a top border and some padding" %>
|
37
|
+
<% o.optional.content_block :raw_footer, "Add a footer without a top border and padding" %>
|
38
|
+
<% o.optional.content_block :actions, "Content designated to contain actions, like buttons, beneath the body" %>
|
39
|
+
<% o.optional :pagy, "Pass in a pagy to render a pagy_nav below the body", type: "Pagy object" %>
|
40
|
+
<% o.optional :divider, "Whether to add dividers between sections", default: false %>
|
41
|
+
<% o.optional :border_top, "Whether to add a top border to the container element", default: false %>
|
42
|
+
<% o.optional :no_background, "Pass true to remove the surrounding background on the container", default: false %>
|
43
|
+
<% end %>
|
@@ -0,0 +1,14 @@
|
|
1
|
+
<% showcase.sample "Basic" do %>
|
2
|
+
<%= render "shared/breadcrumb", url: root_url, label: "Breadcrumb Link" %>
|
3
|
+
<%= render "shared/breadcrumb", label: "Unlinked label" %>
|
4
|
+
<% end %>
|
5
|
+
|
6
|
+
<%# TODO: Find a suitable url_for GET route here that every BulletTrain app would have. %>
|
7
|
+
<%# showcase.sample "With model url_for" do %>
|
8
|
+
<%#= render "shared/breadcrumb", url: [:account, Scaffolding::CompletelyConcrete::TangibleThing.new(id: 1)], label: "Concept" %>
|
9
|
+
<%# end %>
|
10
|
+
|
11
|
+
<% showcase.options do |o| %>
|
12
|
+
<% o.required :label, "The breadcrumb text, either shown in the link or the plain label" %>
|
13
|
+
<% o.optional :url, "A URL string, e.g. root_url, or something that's passed to url_for.", type: [String, "Valid url_for argument", "nil"].join("\n") %>
|
14
|
+
<% end %>
|
@@ -0,0 +1,30 @@
|
|
1
|
+
<% showcase.description do %>
|
2
|
+
<p>Partial to wrap an app page, like a #show view.</p>
|
3
|
+
|
4
|
+
<p>It's composed of three content sections:</p>
|
5
|
+
|
6
|
+
<p>
|
7
|
+
<ol>
|
8
|
+
<li>render "shared/title", with the title and actions provided.</li>
|
9
|
+
<li>render "shared/notices", for any account level notices.</li>
|
10
|
+
<li>Outputs the passed body.</li>
|
11
|
+
</ol>
|
12
|
+
</p>
|
13
|
+
<% end %>
|
14
|
+
|
15
|
+
<% showcase.sample "Basic" do %>
|
16
|
+
<%= render "shared/page" do |partial| %>
|
17
|
+
<% partial.content_for :title, "Title" %>
|
18
|
+
<% partial.content_for :actions do %>
|
19
|
+
<%= link_to "Home", root_url, class: "border-2 p-2 rounded-full border-indigo-300" %>
|
20
|
+
<%= link_to "Another link", root_url, class: "border-2 p-2 rounded-full border-indigo-300" %>
|
21
|
+
<% end %>
|
22
|
+
<% partial.content_for :body, "Lorem ipsum dolor sit amet…" %>
|
23
|
+
<% end %>
|
24
|
+
<% end %>
|
25
|
+
|
26
|
+
<% showcase.options.context :nice_partials do |o| %>
|
27
|
+
<% o.optional.content_block :title %>
|
28
|
+
<% o.optional.content_block :actions %>
|
29
|
+
<% o.optional.content_block :body %>
|
30
|
+
<% end %>
|
@@ -0,0 +1,14 @@
|
|
1
|
+
<% showcase.sample "Basic" do %>
|
2
|
+
<%= render "shared/title" do |partial| %>
|
3
|
+
<% partial.content_for :title, "Title" %>
|
4
|
+
<% partial.content_for :actions do %>
|
5
|
+
<%= link_to "Home", root_url, class: "border-2 p-2 rounded-full border-indigo-300" %>
|
6
|
+
<%= link_to "Another link", root_url, class: "border-2 p-2 rounded-full border-indigo-300" %>
|
7
|
+
<% end %>
|
8
|
+
<% end %>
|
9
|
+
<% end %>
|
10
|
+
|
11
|
+
<% showcase.options.context :nice_partials do |o| %>
|
12
|
+
<% o.optional.content_block :title %>
|
13
|
+
<% o.optional.content_block :actions %>
|
14
|
+
<% end %>
|
@@ -0,0 +1,11 @@
|
|
1
|
+
<% showcase.sample "Basic" do %>
|
2
|
+
<%= render "shared/actions/box" do |partial| %>
|
3
|
+
<% partial.content_for :title, "Title" %>
|
4
|
+
<% partial.content_for :table, "Some table content" %>
|
5
|
+
<% end %>
|
6
|
+
<% end %>
|
7
|
+
|
8
|
+
<% showcase.options.context :nice_partials do |o| %>
|
9
|
+
<% o.optional.content_block :title %>
|
10
|
+
<% o.optional.content_block :table %>
|
11
|
+
<% end %>
|
@@ -0,0 +1,17 @@
|
|
1
|
+
<% showcase.description "Button styles are applied as a utility class." %>
|
2
|
+
|
3
|
+
<% showcase.sample "Basic" do %>
|
4
|
+
<a class="button">Default Button</a>
|
5
|
+
<% end %>
|
6
|
+
|
7
|
+
<% showcase.sample "Secondary" do %>
|
8
|
+
<a class="button-secondary">Secondary Button</a>
|
9
|
+
<% end %>
|
10
|
+
|
11
|
+
<% showcase.sample "Alternative" do %>
|
12
|
+
<a class="button-alternative">Alternative Button</a>
|
13
|
+
<% end %>
|
14
|
+
|
15
|
+
<% showcase.sample "Smaller" do %>
|
16
|
+
<a class="button button-smaller">Smaller Button</a>
|
17
|
+
<% end %>
|
@@ -0,0 +1,21 @@
|
|
1
|
+
<% showcase.description "Generic spacing utilities that can be mapped to a concrete Tailwind class by each theme." %>
|
2
|
+
|
3
|
+
<% showcase.sample "Vertical Spacing" do %>
|
4
|
+
<div class="space-y">
|
5
|
+
<div class="button block">Item</div>
|
6
|
+
<div class="button block">Item</div>
|
7
|
+
<div class="button block">Item</div>
|
8
|
+
<div class="button block">Item</div>
|
9
|
+
</div>
|
10
|
+
<% end %>
|
11
|
+
|
12
|
+
<% showcase.sample "Horizontal Spacing" do %>
|
13
|
+
<div class="flex space-x">
|
14
|
+
<div class="flex-1 button">Item</div>
|
15
|
+
<div class="flex-1 button">Item</div>
|
16
|
+
<div class="flex-1 button">Item</div>
|
17
|
+
<div class="flex-1 button">Item</div>
|
18
|
+
</div>
|
19
|
+
<% end %>
|
20
|
+
|
21
|
+
<% # TODO Add `gap-y` and `gap-x`. %>
|
@@ -2,11 +2,11 @@
|
|
2
2
|
<% tighter ||= false %>
|
3
3
|
|
4
4
|
<%
|
5
|
-
case color
|
6
|
-
when
|
5
|
+
case color.to_sym
|
6
|
+
when :yellow
|
7
7
|
div_classes = "bg-amber-100 border-amber-200"
|
8
8
|
header_classes = "text-amber-800"
|
9
|
-
when
|
9
|
+
when :red
|
10
10
|
div_classes = "bg-red-300 border-red-400"
|
11
11
|
header_classes = "text-red-700"
|
12
12
|
end
|
@@ -0,0 +1,30 @@
|
|
1
|
+
<% yield p = np %>
|
2
|
+
|
3
|
+
<% link_url ||= "#" %>
|
4
|
+
<% memberships ||= [] %>
|
5
|
+
|
6
|
+
<li class="bg-white shadow overflow-hidden sm:rounded-md dark:bg-slate-700">
|
7
|
+
<%= link_to link_url, class: "group block hover:bg-slate-50 dark:hover:bg-slate-400 dark:text-slate-800" do %>
|
8
|
+
<div class="px-4 py-4 flex items-center sm:pl-8 sm:pr-6">
|
9
|
+
<div class="min-w-0 flex-1 sm:flex sm:items-center sm:justify-between">
|
10
|
+
<div>
|
11
|
+
<% if p.content_for? :name %>
|
12
|
+
<div class="flex text-xl font-semibold text-blue uppercase group-hover:text-blue-800 tracking-widest dark:text-white">
|
13
|
+
<%= p.content_for :name %>
|
14
|
+
</div>
|
15
|
+
<% end %>
|
16
|
+
</div>
|
17
|
+
<div class="mt-4 flex-shrink-0 sm:mt-0">
|
18
|
+
<div class="flex overflow-hidden">
|
19
|
+
<%= render 'account/shared/memberships/photos', memberships: memberships %>
|
20
|
+
</div>
|
21
|
+
</div>
|
22
|
+
</div>
|
23
|
+
<div class="ml-5 flex-shrink-0">
|
24
|
+
<svg class="h-5 w-5 text-slate-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
|
25
|
+
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" />
|
26
|
+
</svg>
|
27
|
+
</div>
|
28
|
+
</div>
|
29
|
+
<% end %>
|
30
|
+
</li>
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: bullet_train-themes-light
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 1.2.
|
4
|
+
version: 1.2.13
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Andrew Culver
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2023-02
|
11
|
+
date: 2023-03-02 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: standard
|
@@ -130,6 +130,17 @@ files:
|
|
130
130
|
- app/assets/stylesheets/tailwindcss/components.css
|
131
131
|
- app/assets/stylesheets/tailwindcss/utilities.css
|
132
132
|
- app/javascript/application.light.js
|
133
|
+
- app/views/showcase/previews/partials/_alert.html.erb
|
134
|
+
- app/views/showcase/previews/partials/_box.html.erb
|
135
|
+
- app/views/showcase/previews/partials/_breadcrumb.html.erb
|
136
|
+
- app/views/showcase/previews/partials/_page.html.erb
|
137
|
+
- app/views/showcase/previews/partials/_title.html.erb
|
138
|
+
- app/views/showcase/previews/partials/actions/_box.html.erb
|
139
|
+
- app/views/showcase/previews/partials/actions/_list.html.erb
|
140
|
+
- app/views/showcase/previews/tailwind/components/_button.html.erb
|
141
|
+
- app/views/showcase/previews/tailwind/components/_link.html.erb
|
142
|
+
- app/views/showcase/previews/tailwind/utilities/_small_text.html.erb
|
143
|
+
- app/views/showcase/previews/tailwind/utilities/_spacing.html.erb
|
133
144
|
- app/views/themes/light/_alert.html.erb
|
134
145
|
- app/views/themes/light/_box.html.erb
|
135
146
|
- app/views/themes/light/_breadcrumb.html.erb
|
@@ -138,6 +149,7 @@ files:
|
|
138
149
|
- app/views/themes/light/_line.html.erb
|
139
150
|
- app/views/themes/light/_notices.html.erb
|
140
151
|
- app/views/themes/light/_page.html.erb
|
152
|
+
- app/views/themes/light/_team.html.erb
|
141
153
|
- app/views/themes/light/_title.html.erb
|
142
154
|
- app/views/themes/light/_well.html.erb
|
143
155
|
- app/views/themes/light/actions/_action.html.erb
|