lookbook 1.3.1 → 1.3.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (51) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/lookbook/css/themes/blue.css +3 -1
  3. data/app/assets/lookbook/css/themes/green.css +66 -0
  4. data/app/assets/lookbook/css/themes/indigo.css +3 -1
  5. data/app/assets/lookbook/css/themes/rose.css +66 -0
  6. data/app/assets/lookbook/css/themes/zinc.css +3 -1
  7. data/app/components/lookbook/base_component.rb +2 -2
  8. data/app/components/lookbook/code/component.css +2 -2
  9. data/app/components/lookbook/code/component.html.erb +2 -1
  10. data/app/components/lookbook/code/component.rb +15 -2
  11. data/app/components/lookbook/code/highlight_github.css +406 -0
  12. data/app/components/lookbook/nav/item/component.html.erb +1 -1
  13. data/app/components/lookbook/params/editor/component.html.erb +2 -2
  14. data/app/components/lookbook/params/field/component.css +3 -3
  15. data/app/components/lookbook/split_layout/component.html.erb +1 -1
  16. data/app/components/lookbook/tag_component.rb +1 -1
  17. data/app/components/lookbook/viewport/component.css +1 -1
  18. data/app/components/lookbook/viewport/component.html.erb +1 -1
  19. data/app/components/lookbook/viewport/component.rb +1 -1
  20. data/app/controllers/concerns/lookbook/targetable_concern.rb +2 -2
  21. data/app/helpers/lookbook/application_helper.rb +1 -1
  22. data/app/views/lookbook/inspector/panels/_notes.html.erb +2 -2
  23. data/app/views/lookbook/inspector/panels/_params.html.erb +1 -1
  24. data/config/app.yml +3 -0
  25. data/lib/lookbook/page.rb +1 -1
  26. data/lib/lookbook/services/code/code_beautifier.rb +1 -1
  27. data/lib/lookbook/services/code/code_highlighter.rb +1 -1
  28. data/lib/lookbook/stores/config_store.rb +5 -1
  29. data/lib/lookbook/stores/panel_store.rb +2 -2
  30. data/lib/lookbook/support/store.rb +1 -1
  31. data/lib/lookbook/tags/position_tag.rb +1 -1
  32. data/lib/lookbook/theme.rb +8 -0
  33. data/lib/lookbook/version.rb +1 -1
  34. data/public/lookbook-assets/css/lookbook.css +426 -315
  35. data/public/lookbook-assets/css/lookbook.css.map +1 -1
  36. data/public/lookbook-assets/css/themes/blue.css +3 -1
  37. data/public/lookbook-assets/css/themes/blue.css.map +1 -1
  38. data/public/lookbook-assets/css/themes/green.css +68 -0
  39. data/public/lookbook-assets/css/themes/green.css.map +1 -0
  40. data/public/lookbook-assets/css/themes/indigo.css +3 -1
  41. data/public/lookbook-assets/css/themes/indigo.css.map +1 -1
  42. data/public/lookbook-assets/css/themes/rose.css +68 -0
  43. data/public/lookbook-assets/css/themes/rose.css.map +1 -0
  44. data/public/lookbook-assets/css/themes/zinc.css +3 -1
  45. data/public/lookbook-assets/css/themes/zinc.css.map +1 -1
  46. data/public/lookbook-assets/js/embed.js +9 -0
  47. data/public/lookbook-assets/js/embed.js.map +1 -1
  48. data/public/lookbook-assets/js/lookbook.js +291 -569
  49. data/public/lookbook-assets/js/lookbook.js.map +1 -1
  50. metadata +9 -3
  51. data/app/components/lookbook/code/highlight_github_light.css +0 -217
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: lookbook
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.3.1
4
+ version: 1.3.4
5
5
  platform: ruby
6
6
  authors:
7
7
  - Mark Perkins
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2022-11-06 00:00:00.000000000 Z
11
+ date: 2022-11-17 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: css_parser
@@ -194,7 +194,9 @@ files:
194
194
  - README.md
195
195
  - app/assets/lookbook/css/lookbook.css
196
196
  - app/assets/lookbook/css/themes/blue.css
197
+ - app/assets/lookbook/css/themes/green.css
197
198
  - app/assets/lookbook/css/themes/indigo.css
199
+ - app/assets/lookbook/css/themes/rose.css
198
200
  - app/assets/lookbook/css/themes/zinc.css
199
201
  - app/assets/lookbook/css/tooltip.css
200
202
  - app/assets/lookbook/js/app.js
@@ -231,7 +233,7 @@ files:
231
233
  - app/components/lookbook/code/component.html.erb
232
234
  - app/components/lookbook/code/component.js
233
235
  - app/components/lookbook/code/component.rb
234
- - app/components/lookbook/code/highlight_github_light.css
236
+ - app/components/lookbook/code/highlight_github.css
235
237
  - app/components/lookbook/copy_button/component.html.erb
236
238
  - app/components/lookbook/copy_button/component.js
237
239
  - app/components/lookbook/copy_button/component.rb
@@ -422,8 +424,12 @@ files:
422
424
  - public/lookbook-assets/css/lookbook.css.map
423
425
  - public/lookbook-assets/css/themes/blue.css
424
426
  - public/lookbook-assets/css/themes/blue.css.map
