css-zero 0.0.17 → 0.0.19

data/app/assets/stylesheets/typography.css

@@ -54,13 +54,25 @@
   --leading-10:      2.5rem;  /* 40px */
 
   /****************************************************************
-  * Font Family
+  * Font Family (https://modernfontstacks.com)
   * Variables for controlling the font family of an element.
   * font-family: var(--font-sans);
   *****************************************************************/
-  --font-sans:  ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
-  --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
-  --font-mono:  ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+  --font-system-ui: system-ui, sans-serif;
+  --font-transitional: Charter, Bitstream Charter, Sitka Text, Cambria, serif;
+  --font-old-style: Iowan Old Style, Palatino Linotype, URW Palladio L, P052, serif;
+  --font-humanist: Seravek, Gill Sans Nova, Ubuntu, Calibri, DejaVu Sans, source-sans-pro, sans-serif;
+  --font-geometric-humanist: Avenir, Montserrat, Corbel, URW Gothic, source-sans-pro, sans-serif;
+  --font-classical-humanist: Optima, Candara, Noto Sans, source-sans-pro, sans-serif;
+  --font-neo-grotesque: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
+  --font-monospace-slab-serif: Nimbus Mono PS, Courier New, monospace;
+  --font-monospace-code: Dank Mono, Operator Mono, Inconsolata, Fira Mono, ui-monospace, SF Mono, Monaco, Droid Sans Mono, Source Code Pro, Cascadia Code, Menlo, Consolas, DejaVu Sans Mono, monospace;
+  --font-industrial: Bahnschrift, DIN Alternate, Franklin Gothic Medium, Nimbus Sans Narrow, sans-serif-condensed, sans-serif;
+  --font-rounded-sans: ui-rounded, Hiragino Maru Gothic ProN, Quicksand, Comfortaa, Manjari, Arial Rounded MT, Arial Rounded MT Bold, Calibri, source-sans-pro, sans-serif;
+  --font-slab-serif: Rockwell, Rockwell Nova, Roboto Slab, DejaVu Serif, Sitka Small, serif;
+  --font-antique: Superclarendon, Bookman Old Style, URW Bookman, URW Bookman L, Georgia Pro, Georgia, serif;
+  --font-didone: Didot, Bodoni MT, Noto Serif Display, URW Palladio L, P052, Sylfaen, serif;
+  --font-handwritten: Segoe Print, Bradley Hand, Chilanka, TSCu_Comic, casual, cursive;
 
   /****************************************************************
   * Letter Spacing

data/app/assets/stylesheets/zutilities.css

@@ -88,7 +88,7 @@
 .bg-main { background-color: var(--color-bg); }
 .bg-black { background-color: var(--color-text); }
 .bg-white { background-color: var(--color-text-reversed); }
-.bg-shade { background-color: var(--color-secondary); }
+.bg-shade { background-color: var(--color-border-light); }
 .bg-transparent { background-color: transparent; }
 
 /****************************************************************
@@ -110,6 +110,12 @@
 .border-is { border-inline-start-width: var(--border-size, 1px); }
 .border-ie { border-inline-end-width: var(--border-size, 1px); }
 
+.border-main { border-color: var(--color-border); }
+.border-dark { border-color: var(--color-border-dark); }
+
+.border-solid { border-style: solid; }
+.border-dashed { border-style: dashed; }
+
 .rounded-none { border-radius: none; }
 .rounded-sm { border-radius: var(--rounded-sm); }
 .rounded { border-radius: var(--rounded); }
@@ -159,7 +165,6 @@
 .m-0\.5 { margin: var(--size-0_5); }
 .m-1 { margin: var(--size-1); }
 .m-2 { margin: var(--size-2); }
-.m-3 { margin: var(--size-3); }
 .m-4 { margin: var(--size-4); }
 .m-6 { margin: var(--size-6); }
 .m-8 { margin: var(--size-8); }
@@ -170,7 +175,6 @@
 .mb-0\.5 { margin-block: var(--size-0_5); }
 .mb-1 { margin-block: var(--size-1); }
 .mb-2 { margin-block: var(--size-2); }
-.mb-3 { margin-block: var(--size-3); }
 .mb-4 { margin-block: var(--size-4); }
 .mb-6 { margin-block: var(--size-6); }
 .mb-8 { margin-block: var(--size-8); }
@@ -181,7 +185,6 @@
 .mbs-0\.5 { margin-block-start: var(--size-0_5); }
 .mbs-1 { margin-block-start: var(--size-1); }
 .mbs-2 { margin-block-start: var(--size-2); }
-.mbs-3 { margin-block-start: var(--size-3); }
 .mbs-4 { margin-block-start: var(--size-4); }
 .mbs-6 { margin-block-start: var(--size-6); }
 .mbs-8 { margin-block-start: var(--size-8); }
@@ -192,7 +195,6 @@
 .mbe-0\.5 { margin-block-end: var(--size-0_5); }
 .mbe-1 { margin-block-end: var(--size-1); }
 .mbe-2 { margin-block-end: var(--size-2); }
-.mbe-3 { margin-block-end: var(--size-3); }
 .mbe-4 { margin-block-end: var(--size-4); }
 .mbe-6 { margin-block-end: var(--size-6); }
 .mbe-8 { margin-block-end: var(--size-8); }
@@ -203,7 +205,6 @@
 .mi-0\.5 { margin-inline: var(--size-0_5); }
 .mi-1 { margin-inline: var(--size-1); }
 .mi-2 { margin-inline: var(--size-2); }
-.mi-3 { margin-inline: var(--size-3); }
 .mi-4 { margin-inline: var(--size-4); }
 .mi-6 { margin-inline: var(--size-6); }
 .mi-8 { margin-inline: var(--size-8); }
@@ -214,7 +215,6 @@
 .mis-0\.5 { margin-inline-start: var(--size-0_5); }
 .mis-1 { margin-inline-start: var(--size-1); }
 .mis-2 { margin-inline-start: var(--size-2); }
-.mis-3 { margin-inline-start: var(--size-3); }
 .mis-4 { margin-inline-start: var(--size-4); }
 .mis-6 { margin-inline-start: var(--size-6); }
 .mis-8 { margin-inline-start: var(--size-8); }
@@ -225,7 +225,6 @@
 .mie-0\.5 { margin-inline-end: var(--size-0_5); }
 .mie-1 { margin-inline-end: var(--size-1); }
 .mie-2 { margin-inline-end: var(--size-2); }
-.mie-3 { margin-inline-end: var(--size-3); }
 .mie-4 { margin-inline-end: var(--size-4); }
 .mie-6 { margin-inline-end: var(--size-6); }
 .mie-8 { margin-inline-end: var(--size-8); }
@@ -239,7 +238,6 @@
 .p-0\.5 { padding: var(--size-0_5); }
 .p-1 { padding: var(--size-1); }
 .p-2 { padding: var(--size-2); }
-.p-3 { padding: var(--size-3); }
 .p-4 { padding: var(--size-4); }
 .p-6 { padding: var(--size-6); }
 .p-8 { padding: var(--size-8); }
@@ -249,7 +247,6 @@
 .pb-0\.5 { padding-block: var(--size-0_5); }
 .pb-1 { padding-block: var(--size-1); }
 .pb-2 { padding-block: var(--size-2); }
-.pb-3 { padding-block: var(--size-3); }
 .pb-4 { padding-block: var(--size-4); }
 .pb-6 { padding-block: var(--size-6); }
 .pb-8 { padding-block: var(--size-8); }
@@ -259,7 +256,6 @@
 .pbs-0\.5 { padding-block-start: var(--size-0_5); }
 .pbs-1 { padding-block-start: var(--size-1); }
 .pbs-2 { padding-block-start: var(--size-2); }
-.pbs-3 { padding-block-start: var(--size-3); }
 .pbs-4 { padding-block-start: var(--size-4); }
 .pbs-6 { padding-block-start: var(--size-6); }
 .pbs-8 { padding-block-start: var(--size-8); }
@@ -269,7 +265,6 @@
 .pbe-0\.5 { padding-block-end: var(--size-0_5); }
 .pbe-1 { padding-block-end: var(--size-1); }
 .pbe-2 { padding-block-end: var(--size-2); }
-.pbe-3 { padding-block-end: var(--size-3); }
 .pbe-4 { padding-block-end: var(--size-4); }
 .pbe-6 { padding-block-end: var(--size-6); }
 .pbe-8 { padding-block-end: var(--size-8); }
@@ -279,7 +274,6 @@
 .pi-0\.5 { padding-inline: var(--size-0_5); }
 .pi-1 { padding-inline: var(--size-1); }
 .pi-2 { padding-inline: var(--size-2); }
-.pi-3 { padding-inline: var(--size-3); }
 .pi-4 { padding-inline: var(--size-4); }
 .pi-6 { padding-inline: var(--size-6); }
 .pi-8 { padding-inline: var(--size-8); }
@@ -289,7 +283,6 @@
 .pis-0\.5 { padding-inline-start: var(--size-0_5); }
 .pis-1 { padding-inline-start: var(--size-1); }
 .pis-2 { padding-inline-start: var(--size-2); }
-.pis-3 { padding-inline-start: var(--size-3); }
 .pis-4 { padding-inline-start: var(--size-4); }
 .pis-6 { padding-inline-start: var(--size-6); }
 .pis-8 { padding-inline-start: var(--size-8); }
@@ -299,7 +292,6 @@
 .pie-0\.5 { padding-inline-end: var(--size-0_5); }
 .pie-1 { padding-inline-end: var(--size-1); }
 .pie-2 { padding-inline-end: var(--size-2); }
-.pie-3 { padding-inline-end: var(--size-3); }
 .pie-4 { padding-inline-end: var(--size-4); }
 .pie-6 { padding-inline-end: var(--size-6); }
 .pie-8 { padding-inline-end: var(--size-8); }

data/app/helpers/dialog_helper.rb

@@ -0,0 +1,5 @@
+module DialogHelper
+  def button_to_close_dialog(content = nil, **, &)
+    tag.form tag.button(content, **, &), method: :dialog
+  end
+end

data/lib/css_zero/version.rb

@@ -1,3 +1,3 @@
 module CssZero
-  VERSION = "0.0.17"
+  VERSION = "0.0.19"
 end

data/lib/generators/css_zero/add/USAGE

@@ -2,7 +2,7 @@ Description:
     This will add components into your project.
 
 Components:
-  accordion alert avatar badge breadcrumb button card collapsible dialog input progress switch table
+  accordion alert avatar badge breadcrumb button card collapsible dialog input pagination progress prose switch table
 
 Example:
     bin/rails generate css_zero:add [components...]

data/lib/generators/css_zero/add/resources.yml

@@ -24,8 +24,15 @@ dialog:
 input:
   - app/assets/stylesheets/input.css
   - app/assets/images/select-arrow.svg
+pagination:
+  - app/assets/stylesheets/pagination.css
+  - app/assets/images/chevron-right.svg
+  - app/assets/images/chevron-left.svg
+  - app/assets/images/ellipsis.svg
 progress:
   - app/assets/stylesheets/progress.css
+prose:
+  - app/assets/stylesheets/prose.css
 switch:
   - app/assets/stylesheets/switch.css
 table:

data/lib/generators/css_zero/add/templates/app/assets/images/chevron-left.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg>

data/lib/generators/css_zero/add/templates/app/assets/images/ellipsis.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg>

data/lib/generators/css_zero/add/templates/app/assets/stylesheets/accordion.css

@@ -23,7 +23,7 @@
     padding-block: var(--size-4);
 
     &:focus-visible {
-      outline: var(--border-2) solid var(--color-border-darker);
+      outline: var(--border-2) solid var(--color-primary);
       outline-offset: var(--border-2);
     }
 

data/lib/generators/css_zero/add/templates/app/assets/stylesheets/alert.css

@@ -7,7 +7,7 @@
   inline-size: var(--size-full);
 
   img {
-    filter: var(--alert-icon-color, var(--color-filter-text-reversed));
+    filter: var(--alert-icon-color, var(--color-filter-text));
   }
 }
 

data/lib/generators/css_zero/add/templates/app/assets/stylesheets/avatar.css

@@ -1,13 +1,11 @@
-:root {
-  --avatar-size: var(--size-10);
-}
-
 .avatar {
-  block-size: var(--avatar-size);
+  --size: var(--avatar-size, var(--size-10));
+
+  block-size: var(--size);
   border-radius: var(--rounded-full);
   display: flex;
   flex-shrink: 0;
-  inline-size: var(--avatar-size);
+  inline-size: var(--size);
   overflow: hidden;
 
   img {
@@ -20,12 +18,12 @@
 
 .avatar__fallback {
   align-items: center;
-  background-color: var(--color-secondary);
+  background-color: var(--color-border-light);
   block-size: var(--size-full);
   border-radius: var(--rounded-full);
   display: flex;
-  font-size: calc(var(--avatar-size) * .4);
+  font-size: calc(var(--size) * .4);
   inline-size: var(--size-full);
   justify-content: center;
   user-select: none;
-}
+}

data/lib/generators/css_zero/add/templates/app/assets/stylesheets/badge.css

@@ -1,8 +1,10 @@
 .badge {
+  align-items: center;
   background-color: var(--badge-background, var(--color-primary));
   border-radius: var(--rounded-full);
   border-width: var(--badge-border-width, 0);
   color: var(--badge-color, var(--color-text-reversed));
+  display: inline-flex;
   font-size: var(--text-xs);
   font-weight: var(--font-semibold);
   padding: var(--size-0_5) var(--size-2_5);
@@ -15,8 +17,8 @@
 
 .badge--outline {
   --badge-background: transparent;
+  --badge-border-width: var(--border);
   --badge-color: var(--color-text);
-  --btn-border-width: var(--border);
 }
 
 .badge--positive {

data/lib/generators/css_zero/add/templates/app/assets/stylesheets/button.css

@@ -20,7 +20,7 @@
   }
 
   &:focus-visible {
-    outline: var(--border-2) solid var(--color-border-darker);
+    outline: var(--border-2) solid var(--color-primary);
     outline-offset: var(--border-2);
   }
 

data/lib/generators/css_zero/add/templates/app/assets/stylesheets/card.css

@@ -2,5 +2,5 @@
   border-radius: var(--rounded-lg);
   border-width: var(--border);
   padding: var(--size-6);
-  shadow: var(--shadow-sm);
+  box-shadow: var(--shadow-sm);
 }

data/lib/generators/css_zero/add/templates/app/assets/stylesheets/dialog.css

@@ -6,7 +6,7 @@
   color: var(--color-text);
   inline-size: var(--size-full);
   margin: auto;
-  max-inline-size: var(--width-lg);
+  max-inline-size: var(--dialog-width, var(--width-lg));
   padding: var(--size-6);
 
   &::backdrop {
@@ -49,7 +49,10 @@
 
   /* Small screens and below */
   @media (width < 40rem) {
-    border-radius: 0;
+    border-end-end-radius: 0;
+    border-end-start-radius: 0;
+    margin-block-end: 0;
+    max-inline-size: none !important;
   }
 }
 
