@citizenplane/pimp 10.2.3 → 10.2.5

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": "@citizenplane/pimp",
3
- "version": "10.2.3",
3
+ "version": "10.2.5",
4
4
  "scripts": {
5
5
  "dev": "storybook dev -p 8080",
6
6
  "build-storybook": "storybook build --output-dir ./docs",
@@ -195,10 +195,20 @@ const dynamicClasses = computed(() => {
195
195
  }
196
196
 
197
197
  &--isDefault {
198
- box-shadow: 0 0 0 fn.px-to-rem(1) var(--cp-border-strong);
198
+ box-shadow: 0 0 0 fn.px-to-rem(1) var(--cp-border-soft);
199
+
200
+ &:hover {
201
+ box-shadow: 0 0 0 fn.px-to-rem(1) var(--cp-border-soft-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 {
211
+ background-color: transparent;
202
212
  box-shadow: none;
203
213
  }
204
214
 
@@ -518,7 +518,7 @@ onMounted(() => overrideAlignOverlay())
518
518
 
519
519
  &__clear {
520
520
  position: absolute;
521
- right: var(--cp-dimensions-3_5);
521
+ right: var(--cp-dimensions-3);
522
522
  top: 50%;
523
523
  transform: translateY(-50%);
524
524
  background-color: var(--cp-background-primary);