optimized-react-component-library-xyz123 0.8.2 → 0.9.2

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 (2) hide show
  1. package/package.json +1 -1
  2. package/src/css/styles.css +25 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "optimized-react-component-library-xyz123",
3
- "version": "0.8.2",
3
+ "version": "0.9.2",
4
4
  "description": "A modern React component library using TypeScript with React 19 support.",
5
5
  "main": "dist/index.cjs",
6
6
  "module": "dist/index.mjs",
package/src/css/styles.css CHANGED
@@ -288,16 +288,33 @@ textarea:focus-visible,
288
288
  }
289
289
 
290
290
  .pts-languageButton {
291
- display: flex;
291
+ position: relative;
292
+ display: inline-flex;
293
+ align-items: center;
292
294
  background: transparent;
293
295
  border: transparent;
294
296
  color: var(--action);
295
297
  cursor: pointer;
296
- padding-left: 0.6rem;
297
298
  }
298
299
 
299
- .pts-languageButton:hover{
300
- text-decoration: underline 0.2rem;
300
+ .pts-languageButton::after {
301
+ content: "";
302
+ position: absolute;
303
+ left: 0px;
304
+ right: -0.3rem;
305
+ bottom: 0;
306
+ height: 0.2rem;
307
+ background-color: currentColor;
308
+ opacity: 0;
309
+ }
310
+
311
+ .pts-languageButton:hover::after {
312
+ opacity: 1;
313
+ }
314
+
315
+ .languageIcon{
316
+ margin-top: 0.3rem;
317
+ padding-right: 0.6rem;
301
318
  }
302
319
 
303
320
  .pts-languageButton svg {
@@ -305,6 +322,10 @@ textarea:focus-visible,
305
322
  height: 1.5rem;
306
323
  }
307
324
 
325
+ .languageIcon{
326
+ padding-left: 0.6rem;
327
+ }
328
+
308
329
  /* ---------- TextBODY ---------- */
309
330
 
310
331
  .MoreInfoIcon{