@@ -57,6 +60,11 @@
   inset-block-start: var(--size-4);
   inset-inline-end: var(--size-4);
   position: absolute;
+
+  /* Small screens and below */
+  @media (width < 40rem) {
+    display: none;
+  }
 }
 
 /* Prevent page scroll when dialog is open */

data/lib/generators/css_zero/add/templates/app/assets/stylesheets/input.css

@@ -4,10 +4,20 @@
   border-color: var(--color-border);
   border-radius: var(--rounded-md);
   border-width: var(--border);
-  box-shadow: var(--shadow-xs);
   font-size: var(--text-sm);
   inline-size: var(--size-full);
   padding: var(--size-2) var(--size-3);
+  resize: none;
+
+  option {
+    padding-block: var(--size-1);
+  }
+
+  &:is(textarea):not([rows]) {
+    field-sizing: content;
+    max-block-size: calc(10lh + var(--size-6));
+    min-block-size: calc(3lh  + var(--size-6));
+  }
 
   &:is(select):not([multiple], [size]) {
     background-image: url("select-arrow.svg");
@@ -44,8 +54,15 @@
   transform: scale(1.15);
 }
 
-/* Keyboard navigation */
-:is(.input, .range, .checkbox, .radio):focus-visible {
-  outline: var(--border-2) solid var(--color-border-darker);
-  outline-offset: var(--border-2);
+:is(.input, .range, .checkbox, .radio) {
+  /* Keyboard navigation */
+  &:focus-visible {
+    outline: var(--border-2) solid var(--color-primary);
+    outline-offset: var(--border-2);
+  }
+
+  /* Server side validation */
+  .field_with_errors & {
+    border-color: var(--color-negative);
+  }
 }

data/lib/generators/css_zero/add/templates/app/assets/stylesheets/pagination.css

@@ -0,0 +1,33 @@
+:where(.pagination) {
+  align-items: center;
+  display: flex;
+  gap: var(--size-1);
+
+  img {
+    filter: var(--color-filter-text);
+  }
+
+  a {
+    align-items: center;
+    border-radius: var(--rounded-md);
+    display: inline-flex;
+    font-size: var(--text-sm);
+    font-weight: var(--font-medium);
+    gap: var(--size-2);
+    justify-content: center;
+    min-inline-size: fit-content;
+    padding: var(--size-2) var(--size-4);
+  }
+
+  a:is([aria-current]) {
+    border-width: var(--border);
+  }
+
+  a:is([aria-disabled]) {
+    pointer-events: none;
+  }
+
+  a:not([aria-disabled]):hover {
+    background-color: var(--color-border-light);
+  }
+}

data/lib/generators/css_zero/add/templates/app/assets/stylesheets/progress.css

@@ -1,5 +1,5 @@
 .progress {
-  --track: var(--color-secondary);
+  --track: var(--color-border-light);
   --progress: var(--color-primary);
 
   background-color: var(--track);

data/lib/generators/css_zero/add/templates/app/assets/stylesheets/prose.css

@@ -0,0 +1,135 @@
+:where(.prose) {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  font-size: clamp(1rem, 2.5cqi, 1.4rem);
+
+  :is(h1, h2, h3, h4, h5, h6) {
+    font-weight: 800;
+    hyphens: auto;
+    letter-spacing: -0.02ch;
+    line-height: 1.1;
+    margin-block: 0.65em;
+    overflow-wrap: break-word;
+    text-wrap: balance;
+  }
+
+  h1 {
+    font-size: 2em;
+  }
+
+  h2 {
+    font-size: 1.5em;
+  }
+
+  h3 {
+    font-size: 1.17em;
+  }
+
+  h4 {
+    font-size: 1em;
+  }
+
+  h5 {
+    font-size: 0.83em;
+  }
+
+  h6 {
+    font-size: 0.67em;
+  }
+
+  :is(ul, ol, menu) {
+    list-style: revert;
+    padding-inline-start: revert;
+  }
+
+  :is(p, ul, ol, dl, blockquote, pre, figure, table, hr) {
+    margin-block: 0.65lh;
+    overflow-wrap: break-word;
+    text-wrap: pretty;
+  }
+
+  hr {
+    border-color: var(--color-border-dark);
+    border-style: var(--border-style, solid) none none;
+    margin: 2lh auto;
+  }
+
+  :is(b, strong) {
+    font-weight: 700;
+  }
+
+  :is(pre, code) {
+    background-color: var(--color-border-light);
+    border: 1px solid var(--color-border);
+    border-radius: 0.3em;
+    font-family: var(--font-monospace-code);
+    font-size: 0.85em;
+  }
+
+  code {
+    padding: 0.1em 0.3em;
+    white-space: pre-wrap;
+  }
+
+  pre {
+    border-radius: 0.5em;
+    padding: 0.5lh 2ch;
+  }
+
+  pre code {
+    background-color: transparent;
+    border: 0;
+    font-size: 1em;
+    padding: 0;
+  }
+
+  p {
+    hyphens: auto;
+    letter-spacing: -0.005ch;
+  }
+
+  blockquote {
+    font-style: italic;
+    margin: 0 3ch;
+  }
+
+  blockquote p {
+    hyphens: none;
+  }
+
+  table {
+    border: 1px solid var(--color-border-dark);
+    border-collapse: collapse;
+    margin: 1lh 0;
+  }
+
+  th {
+    font-weight: 700;
+  }
+
+  :is(th, td) {
+    border: 1px solid var(--color-border-dark);
+    padding: 0.2lh 1ch;
+    text-align: start;
+  }
+
+  th {
+    border-block-end-width: 3px;
+  }
+
+  del {
+    background-color: hsl(from var(--color-negative) h s l / .1);
+    color: var(--color-negative);
+  }
+
+  ins {
+    background-color: hsl(from var(--color-positive) h s l / .1);
+    color: var(--color-positive);
+  }
+
+  a {
+    color: var(--blue-700);
+    text-decoration: underline;
+    text-decoration-skip-ink: auto;
+  }
+}

data/lib/generators/css_zero/add/templates/app/assets/stylesheets/switch.css

@@ -30,7 +30,7 @@
   }
 
   &:focus-visible {
-    outline: var(--border-2) solid var(--color-border-darker);
+    outline: var(--border-2) solid var(--color-primary);
     outline-offset: var(--border-2);
   }
 

data/lib/generators/css_zero/add/templates/app/assets/stylesheets/table.css

@@ -20,7 +20,7 @@
   }
 
   tfoot {
-    background-color: var(--color-secondary);
+    background-color: var(--color-border-light);
     border-block-start-width: var(--border);
     font-weight: var(--font-medium);
   }

