@memberjunction/ng-shared-generic 5.51.2 → 5.51.3
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/dist/lib/_tokens.scss +22 -1
- package/package.json +7 -7
package/dist/lib/_tokens.scss
CHANGED
|
@@ -345,11 +345,32 @@
|
|
|
345
345
|
--mj-shadow-brand-sm: 0 2px 8px rgba(0, 118, 182, 0.3);
|
|
346
346
|
--mj-shadow-brand-md: 0 4px 12px rgba(0, 118, 182, 0.4);
|
|
347
347
|
|
|
348
|
-
/* Focus Ring
|
|
348
|
+
/* Focus Ring
|
|
349
|
+
------------------------------------------------------------------
|
|
350
|
+
TWO tokens, and they are NOT interchangeable:
|
|
351
|
+
|
|
352
|
+
--mj-focus-ring a complete two-part BOX-SHADOW VALUE.
|
|
353
|
+
Use ONLY in `box-shadow`.
|
|
354
|
+
--mj-focus-ring-color a COLOR. Use in `outline`, `border-color`,
|
|
355
|
+
or anywhere a single color is expected.
|
|
356
|
+
|
|
357
|
+
`outline: 2px solid var(--mj-focus-ring)` parses as valid-looking CSS and
|
|
358
|
+
renders NOTHING — the shorthand's color slot rejects a multi-part shadow
|
|
359
|
+
value and the whole declaration is dropped, silently, with no console
|
|
360
|
+
warning. Downstream consumers shipped four of these before a sweep caught
|
|
361
|
+
them. `.github/scripts/check-focus-ring.sh` now fails on that pattern.
|
|
362
|
+
|
|
363
|
+
Correct: outline: none; box-shadow: var(--mj-focus-ring);
|
|
364
|
+
Correct: outline: var(--mj-ring-width) solid var(--mj-focus-ring-color);
|
|
365
|
+
outline-offset: var(--mj-ring-offset);
|
|
366
|
+
------------------------------------------------------------------ */
|
|
349
367
|
--mj-ring-width: 2px;
|
|
350
368
|
--mj-ring-offset: 2px;
|
|
351
369
|
--mj-ring-color: var(--mj-brand-primary);
|
|
370
|
+
/* box-shadow VALUE — never valid in `outline`. See the block above. */
|
|
352
371
|
--mj-focus-ring: 0 0 0 var(--mj-ring-offset) var(--mj-bg-surface), 0 0 0 calc(var(--mj-ring-offset) + var(--mj-ring-width)) var(--mj-ring-color);
|
|
372
|
+
/* COLOR — the outline-safe companion to --mj-focus-ring. */
|
|
373
|
+
--mj-focus-ring-color: var(--mj-ring-color);
|
|
353
374
|
|
|
354
375
|
/* Transitions */
|
|
355
376
|
--mj-transition-fast: 150ms ease;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@memberjunction/ng-shared-generic",
|
|
3
|
-
"version": "5.51.
|
|
3
|
+
"version": "5.51.3",
|
|
4
4
|
"description": "MemberJunction: Generic Angular Shared Package - utility services and reusable elements used in any Angular application.",
|
|
5
5
|
"main": "./dist/public-api.js",
|
|
6
6
|
"typings": "./dist/public-api.d.ts",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"devDependencies": {
|
|
24
24
|
"@angular/compiler": "21.1.3",
|
|
25
25
|
"@angular/compiler-cli": "21.1.3",
|
|
26
|
-
"@memberjunction/ng-test-utils": "5.51.
|
|
26
|
+
"@memberjunction/ng-test-utils": "5.51.3",
|
|
27
27
|
"vitest": "^4.0.18"
|
|
28
28
|
},
|
|
29
29
|
"peerDependencies": {
|
|
@@ -33,11 +33,11 @@
|
|
|
33
33
|
"rxjs": "^7.8.2"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@memberjunction/core": "5.51.
|
|
37
|
-
"@memberjunction/ng-base-types": "5.51.
|
|
38
|
-
"@memberjunction/core-entities": "5.51.
|
|
39
|
-
"@memberjunction/global": "5.51.
|
|
40
|
-
"@memberjunction/theme-engine": "5.51.
|
|
36
|
+
"@memberjunction/core": "5.51.3",
|
|
37
|
+
"@memberjunction/ng-base-types": "5.51.3",
|
|
38
|
+
"@memberjunction/core-entities": "5.51.3",
|
|
39
|
+
"@memberjunction/global": "5.51.3",
|
|
40
|
+
"@memberjunction/theme-engine": "5.51.3",
|
|
41
41
|
"dompurify": "^3.3.0",
|
|
42
42
|
"tslib": "^2.8.1"
|
|
43
43
|
},
|