atomic_view 0.1.7 → 0.1.9

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 (4) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/tailwind/atomic_view/engine.css +60 -23
  3. data/lib/atomic_view/version.rb +1 -1
  4. metadata +4 -4
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 1bcead9060489c1e4991766e01006634ccc498d979e431fb3eac0ab0fa316f83
4
- data.tar.gz: b2596bd2ad52623cf4e91d287c0e22c272c14a57d2402b2752b557df5f74afa7
3
+ metadata.gz: b817e39386cd3776eac52dc194c42755d0c77dac42c237cc5783d5ed62aea76b
4
+ data.tar.gz: 0d20253d17fb2e627dc13dbc125e4e6d136bd8db4cc3bf14b4f3c40c3fec1d2f
5
5
  SHA512:
6
- metadata.gz: 6f5aecc595d51b487fcb2b582a6c69bd434af5f068d7e8888409c24d8dd8591766060a52aaf96862a6f7926a727f52b396f743194f66f51b98b8314aa98ffe0a
7
- data.tar.gz: 789f280622083f072c59e3476b22bc37525681c669260edcd066b3f638982a6ab2c1743b691977c0b69514aacd92ead4347f8cdc72303702560d1a05a99a4aad
6
+ metadata.gz: eeb1ce8e2fc53395b14d2e8c4e878d5e548e9fa040b6ab7848a0a33a0c052b361765188c73661c99633ca4a6aa1491b9460528e7a5f83abee12be31c58a55385
7
+ data.tar.gz: 86f4e559785caee6915e93c61c6555b56300a5078b123bfdb396f3dde89bcfb2905eab0bf3cc4fa9cd0e6fe7444b8219d275438d16b8b6da30e8f3da6a20af18
data/app/assets/tailwind/atomic_view/engine.css CHANGED
@@ -1,47 +1,84 @@
1
1
  @import "tailwindcss" source(none);
2
- @source "../../javascripts/**/*.js";
3
2
  @source "../../../views/**/*.{erb}";
4
3
  @source "../../../../lib/atomic_view/components/**/*.{erb,rb}";
5
- @source "../../../../previews/**/*.{erb,rb}";
6
4
 
7
5
  @plugin "@tailwindcss/forms";
8
6
  @plugin "@tailwindcss/typography";
9
7
 
