ninegrid2 6.773.0 → 6.774.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.
Files changed (5) hide show
  1. package/dist/bundle.cjs.js +5 -2
  2. package/dist/bundle.esm.js +5 -2
  3. package/dist/nx/nxCollapse.js +5 -2
  4. package/package.json +1 -1
  5. package/src/nx/nxCollapse.js +5 -2
package/dist/bundle.cjs.js CHANGED
@@ -120909,14 +120909,17 @@ class nxCollapse extends HTMLElement {
120909
120909
  width: 16px;
120910
120910
  height: 16px;
120911
120911
  border: none;
120912
- background-repeat: no-repeat;
120912
+ transition: all 0.3s ease;
120913
+ background-repeat: no-repeat;
120913
120914
  background-position: center;
120914
120915
  background-size: auto;
120915
120916
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="darkgray" class="bi bi-box-arrow-in-up-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M6.364 13.5a.5.5 0 0 0 .5.5H13.5a1.5 1.5 0 0 0 1.5-1.5v-10A1.5 1.5 0 0 0 13.5 1h-10A1.5 1.5 0 0 0 2 2.5v6.636a.5.5 0 1 0 1 0V2.5a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v10a.5.5 0 0 1-.5.5H6.864a.5.5 0 0 0-.5.5"/><path fill-rule="evenodd" d="M11 5.5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793l-8.147 8.146a.5.5 0 0 0 .708.708L10 6.707V10.5a.5.5 0 0 0 1 0z"/></svg>');
120916
120917
  }
120917
120918
 
120918
120919
  span.collapse-toggle:hover {
120919
- border: 1px solid red;
120920
+ background-color: rgba(220, 20, 60, 0.1); /* 연한 배경 강조 */
120921
+ box-shadow: 0 0 6px rgba(220, 20, 60, 0.4); /* 붉은빛 glow */
120922
+ transform: scale(1.2); /* 살짝 확대 */
120920
120923
  }
120921
120924
  `;
120922
120925
  (shadowRoot || this.#target).appendChild(style);
package/dist/bundle.esm.js CHANGED
@@ -120905,14 +120905,17 @@ class nxCollapse extends HTMLElement {
120905
120905
  width: 16px;
120906
120906
  height: 16px;
120907
120907
  border: none;
120908
- background-repeat: no-repeat;
120908
+ transition: all 0.3s ease;
120909
+ background-repeat: no-repeat;
120909
120910
  background-position: center;
120910
120911
  background-size: auto;
120911
120912
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="darkgray" class="bi bi-box-arrow-in-up-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M6.364 13.5a.5.5 0 0 0 .5.5H13.5a1.5 1.5 0 0 0 1.5-1.5v-10A1.5 1.5 0 0 0 13.5 1h-10A1.5 1.5 0 0 0 2 2.5v6.636a.5.5 0 1 0 1 0V2.5a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v10a.5.5 0 0 1-.5.5H6.864a.5.5 0 0 0-.5.5"/><path fill-rule="evenodd" d="M11 5.5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793l-8.147 8.146a.5.5 0 0 0 .708.708L10 6.707V10.5a.5.5 0 0 0 1 0z"/></svg>');
120912
120913
  }
120913
120914
 
120914
120915
  span.collapse-toggle:hover {
120915
- border: 1px solid red;
120916
+ background-color: rgba(220, 20, 60, 0.1); /* 연한 배경 강조 */
120917
+ box-shadow: 0 0 6px rgba(220, 20, 60, 0.4); /* 붉은빛 glow */
120918
+ transform: scale(1.2); /* 살짝 확대 */
120916
120919
  }
120917
120920
  `;
120918
120921
  (shadowRoot || this.#target).appendChild(style);
package/dist/nx/nxCollapse.js CHANGED
@@ -64,14 +64,17 @@ class nxCollapse extends HTMLElement {
64
64
  width: 16px;
65
65
  height: 16px;
66
66
  border: none;
67
- background-repeat: no-repeat;
67
+ transition: all 0.3s ease;
68
+ background-repeat: no-repeat;
68
69
  background-position: center;
69
70
  background-size: auto;
70
71
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="darkgray" class="bi bi-box-arrow-in-up-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M6.364 13.5a.5.5 0 0 0 .5.5H13.5a1.5 1.5 0 0 0 1.5-1.5v-10A1.5 1.5 0 0 0 13.5 1h-10A1.5 1.5 0 0 0 2 2.5v6.636a.5.5 0 1 0 1 0V2.5a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v10a.5.5 0 0 1-.5.5H6.864a.5.5 0 0 0-.5.5"/><path fill-rule="evenodd" d="M11 5.5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793l-8.147 8.146a.5.5 0 0 0 .708.708L10 6.707V10.5a.5.5 0 0 0 1 0z"/></svg>');
71
72
  }
72
73
 
73
74
  span.collapse-toggle:hover {
74
- border: 1px solid red;
75
+ background-color: rgba(220, 20, 60, 0.1); /* 연한 배경 강조 */
76
+ box-shadow: 0 0 6px rgba(220, 20, 60, 0.4); /* 붉은빛 glow */
77
+ transform: scale(1.2); /* 살짝 확대 */
75
78
  }
76
79
  `;
77
80
  (shadowRoot || this.#target).appendChild(style);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.773.0",
4
+ "version": "6.774.0",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "exports": {
package/src/nx/nxCollapse.js CHANGED
@@ -64,14 +64,17 @@ class nxCollapse extends HTMLElement {
64
64
  width: 16px;
65
65
  height: 16px;
66
66
  border: none;
67
- background-repeat: no-repeat;
67
+ transition: all 0.3s ease;
68
+ background-repeat: no-repeat;
68
69
  background-position: center;
69
70
  background-size: auto;
70
71
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="darkgray" class="bi bi-box-arrow-in-up-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M6.364 13.5a.5.5 0 0 0 .5.5H13.5a1.5 1.5 0 0 0 1.5-1.5v-10A1.5 1.5 0 0 0 13.5 1h-10A1.5 1.5 0 0 0 2 2.5v6.636a.5.5 0 1 0 1 0V2.5a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v10a.5.5 0 0 1-.5.5H6.864a.5.5 0 0 0-.5.5"/><path fill-rule="evenodd" d="M11 5.5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793l-8.147 8.146a.5.5 0 0 0 .708.708L10 6.707V10.5a.5.5 0 0 0 1 0z"/></svg>');
71
72
  }
72
73
 
73
74
  span.collapse-toggle:hover {
74
- border: 1px solid red;
75
+ background-color: rgba(220, 20, 60, 0.1); /* 연한 배경 강조 */
76
+ box-shadow: 0 0 6px rgba(220, 20, 60, 0.4); /* 붉은빛 glow */
77
+ transform: scale(1.2); /* 살짝 확대 */
75
78
  }
76
79
  `;
77
80
  (shadowRoot || this.#target).appendChild(style);