@uipath/apollo-react 6.16.4 → 6.16.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.
@@ -46,7 +46,7 @@ const AdhocTaskItemComponent = ({ task, taskExecution, isSelected, getContextMen
46
46
  }, []);
47
47
  return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_StageNode_styles_cjs_namespaceObject.StageItemPill, {
48
48
  ref: taskRef,
49
- "data-testid": `stage-task-${task.id}`,
49
+ "data-testid": `stage-task-card-${task.id}`,
50
50
  selected: isSelected,
51
51
  status: taskExecution?.status,
52
52
  isPlaceholder: task.isPlaceholder,
@@ -18,7 +18,7 @@ const AdhocTaskItemComponent = ({ task, taskExecution, isSelected, getContextMen
18
18
  }, []);
19
19
  return /*#__PURE__*/ jsxs(StageItemPill, {
20
20
  ref: taskRef,
21
- "data-testid": `stage-task-${task.id}`,
21
+ "data-testid": `stage-task-card-${task.id}`,
22
22
  selected: isSelected,
23
23
  status: taskExecution?.status,
24
24
  isPlaceholder: task.isPlaceholder,
@@ -87,7 +87,7 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, g
87
87
  }
88
88
  const taskElement = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_StageNode_styles_cjs_namespaceObject.StageItemPill, {
89
89
  ref: taskRef,
90
- "data-testid": `stage-task-${task.id}`,
90
+ "data-testid": `stage-task-card-${task.id}`,
91
91
  selected: isSelected,
92
92
  status: taskExecution?.status,
93
93
  isParallel: isParallel,
@@ -59,7 +59,7 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, g
59
59
  }
60
60
  const taskElement = /*#__PURE__*/ jsxs(StageItemPill, {
61
61
  ref: taskRef,
62
- "data-testid": `stage-task-${task.id}`,
62
+ "data-testid": `stage-task-card-${task.id}`,
63
63
  selected: isSelected,
64
64
  status: taskExecution?.status,
65
65
  isParallel: isParallel,
@@ -46,7 +46,7 @@ const EventDrivenTaskItemComponent = ({ task, taskExecution, isSelected, getCont
46
46
  }, []);
47
47
  return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_StageNode_styles_cjs_namespaceObject.StageItemPill, {
48
48
  ref: taskRef,
49
- "data-testid": `stage-task-${task.id}`,
49
+ "data-testid": `stage-task-card-${task.id}`,
50
50
  selected: isSelected,
51
51
  status: taskExecution?.status,
52
52
  isPlaceholder: task.isPlaceholder,
@@ -18,7 +18,7 @@ const EventDrivenTaskItemComponent = ({ task, taskExecution, isSelected, getCont
18
18
  }, []);
19
19
  return /*#__PURE__*/ jsxs(StageItemPill, {
20
20
  ref: taskRef,
21
- "data-testid": `stage-task-${task.id}`,
21
+ "data-testid": `stage-task-card-${task.id}`,
22
22
  selected: isSelected,
23
23
  status: taskExecution?.status,
24
24
  isPlaceholder: task.isPlaceholder,
@@ -47,7 +47,17 @@ const MuiIconButton = (palette)=>({
47
47
  boxShadow: `inset 0 0 0 1px ${palette.semantic.colorBackground}`
48
48
  },
49
49
  '&.MuiIconButton-colorPrimary:not(.Mui-disabled)': {
50
- color: palette.semantic.colorPrimary
50
+ color: palette.semantic.colorPrimary,
51
+ '&&:hover': {
52
+ backgroundColor: palette.semantic.colorIconButtonHover
53
+ },
54
+ '&&:focus-visible': {
55
+ backgroundColor: palette.semantic.colorIconButtonHover,
56
+ outline: `2px solid ${palette.semantic.colorFocusIndicator} !important`
57
+ },
58
+ '&&:active': {
59
+ backgroundColor: palette.semantic.colorIconButtonPressed
60
+ }
51
61
  },
52
62
  '&.MuiIconButton-colorSecondary:not(.Mui-disabled)': {
53
63
  color: palette.semantic.colorIconDefault,
@@ -56,7 +66,7 @@ const MuiIconButton = (palette)=>({
56
66
  },
57
67
  '&&:focus-visible': {
58
68
  backgroundColor: palette.semantic.colorIconButtonHover,
59
- outline: `${palette.semantic.colorFocusIndicator} solid 2px !important`
69
+ outline: `2px solid ${palette.semantic.colorFocusIndicator} !important`
60
70
  },
61
71
  '&&:active': {
62
72
  backgroundColor: palette.semantic.colorIconButtonPressed
@@ -1 +1 @@
1
- {"version":3,"file":"MuiIconButton.d.ts","sourceRoot":"","sources":["../../../../src/material/theme/overrides/MuiIconButton.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEhE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAC;AAEtE,eAAO,MAAM,aAAa,GAAI,SAAS,OAAO,KAAG,mBAAmB,CAAC,eAAe,CA6BlF,CAAC"}
1
+ {"version":3,"file":"MuiIconButton.d.ts","sourceRoot":"","sources":["../../../../src/material/theme/overrides/MuiIconButton.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEhE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAC;AAEtE,eAAO,MAAM,aAAa,GAAI,SAAS,OAAO,KAAG,mBAAmB,CAAC,eAAe,CAqClF,CAAC"}
@@ -9,7 +9,17 @@ const MuiIconButton = (palette)=>({
9
9
  boxShadow: `inset 0 0 0 1px ${palette.semantic.colorBackground}`
10
10
  },
11
11
  '&.MuiIconButton-colorPrimary:not(.Mui-disabled)': {
12
- color: palette.semantic.colorPrimary
12
+ color: palette.semantic.colorPrimary,
13
+ '&&:hover': {
14
+ backgroundColor: palette.semantic.colorIconButtonHover
15
+ },
16
+ '&&:focus-visible': {
17
+ backgroundColor: palette.semantic.colorIconButtonHover,
18
+ outline: `2px solid ${palette.semantic.colorFocusIndicator} !important`
19
+ },
20
+ '&&:active': {
21
+ backgroundColor: palette.semantic.colorIconButtonPressed
22
+ }
13
23
  },
14
24
  '&.MuiIconButton-colorSecondary:not(.Mui-disabled)': {
15
25
  color: palette.semantic.colorIconDefault,
@@ -18,7 +28,7 @@ const MuiIconButton = (palette)=>({
18
28
  },
19
29
  '&&:focus-visible': {
20
30
  backgroundColor: palette.semantic.colorIconButtonHover,
21
- outline: `${palette.semantic.colorFocusIndicator} solid 2px !important`
31
+ outline: `2px solid ${palette.semantic.colorFocusIndicator} !important`
22
32
  },
23
33
  '&&:active': {
24
34
  backgroundColor: palette.semantic.colorIconButtonPressed
@@ -1,14 +1,5 @@
1
1
  "use strict";
2
2
  var __webpack_require__ = {};
3
- (()=>{
4
- __webpack_require__.n = (module)=>{
5
- var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
6
- __webpack_require__.d(getter, {
7
- a: getter
8
- });
9
- return getter;
10
- };
11
- })();
12
3
  (()=>{
13
4
  __webpack_require__.d = (exports1, definition)=>{
14
5
  for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
@@ -35,37 +26,33 @@ __webpack_require__.r(__webpack_exports__);
35
26
  __webpack_require__.d(__webpack_exports__, {
36
27
  MuiSwitch: ()=>MuiSwitch
37
28
  });
38
- const apollo_core_namespaceObject = require("@uipath/apollo-core");
39
- var apollo_core_default = /*#__PURE__*/ __webpack_require__.n(apollo_core_namespaceObject);
40
29
  const MuiSwitch = (palette)=>({
41
30
  root: {
42
- padding: apollo_core_default().Padding.PadXxl,
43
- width: '60px',
44
- height: '40px',
31
+ width: '40px',
32
+ height: '20px',
33
+ padding: 0,
34
+ borderRadius: '10px',
35
+ marginRight: '8px',
45
36
  '&:has(.Mui-focusVisible)': {
46
37
  outline: `2px solid ${palette.semantic.colorFocusIndicator}`,
47
38
  outlineOffset: '2px'
48
39
  },
49
40
  '& .MuiSwitch-switchBase': {
50
- padding: apollo_core_default().Padding.PadXl,
51
- marginLeft: '2px',
41
+ padding: 0,
42
+ '&.Mui-focusVisible': {
43
+ outline: 'unset',
44
+ backgroundColor: 'unset'
45
+ },
52
46
  '&.Mui-checked': {
53
- transform: 'translateX(16px)',
54
47
  '&.Mui-focusVisible': {
55
48
  outline: 'unset',
56
49
  backgroundColor: 'unset'
57
50
  }
58
- },
59
- '&.Mui-focusVisible': {
60
- outline: `2px solid ${palette.semantic.colorFocusIndicator} !important`,
61
- boxShadow: `inset 0 0 0 1px ${palette.semantic.colorBackground}`,
62
- backgroundColor: 'unset'
63
51
  }
64
52
  },
65
53
  '& .MuiSwitch-track': {
66
54
  backgroundColor: palette.semantic.colorForegroundDeEmp,
67
- opacity: 1,
68
- borderRadius: '10px'
55
+ opacity: 1
69
56
  },
70
57
  '& .MuiSwitch-thumb': {
71
58
  backgroundColor: palette.semantic.colorBackground,
@@ -75,15 +62,14 @@ const MuiSwitch = (palette)=>({
75
62
  position: 'relative',
76
63
  top: '3px',
77
64
  left: '3px',
78
- boxShadow: 'rgba(0, 0, 0, 0.12) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.2) 0px 1px 3px 0px'
65
+ boxShadow: 'unset'
79
66
  },
80
67
  '& .MuiSwitch-switchBase.Mui-disabled + .MuiSwitch-track': {
81
68
  backgroundColor: palette.semantic.colorToggleTrackOffDisabled,
82
69
  opacity: 1
83
70
  },
84
71
  '& .MuiSwitch-switchBase.Mui-disabled .MuiSwitch-thumb': {
85
- backgroundColor: palette.semantic.colorForegroundDisable,
86
- boxShadow: 'rgba(0, 0, 0, 0.06) 0px 2px 1px 0px, rgba(0, 0, 0, 0.07) 0px 1px 1px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px !important'
72
+ backgroundColor: palette.semantic.colorForegroundDisable
87
73
  },
88
74
  '& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track': {
89
75
  backgroundColor: palette.semantic.colorToggleThumbOn,
@@ -98,23 +84,6 @@ const MuiSwitch = (palette)=>({
98
84
  '& .MuiSwitch-switchBase.Mui-checked.Mui-disabled .MuiSwitch-thumb': {
99
85
  backgroundColor: palette.semantic.colorForegroundDisable
100
86
  }
101
- },
102
- thumb: {
103
- boxShadow: 'rgba(0, 0, 0, 0.12) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.2) 0px 1px 3px 0px'
104
- },
105
- switchBase: {
106
- padding: apollo_core_default().Padding.PadXl,
107
- marginLeft: '2px',
108
- '&.Mui-checked': {
109
- transform: 'translateX(16px)'
110
- },
111
- '&.Mui-focusVisible': {
112
- outline: `2px solid ${palette.semantic.colorFocusIndicator} !important`,
113
- boxShadow: `inset 0 0 0 1px ${palette.semantic.colorBackground}`
114
- }
115
- },
116
- track: {
117
- borderRadius: '10px'
118
87
  }
119
88
  });
120
89
  exports.MuiSwitch = __webpack_exports__.MuiSwitch;
@@ -1 +1 @@
1
- {"version":3,"file":"MuiSwitch.d.ts","sourceRoot":"","sources":["../../../../src/material/theme/overrides/MuiSwitch.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEhE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAC;AAEtE,eAAO,MAAM,SAAS,GAAI,SAAS,OAAO,KAAG,mBAAmB,CAAC,WAAW,CAgF1E,CAAC"}
1
+ {"version":3,"file":"MuiSwitch.d.ts","sourceRoot":"","sources":["../../../../src/material/theme/overrides/MuiSwitch.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAC;AAEtE,eAAO,MAAM,SAAS,GAAI,SAAS,OAAO,KAAG,mBAAmB,CAAC,WAAW,CA2D1E,CAAC"}
@@ -1,33 +1,30 @@
1
- import apollo_core from "@uipath/apollo-core";
2
1
  const MuiSwitch = (palette)=>({
3
2
  root: {
4
- padding: apollo_core.Padding.PadXxl,
5
- width: '60px',
6
- height: '40px',
3
+ width: '40px',
4
+ height: '20px',
5
+ padding: 0,
6
+ borderRadius: '10px',
7
+ marginRight: '8px',
7
8
  '&:has(.Mui-focusVisible)': {
8
9
  outline: `2px solid ${palette.semantic.colorFocusIndicator}`,
9
10
  outlineOffset: '2px'
10
11
  },
11
12
  '& .MuiSwitch-switchBase': {
12
- padding: apollo_core.Padding.PadXl,
13
- marginLeft: '2px',
13
+ padding: 0,
14
+ '&.Mui-focusVisible': {
15
+ outline: 'unset',
16
+ backgroundColor: 'unset'
17
+ },
14
18
  '&.Mui-checked': {
15
- transform: 'translateX(16px)',
16
19
  '&.Mui-focusVisible': {
17
20
  outline: 'unset',
18
21
  backgroundColor: 'unset'
19
22
  }
20
- },
21
- '&.Mui-focusVisible': {
22
- outline: `2px solid ${palette.semantic.colorFocusIndicator} !important`,
23
- boxShadow: `inset 0 0 0 1px ${palette.semantic.colorBackground}`,
24
- backgroundColor: 'unset'
25
23
  }
26
24
  },
27
25
  '& .MuiSwitch-track': {
28
26
  backgroundColor: palette.semantic.colorForegroundDeEmp,
29
- opacity: 1,
30
- borderRadius: '10px'
27
+ opacity: 1
31
28
  },
32
29
  '& .MuiSwitch-thumb': {
33
30
  backgroundColor: palette.semantic.colorBackground,
@@ -37,15 +34,14 @@ const MuiSwitch = (palette)=>({
37
34
  position: 'relative',
38
35
  top: '3px',
39
36
  left: '3px',
40
- boxShadow: 'rgba(0, 0, 0, 0.12) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.2) 0px 1px 3px 0px'
37
+ boxShadow: 'unset'
41
38
  },
42
39
  '& .MuiSwitch-switchBase.Mui-disabled + .MuiSwitch-track': {
43
40
  backgroundColor: palette.semantic.colorToggleTrackOffDisabled,
44
41
  opacity: 1
45
42
  },
46
43
  '& .MuiSwitch-switchBase.Mui-disabled .MuiSwitch-thumb': {
47
- backgroundColor: palette.semantic.colorForegroundDisable,
48
- boxShadow: 'rgba(0, 0, 0, 0.06) 0px 2px 1px 0px, rgba(0, 0, 0, 0.07) 0px 1px 1px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px !important'
44
+ backgroundColor: palette.semantic.colorForegroundDisable
49
45
  },
50
46
  '& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track': {
51
47
  backgroundColor: palette.semantic.colorToggleThumbOn,
@@ -60,23 +56,6 @@ const MuiSwitch = (palette)=>({
60
56
  '& .MuiSwitch-switchBase.Mui-checked.Mui-disabled .MuiSwitch-thumb': {
61
57
  backgroundColor: palette.semantic.colorForegroundDisable
62
58
  }
63
- },
64
- thumb: {
65
- boxShadow: 'rgba(0, 0, 0, 0.12) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.2) 0px 1px 3px 0px'
66
- },
67
- switchBase: {
68
- padding: apollo_core.Padding.PadXl,
69
- marginLeft: '2px',
70
- '&.Mui-checked': {
71
- transform: 'translateX(16px)'
72
- },
73
- '&.Mui-focusVisible': {
74
- outline: `2px solid ${palette.semantic.colorFocusIndicator} !important`,
75
- boxShadow: `inset 0 0 0 1px ${palette.semantic.colorBackground}`
76
- }
77
- },
78
- track: {
79
- borderRadius: '10px'
80
59
  }
81
60
  });
82
61
  export { MuiSwitch };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uipath/apollo-react",
3
- "version": "6.16.4",
3
+ "version": "6.16.5",
4
4
  "description": "Apollo Design System - React component library with Material UI theming",
5
5
  "repository": {
6
6
  "type": "git",