css-zero 4.2.3 → 4.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +18 -0
  3. data/app/assets/stylesheets/css-zero/utilities.css +2 -2
  4. data/lib/css_zero/version.rb +1 -1
  5. data/lib/generators/css_zero/add/templates/app/assets/stylesheets/avatar.css +0 -1
  6. data/lib/generators/css_zero/add/templates/app/assets/stylesheets/card.css +1 -1
  7. data/lib/generators/css_zero/add/templates/app/assets/stylesheets/combobox.css +2 -2
  8. data/lib/generators/css_zero/add/templates/app/assets/stylesheets/command.css +1 -1
  9. data/lib/generators/css_zero/add/templates/app/assets/stylesheets/dialog.css +0 -4
  10. data/lib/generators/css_zero/add/templates/app/assets/stylesheets/dropzone.css +1 -1
  11. data/lib/generators/css_zero/add/templates/app/assets/stylesheets/group.css +0 -2
  12. data/lib/generators/css_zero/add/templates/app/assets/stylesheets/input_otp.css +1 -1
  13. data/lib/generators/css_zero/add/templates/app/assets/stylesheets/layouts.css +1 -1
  14. data/lib/generators/css_zero/add/templates/app/assets/stylesheets/lexxy.css +1 -1
  15. data/lib/generators/css_zero/add/templates/app/assets/stylesheets/popover.css +0 -4
  16. data/lib/generators/css_zero/add/templates/app/assets/stylesheets/sheet.css +0 -4
  17. data/lib/generators/css_zero/add/templates/app/assets/stylesheets/sidebar_menu.css +0 -4
  18. data/lib/generators/css_zero/add/templates/app/assets/stylesheets/switch.css +0 -1
  19. data/lib/generators/css_zero/add/templates/app/assets/stylesheets/toggle.css +1 -1
  20. data/lib/generators/css_zero/add/templates/app/javascript/controllers/combobox_controller.js +1 -1
  21. data/lib/generators/css_zero/add/templates/app/javascript/controllers/command_controller.js +10 -2
  22. data/lib/generators/css_zero/add/templates/app/javascript/controllers/dropzone_controller.js +2 -2
  23. data/lib/generators/css_zero/add/templates/app/javascript/controllers/inputmask_controller.js +1 -1
  24. metadata +1 -1
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 4f9bdbed4f12a30f34164d4ce75833c380b42a75e70a5f999206fbfb0068d7a3
4
- data.tar.gz: 2488b61d43b1c9595d5adcd2bb531715b16a2fa2a56c43ab9f3736b400a6e85c
3
+ metadata.gz: a53c87ec617153d3c974fb2efdbd0c957cc8cc16d96d3cab89de42bbc3a0b285
4
+ data.tar.gz: b4e6faacece7a73849e72afc821679bf13db9bd8fdf6765b20fd7454c9568441
5
5
  SHA512:
6
- metadata.gz: 5d7371f499c12dda9f40d8c58bfbc30a91f60ed4463d938589134954c167d833505fcdafafa20fab300cc963f312c9419f0c5f60b47ad68a59a0fac151dc59f9
7
- data.tar.gz: 56a0fa99d397354945887680cd2de0aa18c9d84122af17f47c694c25828d47ed7d026853119165d93c1e4b6e5b1ac69a3214a0823335701930f0de6fac09cc19
6
+ metadata.gz: ef07f360edf5fd8ea89cb3c576ab46bb181eae6b12bfda9b299a414e6676b47ac9f253f82000e1e029cea5b038fb7f6f2962157e601272a2b96edefe1faa728d
7
+ data.tar.gz: 1ba0cee5571959c133711ecf2988ddb502684c4b5bb98e7b296c5a23b2a0ca928b0f07ee2ad7285df90e2ef1df1b11645b683bdde9ee051782c5a3a147a587b5
data/CHANGELOG.md CHANGED
@@ -1,3 +1,21 @@
1
+ ## 4.3.0 - 2026-09-20
2
+ - Rename .overflow-x-auto and .overflow-y-auto to .overflow-i-auto and .overflow-b-auto
3
+ - Remove scroll snap from overflow utilities
4
+ - Use logical overflow properties in command and sidebar
5
+ - Refactor command
6
+ - Remove Safari exit animation guard from dialog, popover and sheet
7
+ - Remove obsolete ::-webkit-details-marker rule from sidebar menu
8
+ - Replace deprecated clip with clip-path in combobox and toggle
9
+ - Remove redundant padding fallback from card
10
+ - Remove redundant default declarations from avatar, group and switch
11
+ - Update activestorage to 8.1.301
12
+ - Update combobox-nav to 3.0.2
13
+ - Update dropzone to 7.4.4
14
+ - Update input-otp-zero to 0.0.4
15
+ - Update lexxy to 0.9.32
16
+ - Update maska to 3.2.1
17
+ - Update tom-select to 2.6.2
18
+
1
19
  ## 4.2.3 - 2026-09-07
