lookbook 1.5.1 → 2.0.0.beta.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +11 -21
- data/app/assets/lookbook/css/lookbook.css +9 -0
- data/app/assets/lookbook/css/themes/blue.css +7 -0
- data/app/assets/lookbook/css/themes/green.css +7 -0
- data/app/assets/lookbook/css/themes/indigo.css +7 -0
- data/app/assets/lookbook/css/themes/rose.css +7 -0
- data/app/assets/lookbook/css/themes/zinc.css +7 -0
- data/app/assets/lookbook/css/tooltip.css +9 -6
- data/app/assets/lookbook/img/lucide-sprite.svg +4960 -0
- data/app/assets/lookbook/js/app.js +22 -4
- data/app/assets/lookbook/js/helpers/dom.js +4 -7
- data/app/assets/lookbook/js/helpers/string.js +4 -11
- data/app/assets/lookbook/js/{embed.js → iframe.js} +0 -0
- data/app/assets/lookbook/js/index.js +61 -0
- data/app/assets/lookbook/js/lib/lookbook.js +113 -0
- data/app/assets/lookbook/js/lib/tippy.js +1 -0
- data/app/assets/lookbook/js/lookbook-core.js +1 -0
- data/app/assets/lookbook/js/lookbook.js +2 -61
- data/app/components/lookbook/base_component.rb +3 -1
- data/app/components/lookbook/button/component.html.erb +13 -24
- data/app/components/lookbook/button/component.js +13 -3
- data/app/components/lookbook/button/component.rb +16 -25
- data/app/components/lookbook/code/component.rb +0 -2
- data/app/components/lookbook/copy_button/component.html.erb +4 -4
- data/app/components/lookbook/copy_button/component.rb +6 -3
- data/app/components/lookbook/debug_menu/component.html.erb +1 -0
- data/app/components/lookbook/debug_menu/component.rb +12 -1
- data/app/components/lookbook/display_options/editor/component.html.erb +1 -1
- data/app/components/lookbook/display_options/field/component.css +0 -26
- data/app/components/lookbook/display_options/field/component.html.erb +1 -1
- data/app/components/lookbook/embed/component.html.erb +6 -51
- data/app/components/lookbook/embed/component.rb +17 -16
- data/app/components/lookbook/embed/inspector/component.html.erb +102 -0
- data/app/components/lookbook/embed/inspector/component.js +46 -0
- data/app/components/lookbook/embed/inspector/component.rb +64 -0
- data/app/components/lookbook/embed_code_dropdown/component.css +12 -0
- data/app/components/lookbook/embed_code_dropdown/component.html.erb +19 -0
- data/app/components/lookbook/embed_code_dropdown/component.js +26 -0
- data/app/components/lookbook/embed_code_dropdown/component.rb +41 -0
- data/app/components/lookbook/header/component.html.erb +7 -6
- data/app/components/lookbook/header/component.rb +5 -1
- data/app/components/lookbook/icon/component.html.erb +1 -1
- data/app/components/lookbook/icon_button/component.html.erb +20 -0
- data/app/components/lookbook/icon_button/component.rb +46 -0
- data/app/components/lookbook/nav/component.html.erb +0 -1
- data/app/components/lookbook/nav/entity/component.rb +2 -2
- data/app/components/lookbook/nav/item/component.rb +1 -1
- data/app/components/lookbook/params/editor/component.rb +1 -0
- data/app/components/lookbook/prose/component.rb +1 -3
- data/app/components/lookbook/tabs/component.html.erb +2 -2
- data/app/components/lookbook/tabs/component.js +1 -1
- data/app/components/lookbook/tag_component.rb +2 -1
- data/app/components/lookbook/text_button/component.html.erb +26 -0
- data/app/components/lookbook/text_button/component.rb +42 -0
- data/app/components/lookbook/toolbar/component.html.erb +1 -1
- data/app/components/lookbook/viewport/component.rb +0 -4
- data/app/controllers/concerns/lookbook/targetable_concern.rb +24 -19
- data/app/controllers/concerns/lookbook/with_panels_concern.rb +30 -0
- data/app/controllers/concerns/lookbook/with_preview_controller_concern.rb +4 -3
- data/app/controllers/lookbook/application_controller.rb +9 -12
- data/app/controllers/lookbook/embeds_controller.rb +148 -0
- data/app/controllers/lookbook/inspector_controller.rb +3 -22
- data/app/controllers/lookbook/page_controller.rb +7 -6
- data/app/controllers/lookbook/pages_controller.rb +3 -4
- data/app/controllers/lookbook/preview_controller.rb +17 -0
- data/app/controllers/lookbook/previews_controller.rb +8 -10
- data/app/helpers/lookbook/application_helper.rb +3 -19
- data/app/views/layouts/lookbook/application.html.erb +85 -60
- data/app/views/layouts/lookbook/embed.html.erb +16 -0
- data/app/views/layouts/lookbook/shell.html.erb +1 -1
- data/app/views/layouts/lookbook/skeleton.html.erb +13 -8
- data/app/views/lookbook/embeds/show.html.erb +12 -0
- data/app/views/lookbook/inspector/panels/_notes.html.erb +1 -1
- data/app/views/lookbook/inspector/panels/_output.html.erb +3 -3
- data/app/views/lookbook/inspector/panels/_source.html.erb +6 -6
- data/app/views/lookbook/inspector/show.html.erb +130 -123
- data/app/views/lookbook/pages/show.html.erb +81 -34
- data/app/views/lookbook/partials/_iframe_content_scripts.html.erb +1 -0
- data/app/views/lookbook/partials/_user_styles.html.erb +5 -0
- data/app/views/lookbook/{preview.html.erb → previews/group.html.erb} +7 -7
- data/app/views/lookbook/previews/preview.html.erb +5 -0
- data/app/views/lookbook/previews/show.html.erb +1 -0
- data/config/app.yml +31 -16
- data/config/panels.yml +23 -25
- data/config/routes.rb +3 -1
- data/config/tags.yml +6 -2
- data/lib/lookbook/cable/cable.rb +53 -0
- data/{app/channels/lookbook → lib/lookbook/cable}/connection.rb +0 -0
- data/{app/channels/lookbook → lib/lookbook/cable}/reload_channel.rb +0 -0
- data/lib/lookbook/engine.rb +109 -87
- data/lib/lookbook/entities/collections/entity_collection.rb +11 -6
- data/lib/lookbook/entities/collections/page_collection.rb +33 -8
- data/lib/lookbook/entities/collections/preview_collection.rb +42 -17
- data/lib/lookbook/entities/collections/render_target_collection.rb +4 -0
- data/lib/lookbook/entities/collections/scenario_collection.rb +4 -0
- data/lib/lookbook/entities/concerns/{annotatable.rb → annotatable_entity.rb} +7 -6
- data/lib/lookbook/entities/concerns/{inspectable.rb → inspectable_entity.rb} +2 -1
- data/lib/lookbook/entities/concerns/{locatable.rb → locatable_entity.rb} +8 -14
- data/lib/lookbook/entities/concerns/navigable_entity.rb +44 -0
- data/lib/lookbook/entities/entity.rb +7 -2
- data/lib/lookbook/entities/{page.rb → page_entity.rb} +10 -6
- data/lib/lookbook/entities/{page_section.rb → page_section_entity.rb} +1 -1
- data/lib/lookbook/entities/preview_entity.rb +99 -0
- data/lib/lookbook/entities/renderable_entity.rb +50 -0
- data/lib/lookbook/entities/rendered_scenario_entity.rb +53 -0
- data/lib/lookbook/entities/scenario_entity.rb +112 -0
- data/lib/lookbook/entities/scenario_group_entity.rb +53 -0
- data/lib/lookbook/error.rb +5 -5
- data/lib/lookbook/file_watcher.rb +19 -35
- data/lib/lookbook/helpers/class_names_helper.rb +28 -0
- data/lib/lookbook/helpers/page_helper.rb +18 -0
- data/{app/helpers/lookbook → lib/lookbook/helpers}/preview_helper.rb +3 -0
- data/lib/lookbook/helpers/ui_elements_helper.rb +115 -0
- data/lib/lookbook/preview.rb +79 -0
- data/lib/lookbook/preview_controller_actions.rb +50 -0
- data/lib/lookbook/preview_parser.rb +4 -2
- data/lib/lookbook/reloaders.rb +71 -0
- data/lib/lookbook/runtime_context.rb +49 -0
- data/lib/lookbook/services/data/resolvers/data_resolver.rb +4 -6
- data/lib/lookbook/services/entities/entity_tree_builder.rb +6 -6
- data/lib/lookbook/services/list_resolver.rb +35 -0
- data/lib/lookbook/services/markdown_renderer.rb +12 -2
- data/lib/lookbook/services/priority_prefix_parser.rb +16 -0
- data/lib/lookbook/services/urls/search_param_encoder.rb +16 -0
- data/lib/lookbook/services/urls/search_param_parser.rb +7 -6
- data/lib/lookbook/stores/config_store.rb +16 -16
- data/lib/lookbook/stores/input_store.rb +1 -3
- data/lib/lookbook/stores/panel_store.rb +28 -50
- data/lib/lookbook/support/deprecation.rb +5 -0
- data/lib/lookbook/support/errors/preview_template_error.rb +7 -0
- data/lib/lookbook/support/evented_file_update_checker.rb +69 -0
- data/lib/lookbook/support/null_websocket.rb +9 -0
- data/lib/lookbook/support/store.rb +9 -0
- data/lib/lookbook/support/tree_node.rb +7 -7
- data/lib/lookbook/support/utils/path_utils.rb +7 -1
- data/lib/lookbook/support/utils/utils.rb +8 -0
- data/lib/lookbook/tags/{position_tag.rb → priority_tag.rb} +4 -4
- data/lib/lookbook/tags/renders_tag.rb +4 -0
- data/lib/lookbook/tags/tag_provider.rb +3 -0
- data/lib/lookbook/tags/type_tag.rb +7 -0
- data/lib/lookbook/tags/yard_tag.rb +1 -2
- data/lib/lookbook/version.rb +1 -1
- data/lib/lookbook/websocket.rb +6 -53
- data/lib/lookbook.rb +179 -53
- data/public/lookbook-assets/css/lookbook.css +141 -83
- data/public/lookbook-assets/css/lookbook.css.map +1 -1
- data/public/lookbook-assets/css/themes/blue.css +7 -0
- data/public/lookbook-assets/css/themes/blue.css.map +1 -1
- data/public/lookbook-assets/css/themes/green.css +7 -0
- data/public/lookbook-assets/css/themes/green.css.map +1 -1
- data/public/lookbook-assets/css/themes/indigo.css +7 -0
- data/public/lookbook-assets/css/themes/indigo.css.map +1 -1
- data/public/lookbook-assets/css/themes/rose.css +7 -0
- data/public/lookbook-assets/css/themes/rose.css.map +1 -1
- data/public/lookbook-assets/css/themes/zinc.css +7 -0
- data/public/lookbook-assets/css/themes/zinc.css.map +1 -1
- data/public/lookbook-assets/img/lucide-sprite.svg +4960 -0
- data/public/lookbook-assets/js/embed.js +1363 -841
- data/public/lookbook-assets/js/embed.js.map +1 -1
- data/public/lookbook-assets/js/iframe.js +906 -0
- data/public/lookbook-assets/js/iframe.js.map +1 -0
- data/public/lookbook-assets/js/index.js +13567 -0
- data/public/lookbook-assets/js/index.js.map +1 -0
- data/public/lookbook-assets/js/lookbook-core.js +85 -0
- data/public/lookbook-assets/js/lookbook-core.js.map +1 -0
- data/public/lookbook-assets/js/lookbook.js +165 -12754
- data/public/lookbook-assets/js/lookbook.js.map +1 -1
- data/public/lookbook-assets/lookbook-esm.js +1427 -0
- data/public/lookbook-assets/lookbook-esm.js.map +1 -0
- data/public/lookbook-assets/lookbook-global.js +1427 -0
- data/public/lookbook-assets/lookbook-global.js.map +1 -0
- data/public/lookbook-assets/lookbook.js +1427 -0
- data/public/lookbook-assets/lookbook.js.map +1 -0
- metadata +80 -72
- data/app/components/lookbook/embed/component.js +0 -39
- data/app/helpers/lookbook/component_helper.rb +0 -84
- data/app/helpers/lookbook/output_helper.rb +0 -19
- data/app/helpers/lookbook/page_helper.rb +0 -34
- data/app/views/layouts/lookbook/inspector.html.erb +0 -7
- data/app/views/layouts/lookbook/page.html.erb +0 -53
- data/app/views/layouts/lookbook/standalone.html.erb +0 -5
- data/lib/lookbook/entities/collections/component_collection.rb +0 -4
- data/lib/lookbook/entities/collections/preview_example_collection.rb +0 -4
- data/lib/lookbook/entities/component.rb +0 -31
- data/lib/lookbook/entities/concerns/navigable.rb +0 -43
- data/lib/lookbook/entities/preview.rb +0 -87
- data/lib/lookbook/entities/preview_example.rb +0 -100
- data/lib/lookbook/entities/preview_group.rb +0 -48
- data/lib/lookbook/preview_actions.rb +0 -43
- data/lib/lookbook/process.rb +0 -21
- data/lib/lookbook/rendered_example.rb +0 -37
- data/lib/lookbook/services/position_prefix_parser.rb +0 -16
- data/lib/lookbook/services/urls/search_param_builder.rb +0 -13
- data/lib/lookbook/tags/component_tag.rb +0 -13
@@ -1401,23 +1401,21 @@ pre[class*="language-"] {
|
|
1401
1401
|
background-color: rgb(254 252 232 / var(--tw-bg-opacity));
|
1402
1402
|
}
|
1403
1403
|
|
1404
|
-
[data-component="display-options-field"] [type="text"], [data-component="display-options-field"] [type="email"], [data-component="display-options-field"] [type="url"], [data-component="display-options-field"] [type="password"], [data-component="display-options-field"] [type="number"], [data-component="display-options-field"] [type="date"], [data-component="display-options-field"] [type="datetime-local"], [data-component="display-options-field"] [type="month"], [data-component="display-options-field"] [type="search"], [data-component="display-options-field"] [type="tel"], [data-component="display-options-field"] [type="time"], [data-component="display-options-field"] [type="week"], [data-component="display-options-field"] textarea, [data-component="display-options-field"] select {
|
1405
|
-
padding: .26rem .6rem;
|
1406
|
-
font-size: .8rem;
|
1407
|
-
line-height: 1.1rem;
|
1408
|
-
}
|
1409
|
-
|
1410
1404
|
[data-component="display-options-field"] label {
|
1411
1405
|
cursor: pointer;
|
1412
1406
|
color: var(--lookbook-input-text);
|
1413
1407
|
font-size: .82rem;
|
1414
1408
|
}
|
1415
1409
|
|
1416
|
-
[data-component="
|
1417
|
-
|
1418
|
-
|
1419
|
-
|
1420
|
-
|
1410
|
+
[data-component="embed-code-dropdown"] [data-component="code"] {
|
1411
|
+
padding: 0;
|
1412
|
+
}
|
1413
|
+
|
1414
|
+
[data-component="embed-code-dropdown"] pre.code.highlight {
|
1415
|
+
white-space: normal;
|
1416
|
+
padding: 0;
|
1417
|
+
font-size: 11px;
|
1418
|
+
overflow: hidden;
|
1421
1419
|
}
|
1422
1420
|
|
1423
1421
|
[data-component="icon"] {
|
@@ -1718,6 +1716,15 @@ input[type="color"]::-webkit-color-swatch {
|
|
1718
1716
|
border-radius: .5rem;
|
1719
1717
|
}
|
1720
1718
|
|
1719
|
+
select.compact {
|
1720
|
+
background-position: right .4rem center;
|
1721
|
+
background-size: 1.2em 1.2em;
|
1722
|
+
border-radius: .375rem;
|
1723
|
+
padding: .26rem 1.5rem .26rem .6rem;
|
1724
|
+
font-size: .8rem;
|
1725
|
+
line-height: 1.1rem;
|
1726
|
+
}
|
1727
|
+
|
1721
1728
|
.pointer-events-none {
|
1722
1729
|
pointer-events: none;
|
1723
1730
|
}
|
@@ -1794,6 +1801,10 @@ input[type="color"]::-webkit-color-swatch {
|
|
1794
1801
|
left: -1px;
|
1795
1802
|
}
|
1796
1803
|
|
1804
|
+
.top-\[-1px\] {
|
1805
|
+
top: -1px;
|
1806
|
+
}
|
1807
|
+
|
1797
1808
|
.top-\[2px\] {
|
1798
1809
|
top: 2px;
|
1799
1810
|
}
|
@@ -1814,14 +1825,14 @@ input[type="color"]::-webkit-color-swatch {
|
|
1814
1825
|
z-index: 40 !important;
|
1815
1826
|
}
|
1816
1827
|
|
1817
|
-
.z-0 {
|
1818
|
-
z-index: 0;
|
1819
|
-
}
|
1820
|
-
|
1821
1828
|
.z-10 {
|
1822
1829
|
z-index: 10;
|
1823
1830
|
}
|
1824
1831
|
|
1832
|
+
.z-0 {
|
1833
|
+
z-index: 0;
|
1834
|
+
}
|
1835
|
+
|
1825
1836
|
.mx-auto {
|
1826
1837
|
margin-left: auto;
|
1827
1838
|
margin-right: auto;
|
@@ -1884,12 +1895,16 @@ input[type="color"]::-webkit-color-swatch {
|
|
1884
1895
|
margin-right: 1.5rem;
|
1885
1896
|
}
|
1886
1897
|
|
1887
|
-
.mb
|
1888
|
-
margin-bottom:
|
1898
|
+
.mb-3 {
|
1899
|
+
margin-bottom: .75rem;
|
1889
1900
|
}
|
1890
1901
|
|
1891
|
-
.mt-
|
1892
|
-
margin-top:
|
1902
|
+
.mt-\[-2px\] {
|
1903
|
+
margin-top: -2px;
|
1904
|
+
}
|
1905
|
+
|
1906
|
+
.-mt-px {
|
1907
|
+
margin-top: -1px;
|
1893
1908
|
}
|
1894
1909
|
|
1895
1910
|
.mb-6 {
|
@@ -1904,6 +1919,14 @@ input[type="color"]::-webkit-color-swatch {
|
|
1904
1919
|
margin-right: auto;
|
1905
1920
|
}
|
1906
1921
|
|
1922
|
+
.\!ml-2 {
|
1923
|
+
margin-left: .5rem !important;
|
1924
|
+
}
|
1925
|
+
|
1926
|
+
.mb-\[-2px\] {
|
1927
|
+
margin-bottom: -2px;
|
1928
|
+
}
|
1929
|
+
|
1907
1930
|
.mr-1\.5 {
|
1908
1931
|
margin-right: .375rem;
|
1909
1932
|
}
|
@@ -1916,14 +1939,14 @@ input[type="color"]::-webkit-color-swatch {
|
|
1916
1939
|
margin-right: 0;
|
1917
1940
|
}
|
1918
1941
|
|
1919
|
-
.block {
|
1920
|
-
display: block;
|
1921
|
-
}
|
1922
|
-
|
1923
1942
|
.\!block {
|
1924
1943
|
display: block !important;
|
1925
1944
|
}
|
1926
1945
|
|
1946
|
+
.block {
|
1947
|
+
display: block;
|
1948
|
+
}
|
1949
|
+
|
1927
1950
|
.inline-block {
|
1928
1951
|
display: inline-block;
|
1929
1952
|
}
|
@@ -2004,10 +2027,6 @@ input[type="color"]::-webkit-color-swatch {
|
|
2004
2027
|
height: 1rem;
|
2005
2028
|
}
|
2006
2029
|
|
2007
|
-
.\!h-auto {
|
2008
|
-
height: auto !important;
|
2009
|
-
}
|
2010
|
-
|
2011
2030
|
.max-h-full {
|
2012
2031
|
max-height: 100%;
|
2013
2032
|
}
|
@@ -2036,6 +2055,10 @@ input[type="color"]::-webkit-color-swatch {
|
|
2036
2055
|
width: 1.25rem;
|
2037
2056
|
}
|
2038
2057
|
|
2058
|
+
.w-\[320px\] {
|
2059
|
+
width: 320px;
|
2060
|
+
}
|
2061
|
+
|
2039
2062
|
.w-3\.5 {
|
2040
2063
|
width: .875rem;
|
2041
2064
|
}
|
@@ -2076,10 +2099,6 @@ input[type="color"]::-webkit-color-swatch {
|
|
2076
2099
|
max-width: none;
|
2077
2100
|
}
|
2078
2101
|
|
2079
|
-
.max-w-xs {
|
2080
|
-
max-width: 20rem;
|
2081
|
-
}
|
2082
|
-
|
2083
2102
|
.flex-none {
|
2084
2103
|
flex: none;
|
2085
2104
|
}
|
@@ -2142,6 +2161,10 @@ input[type="color"]::-webkit-color-swatch {
|
|
2142
2161
|
animation: 1s linear infinite spin;
|
2143
2162
|
}
|
2144
2163
|
|
2164
|
+
.\!cursor-not-allowed {
|
2165
|
+
cursor: not-allowed !important;
|
2166
|
+
}
|
2167
|
+
|
2145
2168
|
.\!cursor-default {
|
2146
2169
|
cursor: default !important;
|
2147
2170
|
}
|
@@ -2321,10 +2344,6 @@ input[type="color"]::-webkit-color-swatch {
|
|
2321
2344
|
border-radius: 9999px;
|
2322
2345
|
}
|
2323
2346
|
|
2324
|
-
.rounded-sm {
|
2325
|
-
border-radius: .125rem;
|
2326
|
-
}
|
2327
|
-
|
2328
2347
|
.rounded-md {
|
2329
2348
|
border-radius: .375rem;
|
2330
2349
|
}
|
@@ -2357,14 +2376,14 @@ input[type="color"]::-webkit-color-swatch {
|
|
2357
2376
|
border-left-width: 1px;
|
2358
2377
|
}
|
2359
2378
|
|
2360
|
-
.border-b-0 {
|
2361
|
-
border-bottom-width: 0;
|
2362
|
-
}
|
2363
|
-
|
2364
2379
|
.border-r {
|
2365
2380
|
border-right-width: 1px;
|
2366
2381
|
}
|
2367
2382
|
|
2383
|
+
.border-b-0 {
|
2384
|
+
border-bottom-width: 0;
|
2385
|
+
}
|
2386
|
+
|
2368
2387
|
.border-l-2 {
|
2369
2388
|
border-left-width: 2px;
|
2370
2389
|
}
|
@@ -2373,14 +2392,6 @@ input[type="color"]::-webkit-color-swatch {
|
|
2373
2392
|
border-bottom-width: 2px;
|
2374
2393
|
}
|
2375
2394
|
|
2376
|
-
.border-t-0 {
|
2377
|
-
border-top-width: 0;
|
2378
|
-
}
|
2379
|
-
|
2380
|
-
.border-dashed {
|
2381
|
-
border-style: dashed;
|
2382
|
-
}
|
2383
|
-
|
2384
2395
|
.border-red-200 {
|
2385
2396
|
--tw-border-opacity: 1;
|
2386
2397
|
border-color: rgb(254 202 202 / var(--tw-border-opacity));
|
@@ -2399,9 +2410,8 @@ input[type="color"]::-webkit-color-swatch {
|
|
2399
2410
|
border-color: #0000;
|
2400
2411
|
}
|
2401
2412
|
|
2402
|
-
.border-
|
2403
|
-
|
2404
|
-
border-color: rgb(229 231 235 / var(--tw-border-opacity));
|
2413
|
+
.border-lookbook-dropdown-divider {
|
2414
|
+
border-color: var(--lookbook-dropdown-divider);
|
2405
2415
|
}
|
2406
2416
|
|
2407
2417
|
.\!border-lookbook-header-border {
|
@@ -2436,6 +2446,10 @@ input[type="color"]::-webkit-color-swatch {
|
|
2436
2446
|
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
|
2437
2447
|
}
|
2438
2448
|
|
2449
|
+
.bg-lookbook-drawer-bg {
|
2450
|
+
background-color: var(--lookbook-drawer-bg);
|
2451
|
+
}
|
2452
|
+
|
2439
2453
|
.bg-lookbook-page-bg {
|
2440
2454
|
background-color: var(--lookbook-page-bg);
|
2441
2455
|
}
|
@@ -2444,10 +2458,6 @@ input[type="color"]::-webkit-color-swatch {
|
|
2444
2458
|
background-color: #0000;
|
2445
2459
|
}
|
2446
2460
|
|
2447
|
-
.bg-lookbook-drawer-bg {
|
2448
|
-
background-color: var(--lookbook-drawer-bg);
|
2449
|
-
}
|
2450
|
-
|
2451
2461
|
.bg-lookbook-input-toggle-active {
|
2452
2462
|
background-color: var(--lookbook-input-toggle-active);
|
2453
2463
|
}
|
@@ -2473,6 +2483,14 @@ input[type="color"]::-webkit-color-swatch {
|
|
2473
2483
|
background-color: var(--lookbook-divider);
|
2474
2484
|
}
|
2475
2485
|
|
2486
|
+
.bg-lookbook-button-bg {
|
2487
|
+
background-color: var(--lookbook-button-bg);
|
2488
|
+
}
|
2489
|
+
|
2490
|
+
.bg-lookbook-button-bg-hover {
|
2491
|
+
background-color: var(--lookbook-button-bg-hover);
|
2492
|
+
}
|
2493
|
+
|
2476
2494
|
.bg-lookbook-toolbar-bg {
|
2477
2495
|
background-color: var(--lookbook-toolbar-bg);
|
2478
2496
|
}
|
@@ -2493,6 +2511,10 @@ input[type="color"]::-webkit-color-swatch {
|
|
2493
2511
|
padding: 1rem;
|
2494
2512
|
}
|
2495
2513
|
|
2514
|
+
.p-3 {
|
2515
|
+
padding: .75rem;
|
2516
|
+
}
|
2517
|
+
|
2496
2518
|
.p-1 {
|
2497
2519
|
padding: .25rem;
|
2498
2520
|
}
|
@@ -2501,18 +2523,6 @@ input[type="color"]::-webkit-color-swatch {
|
|
2501
2523
|
padding: .5rem;
|
2502
2524
|
}
|
2503
2525
|
|
2504
|
-
.p-6 {
|
2505
|
-
padding: 1.5rem;
|
2506
|
-
}
|
2507
|
-
|
2508
|
-
.p-3 {
|
2509
|
-
padding: .75rem;
|
2510
|
-
}
|
2511
|
-
|
2512
|
-
.p-8 {
|
2513
|
-
padding: 2rem;
|
2514
|
-
}
|
2515
|
-
|
2516
2526
|
.px-4 {
|
2517
2527
|
padding-left: 1rem;
|
2518
2528
|
padding-right: 1rem;
|
@@ -2548,6 +2558,16 @@ input[type="color"]::-webkit-color-swatch {
|
|
2548
2558
|
padding-bottom: .75rem;
|
2549
2559
|
}
|
2550
2560
|
|
2561
|
+
.py-1\.5 {
|
2562
|
+
padding-top: .375rem;
|
2563
|
+
padding-bottom: .375rem;
|
2564
|
+
}
|
2565
|
+
|
2566
|
+
.py-1 {
|
2567
|
+
padding-top: .25rem;
|
2568
|
+
padding-bottom: .25rem;
|
2569
|
+
}
|
2570
|
+
|
2551
2571
|
.px-1 {
|
2552
2572
|
padding-left: .25rem;
|
2553
2573
|
padding-right: .25rem;
|
@@ -2601,6 +2621,14 @@ input[type="color"]::-webkit-color-swatch {
|
|
2601
2621
|
padding-top: .5rem;
|
2602
2622
|
}
|
2603
2623
|
|
2624
|
+
.pt-3 {
|
2625
|
+
padding-top: .75rem;
|
2626
|
+
}
|
2627
|
+
|
2628
|
+
.pb-3 {
|
2629
|
+
padding-bottom: .75rem;
|
2630
|
+
}
|
2631
|
+
|
2604
2632
|
.pb-0 {
|
2605
2633
|
padding-bottom: 0;
|
2606
2634
|
}
|
@@ -2661,6 +2689,10 @@ input[type="color"]::-webkit-color-swatch {
|
|
2661
2689
|
line-height: 1rem;
|
2662
2690
|
}
|
2663
2691
|
|
2692
|
+
.text-\[11px\] {
|
2693
|
+
font-size: 11px;
|
2694
|
+
}
|
2695
|
+
|
2664
2696
|
.text-lg {
|
2665
2697
|
font-size: 1.125rem;
|
2666
2698
|
line-height: 1.75rem;
|
@@ -2722,14 +2754,6 @@ input[type="color"]::-webkit-color-swatch {
|
|
2722
2754
|
color: var(--lookbook-blank-slate-title);
|
2723
2755
|
}
|
2724
2756
|
|
2725
|
-
.text-lookbook-icon-button-stroke {
|
2726
|
-
color: var(--lookbook-icon-button-stroke);
|
2727
|
-
}
|
2728
|
-
|
2729
|
-
.text-lookbook-icon-button-stroke-hover {
|
2730
|
-
color: var(--lookbook-icon-button-stroke-hover);
|
2731
|
-
}
|
2732
|
-
|
2733
2757
|
.text-green-500 {
|
2734
2758
|
--tw-text-opacity: 1;
|
2735
2759
|
color: rgb(34 197 94 / var(--tw-text-opacity));
|
@@ -2740,6 +2764,15 @@ input[type="color"]::-webkit-color-swatch {
|
|
2740
2764
|
color: rgb(22 163 74 / var(--tw-text-opacity));
|
2741
2765
|
}
|
2742
2766
|
|
2767
|
+
.text-gray-600 {
|
2768
|
+
--tw-text-opacity: 1;
|
2769
|
+
color: rgb(75 85 99 / var(--tw-text-opacity));
|
2770
|
+
}
|
2771
|
+
|
2772
|
+
.text-lookbook-icon-button-stroke {
|
2773
|
+
color: var(--lookbook-icon-button-stroke);
|
2774
|
+
}
|
2775
|
+
|
2743
2776
|
.\!text-lookbook-header-text {
|
2744
2777
|
color: var(--lookbook-header-text) !important;
|
2745
2778
|
}
|
@@ -2752,10 +2785,22 @@ input[type="color"]::-webkit-color-swatch {
|
|
2752
2785
|
color: var(--lookbook-header-text);
|
2753
2786
|
}
|
2754
2787
|
|
2788
|
+
.text-lookbook-icon-button-stroke-hover {
|
2789
|
+
color: var(--lookbook-icon-button-stroke-hover);
|
2790
|
+
}
|
2791
|
+
|
2755
2792
|
.text-lookbook-prose-text {
|
2756
2793
|
color: var(--lookbook-prose-text);
|
2757
2794
|
}
|
2758
2795
|
|
2796
|
+
.text-lookbook-button-text {
|
2797
|
+
color: var(--lookbook-button-text);
|
2798
|
+
}
|
2799
|
+
|
2800
|
+
.text-lookbook-embed-title {
|
2801
|
+
color: var(--lookbook-embed-title);
|
2802
|
+
}
|
2803
|
+
|
2759
2804
|
.text-lookbook-nav-icon-stroke {
|
2760
2805
|
color: var(--lookbook-nav-icon-stroke);
|
2761
2806
|
}
|
@@ -2865,6 +2910,12 @@ input[type="color"]::-webkit-color-swatch {
|
|
2865
2910
|
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
2866
2911
|
}
|
2867
2912
|
|
2913
|
+
.transition-\[height\] {
|
2914
|
+
transition-property: height;
|
2915
|
+
transition-duration: .15s;
|
2916
|
+
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
2917
|
+
}
|
2918
|
+
|
2868
2919
|
.duration-100 {
|
2869
2920
|
transition-duration: .1s;
|
2870
2921
|
}
|
@@ -2873,6 +2924,10 @@ input[type="color"]::-webkit-color-swatch {
|
|
2873
2924
|
transition-duration: .2s;
|
2874
2925
|
}
|
2875
2926
|
|
2927
|
+
.duration-150 {
|
2928
|
+
transition-duration: .15s;
|
2929
|
+
}
|
2930
|
+
|
2876
2931
|
.ease-in-out {
|
2877
2932
|
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
2878
2933
|
}
|
@@ -3051,14 +3106,13 @@ input[type="color"]::-webkit-color-swatch {
|
|
3051
3106
|
}
|
3052
3107
|
|
3053
3108
|
.tippy-box[data-theme~="menu"] {
|
3054
|
-
--tw-bg-opacity: 1;
|
3055
|
-
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
3056
|
-
--tw-text-opacity: 1;
|
3057
|
-
color: rgb(75 85 99 / var(--tw-text-opacity));
|
3058
3109
|
--tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
|
3059
3110
|
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
3060
3111
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
3061
|
-
border: 1px solid
|
3112
|
+
border: 1px solid var(--lookbook-dropdown-divider);
|
3113
|
+
color: var(--lookbook-dropdown-text);
|
3114
|
+
background: var(--lookbook-dropdown-bg);
|
3115
|
+
max-width: none !important;
|
3062
3116
|
}
|
3063
3117
|
|
3064
3118
|
.tippy-box[data-theme~="menu"] > .tippy-content {
|
@@ -3068,19 +3122,19 @@ input[type="color"]::-webkit-color-swatch {
|
|
3068
3122
|
}
|
3069
3123
|
|
3070
3124
|
.tippy-box[data-theme~="menu"][data-placement^="top"] > .tippy-arrow:before {
|
3071
|
-
border-top-color:
|
3125
|
+
border-top-color: var(--lookbook-dropdown-bg);
|
3072
3126
|
}
|
3073
3127
|
|
3074
3128
|
.tippy-box[data-theme~="menu"][data-placement^="bottom"] > .tippy-arrow:before {
|
3075
|
-
border-bottom-color:
|
3129
|
+
border-bottom-color: var(--lookbook-dropdown-bg);
|
3076
3130
|
}
|
3077
3131
|
|
3078
3132
|
.tippy-box[data-theme~="menu"][data-placement^="left"] > .tippy-arrow:before {
|
3079
|
-
border-left-color:
|
3133
|
+
border-left-color: var(--lookbook-dropdown-bg);
|
3080
3134
|
}
|
3081
3135
|
|
3082
3136
|
.tippy-box[data-theme~="menu"][data-placement^="right"] > .tippy-arrow:before {
|
3083
|
-
border-right-color:
|
3137
|
+
border-right-color: var(--lookbook-dropdown-bg);
|
3084
3138
|
}
|
3085
3139
|
|
3086
3140
|
.theme-github {
|
@@ -3482,6 +3536,10 @@ input[type="color"]::-webkit-color-swatch {
|
|
3482
3536
|
background-color: var(--lookbook-draggable-hint);
|
3483
3537
|
}
|
3484
3538
|
|
3539
|
+
.hover\:bg-lookbook-button-bg-hover:hover {
|
3540
|
+
background-color: var(--lookbook-button-bg-hover);
|
3541
|
+
}
|
3542
|
+
|
3485
3543
|
.hover\:text-gray-900:hover {
|
3486
3544
|
--tw-text-opacity: 1;
|
3487
3545
|
color: rgb(17 24 39 / var(--tw-text-opacity));
|
@@ -1 +1 @@
|
|
1
|
-
{"mappings":"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
|
1
|
+
{"mappings":"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;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;;AAKA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;AAIA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;AAIA;;;;;;AAIA;;;;;AAGA;;;;AAEA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAA6D;;;;AAA+C;;;;;;;;;;;;AAA6L;;;;AAAsD;;;;;;;;AAAmJ;;;;AAAsD;;;;;;;;AAAyJ;;;;AAAsD;;;;;;;AAAkJ;;;;AAAsD;;;;;;;AAAoJ;;;;AAAuG;;;;;;AAA+C;;;;;;;AAA6F;;;;;;AAA2D;;;;AAAkC;;;;;;;AAAsH;;;;;;;AAAyH;;;;;;;AAA0H;;;;;;;AAA2H;;;;AAA2F;;;;AAAiG;;;;AAA6F;;;;AAA+F;;;;AAAkC;;;;;;;;AAAuG;;;;;;;;AAOx4E;;;;AAEE;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;;;;;AASF;;;;;;AAIA;;;;AAEE;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiGF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CE;;;;AAEF;;;;;;AAIE;;;;AAEE;;;;;AAGa;;;;;AAGF;;;;AAEE;;;;;AAG2B;;;;AAE3B;;;;AAGH;;;;;AAGI;;;;AAEH;;;;AAEM;;;;;AAGM;;;;;AAGF;;;;;AAGD;;;;;;;AAKC;;;;;AAGA;;;;;AAGH;;;;AAEC;;;;AAEE;;;;;AAGC;;;;AAEF;;;;AAEA;;;;;AAGA;;;;;AAGI;;;;AAED;;;;;AAeD;;;;;AAGJ;;;;AAEA;;;;AAEE;;;;AAEA;;;;AAEA;;;;AAEF;;;;;AAGF;;;;AAEG;;;;AAEC;;;;AAEH;;;;;AAGG;;;;;AAGD;;;;AAEH;;;;AAEI;;;;AAID;;;;AAEL;;;;AAEK;;;;;AAGA;;;;AAEE;;;;AAQG;;;;AAcK;;;;AAEH;;;;AAEA;;;;AAEC;;;;AAEA;;;;AAEF;;;;AAMG;;;;AAEyF;;;;;AAG/F;;;;AAItB;;;;AAEJ;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;;AAIA;;;;;;AAIA;;;;AAEA;;;;;AAGA;;;;AAEA;EAEC;;;;;EAKA","sources":["app/assets/lookbook/css/lookbook.css"],"sourcesContent":["@import \"tailwindcss/base\";\n@import \"tailwindcss/components\";\n@import \"tailwindcss/utilities\";\n\n@import \"./tooltip.css\";\n\n@import-glob \"../../../components/lookbook/**/*/component.css\";\n\n@layer base {\n html {\n @apply scroll-smooth h-screen;\n }\n\n @media screen and (prefers-reduced-motion: reduce) {\n html {\n @apply scroll-auto;\n }\n }\n\n body {\n @apply text-lookbook-text font-sans text-sm antialiased overflow-hidden;\n }\n\n [x-cloak] {\n @apply !hidden;\n }\n\n pre[class*=\"language-\"] {\n @apply !p-0 !m-0;\n }\n\n ::-webkit-scrollbar {\n @apply w-1 h-1;\n }\n\n ::-webkit-scrollbar-track {\n @apply bg-transparent;\n }\n\n ::-webkit-scrollbar-thumb {\n @apply transition-colors rounded-full\tbg-clip-content bg-lookbook-scrollbar;\n }\n\n ::-webkit-scrollbar-thumb:hover {\n @apply bg-lookbook-scrollbar-hover;\n }\n}\n\n@layer components {\n [type=\"text\"],\n [type=\"email\"],\n [type=\"url\"],\n [type=\"password\"],\n [type=\"number\"],\n [type=\"date\"],\n [type=\"datetime-local\"],\n [type=\"month\"],\n [type=\"search\"],\n [type=\"tel\"],\n [type=\"time\"],\n [type=\"week\"],\n textarea,\n select {\n @apply text-lookbook-input-text placeholder:text-lookbook-input-text-placeholder placeholder:italic;\n @apply border-lookbook-input-border focus:ring-lookbook-input-border-focus focus:border-lookbook-input-border-focus;\n @apply rounded-md text-sm w-full bg-lookbook-input-bg block;\n }\n\n input[type=\"range\"] {\n -webkit-appearance: none;\n appearance: none;\n background: transparent;\n cursor: pointer;\n width: 100%;\n }\n\n input[type=\"range\"]:focus {\n outline: none;\n }\n\n input[type=\"range\"]::-webkit-slider-runnable-track {\n @apply bg-lookbook-input-toggle;\n border-radius: 0.5rem;\n height: 0.5rem;\n }\n\n input[type=\"range\"]::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n @apply bg-lookbook-input-toggle-active;\n margin-top: -4px;\n border-radius: 0.5rem;\n height: 1rem;\n width: 1rem;\n }\n\n input[type=\"range\"]::-moz-range-track {\n @apply bg-lookbook-input-toggle;\n border-radius: 0.5rem;\n height: 0.5rem;\n }\n\n input[type=\"range\"]::-moz-range-thumb {\n @apply bg-lookbook-input-toggle-active;\n border: none;\n border-radius: 0.5rem;\n height: 1rem;\n width: 1rem;\n }\n\n input[type=\"range\"]:focus::-webkit-slider-thumb,\n input[type=\"range\"]:focus::-moz-range-thumb {\n @apply outline-1 outline-lookbook-input-toggle-active outline-offset-2;\n }\n\n input[type=\"color\"] {\n -webkit-appearance: none;\n width: 46px;\n @apply border border-lookbook-input-border rounded-lg cursor-pointer;\n }\n\n input[type=\"color\"]::-webkit-color-swatch-wrapper {\n padding: 0;\n }\n\n input[type=\"color\"]::-webkit-color-swatch {\n @apply border-0 rounded-lg;\n }\n\n select.compact {\n font-size: 0.8rem;\n line-height: 1.1rem;\n border-radius: 0.375rem;\n padding: 0.26rem 1.5rem 0.26rem 0.6rem;\n background-size: 1.2em 1.2em;\n background-position: right 0.4rem center;\n }\n}\n"],"names":[],"version":3,"file":"lookbook.css.map"}
|
@@ -25,8 +25,14 @@
|
|
25
25
|
--lookbook-draggable-hint: #e0e7ff33;
|
26
26
|
--lookbook-icon-button-stroke: var(--lookbook-base-400);
|
27
27
|
--lookbook-icon-button-stroke-hover: var(--lookbook-accent-600);
|
28
|
+
--lookbook-button-bg: var(--lookbook-accent-500);
|
29
|
+
--lookbook-button-bg-hover: var(--lookbook-accent-600);
|
30
|
+
--lookbook-button-text: var(--lookbook-white);
|
28
31
|
--lookbook-tooltip-bg: var(--lookbook-accent-500);
|
29
32
|
--lookbook-tooltip-text: var(--lookbook-white);
|
33
|
+
--lookbook-dropdown-bg: var(--lookbook-toolbar-bg);
|
34
|
+
--lookbook-dropdown-text: var(--lookbook-text);
|
35
|
+
--lookbook-dropdown-divider: var(--lookbook-divider);
|
30
36
|
--lookbook-scrollbar: var(--lookbook-base-200);
|
31
37
|
--lookbook-scrollbar-hover: var(--lookbook-base-300);
|
32
38
|
--lookbook-toolbar-bg: var(--lookbook-white);
|
@@ -62,6 +68,7 @@
|
|
62
68
|
--lookbook-header-text: var(--lookbook-white);
|
63
69
|
--lookbook-header-border: var(--lookbook-accent-700);
|
64
70
|
--lookbook-blank-slate-title: var(--lookbook-accent-600);
|
71
|
+
--lookbook-embed-title: var(--lookbook-text);
|
65
72
|
--lookbook-branding-text: var(--lookbook-header-text);
|
66
73
|
}
|
67
74
|
|
@@ -1 +1 @@
|
|
1
|
-
{"mappings":"AAAA","sources":["app/assets/lookbook/css/themes/blue.css"],"sourcesContent":[":root {\n --lookbook-white: theme(\"colors.white\");\n --lookbook-accent-50: theme(\"colors.blue.50\");\n --lookbook-accent-100: theme(\"colors.blue.100\");\n --lookbook-accent-200: theme(\"colors.blue.200\");\n --lookbook-accent-300: theme(\"colors.blue.300\");\n --lookbook-accent-400: theme(\"colors.blue.400\");\n --lookbook-accent-500: theme(\"colors.blue.500\");\n --lookbook-accent-600: theme(\"colors.blue.600\");\n --lookbook-accent-700: theme(\"colors.blue.700\");\n --lookbook-accent-800: theme(\"colors.blue.800\");\n --lookbook-accent-900: theme(\"colors.blue.900\");\n --lookbook-base-50: theme(\"colors.zinc.50\");\n --lookbook-base-100: theme(\"colors.zinc.100\");\n --lookbook-base-200: theme(\"colors.zinc.200\");\n --lookbook-base-300: theme(\"colors.zinc.300\");\n --lookbook-base-400: theme(\"colors.zinc.400\");\n --lookbook-base-500: theme(\"colors.zinc.500\");\n --lookbook-base-600: theme(\"colors.zinc.600\");\n --lookbook-base-700: theme(\"colors.zinc.700\");\n --lookbook-base-800: theme(\"colors.zinc.800\");\n --lookbook-base-900: theme(\"colors.zinc.900\");\n --lookbook-text: var(--lookbook-base-800);\n --lookbook-divider: var(--lookbook-base-300);\n --lookbook-draggable-hint: rgb(224 231 255 / 0.2);\n --lookbook-icon-button-stroke: var(--lookbook-base-400);\n --lookbook-icon-button-stroke-hover: var(--lookbook-accent-600);\n --lookbook-tooltip-bg: var(--lookbook-accent-500);\n --lookbook-tooltip-text: var(--lookbook-white);\n --lookbook-scrollbar: var(--lookbook-base-200);\n --lookbook-scrollbar-hover: var(--lookbook-base-300);\n --lookbook-toolbar-bg: var(--lookbook-white);\n --lookbook-toolbar-divider: var(--lookbook-divider);\n --lookbook-nav-text: var(--lookbook-text);\n --lookbook-nav-toggle: var(--lookbook-base-500);\n --lookbook-nav-icon-stroke: var(--lookbook-accent-500);\n --lookbook-nav-item-hover: var(--lookbook-base-100);\n --lookbook-nav-item-active: var(--lookbook-accent-50);\n --lookbook-input-bg: var(--lookbook-white);\n --lookbook-input-border: var(--lookbook-base-300);\n --lookbook-input-border-focus: var(--lookbook-accent-200);\n --lookbook-input-text: var(--lookbook-base-600);\n --lookbook-input-text-placeholder: var(--lookbook-base-400);\n --lookbook-input-toggle: var(--lookbook-base-300);\n --lookbook-input-toggle-active: var(--lookbook-accent-500);\n --lookbook-prose-bg: var(--lookbook-white);\n --lookbook-prose-text: var(--lookbook-base-600);\n --lookbook-prose-link: var(--lookbook-accent-900);\n --lookbook-tabs-text: var(--lookbook-base-500);\n --lookbook-tabs-text-hover: var(--lookbook-base-700);\n --lookbook-tabs-text-disabled: var(--lookbook-base-300);\n --lookbook-tabs-border-active: var(--lookbook-accent-400);\n --lookbook-viewport-handle: var(--lookbook-white);\n --lookbook-viewport-handle-hover: var(--lookbook-draggable-hint);\n --lookbook-viewport-handle-icon-stroke: var(--lookbook-base-300);\n --lookbook-viewport-handle-icon-stroke-hover: var(--lookbook-base-700);\n --lookbook-sidebar-bg: var(--lookbook-base-50);\n --lookbook-page-bg: var(--lookbook-white);\n --lookbook-drawer-bg: var(--lookbook-base-50);\n --lookbook-params-editor-bg: var(--lookbook-white);\n --lookbook-header-bg: var(--lookbook-accent-600);\n --lookbook-header-text: var(--lookbook-white);\n --lookbook-header-border: var(--lookbook-accent-700);\n --lookbook-blank-slate-title: var(--lookbook-accent-600);\n --lookbook-branding-text: var(--lookbook-header-text);\n}"],"names":[],"version":3,"file":"blue.css.map"}
|
1
|
+
{"mappings":"AAAA","sources":["app/assets/lookbook/css/themes/blue.css"],"sourcesContent":[":root {\n --lookbook-white: theme(\"colors.white\");\n --lookbook-accent-50: theme(\"colors.blue.50\");\n --lookbook-accent-100: theme(\"colors.blue.100\");\n --lookbook-accent-200: theme(\"colors.blue.200\");\n --lookbook-accent-300: theme(\"colors.blue.300\");\n --lookbook-accent-400: theme(\"colors.blue.400\");\n --lookbook-accent-500: theme(\"colors.blue.500\");\n --lookbook-accent-600: theme(\"colors.blue.600\");\n --lookbook-accent-700: theme(\"colors.blue.700\");\n --lookbook-accent-800: theme(\"colors.blue.800\");\n --lookbook-accent-900: theme(\"colors.blue.900\");\n --lookbook-base-50: theme(\"colors.zinc.50\");\n --lookbook-base-100: theme(\"colors.zinc.100\");\n --lookbook-base-200: theme(\"colors.zinc.200\");\n --lookbook-base-300: theme(\"colors.zinc.300\");\n --lookbook-base-400: theme(\"colors.zinc.400\");\n --lookbook-base-500: theme(\"colors.zinc.500\");\n --lookbook-base-600: theme(\"colors.zinc.600\");\n --lookbook-base-700: theme(\"colors.zinc.700\");\n --lookbook-base-800: theme(\"colors.zinc.800\");\n --lookbook-base-900: theme(\"colors.zinc.900\");\n --lookbook-text: var(--lookbook-base-800);\n --lookbook-divider: var(--lookbook-base-300);\n --lookbook-draggable-hint: rgb(224 231 255 / 0.2);\n --lookbook-icon-button-stroke: var(--lookbook-base-400);\n --lookbook-icon-button-stroke-hover: var(--lookbook-accent-600);\n --lookbook-button-bg: var(--lookbook-accent-500);\n --lookbook-button-bg-hover: var(--lookbook-accent-600);\n --lookbook-button-text: var(--lookbook-white);\n --lookbook-tooltip-bg: var(--lookbook-accent-500);\n --lookbook-tooltip-text: var(--lookbook-white);\n --lookbook-dropdown-bg: var(--lookbook-toolbar-bg);\n --lookbook-dropdown-text: var(--lookbook-text);\n --lookbook-dropdown-divider: var(--lookbook-divider);\n --lookbook-scrollbar: var(--lookbook-base-200);\n --lookbook-scrollbar-hover: var(--lookbook-base-300);\n --lookbook-toolbar-bg: var(--lookbook-white);\n --lookbook-toolbar-divider: var(--lookbook-divider);\n --lookbook-nav-text: var(--lookbook-text);\n --lookbook-nav-toggle: var(--lookbook-base-500);\n --lookbook-nav-icon-stroke: var(--lookbook-accent-500);\n --lookbook-nav-item-hover: var(--lookbook-base-100);\n --lookbook-nav-item-active: var(--lookbook-accent-50);\n --lookbook-input-bg: var(--lookbook-white);\n --lookbook-input-border: var(--lookbook-base-300);\n --lookbook-input-border-focus: var(--lookbook-accent-200);\n --lookbook-input-text: var(--lookbook-base-600);\n --lookbook-input-text-placeholder: var(--lookbook-base-400);\n --lookbook-input-toggle: var(--lookbook-base-300);\n --lookbook-input-toggle-active: var(--lookbook-accent-500);\n --lookbook-prose-bg: var(--lookbook-white);\n --lookbook-prose-text: var(--lookbook-base-600);\n --lookbook-prose-link: var(--lookbook-accent-900);\n --lookbook-tabs-text: var(--lookbook-base-500);\n --lookbook-tabs-text-hover: var(--lookbook-base-700);\n --lookbook-tabs-text-disabled: var(--lookbook-base-300);\n --lookbook-tabs-border-active: var(--lookbook-accent-400);\n --lookbook-viewport-handle: var(--lookbook-white);\n --lookbook-viewport-handle-hover: var(--lookbook-draggable-hint);\n --lookbook-viewport-handle-icon-stroke: var(--lookbook-base-300);\n --lookbook-viewport-handle-icon-stroke-hover: var(--lookbook-base-700);\n --lookbook-sidebar-bg: var(--lookbook-base-50);\n --lookbook-page-bg: var(--lookbook-white);\n --lookbook-drawer-bg: var(--lookbook-base-50);\n --lookbook-params-editor-bg: var(--lookbook-white);\n --lookbook-header-bg: var(--lookbook-accent-600);\n --lookbook-header-text: var(--lookbook-white);\n --lookbook-header-border: var(--lookbook-accent-700);\n --lookbook-blank-slate-title: var(--lookbook-accent-600);\n --lookbook-embed-title: var(--lookbook-text);\n --lookbook-branding-text: var(--lookbook-header-text);\n}"],"names":[],"version":3,"file":"blue.css.map"}
|
@@ -25,8 +25,14 @@
|
|
25
25
|
--lookbook-draggable-hint: #e0e7ff33;
|
26
26
|
--lookbook-icon-button-stroke: var(--lookbook-base-400);
|
27
27
|
--lookbook-icon-button-stroke-hover: var(--lookbook-accent-600);
|
28
|
+
--lookbook-button-bg: var(--lookbook-accent-500);
|
29
|
+
--lookbook-button-bg-hover: var(--lookbook-accent-600);
|
30
|
+
--lookbook-button-text: var(--lookbook-white);
|
28
31
|
--lookbook-tooltip-bg: var(--lookbook-accent-500);
|
29
32
|
--lookbook-tooltip-text: var(--lookbook-white);
|
33
|
+
--lookbook-dropdown-bg: var(--lookbook-toolbar-bg);
|
34
|
+
--lookbook-dropdown-text: var(--lookbook-text);
|
35
|
+
--lookbook-dropdown-divider: var(--lookbook-divider);
|
30
36
|
--lookbook-scrollbar: var(--lookbook-base-200);
|
31
37
|
--lookbook-scrollbar-hover: var(--lookbook-base-300);
|
32
38
|
--lookbook-toolbar-bg: var(--lookbook-white);
|
@@ -62,6 +68,7 @@
|
|
62
68
|
--lookbook-header-text: var(--lookbook-white);
|
63
69
|
--lookbook-header-border: var(--lookbook-accent-700);
|
64
70
|
--lookbook-blank-slate-title: var(--lookbook-accent-600);
|
71
|
+
--lookbook-embed-title: var(--lookbook-text);
|
65
72
|
--lookbook-branding-text: var(--lookbook-header-text);
|
66
73
|
}
|
67
74
|
|
@@ -1 +1 @@
|
|
1
|
-
{"mappings":"AAAA","sources":["app/assets/lookbook/css/themes/green.css"],"sourcesContent":[":root {\n --lookbook-white: theme(\"colors.white\");\n --lookbook-accent-50: theme(\"colors.green.50\");\n --lookbook-accent-100: theme(\"colors.green.100\");\n --lookbook-accent-200: theme(\"colors.green.200\");\n --lookbook-accent-300: theme(\"colors.green.300\");\n --lookbook-accent-400: theme(\"colors.green.400\");\n --lookbook-accent-500: theme(\"colors.green.500\");\n --lookbook-accent-600: theme(\"colors.green.600\");\n --lookbook-accent-700: theme(\"colors.green.700\");\n --lookbook-accent-800: theme(\"colors.green.800\");\n --lookbook-accent-900: theme(\"colors.green.900\");\n --lookbook-base-50: theme(\"colors.zinc.50\");\n --lookbook-base-100: theme(\"colors.zinc.100\");\n --lookbook-base-200: theme(\"colors.zinc.200\");\n --lookbook-base-300: theme(\"colors.zinc.300\");\n --lookbook-base-400: theme(\"colors.zinc.400\");\n --lookbook-base-500: theme(\"colors.zinc.500\");\n --lookbook-base-600: theme(\"colors.zinc.600\");\n --lookbook-base-700: theme(\"colors.zinc.700\");\n --lookbook-base-800: theme(\"colors.zinc.800\");\n --lookbook-base-900: theme(\"colors.zinc.900\");\n --lookbook-text: var(--lookbook-base-800);\n --lookbook-divider: var(--lookbook-base-300);\n --lookbook-draggable-hint: rgb(224 231 255 / 0.2);\n --lookbook-icon-button-stroke: var(--lookbook-base-400);\n --lookbook-icon-button-stroke-hover: var(--lookbook-accent-600);\n --lookbook-tooltip-bg: var(--lookbook-accent-500);\n --lookbook-tooltip-text: var(--lookbook-white);\n --lookbook-scrollbar: var(--lookbook-base-200);\n --lookbook-scrollbar-hover: var(--lookbook-base-300);\n --lookbook-toolbar-bg: var(--lookbook-white);\n --lookbook-toolbar-divider: var(--lookbook-divider);\n --lookbook-nav-text: var(--lookbook-text);\n --lookbook-nav-toggle: var(--lookbook-base-500);\n --lookbook-nav-icon-stroke: var(--lookbook-accent-500);\n --lookbook-nav-item-hover: var(--lookbook-base-100);\n --lookbook-nav-item-active: var(--lookbook-accent-50);\n --lookbook-input-bg: var(--lookbook-white);\n --lookbook-input-border: var(--lookbook-base-300);\n --lookbook-input-border-focus: var(--lookbook-accent-200);\n --lookbook-input-text: var(--lookbook-base-600);\n --lookbook-input-text-placeholder: var(--lookbook-base-400);\n --lookbook-input-toggle: var(--lookbook-base-300);\n --lookbook-input-toggle-active: var(--lookbook-accent-500);\n --lookbook-prose-bg: var(--lookbook-white);\n --lookbook-prose-text: var(--lookbook-base-600);\n --lookbook-prose-link: var(--lookbook-accent-900);\n --lookbook-tabs-text: var(--lookbook-base-500);\n --lookbook-tabs-text-hover: var(--lookbook-base-700);\n --lookbook-tabs-text-disabled: var(--lookbook-base-300);\n --lookbook-tabs-border-active: var(--lookbook-accent-400);\n --lookbook-viewport-handle: var(--lookbook-white);\n --lookbook-viewport-handle-hover: var(--lookbook-draggable-hint);\n --lookbook-viewport-handle-icon-stroke: var(--lookbook-base-300);\n --lookbook-viewport-handle-icon-stroke-hover: var(--lookbook-base-700);\n --lookbook-sidebar-bg: var(--lookbook-base-50);\n --lookbook-page-bg: var(--lookbook-white);\n --lookbook-drawer-bg: var(--lookbook-base-50);\n --lookbook-params-editor-bg: var(--lookbook-white);\n --lookbook-header-bg: var(--lookbook-accent-600);\n --lookbook-header-text: var(--lookbook-white);\n --lookbook-header-border: var(--lookbook-accent-700);\n --lookbook-blank-slate-title: var(--lookbook-accent-600);\n --lookbook-branding-text: var(--lookbook-header-text);\n}"],"names":[],"version":3,"file":"green.css.map"}
|
1
|
+
{"mappings":"AAAA","sources":["app/assets/lookbook/css/themes/green.css"],"sourcesContent":[":root {\n --lookbook-white: theme(\"colors.white\");\n --lookbook-accent-50: theme(\"colors.green.50\");\n --lookbook-accent-100: theme(\"colors.green.100\");\n --lookbook-accent-200: theme(\"colors.green.200\");\n --lookbook-accent-300: theme(\"colors.green.300\");\n --lookbook-accent-400: theme(\"colors.green.400\");\n --lookbook-accent-500: theme(\"colors.green.500\");\n --lookbook-accent-600: theme(\"colors.green.600\");\n --lookbook-accent-700: theme(\"colors.green.700\");\n --lookbook-accent-800: theme(\"colors.green.800\");\n --lookbook-accent-900: theme(\"colors.green.900\");\n --lookbook-base-50: theme(\"colors.zinc.50\");\n --lookbook-base-100: theme(\"colors.zinc.100\");\n --lookbook-base-200: theme(\"colors.zinc.200\");\n --lookbook-base-300: theme(\"colors.zinc.300\");\n --lookbook-base-400: theme(\"colors.zinc.400\");\n --lookbook-base-500: theme(\"colors.zinc.500\");\n --lookbook-base-600: theme(\"colors.zinc.600\");\n --lookbook-base-700: theme(\"colors.zinc.700\");\n --lookbook-base-800: theme(\"colors.zinc.800\");\n --lookbook-base-900: theme(\"colors.zinc.900\");\n --lookbook-text: var(--lookbook-base-800);\n --lookbook-divider: var(--lookbook-base-300);\n --lookbook-draggable-hint: rgb(224 231 255 / 0.2);\n --lookbook-icon-button-stroke: var(--lookbook-base-400);\n --lookbook-icon-button-stroke-hover: var(--lookbook-accent-600);\n --lookbook-button-bg: var(--lookbook-accent-500);\n --lookbook-button-bg-hover: var(--lookbook-accent-600);\n --lookbook-button-text: var(--lookbook-white);\n --lookbook-tooltip-bg: var(--lookbook-accent-500);\n --lookbook-tooltip-text: var(--lookbook-white);\n --lookbook-dropdown-bg: var(--lookbook-toolbar-bg);\n --lookbook-dropdown-text: var(--lookbook-text);\n --lookbook-dropdown-divider: var(--lookbook-divider);\n --lookbook-scrollbar: var(--lookbook-base-200);\n --lookbook-scrollbar-hover: var(--lookbook-base-300);\n --lookbook-toolbar-bg: var(--lookbook-white);\n --lookbook-toolbar-divider: var(--lookbook-divider);\n --lookbook-nav-text: var(--lookbook-text);\n --lookbook-nav-toggle: var(--lookbook-base-500);\n --lookbook-nav-icon-stroke: var(--lookbook-accent-500);\n --lookbook-nav-item-hover: var(--lookbook-base-100);\n --lookbook-nav-item-active: var(--lookbook-accent-50);\n --lookbook-input-bg: var(--lookbook-white);\n --lookbook-input-border: var(--lookbook-base-300);\n --lookbook-input-border-focus: var(--lookbook-accent-200);\n --lookbook-input-text: var(--lookbook-base-600);\n --lookbook-input-text-placeholder: var(--lookbook-base-400);\n --lookbook-input-toggle: var(--lookbook-base-300);\n --lookbook-input-toggle-active: var(--lookbook-accent-500);\n --lookbook-prose-bg: var(--lookbook-white);\n --lookbook-prose-text: var(--lookbook-base-600);\n --lookbook-prose-link: var(--lookbook-accent-900);\n --lookbook-tabs-text: var(--lookbook-base-500);\n --lookbook-tabs-text-hover: var(--lookbook-base-700);\n --lookbook-tabs-text-disabled: var(--lookbook-base-300);\n --lookbook-tabs-border-active: var(--lookbook-accent-400);\n --lookbook-viewport-handle: var(--lookbook-white);\n --lookbook-viewport-handle-hover: var(--lookbook-draggable-hint);\n --lookbook-viewport-handle-icon-stroke: var(--lookbook-base-300);\n --lookbook-viewport-handle-icon-stroke-hover: var(--lookbook-base-700);\n --lookbook-sidebar-bg: var(--lookbook-base-50);\n --lookbook-page-bg: var(--lookbook-white);\n --lookbook-drawer-bg: var(--lookbook-base-50);\n --lookbook-params-editor-bg: var(--lookbook-white);\n --lookbook-header-bg: var(--lookbook-accent-600);\n --lookbook-header-text: var(--lookbook-white);\n --lookbook-header-border: var(--lookbook-accent-700);\n --lookbook-blank-slate-title: var(--lookbook-accent-600);\n --lookbook-embed-title: var(--lookbook-text);\n --lookbook-branding-text: var(--lookbook-header-text);\n}"],"names":[],"version":3,"file":"green.css.map"}
|
@@ -25,8 +25,14 @@
|
|
25
25
|
--lookbook-draggable-hint: #e0e7ff33;
|
26
26
|
--lookbook-icon-button-stroke: var(--lookbook-base-400);
|
27
27
|
--lookbook-icon-button-stroke-hover: var(--lookbook-accent-600);
|
28
|
+
--lookbook-button-bg: var(--lookbook-accent-500);
|
29
|
+
--lookbook-button-bg-hover: var(--lookbook-accent-600);
|
30
|
+
--lookbook-button-text: var(--lookbook-white);
|
28
31
|
--lookbook-tooltip-bg: var(--lookbook-accent-500);
|
29
32
|
--lookbook-tooltip-text: var(--lookbook-white);
|
33
|
+
--lookbook-dropdown-bg: var(--lookbook-toolbar-bg);
|
34
|
+
--lookbook-dropdown-text: var(--lookbook-text);
|
35
|
+
--lookbook-dropdown-divider: var(--lookbook-divider);
|
30
36
|
--lookbook-scrollbar: var(--lookbook-base-200);
|
31
37
|
--lookbook-scrollbar-hover: var(--lookbook-base-300);
|
32
38
|
--lookbook-toolbar-bg: var(--lookbook-white);
|
@@ -62,6 +68,7 @@
|
|
62
68
|
--lookbook-header-text: var(--lookbook-white);
|
63
69
|
--lookbook-header-border: var(--lookbook-accent-700);
|
64
70
|
--lookbook-blank-slate-title: var(--lookbook-accent-600);
|
71
|
+
--lookbook-embed-title: var(--lookbook-text);
|
65
72
|
--lookbook-branding-text: var(--lookbook-header-text);
|
66
73
|
}
|
67
74
|
|
@@ -1 +1 @@
|
|
1
|
-
{"mappings":"AAAA","sources":["app/assets/lookbook/css/themes/indigo.css"],"sourcesContent":[":root {\n --lookbook-white: theme(\"colors.white\");\n --lookbook-accent-50: theme(\"colors.indigo.50\");\n --lookbook-accent-100: theme(\"colors.indigo.100\");\n --lookbook-accent-200: theme(\"colors.indigo.200\");\n --lookbook-accent-300: theme(\"colors.indigo.300\");\n --lookbook-accent-400: theme(\"colors.indigo.400\");\n --lookbook-accent-500: theme(\"colors.indigo.500\");\n --lookbook-accent-600: theme(\"colors.indigo.600\");\n --lookbook-accent-700: theme(\"colors.indigo.700\");\n --lookbook-accent-800: theme(\"colors.indigo.800\");\n --lookbook-accent-900: theme(\"colors.indigo.900\");\n --lookbook-base-50: theme(\"colors.zinc.50\");\n --lookbook-base-100: theme(\"colors.zinc.100\");\n --lookbook-base-200: theme(\"colors.zinc.200\");\n --lookbook-base-300: theme(\"colors.zinc.300\");\n --lookbook-base-400: theme(\"colors.zinc.400\");\n --lookbook-base-500: theme(\"colors.zinc.500\");\n --lookbook-base-600: theme(\"colors.zinc.600\");\n --lookbook-base-700: theme(\"colors.zinc.700\");\n --lookbook-base-800: theme(\"colors.zinc.800\");\n --lookbook-base-900: theme(\"colors.zinc.900\");\n --lookbook-text: var(--lookbook-base-800);\n --lookbook-divider: var(--lookbook-base-300);\n --lookbook-draggable-hint: rgb(224 231 255 / 0.2);\n --lookbook-icon-button-stroke: var(--lookbook-base-400);\n --lookbook-icon-button-stroke-hover: var(--lookbook-accent-600);\n --lookbook-tooltip-bg: var(--lookbook-accent-500);\n --lookbook-tooltip-text: var(--lookbook-white);\n --lookbook-scrollbar: var(--lookbook-base-200);\n --lookbook-scrollbar-hover: var(--lookbook-base-300);\n --lookbook-toolbar-bg: var(--lookbook-white);\n --lookbook-toolbar-divider: var(--lookbook-divider);\n --lookbook-nav-text: var(--lookbook-text);\n --lookbook-nav-toggle: var(--lookbook-base-500);\n --lookbook-nav-icon-stroke: var(--lookbook-accent-500);\n --lookbook-nav-item-hover: var(--lookbook-base-100);\n --lookbook-nav-item-active: var(--lookbook-accent-50);\n --lookbook-input-bg: var(--lookbook-white);\n --lookbook-input-border: var(--lookbook-base-300);\n --lookbook-input-border-focus: var(--lookbook-accent-200);\n --lookbook-input-text: var(--lookbook-base-600);\n --lookbook-input-text-placeholder: var(--lookbook-base-400);\n --lookbook-input-toggle: var(--lookbook-base-300);\n --lookbook-input-toggle-active: var(--lookbook-accent-500);\n --lookbook-prose-bg: var(--lookbook-white);\n --lookbook-prose-text: var(--lookbook-base-600);\n --lookbook-prose-link: var(--lookbook-accent-900);\n --lookbook-tabs-text: var(--lookbook-base-500);\n --lookbook-tabs-text-hover: var(--lookbook-base-700);\n --lookbook-tabs-text-disabled: var(--lookbook-base-300);\n --lookbook-tabs-border-active: var(--lookbook-accent-400);\n --lookbook-viewport-handle: var(--lookbook-white);\n --lookbook-viewport-handle-hover: var(--lookbook-draggable-hint);\n --lookbook-viewport-handle-icon-stroke: var(--lookbook-base-300);\n --lookbook-viewport-handle-icon-stroke-hover: var(--lookbook-base-700);\n --lookbook-sidebar-bg: var(--lookbook-base-50);\n --lookbook-page-bg: var(--lookbook-white);\n --lookbook-drawer-bg: var(--lookbook-base-50);\n --lookbook-params-editor-bg: var(--lookbook-white);\n --lookbook-header-bg: var(--lookbook-accent-600);\n --lookbook-header-text: var(--lookbook-white);\n --lookbook-header-border: var(--lookbook-accent-700);\n --lookbook-blank-slate-title: var(--lookbook-accent-600);\n --lookbook-branding-text: var(--lookbook-header-text);\n}"],"names":[],"version":3,"file":"indigo.css.map"}
|
1
|
+
{"mappings":"AAAA","sources":["app/assets/lookbook/css/themes/indigo.css"],"sourcesContent":[":root {\n --lookbook-white: theme(\"colors.white\");\n --lookbook-accent-50: theme(\"colors.indigo.50\");\n --lookbook-accent-100: theme(\"colors.indigo.100\");\n --lookbook-accent-200: theme(\"colors.indigo.200\");\n --lookbook-accent-300: theme(\"colors.indigo.300\");\n --lookbook-accent-400: theme(\"colors.indigo.400\");\n --lookbook-accent-500: theme(\"colors.indigo.500\");\n --lookbook-accent-600: theme(\"colors.indigo.600\");\n --lookbook-accent-700: theme(\"colors.indigo.700\");\n --lookbook-accent-800: theme(\"colors.indigo.800\");\n --lookbook-accent-900: theme(\"colors.indigo.900\");\n --lookbook-base-50: theme(\"colors.zinc.50\");\n --lookbook-base-100: theme(\"colors.zinc.100\");\n --lookbook-base-200: theme(\"colors.zinc.200\");\n --lookbook-base-300: theme(\"colors.zinc.300\");\n --lookbook-base-400: theme(\"colors.zinc.400\");\n --lookbook-base-500: theme(\"colors.zinc.500\");\n --lookbook-base-600: theme(\"colors.zinc.600\");\n --lookbook-base-700: theme(\"colors.zinc.700\");\n --lookbook-base-800: theme(\"colors.zinc.800\");\n --lookbook-base-900: theme(\"colors.zinc.900\");\n --lookbook-text: var(--lookbook-base-800);\n --lookbook-divider: var(--lookbook-base-300);\n --lookbook-draggable-hint: rgb(224 231 255 / 0.2);\n --lookbook-icon-button-stroke: var(--lookbook-base-400);\n --lookbook-icon-button-stroke-hover: var(--lookbook-accent-600);\n --lookbook-button-bg: var(--lookbook-accent-500);\n --lookbook-button-bg-hover: var(--lookbook-accent-600);\n --lookbook-button-text: var(--lookbook-white);\n --lookbook-tooltip-bg: var(--lookbook-accent-500);\n --lookbook-tooltip-text: var(--lookbook-white);\n --lookbook-dropdown-bg: var(--lookbook-toolbar-bg);\n --lookbook-dropdown-text: var(--lookbook-text);\n --lookbook-dropdown-divider: var(--lookbook-divider);\n --lookbook-scrollbar: var(--lookbook-base-200);\n --lookbook-scrollbar-hover: var(--lookbook-base-300);\n --lookbook-toolbar-bg: var(--lookbook-white);\n --lookbook-toolbar-divider: var(--lookbook-divider);\n --lookbook-nav-text: var(--lookbook-text);\n --lookbook-nav-toggle: var(--lookbook-base-500);\n --lookbook-nav-icon-stroke: var(--lookbook-accent-500);\n --lookbook-nav-item-hover: var(--lookbook-base-100);\n --lookbook-nav-item-active: var(--lookbook-accent-50);\n --lookbook-input-bg: var(--lookbook-white);\n --lookbook-input-border: var(--lookbook-base-300);\n --lookbook-input-border-focus: var(--lookbook-accent-200);\n --lookbook-input-text: var(--lookbook-base-600);\n --lookbook-input-text-placeholder: var(--lookbook-base-400);\n --lookbook-input-toggle: var(--lookbook-base-300);\n --lookbook-input-toggle-active: var(--lookbook-accent-500);\n --lookbook-prose-bg: var(--lookbook-white);\n --lookbook-prose-text: var(--lookbook-base-600);\n --lookbook-prose-link: var(--lookbook-accent-900);\n --lookbook-tabs-text: var(--lookbook-base-500);\n --lookbook-tabs-text-hover: var(--lookbook-base-700);\n --lookbook-tabs-text-disabled: var(--lookbook-base-300);\n --lookbook-tabs-border-active: var(--lookbook-accent-400);\n --lookbook-viewport-handle: var(--lookbook-white);\n --lookbook-viewport-handle-hover: var(--lookbook-draggable-hint);\n --lookbook-viewport-handle-icon-stroke: var(--lookbook-base-300);\n --lookbook-viewport-handle-icon-stroke-hover: var(--lookbook-base-700);\n --lookbook-sidebar-bg: var(--lookbook-base-50);\n --lookbook-page-bg: var(--lookbook-white);\n --lookbook-drawer-bg: var(--lookbook-base-50);\n --lookbook-params-editor-bg: var(--lookbook-white);\n --lookbook-header-bg: var(--lookbook-accent-600);\n --lookbook-header-text: var(--lookbook-white);\n --lookbook-header-border: var(--lookbook-accent-700);\n --lookbook-blank-slate-title: var(--lookbook-accent-600);\n --lookbook-embed-title: var(--lookbook-text);\n --lookbook-branding-text: var(--lookbook-header-text);\n}"],"names":[],"version":3,"file":"indigo.css.map"}
|
@@ -25,8 +25,14 @@
|
|
25
25
|
--lookbook-draggable-hint: #e0e7ff33;
|
26
26
|
--lookbook-icon-button-stroke: var(--lookbook-base-400);
|
27
27
|
--lookbook-icon-button-stroke-hover: var(--lookbook-accent-600);
|
28
|
+
--lookbook-button-bg: var(--lookbook-accent-500);
|
29
|
+
--lookbook-button-bg-hover: var(--lookbook-accent-600);
|
30
|
+
--lookbook-button-text: var(--lookbook-white);
|
28
31
|
--lookbook-tooltip-bg: var(--lookbook-accent-500);
|
29
32
|
--lookbook-tooltip-text: var(--lookbook-white);
|
33
|
+
--lookbook-dropdown-bg: var(--lookbook-toolbar-bg);
|
34
|
+
--lookbook-dropdown-text: var(--lookbook-text);
|
35
|
+
--lookbook-dropdown-divider: var(--lookbook-divider);
|
30
36
|
--lookbook-scrollbar: var(--lookbook-base-200);
|
31
37
|
--lookbook-scrollbar-hover: var(--lookbook-base-300);
|
32
38
|
--lookbook-toolbar-bg: var(--lookbook-white);
|
@@ -62,6 +68,7 @@
|
|
62
68
|
--lookbook-header-text: var(--lookbook-white);
|
63
69
|
--lookbook-header-border: var(--lookbook-accent-700);
|
64
70
|
--lookbook-blank-slate-title: var(--lookbook-accent-600);
|
71
|
+
--lookbook-embed-title: var(--lookbook-text);
|
65
72
|
--lookbook-branding-text: var(--lookbook-header-text);
|
66
73
|
}
|
67
74
|
|