css-zero 2.0.0 → 2.0.2

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.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: d628d36d9cf6c6bd62e165bb74e76ba226cb438824f131bf58a8feb78dd116ca
4
- data.tar.gz: 685ce250accb6575865a7a527203535a40a1619af7c2d1c6b5a36522a9b580c2
3
+ metadata.gz: fe054fea748c1dbf66b48c3c2a0d329da831be41fcd2cbd305ff91029ec764ad
4
+ data.tar.gz: 8ee1e9dbff30f62df6bf743e7413d340017d27eed43337ad89df8f767d72abc0
5
5
  SHA512:
6
- metadata.gz: dc3269f7abefbf85ff31df3bbecb2861d3456efb5b7f5d25cf2f8b6052fad64509cf1d53b18d16a134a3db07e168e1753753cdf6d081c0fbba891065d0ca5c13
7
- data.tar.gz: 805eddba51906ccc77195b635a57327fd3f482cdfd92b2695306a80aa9543e7e90d6bab609f9c2521194d7e8760bb7b73c8a11e15a1f1492b0b3b54a405ab8e7
6
+ metadata.gz: e6a89e9c4b2b7568808bbc007f84751ccd5572763c63ef319c333df3aec9ab503f9777143905310f427042219c96903ce23d6db9ff79a473cbfa5154969e0f10
7
+ data.tar.gz: 647e18092f7880c445a6c8d10e9fb9976613c6b6db0b14dbcfe5f5776ac8e4f5caaae747f77b45641dc7cf3a39ac750833a898489dc3aec85106402369dc7b9a
@@ -89,6 +89,7 @@
89
89
  * Background
90
90
  *****************************************************************/
91
91
  .bg-main { background-color: var(--color-bg); }
92
+ .bg-surface { background-color: var(--color-surface); }
92
93
  .bg-black { background-color: var(--color-text); }
93
94
  .bg-white { background-color: var(--color-text-reversed); }
94
95
  .bg-shade { background-color: var(--color-border-light); }
@@ -1,3 +1,3 @@
1
1
  module CssZero
2
- VERSION = "2.0.0"
2
+ VERSION = "2.0.2"
3
3
  end
