lookbook 1.0.0.beta.5 → 1.0.0.beta.8

Sign up to get free protection for your applications and to get access to all the features.
Files changed (78) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +29 -254
  3. data/app/assets/lookbook/css/lookbook.css +1 -1
  4. data/app/assets/lookbook/css/themes/blue.css +58 -37
  5. data/app/assets/lookbook/css/themes/indigo.css +58 -37
  6. data/app/assets/lookbook/css/themes/zinc.css +58 -37
  7. data/app/assets/lookbook/css/tooltip.css +5 -5
  8. data/app/components/lookbook/base_component.rb +0 -1
  9. data/app/components/lookbook/button/component.html.erb +2 -2
  10. data/app/components/lookbook/embed/component.html.erb +5 -5
  11. data/app/components/lookbook/embed/component.rb +8 -0
  12. data/app/components/lookbook/filter/component.html.erb +1 -1
  13. data/app/components/lookbook/header/component.html.erb +1 -1
  14. data/app/components/lookbook/inspector_panel/component.css +5 -0
  15. data/app/components/lookbook/inspector_panel/component.html.erb +6 -0
  16. data/app/components/lookbook/inspector_panel/component.rb +36 -0
  17. data/app/components/lookbook/nav/component.rb +1 -2
  18. data/app/components/lookbook/nav/item/component.html.erb +1 -1
  19. data/app/components/lookbook/params_editor/field/component.rb +2 -1
  20. data/app/components/lookbook/prose/component.html.erb +1 -1
  21. data/app/components/lookbook/tab_panels/component.rb +1 -1
  22. data/app/components/lookbook/tab_panels/panel/component.rb +2 -2
  23. data/app/components/lookbook/tabs/dropdown_tab/component.html.erb +1 -1
  24. data/app/components/lookbook/tabs/tab/component.html.erb +1 -1
  25. data/app/components/lookbook/tag_component.rb +1 -1
  26. data/app/components/lookbook/toolbar/component.html.erb +1 -1
  27. data/app/components/lookbook/viewport/component.css +1 -1
  28. data/app/components/lookbook/viewport/component.html.erb +1 -1
  29. data/app/controllers/lookbook/application_controller.rb +1 -1
  30. data/app/controllers/lookbook/pages_controller.rb +1 -0
  31. data/app/controllers/lookbook/previews_controller.rb +21 -9
  32. data/app/helpers/lookbook/application_helper.rb +9 -6
  33. data/app/helpers/lookbook/preview_helper.rb +2 -3
  34. data/app/views/layouts/lookbook/application.html.erb +1 -1
  35. data/app/views/layouts/lookbook/page.html.erb +2 -2
  36. data/app/views/layouts/lookbook/shell.html.erb +6 -0
  37. data/app/views/layouts/lookbook/skeleton.html.erb +15 -14
  38. data/app/views/lookbook/previews/panels/_content.html.erb +1 -1
  39. data/app/views/lookbook/previews/panels/_notes.html.erb +2 -2
  40. data/app/views/lookbook/previews/panels/_params.html.erb +1 -1
  41. data/app/views/lookbook/previews/show.html.erb +7 -5
  42. data/lib/lookbook/code_formatter.rb +1 -1
  43. data/lib/lookbook/collection.rb +1 -1
  44. data/lib/lookbook/component.rb +2 -3
  45. data/lib/lookbook/config.rb +68 -46
  46. data/lib/lookbook/data.rb +11 -0
  47. data/lib/lookbook/engine.rb +64 -68
  48. data/lib/lookbook/entity.rb +1 -1
  49. data/lib/lookbook/hooks.rb +21 -0
  50. data/lib/lookbook/markdown.rb +1 -1
  51. data/lib/lookbook/page.rb +4 -5
  52. data/lib/lookbook/page_section.rb +2 -4
  53. data/lib/lookbook/panels.rb +15 -0
  54. data/lib/lookbook/params.rb +12 -0
  55. data/lib/lookbook/parser.rb +4 -1
  56. data/lib/lookbook/preview.rb +9 -11
  57. data/lib/lookbook/preview_example.rb +1 -1
  58. data/lib/lookbook/preview_group.rb +8 -0
  59. data/lib/lookbook/source_inspector.rb +9 -0
  60. data/lib/lookbook/store.rb +14 -2
  61. data/lib/lookbook/tag.rb +112 -0
  62. data/lib/lookbook/tags.rb +22 -0
  63. data/lib/lookbook/theme.rb +38 -9
  64. data/lib/lookbook/version.rb +1 -1
  65. data/lib/lookbook.rb +1 -0
  66. data/lib/tasks/lookbook_tasks.rake +1 -2
  67. data/public/lookbook-assets/css/lookbook.css +307 -150
  68. data/public/lookbook-assets/css/lookbook.css.map +1 -1
  69. data/public/lookbook-assets/css/themes/blue.css +57 -36
  70. data/public/lookbook-assets/css/themes/blue.css.map +1 -1
  71. data/public/lookbook-assets/css/themes/indigo.css +57 -36
  72. data/public/lookbook-assets/css/themes/indigo.css.map +1 -1
  73. data/public/lookbook-assets/css/themes/zinc.css +57 -36
  74. data/public/lookbook-assets/css/themes/zinc.css.map +1 -1
  75. data/public/lookbook-assets/js/embed.js +193 -193
  76. data/public/lookbook-assets/js/lookbook.js +1151 -1308
  77. data/public/lookbook-assets/js/lookbook.js.map +1 -1
  78. metadata +12 -4
