studio-engine 0.4.9 → 0.4.10

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: 1815c9f9ea9e2b75d83b6873802726bd1a3aeee90ac556db5454c0f98adb9c26
4
- data.tar.gz: 70ef1cfae8480f366fd135544ff20453ecb939c30e8f584878beb06c1cbb8efc
3
+ metadata.gz: 69ebed5ecf2c4d41815556f20f2c783e71b14c0b381cd07b5f5731fb89d981ba
4
+ data.tar.gz: 264b1eb9ba0a3bf3bb8abb5fe2ee0d60a2b5abd30c792d307885d7b1dd623475
5
5
  SHA512:
6
- metadata.gz: 8046beba0b56403dcb54557949b64f9779b581b0c82f729a96fccfe562bedb8fd168345b84fe9c2ce9be3683d743a8f9d6102b2147615f33fc81d9e4a1c95ccd
7
- data.tar.gz: 4e3a7f33ae0b7d9b549f1c9dd9443de68511c66eee29a43a9e296c235adddf38f4c9ba1b13521f8f8aec9581e9ef098381b4cbbc68e59c0f20ab9933e50ecb1f
6
+ metadata.gz: ce8cb07a7eeba5953bb5704836721b089ab591bc3d26c2af0ee8c7331f2f0b3734cbea4d506bed5f19b1d187adda3c40a585986413d6617ed80206c9158566cd
7
+ data.tar.gz: 56fc96ba668bf57fb9cab85cdc7dbc8b02bc9fafb47a6829745b73689dcf5efb3ef0ef9be528ad9764af06f4cf5c7aa1b979c1c3c01776eade15f56a48f2a85a
data/CHANGELOG.md CHANGED
@@ -2,6 +2,23 @@
2
2
 
3
3
  The format is [Keep a Changelog](https://keepachangelog.com/en/1.1.0/). This project follows [Semantic Versioning](https://semver.org/spec/v2.0.0.html) — `MAJOR.MINOR.PATCH`. Both consumer Rails apps pin to a tag in their `Gemfile`; bumping the tag is a release.
4
4
 
5
+ ## v0.4.10 (2026-05-23)
6
+
7
+ Lets consumer apps override toast z-indexes without `!important`. Previously, `#toast-container` set `z-index: 60` via an inline `style=` attribute, which forced any consumer override to use `!important`. Same source-order problem for `.toast-page-blur` (z-index in the inline `<style>` block here loaded after the consumer's `application.tailwind.css`). Both now read from CSS custom properties with the previous values as fallback defaults.
8
+
9
+ ### Changed
10
+ - **`#toast-container`** z-index moved from inline `style=` to a CSS rule reading `var(--studio-toast-z, 60)`.
11
+ - **`.toast-page-blur`** z-index now reads `var(--studio-toast-blur-z, 55)`.
12
+
13
+ ### Migration
14
+ None required — defaults preserve existing behavior. Apps that need higher z-indexes (e.g. to stack above a `z-50`/`z-110` sticky navbar) can now set the variables on `:root` in their stylesheet and drop their `!important` workaround:
15
+ ```css
16
+ :root {
17
+ --studio-toast-z: 120;
18
+ --studio-toast-blur-z: 115;
19
+ }
20
+ ```
21
+
5
22
  ## v0.4.9 (2026-05-23)
6
23
 
7
24
  Modal success_card upgrades — canonical "celebration" look for any modal that needs an Entry / Action / Payment confirmed card. All options additive; existing callers unaffected.
@@ -11,6 +11,11 @@
11
11
  <%# } })) %>
12
12
 
13
13
  <style>
14
+ /* Z-indexes are CSS-var-driven so consumer apps can override without
15
+ !important. The defaults (60 / 55) sit just above typical sticky-nav
16
+ baselines (50). Apps with higher navbars set --studio-toast-z and
17
+ --studio-toast-blur-z in :root. */
18
+ #toast-container { z-index: var(--studio-toast-z, 60); }
14
19
  .toast-shadow-all {
15
20
  box-shadow: 0 0 30px rgba(0,0,0,0.4), 0 0 10px rgba(0,0,0,0.2);
16
21
  }
@@ -57,7 +62,7 @@
57
62
  mask-image: radial-gradient(ellipse 70% 80% at 50% 0%, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0) 100%);
58
63
  -webkit-mask-image: radial-gradient(ellipse 70% 80% at 50% 0%, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0) 100%);
59
64
  pointer-events: none;
60
- z-index: 55;
65
+ z-index: var(--studio-toast-blur-z, 55);
61
66
  transition: opacity 0.5s ease;
62
67
  background: rgba(255, 255, 255, 0.15);
63
68
  }
@@ -78,7 +83,7 @@
78
83
 
79
84
  <div id="toast-container"
80
85
  class="fixed top-0 left-1/2 flex flex-col items-center pointer-events-none"
81
- style="z-index: 60; transform: translateX(-50%); padding: 1rem; width: 100%; max-width: 30rem;">
86
+ style="transform: translateX(-50%); padding: 1rem; width: 100%; max-width: 30rem;">
82
87
 
83
88
  <template x-for="(toast, index) in toasts" :key="toast.id">
84
89
  <div :style="toastStyle(index)"
@@ -1,3 +1,3 @@
1
1
  module Studio
2
- VERSION = "0.4.9"
2
+ VERSION = "0.4.10"
3
3
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: studio-engine
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.4.9
4
+ version: 0.4.10
5
5
  platform: ruby
6
6
  authors:
7
7
  - Alex McRitchie
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2026-05-23 00:00:00.000000000 Z
11
+ date: 2026-05-24 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: rails