@jjlmoya/utils-tabletop 1.13.0 → 1.14.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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jjlmoya/utils-tabletop",
3
- "version": "1.13.0",
3
+ "version": "1.14.0",
4
4
  "type": "module",
5
5
  "main": "./src/index.ts",
6
6
  "types": "./src/index.ts",
@@ -33,7 +33,7 @@ const { ui } = Astro.props;
33
33
  <div class="sds-compass-wrapper">
34
34
  <div id="sds-compass" class="sds-compass">
35
35
  <div class="sds-compass-ring"></div>
36
- <svg class="sds-compass-svg" viewBox="0 0 200 200">
36
+ <svg class="sds-compass-svg" viewBox="0 0 200 200" preserveAspectRatio="xMidYMid meet">
37
37
  <defs>
38
38
  <radialGradient id="compass-glow" cx="50%" cy="50%" r="50%">
39
39
  <stop offset="0%" stop-color="var(--sds-glow-inner)" stop-opacity="0.15"></stop>
@@ -3,6 +3,7 @@
3
3
  --sds-accent-rgb: 3, 105, 161;
4
4
  --sds-glow-inner: #0284c7;
5
5
  --sds-glow-outer: #0ea5e9;
6
+ --sds-border: #475569;
6
7
  --sds-border-glow: rgba(3, 105, 161, 0.2);
7
8
  --sds-success: #059669;
8
9
  --sds-success-rgb: 5, 150, 105;
@@ -20,6 +21,7 @@
20
21
  --sds-accent-rgb: 56, 189, 248;
21
22
  --sds-glow-inner: #7dd3fc;
22
23
  --sds-glow-outer: #38bdf8;
24
+ --sds-border: #64748b;
23
25
  --sds-border-glow: rgba(56, 189, 248, 0.25);
24
26
  --sds-success: #34d399;
25
27
  --sds-success-rgb: 52, 211, 153;
@@ -135,6 +137,8 @@
135
137
  position: relative;
136
138
  width: 300px;
137
139
  height: 300px;
140
+ max-width: 100%;
141
+ aspect-ratio: 1;
138
142
  margin: 0 auto;
139
143
  }
140
144
 
@@ -175,6 +179,7 @@
175
179
  width: 100%;
176
180
  height: 100%;
177
181
  pointer-events: none;
182
+ overflow: visible;
178
183
  }
179
184
 
180
185
  .sds-pointer {