10
8
  @theme {
11
- --color-surface: light-dark(var(--color-white), var(--color-neutral-950));
12
- --color-offset: light-dark(var(--color-gray-50), var(--color-neutral-900));
9
+ --color-surface: var(--color-white);
10
+ --color-offset: var(--color-gray-50);
13
11
  --color-backdrop: oklch(0 0 0 / 0.5);
14
12
 
15
- --color-border: light-dark(var(--color-gray-200), var(--color-white));
16
- --color-input: light-dark(var(--color-gray-200), var(--color-white));
17
- --color-ring: light-dark(var(--color-gray-950), var(--color-white));
13
+ --color-border: var(--color-gray-200);
14
+ --color-input: var(--color-gray-200);
15
+ --color-ring: var(--color-gray-950);
18
16
 
19
- --color-primary: light-dark(var(--color-neutral-800), var(--color-white));
20
- --color-primary-foreground: light-dark(var(--color-white), var(--color-neutral-800));
17
+ --color-primary: var(--color-neutral-800);
18
+ --color-primary-foreground: var(--color-white);
21
19
 
22
- --color-secondary: light-dark(var(--color-neutral-200), var(--color-neutral-800));
23
- --color-secondary-foreground: light-dark(var(--color-neutral-950), var(--color-neutral-100));
20
+ --color-secondary: var(--color-neutral-200);
21
+ --color-secondary-foreground: var(--color-neutral-950);
24
22
 
25
- --color-muted: light-dark(var(--color-neutral-200), var(--color-neutral-800));
26
- --color-muted-foreground: light-dark(var(--color-neutral-800), var(--color-neutral-200));
23
+ --color-muted: var(--color-neutral-200);
24
+ --color-muted-foreground: var(--color-neutral-800);
27
25
 
28
- --color-accent: light-dark(var(--color-green-800), var(--color-green-50));
29
- --color-accent-foreground: light-dark(var(--color-green-50), var(--color-green-800));
26
+ --color-accent: var(--color-green-800);
27
+ --color-accent-foreground: var(--color-green-50);
30
28
 
31
29
  --color-destructive: var(--color-red-800);
32
30
  --color-destructive-foreground: var(--color-red-50);
33
31
 
34
- --color-disabled: light-dark(var(--color-gray-50), var(--color-neutral-800));
35
- --color-disabled-foreground: light-dark(var(--color-zinc-500), var(--color-neutral-400));
36
- --color-disabled-ring: light-dark(var(--color-zinc-200), var(--color-neutral-600));
32
+ --color-disabled: var(--color-gray-50);
33
+ --color-disabled-foreground: var(--color-zinc-500);
34
+ --color-disabled-ring: var(--color-zinc-200);
37
35
 
38
- --color-error: light-dark(var(--color-red-900), var(--color-red-100));
39
- --color-error-ring: light-dark(var(--color-red-300), var(--color-red-400));
40
- --color-error-placeholder: light-dark(var(--color-red-300), var(--color-red-400));
36
+ --color-error: var(--color-red-900);
37
+ --color-error-ring: var(--color-red-300);
38
+ --color-error-placeholder: var(--color-red-300);
41
39
  --color-error-focus-ring: var(--color-red-500);
42
40
 
43
- --color-placeholder: light-dark(var(--color-zinc-500), var(--color-neutral-400));
44
- --color-focus-ring: light-dark(var(--color-neutral-700), var(--color-white/20));
41
+ --color-placeholder: var(--color-zinc-500);
42
+ --color-focus-ring: var(--color-neutral-700);
43
+ }
44
+
45
+ @media (prefers-color-scheme: dark) {
46
+ :root {
47
+ --color-surface: var(--color-neutral-950);
48
+ --color-offset: var(--color-neutral-900);
49
+ --color-backdrop: oklch(0 0 0 / 0.5);
50
+
51
+ --color-border: var(--color-white);
52
+ --color-input: var(--color-white);
53
+ --color-ring: var(--color-white);
54
+
55
+ --color-primary: var(--color-white);
56
+ --color-primary-foreground: var(--color-neutral-800);
57
+
58
+ --color-secondary: var(--color-neutral-800);
59
+ --color-secondary-foreground: var(--color-neutral-100);
60
+
61
+ --color-muted: var(--color-neutral-800);
62
+ --color-muted-foreground: var(--color-neutral-200);
63
+
64
+ --color-accent: var(--color-green-50);
65
+ --color-accent-foreground: var(--color-green-800);
66
+
67
+ --color-destructive: var(--color-red-800);
68
+ --color-destructive-foreground: var(--color-red-50);
69
+
70
+ --color-disabled: var(--color-neutral-800);
71
+ --color-disabled-foreground: var(--color-neutral-400);
72
+ --color-disabled-ring: var(--color-neutral-600);
73
+
74
+ --color-error: var(--color-red-100);
75
+ --color-error-ring: var(--color-red-400);
76
+ --color-error-placeholder: var(--color-red-400);
77
+ --color-error-focus-ring: var(--color-red-500);
78
+
79
+ --color-placeholder: var(--color-neutral-400);
80
+ --color-focus-ring: var(--color-white/20);
81
+ }
45
82
  }
46
83
 
47
84
  @layer base {
data/lib/atomic_view/version.rb CHANGED
@@ -1,5 +1,5 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module AtomicView
4
- VERSION = "0.1.7"
4
+ VERSION = "0.1.9"
5
5
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: atomic_view
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.7
4
+ version: 0.1.9
5
5
  platform: ruby
6
6
  authors:
7
7
  - Joel Warrington
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2025-09-17 00:00:00.000000000 Z
11
+ date: 2026-06-20 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: zeitwerk
@@ -72,14 +72,14 @@ dependencies:
72
72
  requirements:
73
73
  - - "~>"
74
74
  - !ruby/object:Gem::Version
75
- version: '4.3'
75
+ version: '4.6'
76
76
  type: :runtime
77
77
  prerelease: false
78
78
  version_requirements: !ruby/object:Gem::Requirement
79
79
  requirements:
80
80
  - - "~>"
81
81
  - !ruby/object:Gem::Version
82
- version: '4.3'
82
+ version: '4.6'
83
83
  - !ruby/object:Gem::Dependency
84
84
  name: tailwind_merge
85
85
  requirement: !ruby/object:Gem::Requirement