@pie-players/pie-tool-protractor 0.1.9 → 0.1.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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pie-players/pie-tool-protractor",
3
- "version": "0.1.9",
3
+ "version": "0.1.10",
4
4
  "type": "module",
5
5
  "description": "Draggable and rotatable protractor tool for PIE assessment player",
6
6
  "repository": {
@@ -42,9 +42,9 @@
42
42
  "unpkg": "./dist/tool-protractor.js",
43
43
  "jsdelivr": "./dist/tool-protractor.js",
44
44
  "dependencies": {
45
- "@pie-players/pie-assessment-toolkit": "0.2.9",
46
- "@pie-players/pie-context": "0.1.1",
47
- "@pie-players/pie-players-shared": "0.2.5",
45
+ "@pie-players/pie-assessment-toolkit": "0.2.10",
46
+ "@pie-players/pie-context": "0.1.2",
47
+ "@pie-players/pie-players-shared": "0.2.6",
48
48
  "daisyui": "^5.5.18",
49
49
  "moveable": "^0.53.0"
50
50
  },
@@ -306,12 +306,12 @@
306
306
  }
307
307
 
308
308
  .pie-tool-protractor:focus {
309
- outline: 3px solid #4A90E2;
309
+ outline: 3px solid var(--pie-button-focus-outline, var(--pie-primary, #4A90E2));
310
310
  outline-offset: 2px;
311
311
  }
312
312
 
313
313
  .pie-tool-protractor:focus-visible {
314
- outline: 3px solid #4A90E2;
314
+ outline: 3px solid var(--pie-button-focus-outline, var(--pie-primary, #4A90E2));
315
315
  outline-offset: 2px;
316
316
  }
317
317
 
@@ -324,9 +324,9 @@
324
324
 
325
325
  /* Semi-transparent white overlay for visibility (matching production implementation) */
326
326
  .pie-tool-protractor__container::after {
327
- background-color: #fff;
327
+ background-color: var(--pie-background, #fff);
328
328
  border-radius: 283px 283px 0 0;
329
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* Matching production implementation shadow */
329
+ box-shadow: 0 4px 12px rgb(0 0 0 / 0.15); /* Matching production implementation shadow */
330
330
  content: '';
331
331
  display: block;
332
332
  height: 283px;