@@ -1 +1 @@
1
- {"mappings":"AAKE;;;;;AAOD;;;;AAQC;;;;;;;AASA;;;;;AAOA;;;;;;AAMA;;;;AAIA;;;;;AAUA;;;;;AAKA;;;;AAMA;;;;;AAQA;;;;AAIA;;;;;;;AAMD;;;;AAEA;;;;AAMC;;;;;;AAQA;;;;;;;;;AAaA;;;;AAMA;;;;;;AASA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAMA;;;;;AAKA;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAcD;;;;;AAGA;;;;AAEA;;;;;;AAQC;;;;AAKA;;;;;AAMA;;;;AAKA;;;;AAMA;;;;;AAYA;;;;;AAMA;;;;AAED;;;;;;;;;;;;AAaA;;;;;;;;;;;;;AAWA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;;;;;AAOA;;;;;;;;;AAOA;;;;;;;;;;;;;;;;;;;AAgBA;;;;AAEA;;;;AAEA;;;;;;;;;;;;AAUA;;;;;;;;AAMA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;;;;;AAOA;;;;;AAGA;;;;;;;;;;AAQA;;;;AAEA;;;;;AAGA;EACG;;;;;AAGD;;;;;;;;;;AAQF;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;;;;;;AAOA;;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA;;;;;AAGA;;;;;;;;AAMA;;;;;;AAIA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;;;;AAKA;;;;;;;;;;;;AAUA;;;;AAEA;;;;AAEA;;;;;;;;;AAOA;;;;AAEA;;;;;;;;;AAOA;;;;AAEA;;;;;;;;;AAOA;;;;AAEA;;;;;;;;AAMA;;;;AAEA;;;;;AAGA;;;;;;;AAKA;;;;;;AAIA;;;;AAIA;;;;AAEA;;;;;;;;;;;;;AAcA;;;;;;;;;;;;AAUA;;;;AAIA;;;;;;;;;;AAQA;;;;;AAGA;;;;;;;;;AAOA;;;;;AAGA;;;;AAEA;;;;;AAMA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;;;AAKA;;;;;;AAIA;;;;;;;AAKA;;;;;;;AAKA;;;;;;;AAKA;;;;;;AAIA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;;AAIA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;;;;AAUA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;;AAIA;;;;AAEA;;;;AAEA;;;;AAKA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;;;AAKA;;;;;;AAIA;;;;;;;AAKA;;;;;;;AAKA;;;;;;;AAKA;;;;;;AAIA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;;AAIA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;;;;AAUA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;;AAIA;;;;AAEA;;;;AAEA;;;;AAKA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;;;AAKM;;;;;AAMA;;;;AAIA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;;AAIA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAUA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;;AAMA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAQA;;;;AAgBA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAMA;;;;AAEA;;;;;AAGA;;;;;;;;AAMN;;;;;AAGI;;;;;;;AAKc;;;;AAElB;;;;;;;;AAMM;;;;;;;;;;;;;;;;;AAcA;;;;;;;;AAMA;;;;;AAGN;;;;;AAGgC;;;;AAEhC;;;;;AAGA;;;;;;;;;AAOA;;;;;;;;;;AAQA;;;;;;AAIA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;;;;;AAMA;;;;;AAGI;;;;;;;AAKJ;;;;;AAGE;;;;;;;;;;AAQF;;;;;AAGA;;;;;;;;;;AAOA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;;AAGA;;;;;;;;AAMA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAKA;;;;AAKA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;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;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;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;;;;;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;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;AAIA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;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;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;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;;;;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;;;;AAEF;;;;;AAGA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;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 .form-input {\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;\n }\n}\n"],"names":[],"version":3,"file":"lookbook.css.map"}
1
+ {"mappings":"AAKE;;;;;AAOD;;;;AAQC;;;;;;;AASA;;;;;AAOA;;;;;;AAMA;;;;AAIA;;;;;AAUA;;;;;AAKA;;;;AAMA;;;;;AAQA;;;;AAIA;;;;;;;AAMD;;;;AAEA;;;;AAMC;;;;;;AAQA;;;;;;;;;;AAcA;;;;AAMA;;;;;;AASA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAMA;;;;;AAKA;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAcD;;;;;AAGA;;;;AAEA;;;;;;AAQC;;;;AAKA;;;;;AAMA;;;;AAKA;;;;AAMA;;;;;AAYA;;;;;AAID;;;;;;;;;;;;AAaA;;;;;;;;;;;;;AAWA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;;;;;AAOA;;;;;;;;;AAOA;;;;;;;;;;;;;;;;;;AAgBA;;;;AAEA;;;;AAEA;;;;;;;;;;;;AAUA;;;;;;;;AAMA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;;;;;AAOA;;;;;AAGA;;;;;;;;;;AAQA;;;;AAEA;;;;;AAGA;EACG;;;;;AAGD;;;;;;;;;;AAQF;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;;;;;;AAOA;;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0FA;;;;;AAGA;;;;;;;;AAMA;;;;;;AAIA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;;AAKA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;;AAKA;;;;;AAGA;;;;AAEA;;;;;;;AAKA;;;;;;;;;;;;AAUA;;;;AAEA;;;;AAEA;;;;;;;;;AAOA;;;;;AAGA;;;;;;;;;AAOA;;;;;AAGA;;;;;;;;;AAOA;;;;;AAGA;;;;;;;;AAMA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;;;AAKA;;;;;;AAIA;;;;AAIA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;;;;;;;;AAcA;;;;;;;;;;;;AAUA;;;;AAIA;;;;;;;;;;AAQA;;;;;AAGA;;;;;;;;;AAOA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAKA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;;;AAKA;;;;;;AAIA;;;;;;;AAKA;;;;;;;AAKA;;;;;;;AAKA;;;;;;AAIA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;;AAIA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;;;;AAUA;;;;;;AAIA;;;;;;AAIA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;;AAIA;;;;AAEA;;;;AAEA;;;;AAKA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;;;AAKA;;;;;;AAIA;;;;;;;AAKA;;;;;;;AAKA;;;;;;;AAKA;;;;;;AAIA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;;AAIA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;;;;AAUA;;;;;;AAIA;;;;;;AAIA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;;AAIA;;;;AAEA;;;;AAEA;;;;AAKA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;;;AAKM;;;;;AAMA;;;;AAIA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;;AAIA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAUA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;;AAMA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAQA;;;;AAgBA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAMA;;;;AAEA;;;;;AAGA;;;;;;;;AAMN;;;;;AAGI;;;;;;;AAKc;;;;AAElB;;;;;;;;AAMM;;;;;;;;;;;;;;;;AAcA;;;;;;;;AAMA;;;;;AAGN;;;;;AAGgC;;;;AAEhC;;;;;AAGA;;;;;;;;;AAOA;;;;;;;;;;AAQA;;;;;AAGA;;;;;;AAIA;;;;;AAIA;;;;;AAGA;;;;AAEA;;;;;;;;AAMA;;;;;AAGI;;;;;;;AAKJ;;;;;AAGE;;;;;;;;;;AAQF;;;;;AAGA;;;;;;;;;AAOA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;;AAGA;;;;;;;;AAMA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAKA;;;;AAKA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;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;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;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;;;;;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;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;AAIA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;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;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;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;;;;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;;;;AAEF;;;;;AAGA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;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 .form-input {\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;\n }\n}\n"],"names":[],"version":3,"file":"lookbook.css.map"}
@@ -1,42 +1,63 @@
1
1
  :root {
2
- --lookbook-text: #27272a;
3
- --lookbook-divider: #d4d4d8;
4
- --lookbook-button-text: #a1a1aa;
5
- --lookbook-button-text-hover: #2563eb;
6
- --lookbook-tooltip: #3b82f6;
7
- --lookbook-tooltip-text: #fff;
8
- --lookbook-scrollbar: #e4e4e7;
9
- --lookbook-scrollbar-hover: #d4d4d8;
10
- --lookbook-toolbar: #fff;
2
+ --lookbook-white: #fff;
3
+ --lookbook-accent-50: #eff6ff;
4
+ --lookbook-accent-100: #dbeafe;
5
+ --lookbook-accent-200: #bfdbfe;
6
+ --lookbook-accent-300: #93c5fd;
7
+ --lookbook-accent-400: #60a5fa;
8
+ --lookbook-accent-500: #3b82f6;
9
+ --lookbook-accent-600: #2563eb;
10
+ --lookbook-accent-700: #1d4ed8;
11
+ --lookbook-accent-800: #1e40af;
12
+ --lookbook-accent-900: #1e3a8a;
13
+ --lookbook-base-50: #fafafa;
14
+ --lookbook-base-100: #f4f4f5;
15
+ --lookbook-base-200: #e4e4e7;
16
+ --lookbook-base-300: #d4d4d8;
17
+ --lookbook-base-400: #a1a1aa;
18
+ --lookbook-base-500: #71717a;
19
+ --lookbook-base-600: #52525b;
20
+ --lookbook-base-700: #3f3f46;
21
+ --lookbook-base-800: #27272a;
22
+ --lookbook-base-900: #18181b;
23
+ --lookbook-text: var(--lookbook-base-800);
24
+ --lookbook-divider: var(--lookbook-base-300);
25
+ --lookbook-icon-button-stroke: var(--lookbook-base-400);
26
+ --lookbook-icon-button-stroke-hover: var(--lookbook-accent-600);
27
+ --lookbook-tooltip-bg: var(--lookbook-accent-500);
28
+ --lookbook-tooltip-text: var(--lookbook-white);
29
+ --lookbook-scrollbar: var(--lookbook-base-200);
30
+ --lookbook-scrollbar-hover: var(--lookbook-base-300);
31
+ --lookbook-toolbar-bg: var(--lookbook-white);
11
32
  --lookbook-toolbar-divider: var(--lookbook-divider);
12
33
  --lookbook-nav-text: var(--lookbook-text);
13
- --lookbook-nav-toggle: #71717a;
14
- --lookbook-nav-icon: #3b82f6;
15
- --lookbook-nav-item-hover: #f4f4f5;
16
- --lookbook-nav-item-active: #eff6ff;
17
- --lookbook-input: #fff;
18
- --lookbook-input-border: #d4d4d8;
19
- --lookbook-input-border-focus: #bfdbfe;
20
- --lookbook-input-text: #52525b;
21
- --lookbook-input-text-placeholder: #a1a1aa;
22
- --lookbook-input-toggle: #d4d4d8;
23
- --lookbook-input-toggle-active: #3b82f6;
24
- --lookbook-prose: #fff;
25
- --lookbook-prose-text: #52525b;
26
- --lookbook-prose-link: #1e3a8a;
27
- --lookbook-tabs-text: #71717a;
28
- --lookbook-tabs-text-hover: #3f3f46;
29
- --lookbook-tabs-text-disabled: #d4d4d8;
30
- --lookbook-tabs-highlight: #60a5fa;
31
- --lookbook-viewport-handle: #fff;
32
- --lookbook-viewport-handle-icon: #d4d4d8;
33
- --lookbook-viewport-handle-icon-hover: #3f3f46;
34
- --lookbook-sidebar: #fafafa;
35
- --lookbook-page: #fff;
36
- --lookbook-drawer: #fafafa;
37
- --lookbook-header: #2563eb;
38
- --lookbook-header-text: #fff;
39
- --lookbook-header-border: #1d4ed8;
34
+ --lookbook-nav-toggle: var(--lookbook-base-500);
35
+ --lookbook-nav-icon-stroke: var(--lookbook-accent-500);
36
+ --lookbook-nav-item-hover: var(--lookbook-base-100);
37
+ --lookbook-nav-item-active: var(--lookbook-accent-50);
38
+ --lookbook-input-bg: var(--lookbook-white);
39
+ --lookbook-input-border: var(--lookbook-base-300);
40
+ --lookbook-input-border-focus: var(--lookbook-accent-200);
41
+ --lookbook-input-text: var(--lookbook-base-600);
42
+ --lookbook-input-text-placeholder: var(--lookbook-base-400);
43
+ --lookbook-input-toggle: var(--lookbook-base-300);
44
+ --lookbook-input-toggle-active: var(--lookbook-accent-500);
45
+ --lookbook-prose-bg: var(--lookbook-white);
46
+ --lookbook-prose-text: var(--lookbook-base-600);
47
+ --lookbook-prose-link: var(--lookbook-accent-900);
48
+ --lookbook-tabs-text: var(--lookbook-base-500);
49
+ --lookbook-tabs-text-hover: var(--lookbook-base-700);
50
+ --lookbook-tabs-text-disabled: var(--lookbook-base-300);
51
+ --lookbook-tabs-border-active: var(--lookbook-accent-400);
52
+ --lookbook-viewport-handle: var(--lookbook-white);
53
+ --lookbook-viewport-handle-icon-stroke: var(--lookbook-base-300);
54
+ --lookbook-viewport-handle-icon-stroke-hover: var(--lookbook-base-700);
55
+ --lookbook-sidebar-bg: var(--lookbook-base-50);
56
+ --lookbook-page-bg: var(--lookbook-white);
57
+ --lookbook-drawer-bg: var(--lookbook-base-50);
58
+ --lookbook-header-bg: var(--lookbook-accent-600);
59
+ --lookbook-header-text: var(--lookbook-white);
60
+ --lookbook-header-border: var(--lookbook-accent-700);
40
61
  --lookbook-branding-text: var(--lookbook-header-text);
41
62
  --lookbook-draggable-hint: #e0e7ff33;
42
63
  }
