@wpic/ui 0.9.2 → 0.9.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.
Files changed (4) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/dist/wpic-ui.css +7 -1
  3. package/package.json +1 -1
  4. package/src/style.css +7 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,7 @@
1
+ ## 0.9.3
2
+
3
+ - WButton: restore a transparent surface and visible theme border for the outline variant; secondary buttons retain their filled surface.
4
+
1
5
  ## 0.9.2
2
6
 
3
7
  - WCard: add `titleSize="base"` for smaller card titles; default remains `lg`. Action button typography is unchanged.
package/dist/wpic-ui.css CHANGED
@@ -373,12 +373,18 @@ input[type="range"].wpic-legacy-slider-themed::-webkit-slider-thumb {
373
373
  }
374
374
  .wpic-theme .wpic-button[data-variant="primary"]:hover:not(:disabled),
375
375
  .wpic-theme .wpic-range-apply:hover:not(:disabled) { background: var(--wpic-button-primary-hover); }
376
- .wpic-theme .wpic-button:is([data-variant="secondary"], [data-variant="outline"]) {
376
+ .wpic-theme .wpic-button[data-variant="secondary"] {
377
377
  background: var(--wpic-secondary);
378
378
  color: var(--wpic-on-secondary);
379
379
  border-color: transparent;
380
380
  box-shadow: var(--wpic-secondary-shadow);
381
381
  }
382
+ .wpic-theme .wpic-button[data-variant="outline"] {
383
+ background: transparent;
384
+ color: var(--wpic-text);
385
+ border: 1px solid var(--wpic-border);
386
+ box-shadow: none;
387
+ }
382
388
  .wpic-theme .wpic-button:is([data-variant="secondary"], [data-variant="outline"]):hover:not(:disabled) { background: var(--wpic-secondary-hover); }
383
389
  .wpic-theme .wpic-button:focus-visible {
384
390
  outline: 1px solid var(--wpic-accent);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wpic/ui",
3
- "version": "0.9.2",
3
+ "version": "0.9.3",
4
4
  "type": "module",
5
5
  "description": "WPIC shared Vue 3 component library",
6
6
  "publishConfig": {
package/src/style.css CHANGED
@@ -372,12 +372,18 @@ input[type="range"].wpic-legacy-slider-themed::-webkit-slider-thumb {
372
372
  }
373
373
  .wpic-theme .wpic-button[data-variant="primary"]:hover:not(:disabled),
374
374
  .wpic-theme .wpic-range-apply:hover:not(:disabled) { background: var(--wpic-button-primary-hover); }
375
- .wpic-theme .wpic-button:is([data-variant="secondary"], [data-variant="outline"]) {
375
+ .wpic-theme .wpic-button[data-variant="secondary"] {
376
376
  background: var(--wpic-secondary);
377
377
  color: var(--wpic-on-secondary);
378
378
  border-color: transparent;
379
379
  box-shadow: var(--wpic-secondary-shadow);
380
380
  }
381
+ .wpic-theme .wpic-button[data-variant="outline"] {
382
+ background: transparent;
383
+ color: var(--wpic-text);
384
+ border: 1px solid var(--wpic-border);
385
+ box-shadow: none;
386
+ }
381
387
  .wpic-theme .wpic-button:is([data-variant="secondary"], [data-variant="outline"]):hover:not(:disabled) { background: var(--wpic-secondary-hover); }
382
388
  .wpic-theme .wpic-button:focus-visible {
383
389
  outline: 1px solid var(--wpic-accent);