2
20
  - Prevent month header from wrapping in datepicker
3
21
  - Refactor autosave
@@ -151,8 +151,8 @@
151
151
  .i-min { inline-size: min-content; }
152
152
  .i-fit { inline-size: fit-content; }
153
153
 
154
- .overflow-x-auto { overflow-x: auto; scroll-snap-type: x mandatory; }
155
- .overflow-y-auto { overflow-y: auto; scroll-snap-type: y mandatory; }
154
+ .overflow-i-auto { overflow-inline: auto; }
155
+ .overflow-b-auto { overflow-block: auto; }
156
156
  .overflow-hidden { overflow: hidden; }
157
157
 
158
158
  .object-contain { object-fit: contain; }
@@ -1,3 +1,3 @@
1
1
  module CssZero
2
- VERSION = "4.2.3"
2
+ VERSION = "4.3.0"
3
3
  end
@@ -22,7 +22,6 @@
22
22
  }
23
23
 
24
24
  img {
25
- aspect-ratio: var(--aspect-square);
26
25
  block-size: var(--size-full);
27
26
  border-radius: var(--avatar-radius);
28
27
  inline-size: var(--size-full);
@@ -4,7 +4,7 @@
4
4
  border-radius: var(--rounded-xl);
5
5
  border-width: var(--border);
6
6
  box-shadow: var(--shadow-sm);
7
- padding: var(--card-padding, var(--size-4));
7
+ padding: var(--card-padding);
8
8
  }
9
9
 
10
10
  .card__footer {
@@ -1,4 +1,4 @@
1
- @import url("https://esm.sh/tom-select@2.6.1/dist/css/tom-select.min.css");
1
+ @import url("https://esm.sh/tom-select@2.6.2/dist/css/tom-select.min.css");
2
2
 
3
3
  .ts-control {
4
4
  align-items: center;
@@ -135,5 +135,5 @@
135
135
  }
136
136
 
137
137
  [data-controller~="combobox"] {
138
- clip: rect(0 0 0 0); position: absolute;
138
+ clip-path: inset(50%); position: absolute;
139
139
  }
@@ -16,7 +16,7 @@
16
16
 
17
17
  .command__list {
18
18
  max-block-size: 300px;
19
- overflow-y: auto;
19
+ overflow-block: auto;
20
20
 
21
21
  &:not(:has(.command__item:not([hidden]))) {
22
22
  display: none;
@@ -38,10 +38,6 @@
38
38
  &[open]::backdrop { opacity: 0; }
39
39
  }
40
40
 
41
- @supports (-webkit-hyphens: none) {
42
- transition-behavior: normal;
43
- }
44
-
45
41
  @media (width >= 40rem) {
46
42
  max-inline-size: var(--dialog-size, var(--max-i-sm));
47
43
  }
@@ -1,4 +1,4 @@
1
- @import url("https://esm.sh/@deltablot/dropzone@7.4.3/dist/dropzone.css");
1
+ @import url("https://esm.sh/@deltablot/dropzone@7.4.4/dist/dropzone.css");
2
2
 
3
3
  .dropzone {
4
4
  border: 2px dashed var(--color-border);
@@ -1,5 +1,4 @@
1
1
  .group {
2
- align-items: stretch;
3
2
  display: flex;
4
3
  flex-direction: row;
5
4
  inline-size: fit-content;
@@ -22,7 +21,6 @@
22
21
  }
23
22
 
24
23
  .group-vertical {
25
- align-items: stretch;
26
24
  display: flex;
27
25
  flex-direction: column;
28
26
  inline-size: fit-content;
@@ -1,4 +1,4 @@
1
- @import url("https://esm.sh/input-otp-zero@0.0.3/dist/input-otp-zero.css");
1
+ @import url("https://esm.sh/input-otp-zero@0.0.4/dist/input-otp-zero.css");
2
2
 
3
3
  input-otp {
4
4
  --input-otp-gap: var(--size-2);
@@ -57,7 +57,7 @@
57
57
  display: flex;
58
58
  flex-direction: column;
59
59
  grid-area: sidebar;
60
- overflow-x: hidden;
60
+ overflow-inline: hidden;
61
61
  padding: var(--sidebar-padding, 0);
62
62
  row-gap: var(--size-2);
63
63
  view-transition-name: sidebar;
@@ -1,4 +1,4 @@
1
- @import url("https://esm.sh/@37signals/lexxy@0.9.24/dist/stylesheets/lexxy.css");
1
+ @import url("https://esm.sh/@37signals/lexxy@0.9.32/dist/stylesheets/lexxy.css");
2
2
 
3
3
  :root {
4
4
  --lexxy-color-ink: var(--color-text);
@@ -31,10 +31,6 @@
31
31
  opacity: 0; transform: var(--scale-95);
32
32
  }
33
33
  }
34
-
35
- @supports (-webkit-hyphens: none) {
36
- transition-behavior: normal;
37
- }
38
34
  }
39
35
 
40
36
  .popover--unanchored {
@@ -39,10 +39,6 @@
39
39
  &[open]::backdrop { opacity: 0; }
40
40
  }
41
41
 
42
- @supports (-webkit-hyphens: none) {
43
- transition-behavior: normal;
44
- }
45
-
46
42
  @media (width >= 40rem) {
47
43
  max-inline-size: var(--sheet-size, var(--max-i-sm));
48
44
  }
@@ -41,10 +41,6 @@
41
41
  details[open] > &::after {
42
42
  transform: var(--rotate-90);
43
43
  }
44
-
45
- &::-webkit-details-marker {
46
- display: none;
47
- }
48
44
  }
49
45
  }
50
46
 
@@ -30,7 +30,6 @@
30
30
  block-size: var(--switch-size);
31
31
  border-radius: var(--rounded-full);
32
32
  content: "";
33
- display: block;
34
33
  transition-duration: var(--time-150);
35
34
  transition-property: translate;
36
35
  transition-timing-function: var(--ease-out-3);
@@ -3,7 +3,7 @@
3
3
  }
