@memberjunction/ng-shared-generic 6.1.0-edge.4 → 6.1.0-edge.5
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
|
@@ -369,11 +369,32 @@
|
|
|
369
369
|
--mj-shadow-brand-sm: 0 2px 8px rgba(0, 118, 182, 0.3);
|
|
370
370
|
--mj-shadow-brand-md: 0 4px 12px rgba(0, 118, 182, 0.4);
|
|
371
371
|
|
|
372
|
-
/* Focus Ring
|
|
372
|
+
/* Focus Ring
|
|
373
|
+
------------------------------------------------------------------
|
|
374
|
+
TWO tokens, and they are NOT interchangeable:
|
|
375
|
+
|
|
376
|
+
--mj-focus-ring a complete two-part BOX-SHADOW VALUE.
|
|
377
|
+
Use ONLY in `box-shadow`.
|
|
378
|
+
--mj-focus-ring-color a COLOR. Use in `outline`, `border-color`,
|
|
379
|
+
or anywhere a single color is expected.
|
|
380
|
+
|
|
381
|
+
`outline: 2px solid var(--mj-focus-ring)` parses as valid-looking CSS and
|
|
382
|
+
renders NOTHING — the shorthand's color slot rejects a multi-part shadow
|
|
383
|
+
value and the whole declaration is dropped, silently, with no console
|
|
384
|
+
warning. Downstream consumers shipped four of these before a sweep caught
|
|
385
|
+
them. `.github/scripts/check-focus-ring.sh` now fails on that pattern.
|
|
386
|
+
|
|
387
|
+
Correct: outline: none; box-shadow: var(--mj-focus-ring);
|
|
388
|
+
Correct: outline: var(--mj-ring-width) solid var(--mj-focus-ring-color);
|
|
389
|
+
outline-offset: var(--mj-ring-offset);
|
|
390
|
+
------------------------------------------------------------------ */
|
|
373
391
|
--mj-ring-width: 2px;
|
|
374
392
|
--mj-ring-offset: 2px;
|
|
375
393
|
--mj-ring-color: var(--mj-brand-primary);
|
|
394
|
+
/* box-shadow VALUE — never valid in `outline`. See the block above. */
|
|
376
395
|
--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);
|
|
396
|
+
/* COLOR — the outline-safe companion to --mj-focus-ring. */
|
|
397
|
+
--mj-focus-ring-color: var(--mj-ring-color);
|
|
377
398
|
|
|
378
399
|
/* Transitions */
|
|
379
400
|
--mj-transition-fast: 150ms ease;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@memberjunction/ng-shared-generic",
|
|
3
|
-
"version": "6.1.0-edge.
|
|
3
|
+
"version": "6.1.0-edge.5",
|
|
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",
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"devDependencies": {
|
|
17
17
|
"@angular/compiler": "21.1.3",
|
|
18
18
|
"@angular/compiler-cli": "21.1.3",
|
|
19
|
-
"@memberjunction/ng-test-utils": "6.1.0-edge.
|
|
19
|
+
"@memberjunction/ng-test-utils": "6.1.0-edge.5",
|
|
20
20
|
"vitest": "^4.0.18"
|
|
21
21
|
},
|
|
22
22
|
"peerDependencies": {
|
|
@@ -26,11 +26,11 @@
|
|
|
26
26
|
"rxjs": "^7.8.2"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@memberjunction/core": "6.1.0-edge.
|
|
30
|
-
"@memberjunction/ng-base-types": "6.1.0-edge.
|
|
31
|
-
"@memberjunction/core-entities": "6.1.0-edge.
|
|
32
|
-
"@memberjunction/global": "6.1.0-edge.
|
|
33
|
-
"@memberjunction/theme-engine": "6.1.0-edge.
|
|
29
|
+
"@memberjunction/core": "6.1.0-edge.5",
|
|
30
|
+
"@memberjunction/ng-base-types": "6.1.0-edge.5",
|
|
31
|
+
"@memberjunction/core-entities": "6.1.0-edge.5",
|
|
32
|
+
"@memberjunction/global": "6.1.0-edge.5",
|
|
33
|
+
"@memberjunction/theme-engine": "6.1.0-edge.5",
|
|
34
34
|
"dompurify": "^3.3.0",
|
|
35
35
|
"tslib": "^2.8.1"
|
|
36
36
|
},
|