@@ -1 +1 @@
1
- {"mappings":"AAAA","sources":["app/assets/lookbook/css/themes/blue.css"],"sourcesContent":[":root {\n --lookbook-text: theme(\"colors.zinc.800\");\n --lookbook-divider: theme(\"colors.zinc.300\");\n --lookbook-button-text: theme(\"colors.zinc.400\");\n --lookbook-button-text-hover: theme(\"colors.blue.600\");\n --lookbook-tooltip: theme(\"colors.blue.500\");\n --lookbook-tooltip-text: theme(\"colors.white\");\n --lookbook-scrollbar: theme(\"colors.zinc.200\");\n --lookbook-scrollbar-hover: theme(\"colors.zinc.300\");\n --lookbook-toolbar: theme(\"colors.white\");\n --lookbook-toolbar-divider: var(--lookbook-divider);\n --lookbook-nav-text: var(--lookbook-text);\n --lookbook-nav-toggle: theme(\"colors.zinc.500\");\n --lookbook-nav-icon: theme(\"colors.blue.500\");\n --lookbook-nav-item-hover: theme(\"colors.zinc.100\");\n --lookbook-nav-item-active: theme(\"colors.blue.50\");\n --lookbook-input: theme(\"colors.white\");\n --lookbook-input-border: theme(\"colors.zinc.300\");\n --lookbook-input-border-focus: theme(\"colors.blue.200\");\n --lookbook-input-text: theme(\"colors.zinc.600\");\n --lookbook-input-text-placeholder: theme(\"colors.zinc.400\");\n --lookbook-input-toggle: theme(\"colors.zinc.300\");\n --lookbook-input-toggle-active: theme(\"colors.blue.500\");\n --lookbook-prose: theme(\"colors.white\");\n --lookbook-prose-text: theme(\"colors.zinc.600\");\n --lookbook-prose-link: theme(\"colors.blue.900\");\n --lookbook-tabs-text: theme(\"colors.zinc.500\");\n --lookbook-tabs-text-hover: theme(\"colors.zinc.700\");\n --lookbook-tabs-text-disabled: theme(\"colors.zinc.300\");\n --lookbook-tabs-highlight: theme(\"colors.blue.400\");\n --lookbook-viewport-handle: theme(\"colors.white\");\n --lookbook-viewport-handle-icon: theme(\"colors.zinc.300\");\n --lookbook-viewport-handle-icon-hover: theme(\"colors.zinc.700\");\n --lookbook-sidebar: theme(\"colors.zinc.50\");\n --lookbook-page: theme(\"colors.white\");\n --lookbook-drawer: theme(\"colors.zinc.50\");\n --lookbook-header: theme(\"colors.blue.600\");\n --lookbook-header-text: theme(\"colors.white\");\n --lookbook-header-border: theme(\"colors.blue.700\");\n --lookbook-branding-text: var(--lookbook-header-text);\n --lookbook-draggable-hint: rgb(224 231 255 / 0.2);\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-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-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-header-bg: var(--lookbook-accent-600);\n --lookbook-header-text: var(--lookbook-white);\n --lookbook-header-border: var(--lookbook-accent-700);\n --lookbook-branding-text: var(--lookbook-header-text);\n --lookbook-draggable-hint: rgb(224 231 255 / 0.2);\n}\n"],"names":[],"version":3,"file":"blue.css.map"}
@@ -1,42 +1,63 @@
1
1
  :root {
2
- --lookbook-text: #27272a;
3
- --lookbook-divider: #d4d4d8;
4
- --lookbook-button-text: #a1a1aa;
5
- --lookbook-button-text-hover: #4f46e5;
6
- --lookbook-tooltip: #6366f1;
7
- --lookbook-tooltip-text: #fff;
8
- --lookbook-scrollbar: #e4e4e7;
9
- --lookbook-scrollbar-hover: #d4d4d8;
10
- --lookbook-toolbar: #fff;
2
+ --lookbook-white: #fff;
3
+ --lookbook-accent-50: #eef2ff;
4
+ --lookbook-accent-100: #e0e7ff;
5
+ --lookbook-accent-200: #c7d2fe;
6
+ --lookbook-accent-300: #a5b4fc;
7
+ --lookbook-accent-400: #818cf8;
8
+ --lookbook-accent-500: #6366f1;
9
+ --lookbook-accent-600: #4f46e5;
10
+ --lookbook-accent-700: #4338ca;
11
+ --lookbook-accent-800: #3730a3;
12
+ --lookbook-accent-900: #312e81;
13
+ --lookbook-base-50: #fafafa;
14
+ --lookbook-base-100: #f4f4f5;
15
+ --lookbook-base-200: #e4e4e7;
16
+ --lookbook-base-300: #d4d4d8;
17
+ --lookbook-base-400: #a1a1aa;
18
+ --lookbook-base-500: #71717a;
19
+ --lookbook-base-600: #52525b;
20
+ --lookbook-base-700: #3f3f46;
21
+ --lookbook-base-800: #27272a;
22
+ --lookbook-base-900: #18181b;
23
+ --lookbook-text: var(--lookbook-base-800);
24
+ --lookbook-divider: var(--lookbook-base-300);
25
+ --lookbook-icon-button-stroke: var(--lookbook-base-400);
26
+ --lookbook-icon-button-stroke-hover: var(--lookbook-accent-600);
27
+ --lookbook-tooltip-bg: var(--lookbook-accent-500);
28
+ --lookbook-tooltip-text: var(--lookbook-white);
29
+ --lookbook-scrollbar: var(--lookbook-base-200);
30
+ --lookbook-scrollbar-hover: var(--lookbook-base-300);
31
+ --lookbook-toolbar-bg: var(--lookbook-white);
11
32
  --lookbook-toolbar-divider: var(--lookbook-divider);
12
33
  --lookbook-nav-text: var(--lookbook-text);
13
- --lookbook-nav-toggle: #71717a;
14
- --lookbook-nav-icon: #6366f1;
15
- --lookbook-nav-item-hover: #f4f4f5;
16
- --lookbook-nav-item-active: #eef2ff;
17
- --lookbook-input: #fff;
18
- --lookbook-input-border: #d4d4d8;
19
- --lookbook-input-border-focus: #c7d2fe;
20
- --lookbook-input-text: #52525b;
21
- --lookbook-input-text-placeholder: #a1a1aa;
22
- --lookbook-input-toggle: #d4d4d8;
23
- --lookbook-input-toggle-active: #6366f1;
24
- --lookbook-prose: #fff;
25
- --lookbook-prose-text: #52525b;
26
- --lookbook-prose-link: #312e81;
27
- --lookbook-tabs-text: #71717a;
28
- --lookbook-tabs-text-hover: #3f3f46;
29
- --lookbook-tabs-text-disabled: #d4d4d8;
30
- --lookbook-tabs-highlight: #818cf8;
31
- --lookbook-viewport-handle: #fff;
32
- --lookbook-viewport-handle-icon: #d4d4d8;
33
- --lookbook-viewport-handle-icon-hover: #3f3f46;
34
- --lookbook-sidebar: #fafafa;
35
- --lookbook-page: #fff;
36
- --lookbook-drawer: #fafafa;
37
- --lookbook-header: #4f46e5;
38
- --lookbook-header-text: #fff;
39
- --lookbook-header-border: #4338ca;
34
+ --lookbook-nav-toggle: var(--lookbook-base-500);
35
+ --lookbook-nav-icon-stroke: var(--lookbook-accent-500);
36
+ --lookbook-nav-item-hover: var(--lookbook-base-100);
37
+ --lookbook-nav-item-active: var(--lookbook-accent-50);
38
+ --lookbook-input-bg: var(--lookbook-white);
39
+ --lookbook-input-border: var(--lookbook-base-300);
40
+ --lookbook-input-border-focus: var(--lookbook-accent-200);
41
+ --lookbook-input-text: var(--lookbook-base-600);
42
+ --lookbook-input-text-placeholder: var(--lookbook-base-400);
43
+ --lookbook-input-toggle: var(--lookbook-base-300);
44
+ --lookbook-input-toggle-active: var(--lookbook-accent-500);
45
+ --lookbook-prose-bg: var(--lookbook-white);
46
+ --lookbook-prose-text: var(--lookbook-base-600);
47
+ --lookbook-prose-link: var(--lookbook-accent-900);
48
+ --lookbook-tabs-text: var(--lookbook-base-500);
49
+ --lookbook-tabs-text-hover: var(--lookbook-base-700);
50
+ --lookbook-tabs-text-disabled: var(--lookbook-base-300);
51
+ --lookbook-tabs-border-active: var(--lookbook-accent-400);
52
+ --lookbook-viewport-handle: var(--lookbook-white);
53
+ --lookbook-viewport-handle-icon-stroke: var(--lookbook-base-300);
54
+ --lookbook-viewport-handle-icon-stroke-hover: var(--lookbook-base-700);
55
+ --lookbook-sidebar-bg: var(--lookbook-base-50);
56
+ --lookbook-page-bg: var(--lookbook-white);
57
+ --lookbook-drawer-bg: var(--lookbook-base-50);
58
+ --lookbook-header-bg: var(--lookbook-accent-600);
59
+ --lookbook-header-text: var(--lookbook-white);
60
+ --lookbook-header-border: var(--lookbook-accent-700);
40
61
  --lookbook-branding-text: var(--lookbook-header-text);
41
62
  --lookbook-draggable-hint: #e0e7ff33;
42
63
  }
