bullet_train-themes-light 1.2.11 → 1.2.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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
|