@citizenplane/pimp 10.2.4 → 10.2.6

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/dist/style.css +1 -1
  2. package/package.json +1 -1
  3. package/src/components/CpButton.vue +9 -0
  4. package/src/components/CpMultiselect.vue +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citizenplane/pimp",
3
- "version": "10.2.4",
3
+ "version": "10.2.6",
4
4
  "scripts": {
5
5
  "dev": "storybook dev -p 8080",
6
6
  "build-storybook": "storybook build --output-dir ./docs",
package/src/components/CpButton.vue CHANGED
@@ -196,6 +196,15 @@ const dynamicClasses = computed(() => {
196
196
 
197
197
  &--isDefault {
198
198
  box-shadow: 0 0 0 fn.px-to-rem(1) var(--cp-border-strong);
199
+
200
+ &:hover {
201
+ box-shadow: 0 0 0 fn.px-to-rem(1) var(--cp-border-strong-hover);
202
+ }
203
+
204
+ &:focus {
205
+ outline: fn.px-to-rem(2) solid var(--cp-border-strong);
206
+ box-shadow: none;
207
+ }
199
208
  }
200
209
 
201
210
  &--isMinimal {
package/src/components/CpMultiselect.vue CHANGED
@@ -300,7 +300,7 @@ onMounted(() => overrideAlignOverlay())
300
300
  padding: var(--cp-spacing-md) var(--cp-spacing-xl);
301
301
  box-shadow:
302
302
  var(--cp-shadows-3xs),
303
- 0 0 0 var(--cp-dimensions-0_25) var(--cp-border-soft);
303
+ 0 0 0 var(--cp-dimensions-0_25) var(--cp-border-strong);
304
304
  border-radius: var(--cp-radius-md);
305
305
  gap: var(--cp-spacing-md);
306
306
 
@@ -309,7 +309,7 @@ onMounted(() => overrideAlignOverlay())
309
309
  }
310
310
 
311
311
  &:has(input:hover):not(:has(input:disabled)) {
312
- outline: var(--cp-dimensions-0_25) solid var(--cp-border-soft-hover);
312
+ outline: var(--cp-dimensions-0_25) solid var(--cp-border-strong-hover);
313
313
  }
314
314
 
315
315
  &:has(input:focus-visible):not(:has(input:disabled)) {