@@ -1 +1 @@
1
- {"mappings":"AAAA","sources":["app/assets/lookbook/css/themes/indigo.css"],"sourcesContent":[":root {\n --lookbook-text: theme(\"colors.zinc.800\");\n --lookbook-divider: theme(\"colors.zinc.300\");\n --lookbook-button-text: theme(\"colors.zinc.400\");\n --lookbook-button-text-hover: theme(\"colors.indigo.600\");\n --lookbook-tooltip: theme(\"colors.indigo.500\");\n --lookbook-tooltip-text: theme(\"colors.white\");\n --lookbook-scrollbar: theme(\"colors.zinc.200\");\n --lookbook-scrollbar-hover: theme(\"colors.zinc.300\");\n --lookbook-toolbar: theme(\"colors.white\");\n --lookbook-toolbar-divider: var(--lookbook-divider);\n --lookbook-nav-text: var(--lookbook-text);\n --lookbook-nav-toggle: theme(\"colors.zinc.500\");\n --lookbook-nav-icon: theme(\"colors.indigo.500\");\n --lookbook-nav-item-hover: theme(\"colors.zinc.100\");\n --lookbook-nav-item-active: theme(\"colors.indigo.50\");\n --lookbook-input: theme(\"colors.white\");\n --lookbook-input-border: theme(\"colors.zinc.300\");\n --lookbook-input-border-focus: theme(\"colors.indigo.200\");\n --lookbook-input-text: theme(\"colors.zinc.600\");\n --lookbook-input-text-placeholder: theme(\"colors.zinc.400\");\n --lookbook-input-toggle: theme(\"colors.zinc.300\");\n --lookbook-input-toggle-active: theme(\"colors.indigo.500\");\n --lookbook-prose: theme(\"colors.white\");\n --lookbook-prose-text: theme(\"colors.zinc.600\");\n --lookbook-prose-link: theme(\"colors.indigo.900\");\n --lookbook-tabs-text: theme(\"colors.zinc.500\");\n --lookbook-tabs-text-hover: theme(\"colors.zinc.700\");\n --lookbook-tabs-text-disabled: theme(\"colors.zinc.300\");\n --lookbook-tabs-highlight: theme(\"colors.indigo.400\");\n --lookbook-viewport-handle: theme(\"colors.white\");\n --lookbook-viewport-handle-icon: theme(\"colors.zinc.300\");\n --lookbook-viewport-handle-icon-hover: theme(\"colors.zinc.700\");\n --lookbook-sidebar: theme(\"colors.zinc.50\");\n --lookbook-page: theme(\"colors.white\");\n --lookbook-drawer: theme(\"colors.zinc.50\");\n --lookbook-header: theme(\"colors.indigo.600\");\n --lookbook-header-text: theme(\"colors.white\");\n --lookbook-header-border: theme(\"colors.indigo.700\");\n --lookbook-branding-text: var(--lookbook-header-text);\n --lookbook-draggable-hint: rgb(224 231 255 / 0.2);\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-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-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-header-bg: var(--lookbook-accent-600);\n --lookbook-header-text: var(--lookbook-white);\n --lookbook-header-border: var(--lookbook-accent-700);\n --lookbook-branding-text: var(--lookbook-header-text);\n --lookbook-draggable-hint: rgb(224 231 255 / 0.2);\n}\n"],"names":[],"version":3,"file":"indigo.css.map"}
@@ -1,42 +1,63 @@
1
1
  :root {
2
- --lookbook-text: #27272a;
3
- --lookbook-divider: #d4d4d8;
4
- --lookbook-button-text: #a1a1aa;
5
- --lookbook-button-text-hover: #52525b;
6
- --lookbook-tooltip: #71717a;
7
- --lookbook-tooltip-text: #fff;
8
- --lookbook-scrollbar: #e4e4e7;
9
- --lookbook-scrollbar-hover: #d4d4d8;
10
- --lookbook-toolbar: #fff;
2
+ --lookbook-white: #fff;
3
+ --lookbook-accent-50: #fafafa;
4
+ --lookbook-accent-100: #f4f4f5;
5
+ --lookbook-accent-200: #e4e4e7;
6
+ --lookbook-accent-300: #d4d4d8;
7
+ --lookbook-accent-400: #a1a1aa;
8
+ --lookbook-accent-500: #71717a;
9
+ --lookbook-accent-600: #52525b;
10
+ --lookbook-accent-700: #3f3f46;
11
+ --lookbook-accent-800: #27272a;
12
+ --lookbook-accent-900: #18181b;
13
+ --lookbook-base-50: #fafafa;
14
+ --lookbook-base-100: #f4f4f5;
15
+ --lookbook-base-200: #e4e4e7;
16
+ --lookbook-base-300: #d4d4d8;
17
+ --lookbook-base-400: #a1a1aa;
18
+ --lookbook-base-500: #71717a;
19
+ --lookbook-base-600: #52525b;
20
+ --lookbook-base-700: #3f3f46;
21
+ --lookbook-base-800: #27272a;
22
+ --lookbook-base-900: #18181b;
23
+ --lookbook-text: var(--lookbook-base-800);
24
+ --lookbook-divider: var(--lookbook-base-300);
25
+ --lookbook-icon-button-stroke: var(--lookbook-base-400);
26
+ --lookbook-icon-button-stroke-hover: var(--lookbook-accent-600);
27
+ --lookbook-tooltip-bg: var(--lookbook-accent-500);
28
+ --lookbook-tooltip-text: var(--lookbook-white);
29
+ --lookbook-scrollbar: var(--lookbook-base-200);
30
+ --lookbook-scrollbar-hover: var(--lookbook-base-300);
31
+ --lookbook-toolbar-bg: var(--lookbook-white);
11
32
  --lookbook-toolbar-divider: var(--lookbook-divider);
12
33
  --lookbook-nav-text: var(--lookbook-text);
13
- --lookbook-nav-toggle: #71717a;
14
- --lookbook-nav-icon: #71717a;
15
- --lookbook-nav-item-hover: #f4f4f5;
16
- --lookbook-nav-item-active: #fafafa;
17
- --lookbook-input: #fff;
18
- --lookbook-input-border: #d4d4d8;
19
- --lookbook-input-border-focus: #e4e4e7;
20
- --lookbook-input-text: #52525b;
21
- --lookbook-input-text-placeholder: #a1a1aa;
22
- --lookbook-input-toggle: #d4d4d8;
23
- --lookbook-input-toggle-active: #71717a;
24
- --lookbook-prose: #fff;
25
- --lookbook-prose-text: #52525b;
26
- --lookbook-prose-link: #18181b;
27
- --lookbook-tabs-text: #71717a;
28
- --lookbook-tabs-text-hover: #3f3f46;
29
- --lookbook-tabs-text-disabled: #d4d4d8;
30
- --lookbook-tabs-highlight: #a1a1aa;
31
- --lookbook-viewport-handle: #fff;
32
- --lookbook-viewport-handle-icon: #d4d4d8;
33
- --lookbook-viewport-handle-icon-hover: #3f3f46;
34
- --lookbook-sidebar: #fafafa;
35
- --lookbook-page: #fff;
36
- --lookbook-drawer: #fafafa;
37
- --lookbook-header: #52525b;
38
- --lookbook-header-text: #fff;
39
- --lookbook-header-border: #3f3f46;
34
+ --lookbook-nav-toggle: var(--lookbook-base-500);
35
+ --lookbook-nav-icon-stroke: var(--lookbook-accent-500);
36
+ --lookbook-nav-item-hover: var(--lookbook-base-100);
37
+ --lookbook-nav-item-active: var(--lookbook-accent-50);
38
+ --lookbook-input-bg: var(--lookbook-white);
39
+ --lookbook-input-border: var(--lookbook-base-300);
40
+ --lookbook-input-border-focus: var(--lookbook-accent-200);
41
+ --lookbook-input-text: var(--lookbook-base-600);
42
+ --lookbook-input-text-placeholder: var(--lookbook-base-400);
43
+ --lookbook-input-toggle: var(--lookbook-base-300);
44
+ --lookbook-input-toggle-active: var(--lookbook-accent-500);
45
+ --lookbook-prose-bg: var(--lookbook-white);
46
+ --lookbook-prose-text: var(--lookbook-base-600);
47
+ --lookbook-prose-link: var(--lookbook-accent-900);
48
+ --lookbook-tabs-text: var(--lookbook-base-500);
49
+ --lookbook-tabs-text-hover: var(--lookbook-base-700);
50
+ --lookbook-tabs-text-disabled: var(--lookbook-base-300);
51
+ --lookbook-tabs-border-active: var(--lookbook-accent-400);
52
+ --lookbook-viewport-handle: var(--lookbook-white);
53
+ --lookbook-viewport-handle-icon-stroke: var(--lookbook-base-300);
54
+ --lookbook-viewport-handle-icon-stroke-hover: var(--lookbook-base-700);
55
+ --lookbook-sidebar-bg: var(--lookbook-base-50);
56
+ --lookbook-page-bg: var(--lookbook-white);
57
+ --lookbook-drawer-bg: var(--lookbook-base-50);
58
+ --lookbook-header-bg: var(--lookbook-accent-600);
59
+ --lookbook-header-text: var(--lookbook-white);
60
+ --lookbook-header-border: var(--lookbook-accent-700);
40
61
  --lookbook-branding-text: var(--lookbook-header-text);
41
62
  --lookbook-draggable-hint: #e0e7ff33;
42
63
  }
