- Increase gap for header items
- Small adjust on combobox alignment
- Add popover to usage
- Change base.css to use zinc-950 for dark color-bg
- Fix border sheet.css
- Fix css:install not adding javascript_importmap_tags
- Import external css dependencies from esm.sh
- Fix btn avatar size on safari
-
Set default text area --input-rows to 2lh
-
Do not use auto resizable textarea in scaffold
-
Rename var(--shadow-sm) to var(--shadow-xs)
-
Rename var(--shadow) to var(--shadow-sm)
-
Rename var(--blur-sm) to var(--blur-xs)
-
Rename var(--blur) to var(--blur-sm)
-
Rename var(--rounded-sm) to var(--rounded-xs)
-
Rename var(--rounded) to var(--rounded-sm)
-
Merge tom-select.css and zcombobox.css into combobox.css
-
Merge flatpickr.css and zdatepicker.css into datepicker.css
-
Merge trix.css and ztrix.css into trix.css
-
Files were moved from the root to
/css-zero
-
The file
_reset.css
was renamed toreset.css
-
The file
zutilities.css
was renamed toutilities.css
-
Previously, styles inside gems could mix with the styles from inside your application, the new architecture requires you to set the files manually.
Before:
<%= stylesheet_link_tag :all, "data-turbo-track": "reload" %>
Later:
<%= stylesheet_link_tag "css-zero/reset", "data-turbo-track": "reload" %>
<%= stylesheet_link_tag "css-zero/variables", "data-turbo-track": "reload" %>
<%= stylesheet_link_tag :app, "data-turbo-track": "reload" %>
<%= stylesheet_link_tag "css-zero/utilities", "data-turbo-track": "reload" %>
- Add tabs class
- Adjust autosize textarea
- Remove :where from components
- Simplify elements focus
- Small adjust space select option
- Small refactor input.css
- Move padding options to reset
- autoanimate small adjust
- Add box-shadow to btn--tab selected
- Add scrollbar-color to base
- Add overscroll-behavior to base
- Increase checkbox/radios a bit
- Adjust textarea auto size
- Add show to dialog_controller
- Add toggle and hideClear to popover_controller
- Improve carousel
- Small refactor button
- Small refactor toggle
- Fix selector zcombobox
- Align avatar fallback text
- Use default checkbox for scaffold
- Reduce switch size
- Small adjust close button for dialog and sheet
- Add table caption style
- Remove .popover--tooltip
- Improve tooltip timer
- Set block size for button
- Early hide combobox
- Remove btn-tab min-block-size
- Reduce height combobox
- Increase loading btn--loading
- Accordion cosmetics
- Alert cosmetics
- Add box-shadow to buttons
- Increase dialog animation duration
- Add shadow to badge
- Change gap-half utility
- Add box-shadow to input
- Correct the arrow style of datalist in Chrome
- Card cosmetics
- Reduce input height
- Reduce command padding
- Reduce table padding
- Reduce size tab__list
- Reduce button height
- Animate combobox
- Reimplement inputmask using maska
- Use tom-select.base instead of tom-select.complete
- Move from jsdelivr to esm.sh
- Inputmask wasn't working with jsdelivr
- Import only debounce from lodash
- Use jsdelivr and update dependencies
- Dont early hide combobox
- Reduce h6 on prose
- Small refactor popover_controller
- Add context menu component
- Make menu auto resetable when visible
- Merge listbox_controller and filter_controller into command_controller.
- Don't hide [hidden='until-found']
- Don't need "after" filter event anymore
- Add --dialog-size variable
- Reimplement command component
- Improve prose
- Fix layouts.css
- Improve carousel
- popover--tooltip class
- New responsive font names, --text-base-responsive to text-fluid-base
- Remove .text-6xl, .text-7xl, .text-8xl, and .text-9xl
- New popovers with floating-ui and popover tag. (popover/dropdown)
- Remove tooltip component
- Lighter table foot color
- Keep the same spacing for layouts
- set color-schema on reset.css
- Update colors to oklch
- Update _reset.css
- Small refactor button.css
- Remove semicolon from javascript
- Perfect responsive font sizes
- Use responsive font size for flash
- Small adjusts on dark colors
- Reduce auto-animate duration
- Set card background color
- Set sidebar and header color.
- Add z-index to popover
- Improve combobox blinking
- Simplify layout css
- Use lodash instead es-toolkit
- Use CDN minifed versions
- Small refactor on autosave.
- Small refactor on chart.
- Use debounce from a library.
- Increase animation duration for autoanimate
- Fix rounded-none
- Add group component
- Fix dark text colors. (badge/button)
- Autoanimate css only
- Add autoanimate component
- Small refactor on sortable_controller
- Small refactor on flash/prose/table
- Refactor button.css hover color
- New positive and negative colors
- Small adjust prose.css
- Add --color-highlight
- Fix controller and mailer scaffold commands
- Add otp input to input concerns
- Fix application.css (sprockets install)
- Add tooltip component
- Add navigation controller
- Add sortable controller
- Improve flash messages
- Set default input block size
- Use text-decoration instead of text-decoration-line
- Use primary-color for turbo progress bar
- Fix scaffold system tests
- Implement scaffolds
- Reduce padding input block
- Small refactor zcombobox
- Small refactor zdatepicker
- Add chart component
- Small refactor datepicker controller
- Remove inputmask on disconnect
- Fix today color datepicker
- Adjust day spacing in datepicker
- Small refactor in combobox controller
- Small refactor in accordion
- Import dependencies from a CDN
- Remove --color-filter-text-subtle
- Add datepicker component
- Simplify foreground/background color
- Fix grouped combobox dark color
- Change combobox create to option_create
- Add inputmask
- Small update _reset
- Add autosave component
- Fix dark filter negative/positive colors
- Fix badge negative colors
- Fix hover on safari mobile. (button/command/menu/tabs)
- Update checkbox and radio size
- Add trix component
- Adjust --leading-normal value
- Add dropdown
- Cosmetic on command
- Remove javascript helpers/initializers
- Small refactor menu and command
- Prevent javascript error on filter
- Simplify menu
- Simplify tabs
- Trigger after event on filter controller
- Add list controller to command
- Move form controller to its own component
- Add initializers structure on install
- Auto focus first menu item
- Fix focus for tabs and menu
- Remove hover functionality from popover
- Adjust checkbox and radio size
- Fix tab hover on dark mode
- Fix menu and command hover on dark mode
- Fix focus for tabs and menu
- Set input--actor icon color
- Dont select first dropdown item on open
- Remove dialog show method
- Remove --dialog-width css var
- Improve tabs focus handling
- Add popover
- Add dropdown
- User popover instead of dialog for flash
- Introduce flash--extended
- Change checkbox size
- Change tabs
- Filter refactor
- Fix resource
- Rename command_controller to filter_controller
- Set flash max inline size
- Fix flash position
- Add --btn-inline-size
- Add check all
- Add command empty
- Modernize carousel
- Responsive flash
- Mobile first css
- Update avatar button
- Hide based on pwa, browser and print
- New layouts
- Remove check all
- Avatar button hover filter
- Reduce delay copyable
- Add javascript helpers on install
- Use debounce for copyable
- Update accordion css
- Update button hover
- Decorate btn aria-disabled
- Update carousel
- Update tabs
- Change layout utility names
- Update size utility classes
- Update lightbox
- Update input
- Replace button--rounded with button--icon
- More button and input variables
- Update toggle
- Add show/hide utilities
- Add command
- Add local_time_controller
- Small adjust plain button
- Fix resources mapping
- Change revealable input
- Change copyable input
- Key navigation to tabs
- Rename concern controllers
- Change dialog target box -> menu
- Change tabs to use index instead of ids
- Remove border style utilities
- Add clear button to inputs
- Fix btn--positive and btn--negative icon colors
- Add reveal button to password inputs
- Add copy button to inputs
- Add dependent checkbox
- Add form controller to switch
- Add autoselect controller
- Add fullscreen controller
- btn--outline is the default
- Refactor pagination and tabs
- Add hotkey controller
- Add web share controller
- Update button colors
- Simplify tabs css
- Simplify button toggle
- Add input_concerns
- Add upload preview
- Reduce space for breadcrumb
- Add avatar--btn
- Add button hover filter
- Add btn--pressed
- Add btn--borderless
- Remove margin from btn--plain
- Border color instead of border width for buttons
- Remove pagination.css
- Remove some rounded and shadow utilities
- Add btn--rounded
- Rename layout utilities
- Add lightbox component
- New gap utilities values.
- Rename gap-sm to gap-half.
- Remove tab helpers.
- Use rows=auto to text-area auto grow.
- text black to zinc-950.
- new filtered colors.
- fix invalid feedback.
- Remove button_to_close_dialog.
- Fix dialog and sheet.
- Change tabs to use aria attributes.
- Add class to tab_button helper.
- Add layouts.
- Add border-b, border-i.
- Add sheet--right, sheet--left.
- Add input--actor.
- Add w-min to utilities.
- Change table hover color.
- Add tabs.
- Simplify sr-only.
- Add border dotted.
- Remove text-center sheet.
- Update transition property.
- Remove grid utilities.
- Simplify button.
- Remove relative from toggle.
- Adjusts input class.
- Move option back to input.
- Remove transition-timing-function from switch
- Accordion height animation.
- Remove z-index variables.
- Revert button size loading.
- Hide scrollbar for carousel on safari.
- Remove align-items from badge.
- Remove full width from accordion.
- Revert card component.
- Remove !important from dialog.css.
- Simplify flash.
- Simplify dialog__close.
- Add turbo-frame to _reset.css.
- Adjust loading button.
- Remove btn border color.
- Add toggle buttons.
- Remover border width input.
- Adjust focus on toggle.
- Remove comments.
- Move options to _reset.css.
- Add z-index variables.
- Reduce rounded and shadow utilities
- Add skeleton.
- Add color-link.
- Add add color-selected-dark.
- Add invalid feedback to inputs.
- Better reset for dialog page scroll.
- Add Flash message.
- Set bg and color to card.
- Small adjust in carousel.
- Remove !important from hidden, contents and inputs.
- Hide spinner for step any inputs.
- Fix empty date field height on safari IOS.
- Move "Prevent page scroll when dialog is open" to reset.
- Add sheet component.
- Don't disable text area resize.
- Add hover to accordion and table.
- Add new object-fit utilities.
- Add aspect ratio variables.
- Add carousel.
- Adjust prose headers.
- Adjust responsive fonts again.
- Use antialiased fonts and bold links on prose.
- Remove antialiased utility.
- Fix --text-xl-responsive.
- Remove --width-prose.
- Rename reponsive font utilities
- Apply font responsive and max-inline-size to prose
- Add shadow-inner utility.
- Add responsive fonts.
- Remove font-size and antialiased from prose.
- Remove link color from prose.
- Add more animations.
- Remove shadow-xs.
- Remove shadow from button.
- Use color-primary for focus.
- Fix dark --color-border-dark.
- Add prose component.
- Fix card-shadow.
- Transform dialog in a drawer on mobile
- Correct the arrow style of datalist in Chrome.
- Fix badge outline border.
- Add pagination component.
- Change collapsible component.
- Fix default icon color alert.
- Fix badge size.
- Add button_to_close_dialog helper.
- Add autogrow textarea.
- Input server side validation.
- Add padding to select option.
- Avatar use local variable for avatar-size
- Remove size-3 from the utilities
- Add modern font stack
- Rename --color-border-darker to --color-border-dark.
- Introduce --color-border-light.
- More border utilities.
- Add
color-filter-text-subtle
color and addcolorize-shade
utility class. - Change
.break-words
utility class. - Add breadcrumb component.
- Remove not([class]) from button and alert
- Add collapsible component.
- Add size-3 to utility classes.
- Add avatar component.
- Remove return string on
dialog
close. - Don't use
light-dark
function in base.css. - Use logical properties instead of physical properties.
- Add grow-0, shrink, and bg-shade to utility classes.
- Use
min-inline-size: fit-content;
instead ofwhite-space: nowrap;
for buttons. - Fix
transition-property
for dialog.
Dialog
was reimplemented to not support popover.
Alert dialog
was removed anddialog
was changed to support<dialog>
and<dialog popover>
.