4
4
 
5
5
  .btn--toggle [type="checkbox"] {
6
- position: absolute; clip: rect(0, 0, 0, 0);
6
+ position: absolute; clip-path: inset(50%);
7
7
  }
8
8
 
9
9
  .btn--toggle:has(:checked) {
@@ -1,6 +1,6 @@
1
1
  import { Controller } from "@hotwired/stimulus"
2
2
  import { get } from "https://esm.sh/@rails/request.js@0.0.13?standalone"
3
- import TomSelect from "https://esm.sh/tom-select@2.6.1/base?standalone"
3
+ import TomSelect from "https://esm.sh/tom-select@2.6.2/base?standalone"
4
4
 
5
5
  export default class extends Controller {
6
6
  static values = { url: String, optionCreate: { type: String, default: "Add" }, noResults: { type: String, default: "No results found" } }
@@ -1,5 +1,5 @@
1
1
  import { Controller } from "@hotwired/stimulus"
2
- import Combobox from "https://esm.sh/@github/combobox-nav@3.0.1?standalone"
2
+ import Combobox from "https://esm.sh/@github/combobox-nav@3.0.2?standalone"
3
3
  import debounce from "https://esm.sh/just-debounce-it@3.2.0?standalone"
4
4
 
5
5
  export default class extends Controller {
@@ -19,7 +19,7 @@ export default class extends Controller {
19
19
  }
20
20
 
21
21
  filter({ target }) {
22
- this.itemTargets.forEach(it => this.#matches(it.dataset.value, target.value) ? it.removeAttribute("hidden") : it.toggleAttribute("hidden", true))
22
+ this.itemTargets.forEach(it => this.#matches(it.dataset.value, target.value) ? this.#show(it) : this.#hide(it))
23
23
  }
24
24
 
25
25
  commit({ target }) {
@@ -29,4 +29,12 @@ export default class extends Controller {
29
29
  #matches(text, potentialMatch) {
30
30
  return text.toLowerCase().includes(potentialMatch.toLowerCase())
31
31
  }
32
+
33
+ #show(element) {
34
+ element.toggleAttribute("hidden", false)
35
+ }
36
+
37
+ #hide(element) {
38
+ element.toggleAttribute("hidden", true)
39
+ }
32
40
  }
@@ -1,6 +1,6 @@
1
1
  import { Controller } from "@hotwired/stimulus"
2
- import { DirectUpload } from "https://esm.sh/@rails/activestorage@8.1.300?standalone"
3
- import Dropzone from "https://esm.sh/@deltablot/dropzone@7.4.3?standalone"
2
+ import { DirectUpload } from "https://esm.sh/@rails/activestorage@8.1.301?standalone"
3
+ import Dropzone from "https://esm.sh/@deltablot/dropzone@7.4.4?standalone"
4
4
 
5
5
  export default class extends Controller {
6
6
  static values = {
@@ -1,5 +1,5 @@
1
1
  import { Controller } from "@hotwired/stimulus"
2
- import { MaskInput } from "https://esm.sh/maska@3.2.0?standalone"
2
+ import { MaskInput } from "https://esm.sh/maska@3.2.1?standalone"
3
3
 
4
4
  export default class extends Controller {
5
5
  connect() {
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: css-zero
3
3
  version: !ruby/object:Gem::Version
4
- version: 4.2.3
4
+ version: 4.3.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Lázaro Nixon