data/lib/generators/css_zero/add/templates/app/javascript/controllers/collapsible_controller.js

@@ -1,9 +1,17 @@
 import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
-  static targets = [ "summary" ]
+  static targets = [ "details" ]
+
+  open() {
+    this.detailsTarget.open = true
+  }
+
+  close() {
+    this.detailsTarget.open = false
+  }
 
   toggle() {
-    this.summaryTarget.click()
+    this.detailsTarget.open ? this.close() : this.open()
   }
 }

data/lib/generators/css_zero/install/templates/app/assets/stylesheets/base.css

@@ -4,8 +4,9 @@
   --color-text: black;
   --color-text-reversed: white;
   --color-text-subtle: var(--zinc-500);
+  --color-border-light: var(--zinc-100);
   --color-border: var(--zinc-200);
-  --color-border-darker: var(--zinc-400);
+  --color-border-dark: var(--zinc-400);
 
   /* Accent colors */
   --color-primary: var(--zinc-900);
@@ -26,8 +27,9 @@
     --color-text: white;
     --color-text-reversed: black;
     --color-text-subtle: var(--zinc-400);
+    --color-border-light: var(--zinc-800);
     --color-border: var(--zinc-800);
-    --color-border-darker: var(--zinc-300);
+    --color-border-dark: var(--zinc-600);
 
     /* Accent colors */
     --color-primary: var(--zinc-50);

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: css-zero
 version: !ruby/object:Gem::Version