427
+ - public/lookbook-assets/css/themes/green.css
428
+ - public/lookbook-assets/css/themes/green.css.map
425
429
  - public/lookbook-assets/css/themes/indigo.css
426
430
  - public/lookbook-assets/css/themes/indigo.css.map
431
+ - public/lookbook-assets/css/themes/rose.css
432
+ - public/lookbook-assets/css/themes/rose.css.map
427
433
  - public/lookbook-assets/css/themes/zinc.css
428
434
  - public/lookbook-assets/css/themes/zinc.css.map
429
435
  - public/lookbook-assets/css/themes/zinc.css.map.91837.5
data/app/components/lookbook/code/highlight_github_light.css DELETED
@@ -1,217 +0,0 @@
1
- @layer components {
2
- .theme-github-light {
3
- @apply bg-white;
4
-
5
- & .highlight {
6
- & .hll {
7
- background-color: #f8f8f8;
8
- border: 1px solid #ccc;
9
- padding: 6px 10px;
10
- border-radius: 3px;
11
- }
12
- & .c {
13
- color: #999988;
14
- font-style: italic;
15
- }
16
- & .err {
17
- /* color: #a61717;
18
- background-color: #e3d2d2; */
19
- }
20
- & .k {
21
- font-weight: bold;
22
- }
23
- & .o {
24
- font-weight: bold;
25
- }
26
- & .cm {
27
- color: #999988;
28
- font-style: italic;
29
- }
30
- & .cp {
31
- color: #999999;
32
- font-weight: bold;
33
- }
34
- & .c1 {
35
- color: #999988;
36
- font-style: italic;
37
- }
38
- & .cs {
39
- color: #999999;
40
- font-weight: bold;
41
- font-style: italic;
42
- }
43
- & .gd {
44
- color: #000000;
45
- background-color: #ffdddd;
46
- }
47
- & .gd .x {
48
- color: #000000;
49
- background-color: #ffaaaa;
50
- }
51
- & .ge {
52
- font-style: italic;
53
- }
54
- & .gr {
55
- color: #aa0000;
56
- }
57
- & .gh {
58
- color: #999999;
59
- }
60
- & .gi {
61
- color: #000000;
62
- background-color: #ddffdd;
63
- }
64
- & .gi .x {
65
- color: #000000;
66
- background-color: #aaffaa;
67
- }
68
- & .go {
69
- color: #888888;
70
- }
71
- & .gp {
72
- color: #555555;
73
- }
74
- & .gs {
75
- font-weight: bold;
76
- }
77
- & .gu {
78
- color: #800080;
79
- font-weight: bold;
80
- }
81
- & .gt {
82
- color: #aa0000;
83
- }
84
- & .kc {
85
- font-weight: bold;
86
- }
87
- & .kd {
88
- font-weight: bold;
89
- }
90
- & .kn {
91
- font-weight: bold;
92
- }
93
- & .kp {
94
- font-weight: bold;
95
- }
96
- & .kr {
97
- font-weight: bold;
98
- }
99
- & .kt {
100
- color: #445588;
101
- font-weight: bold;
102
- }
103
- & .m {
104
- color: #009999;
105
- }
106
- & .s {
107
- color: #dd1144;
108
- }
109
- & .n {
110
- color: #333333;
111
- }
112
- & .na {
113
- color: teal;
114
- }
115
- & .nb {
116
- color: #0086b3;
117
- }
118
- & .nc {
119
- color: #445588;
120
- font-weight: bold;
121
- }
122
- & .no {
123
- color: teal;
124
- }
125
- & .ni {
126
- color: purple;
127
- }
128
- & .ne {
129
- color: #990000;
130
- font-weight: bold;
131
- }
132
- & .nf {
133
- color: #990000;
134
- font-weight: bold;
135
- }
136
- & .nn {
137
- color: #555555;
138
- }
139
- & .nt {
140
- color: navy;
141
- }
142
- & .nv {
143
- color: teal;
144
- }
145
- & .ow {
146
- font-weight: bold;
147
- }
148
- & .w {
149
- color: #bbbbbb;
150
- }
151
- & .mf {
152
- color: #009999;
153
- }
154
- & .mh {
155
- color: #009999;
156
- }
157
- & .mi {
158
- color: #009999;
159
- }
160
- & .mo {
161
- color: #009999;
162
- }
163
- & .sb {
164
- color: #dd1144;
165
- }
166
- & .sc {
167
- color: #dd1144;
168
- }
169
- & .sd {
170
- color: #dd1144;
171
- }
172
- & .s2 {
173
- color: #dd1144;
174
- }
175
- & .se {
176
- color: #dd1144;
177
- }
178
- & .sh {
179
- color: #dd1144;
180
- }
181
- & .si {
182
- color: #dd1144;
183
- }
184
- & .sx {
185
- color: #dd1144;
186
- }
187
- & .sr {
188
- color: #009926;
189
- }
190
- & .s1 {
191
- color: #dd1144;
192
- }
193
- & .ss {
194
- color: #990073;
195
- }
196
- & .bp {
197
- color: #999999;
198
- }
199
- & .vc {
200
- color: teal;
201
- }
202
- & .vg {
203
- color: teal;
204
- }
205
- & .vi {
206
- color: teal;
207
- }
208
- & .il {
209
- color: #009999;
210
- }
211
- & .gc {
212
- color: #999;
213
- background-color: #eaf2f5;
214
- }
215
- }
216
- }
217
- }