@@ -1,5 +1,5 @@
1
1
  .alert {
2
- background-color: var(--alert-background, var(--color-bg));
2
+ background-color: var(--alert-background, var(--color-surface));
3
3
  border-radius: var(--rounded-lg);
4
4
  border: 1px solid var(--alert-border-color, var(--color-border));
5
5
  color: var(--alert-color, var(--color-text));
@@ -1,6 +1,6 @@
1
1
  .btn {
2
2
  align-items: center;
3
- background-color: var(--btn-background, var(--color-bg));
3
+ background-color: var(--btn-background, var(--color-surface));
4
4
  block-size: var(--btn-block-size, auto);
5
5
  border-radius: var(--btn-radius, var(--rounded-md));
6
6
  border: 1px solid var(--btn-border-color, var(--color-border));
@@ -45,6 +45,7 @@
45
45
  }
46
46
 
47
47
  .btn--borderless {
48
+ --btn-background: transparent;
48
49
  --btn-border-color: transparent;
49
50
  --btn-box-shadow: none;
50
51
  }
@@ -1,5 +1,5 @@
1
1
  .card {
2
- background-color: var(--color-bg);
2
+ background-color: var(--color-surface);
3
3
  border-radius: var(--rounded-xl);
4
4
  border-width: var(--border);
5
5
  box-shadow: var(--shadow-sm);
@@ -2,7 +2,7 @@
2
2
 
3
3
  .ts-control {
4
4
  align-items: center;
5
- background-color: var(--color-bg);
5
+ background-color: var(--color-surface);
6
6
  border: 1px solid var(--color-border);
7
7
  border-radius: var(--rounded-md);
8
8
  min-block-size: var(--size-9);
@@ -18,7 +18,7 @@
18
18
  }
19
19
 
20
20
  .ts-dropdown {
21
- background-color: var(--color-bg);
21
+ background-color: var(--color-surface);
22
22
  border: 1px solid var(--color-border);
23
23
  border-radius: var(--rounded-md);
24
24
  box-shadow: var(--shadow-md);
@@ -95,7 +95,7 @@
95
95
  }
96
96
 
97
97
  .ts-wrapper.single .ts-control {
98
- background-color: var(--color-bg) !important;
98
+ background-color: var(--color-surface) !important;
99
99
  background-image: url("chevron-down-zinc-500.svg") !important;
100
100
  background-position: center right var(--size-2) !important;
101
101
  background-repeat: no-repeat !important;
@@ -1,4 +1,5 @@
1
1
  .command {
2
+ background-color: var(--color-surface);
2
3
  border-width: var(--border);
3
4
  border-radius: var(--rounded-lg);
4
5
  box-shadow: var(--shadow-xs);
@@ -5,7 +5,7 @@
5
5
  --container-size: 220px;
6
6
  --day-size: var(--size-8);
7
7
 
8
- background: var(--color-bg);
8
+ background: var(--color-surface);
9
9
  border: 1px solid var(--color-border);
10
10
  border-radius: var(--rounded-md);
11
11
  box-shadow: var(--shadow-md);
@@ -1,6 +1,6 @@
1
1
  .input {
2
2
  appearance: none;
3
- background-color: var(--input-background, transparent);
3
+ background-color: var(--input-background, var(--color-surface));
4
4
  block-size: var(--input-block-size, auto);
5
5
  border: 1px solid var(--input-border-color, var(--color-border));
6
6
  border-radius: var(--input-radius, var(--rounded-md));
@@ -1,4 +1,5 @@
1
1
  .menu {
2
+ background-color: var(--color-surface);
2
3
  display: flex;
3
4
  flex-direction: column;
4
5
  padding: var(--size-1);
@@ -1,5 +1,5 @@
1
1
  .popover {
2
- background-color: var(--color-bg);
2
+ background-color: var(--color-surface);
3
3
  border-radius: var(--rounded-md);
4
4
  border-width: var(--border);
5
5
  box-shadow: var(--shadow-md);
@@ -1,3 +1,7 @@
1
+ .btn--toggle {
2
+ --btn-background: var(--color-bg);
3
+ }
4
+
1
5
  .btn--toggle [type="checkbox"] {
2
6
  position: absolute; clip: rect(0, 0, 0, 0);
3
7
  }
@@ -1,5 +1,6 @@
1
1
  :root {
2
2
  --color-bg: light-dark(white, var(--zinc-950));
3
+ --color-surface: light-dark(white, var(--zinc-900));
3
4
  --color-text: light-dark(var(--zinc-950), white);
4
5
  --color-text-reversed: light-dark(white, var(--zinc-950));
5
6
  --color-text-subtle: light-dark(var(--zinc-500), var(--zinc-400));
@@ -38,7 +38,7 @@
38
38
 
39
39
  <main id="main">
40
40
  <%% if notice.present? %>
41
- <div popover class="flash" style="--flash-position: 5rem;" data-controller="element-removal" data-action="animationend->element-removal#remove" role="alert"><%%= notice %></div>
41
+ <%%= tag.div notice, popover: "manual", class: "flash", style: "--flash-position: 5rem", data: { controller: "element-removal", action: "animationend->element-removal#remove", role: "alert" } %>
42
42
  <%% end %>
43
43
  <div class="container">
44
44
  <%%= yield %>
metadata CHANGED
@@ -1,13 +1,13 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: css-zero
3
3
  version: !ruby/object:Gem::Version
4
- version: 2.0.0
4
+ version: 2.0.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - Lázaro Nixon
8
8
  bindir: bin
9
9
  cert_chain: []
10
- date: 2025-08-04 00:00:00.000000000 Z
10
+ date: 2025-08-06 00:00:00.000000000 Z
11
11
  dependencies: []
12
12
  email: lazaronixon@hotmail.com
13
13
  executables: []