@@ -1 +1 @@
1
- {"mappings":"AAAA","sources":["app/assets/lookbook/css/themes/zinc.css"],"sourcesContent":[":root {\n --lookbook-text: theme(\"colors.zinc.800\");\n --lookbook-divider: theme(\"colors.zinc.300\");\n --lookbook-button-text: theme(\"colors.zinc.400\");\n --lookbook-button-text-hover: theme(\"colors.zinc.600\");\n --lookbook-tooltip: theme(\"colors.zinc.500\");\n --lookbook-tooltip-text: theme(\"colors.white\");\n --lookbook-scrollbar: theme(\"colors.zinc.200\");\n --lookbook-scrollbar-hover: theme(\"colors.zinc.300\");\n --lookbook-toolbar: theme(\"colors.white\");\n --lookbook-toolbar-divider: var(--lookbook-divider);\n --lookbook-nav-text: var(--lookbook-text);\n --lookbook-nav-toggle: theme(\"colors.zinc.500\");\n --lookbook-nav-icon: theme(\"colors.zinc.500\");\n --lookbook-nav-item-hover: theme(\"colors.zinc.100\");\n --lookbook-nav-item-active: theme(\"colors.zinc.50\");\n --lookbook-input: theme(\"colors.white\");\n --lookbook-input-border: theme(\"colors.zinc.300\");\n --lookbook-input-border-focus: theme(\"colors.zinc.200\");\n --lookbook-input-text: theme(\"colors.zinc.600\");\n --lookbook-input-text-placeholder: theme(\"colors.zinc.400\");\n --lookbook-input-toggle: theme(\"colors.zinc.300\");\n --lookbook-input-toggle-active: theme(\"colors.zinc.500\");\n --lookbook-prose: theme(\"colors.white\");\n --lookbook-prose-text: theme(\"colors.zinc.600\");\n --lookbook-prose-link: theme(\"colors.zinc.900\");\n --lookbook-tabs-text: theme(\"colors.zinc.500\");\n --lookbook-tabs-text-hover: theme(\"colors.zinc.700\");\n --lookbook-tabs-text-disabled: theme(\"colors.zinc.300\");\n --lookbook-tabs-highlight: theme(\"colors.zinc.400\");\n --lookbook-viewport-handle: theme(\"colors.white\");\n --lookbook-viewport-handle-icon: theme(\"colors.zinc.300\");\n --lookbook-viewport-handle-icon-hover: theme(\"colors.zinc.700\");\n --lookbook-sidebar: theme(\"colors.zinc.50\");\n --lookbook-page: theme(\"colors.white\");\n --lookbook-drawer: theme(\"colors.zinc.50\");\n --lookbook-header: theme(\"colors.zinc.600\");\n --lookbook-header-text: theme(\"colors.white\");\n --lookbook-header-border: theme(\"colors.zinc.700\");\n --lookbook-branding-text: var(--lookbook-header-text);\n --lookbook-draggable-hint: rgb(224 231 255 / 0.2);\n}"],"names":[],"version":3,"file":"zinc.css.map"}
1
+ {"mappings":"AAAA","sources":["app/assets/lookbook/css/themes/zinc.css"],"sourcesContent":[":root {\n --lookbook-white: theme(\"colors.white\");\n --lookbook-accent-50: theme(\"colors.zinc.50\");\n --lookbook-accent-100: theme(\"colors.zinc.100\");\n --lookbook-accent-200: theme(\"colors.zinc.200\");\n --lookbook-accent-300: theme(\"colors.zinc.300\");\n --lookbook-accent-400: theme(\"colors.zinc.400\");\n --lookbook-accent-500: theme(\"colors.zinc.500\");\n --lookbook-accent-600: theme(\"colors.zinc.600\");\n --lookbook-accent-700: theme(\"colors.zinc.700\");\n --lookbook-accent-800: theme(\"colors.zinc.800\");\n --lookbook-accent-900: theme(\"colors.zinc.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-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-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-header-bg: var(--lookbook-accent-600);\n --lookbook-header-text: var(--lookbook-white);\n --lookbook-header-border: var(--lookbook-accent-700);\n --lookbook-branding-text: var(--lookbook-header-text);\n --lookbook-draggable-hint: rgb(224 231 255 / 0.2);\n}\n"],"names":[],"version":3,"file":"zinc.css.map"}