@agregio-solutions/design-system 1.48.2 → 1.49.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.
@@ -229,9 +229,13 @@ See https://s-c.sh/2BAXzed for more info.`),window[qu]+=1);const b8=l.createCont
229
229
  outline-color: var(--hover-border-color);
230
230
  }
231
231
 
232
- // Manage keyboard focus state (and temporary active state as well)
233
- &:not([data-disabled])[data-pressed],
234
- &:not([data-disabled])[data-force-pressed],
232
+ // Manage pressed state
233
+ &[data-pressed],
234
+ &[data-force-pressed] {
235
+ transform: scale(0.96);
236
+ }
237
+
238
+ // Manage keyboard focus state
235
239
  &:not([data-disabled])[data-focus-visible],
236
240
  &:not([data-disabled])[data-force-focus-visible] {
237
241
  color: var(--hover-color);
@@ -248,6 +252,10 @@ See https://s-c.sh/2BAXzed for more info.`),window[qu]+=1);const b8=l.createCont
248
252
  &:not([data-disabled])[data-force-focused] {
249
253
  outline: var(--border-color) solid 1px;
250
254
  }
255
+ &:not([data-disabled])[data-focused][data-hovered],
256
+ &:not([data-disabled])[data-force-focused][data-hovered] {
257
+ outline: var(--hover-border-color) solid 1px;
258
+ }
251
259
 
252
260
  // Manage the size variations
253
261
  &[data-size="small"] {
@@ -21980,9 +21980,13 @@ const F7 = I.span`
21980
21980
  outline-color: var(--hover-border-color);
21981
21981
  }
21982
21982
 
21983
- // Manage keyboard focus state (and temporary active state as well)
21984
- &:not([data-disabled])[data-pressed],
21985
- &:not([data-disabled])[data-force-pressed],
21983
+ // Manage pressed state
21984
+ &[data-pressed],
21985
+ &[data-force-pressed] {
21986
+ transform: scale(0.96);
21987
+ }
21988
+
21989
+ // Manage keyboard focus state
21986
21990
  &:not([data-disabled])[data-focus-visible],
21987
21991
  &:not([data-disabled])[data-force-focus-visible] {
21988
21992
  color: var(--hover-color);
@@ -21999,6 +22003,10 @@ const F7 = I.span`
21999
22003
  &:not([data-disabled])[data-force-focused] {
22000
22004
  outline: var(--border-color) solid 1px;
22001
22005
  }
22006
+ &:not([data-disabled])[data-focused][data-hovered],
22007
+ &:not([data-disabled])[data-force-focused][data-hovered] {
22008
+ outline: var(--hover-border-color) solid 1px;
22009
+ }
22002
22010
 
22003
22011
  // Manage the size variations
22004
22012
  &[data-size="small"] {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@agregio-solutions/design-system",
3
- "version": "1.48.2",
3
+ "version": "1.49.0",
4
4
  "description": "React Component library and Storybook that is part of the Design System for Agregio Solutions",
5
5
  "type": "module",
6
6
  "module": "dist/design-system.js",