-  version: 0.0.17
+  version: 0.0.19
 platform: ruby
 authors:
 - Lázaro Nixon
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-07-06 00:00:00.000000000 Z
+date: 2024-07-16 00:00:00.000000000 Z
 dependencies: []
 description:
 email: lazaronixon@hotmail.com
@@ -30,6 +30,7 @@ files:
 - app/assets/stylesheets/transition.css
 - app/assets/stylesheets/typography.css
 - app/assets/stylesheets/zutilities.css
+- app/helpers/dialog_helper.rb
 - lib/css-zero.rb
 - lib/css_zero/engine.rb
 - lib/css_zero/version.rb
@@ -37,8 +38,10 @@ files:
 - lib/generators/css_zero/add/add_generator.rb
 - lib/generators/css_zero/add/resources.yml
 - lib/generators/css_zero/add/templates/app/assets/images/chevron-down.svg
+- lib/generators/css_zero/add/templates/app/assets/images/chevron-left.svg
 - lib/generators/css_zero/add/templates/app/assets/images/chevron-right.svg
 - lib/generators/css_zero/add/templates/app/assets/images/circle-alert.svg
+- lib/generators/css_zero/add/templates/app/assets/images/ellipsis.svg
 - lib/generators/css_zero/add/templates/app/assets/images/loader-circle.svg
 - lib/generators/css_zero/add/templates/app/assets/images/select-arrow.svg
 - lib/generators/css_zero/add/templates/app/assets/images/x.svg
@@ -51,7 +54,9 @@ files:
 - lib/generators/css_zero/add/templates/app/assets/stylesheets/card.css
 - lib/generators/css_zero/add/templates/app/assets/stylesheets/dialog.css
 - lib/generators/css_zero/add/templates/app/assets/stylesheets/input.css
+- lib/generators/css_zero/add/templates/app/assets/stylesheets/pagination.css
 - lib/generators/css_zero/add/templates/app/assets/stylesheets/progress.css
+- lib/generators/css_zero/add/templates/app/assets/stylesheets/prose.css
 - lib/generators/css_zero/add/templates/app/assets/stylesheets/switch.css
 - lib/generators/css_zero/add/templates/app/assets/stylesheets/table.css
 - lib/generators/css_zero/add/templates/app/javascript/controllers/collapsible_controller.js