bullet_train-themes-light 1.2.11 → 1.2.12
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: 5ee9deedd4b91b59a33ad8dd0d051260325e49fd0fd534d08483b17aed7b1a12
|
|
4
|
+
data.tar.gz: b274faf6e13e74663bf00100bbe9d55572977ba04c2b63bf359068e04d886881
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 2e5771f3a43c549860bd980035b85258ddc638ef8580309e130d4d6b47089f006339d76f6bb2c86f86130db12e8f704f9f83372c429df409d9832c971d2907aa
|
|
7
|
+
data.tar.gz: eed11f62beedb2e86e68377d10d11a2be6606e07e5f1f9111a03627205b20da2c8a065daefcb190fe72bc29afb24ff178d90a15e65c76b816d3828276875dcfc
|
|
@@ -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.12
|
|
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-
|
|
11
|
+
date: 2023-03-01 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
|