@uipath/apollo-react 7.3.1 → 7.3.2

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 (6) hide show
  1. package/dist/canvas/styles/tailwind.canvas.css +1 -1
  2. package/dist/chat/styles/tailwind.chat.css +1 -1
  3. package/dist/material/components/ap-chat/components/input/tiptap/resource-chip-node-view.cjs +6 -3
  4. package/dist/material/components/ap-chat/components/input/tiptap/resource-chip-node-view.d.ts.map +1 -1
  5. package/dist/material/components/ap-chat/components/input/tiptap/resource-chip-node-view.js +6 -3
  6. package/package.json +2 -2
package/dist/material/components/ap-chat/components/input/tiptap/resource-chip-node-view.cjs CHANGED
@@ -44,17 +44,19 @@ const apollo_core_namespaceObject = require("@uipath/apollo-core");
44
44
  var apollo_core_default = /*#__PURE__*/ __webpack_require__.n(apollo_core_namespaceObject);
45
45
  const chat_state_provider_cjs_namespaceObject = require("../../../../../../chat/headless/providers/chat-state-provider.cjs");
46
46
  const index_cjs_namespaceObject = require("../../../../../../chat/service/index.cjs");
47
+ const reference_chip_colors_namespaceObject = require("@uipath/apollo-wind/components/ui/reference-chip-colors");
47
48
  const external_react_namespaceObject = require("react");
48
49
  var external_react_default = /*#__PURE__*/ __webpack_require__.n(external_react_namespaceObject);
49
50
  const font_by_variant_cjs_namespaceObject = require("../../../utils/font-by-variant.cjs");
50
51
  const action_button_cjs_namespaceObject = require("../../common/action-button.cjs");
51
52
  const tooltip_cjs_namespaceObject = require("../../common/tooltip.cjs");
53
+ const chipColors = (0, reference_chip_colors_namespaceObject.getReferenceChipColors)().valid;
52
54
  const ChipContent = (0, styles_namespaceObject.styled)('span')(({ readonly })=>({
53
55
  display: 'inline-flex',
54
56
  alignItems: 'center',
55
57
  padding: `0 ${apollo_core_default().Padding.PadS}`,
56
- backgroundColor: 'var(--color-info-background)',
57
- color: 'var(--color-info-text)',
58
+ backgroundColor: chipColors.background,
59
+ color: chipColors.text,
58
60
  borderRadius: `calc(${apollo_core_default().Border.BorderRadiusL} * 2)`,
59
61
  verticalAlign: 'middle',
60
62
  ...!readonly && {
@@ -65,6 +67,7 @@ const ChipContent = (0, styles_namespaceObject.styled)('span')(({ readonly })=>(
65
67
  }));
66
68
  const ChipIcon = (0, styles_namespaceObject.styled)('span')(()=>({
67
69
  fontFamily: '"Material Icons Outlined"',
70
+ color: chipColors.icon,
68
71
  fontSize: apollo_core_default().Icon.IconXs,
69
72
  flexShrink: 0,
70
73
  userSelect: 'none'
@@ -84,7 +87,7 @@ const ChipDeleteContainer = (0, styles_namespaceObject.styled)('span')(({ visibl
84
87
  transform: 'translateY(-50%)',
85
88
  display: 'flex',
86
89
  alignItems: 'center',
87
- backgroundColor: 'var(--color-info-background)',
90
+ backgroundColor: chipColors.background,
88
91
  borderRadius: `calc(${apollo_core_default().Border.BorderRadiusL} * 2)`,
89
92
  transition: 'opacity 0.15s ease-in-out',
90
93
  '& .MuiButtonBase-root.MuiButtonBase-root': {
package/dist/material/components/ap-chat/components/input/tiptap/resource-chip-node-view.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"resource-chip-node-view.d.ts","sourceRoot":"","sources":["../../../../../../../src/material/components/ap-chat/components/input/tiptap/resource-chip-node-view.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,aAAa,EAAmB,MAAM,eAAe,CAAC;AAIpE,OAAO,KAAK,MAAM,OAAO,CAAC;AA0D1B,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAmED,eAAO,MAAM,gBAAgB,mDAAoC,CAAC;AAGlE,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqBvD,CAAC"}
1
+ {"version":3,"file":"resource-chip-node-view.d.ts","sourceRoot":"","sources":["../../../../../../../src/material/components/ap-chat/components/input/tiptap/resource-chip-node-view.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,aAAa,EAAmB,MAAM,eAAe,CAAC;AAKpE,OAAO,KAAK,MAAM,OAAO,CAAC;AA8D1B,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAmED,eAAO,MAAM,gBAAgB,mDAAoC,CAAC;AAGlE,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqBvD,CAAC"}
package/dist/material/components/ap-chat/components/input/tiptap/resource-chip-node-view.js CHANGED
@@ -5,16 +5,18 @@ import { NodeViewWrapper } from "@tiptap/react";
5
5
  import apollo_core, { Typography } from "@uipath/apollo-core";
6
6
  import { useChatState } from "../../../../../../chat/headless/providers/chat-state-provider.js";
7
7
  import { CHAT_RESOURCE_CHIP_MAX_WIDTH } from "../../../../../../chat/service/index.js";
8
+ import { getReferenceChipColors } from "@uipath/apollo-wind/components/ui/reference-chip-colors";
8
9
  import react from "react";
9
10
  import { fontByVariant } from "../../../utils/font-by-variant.js";
10
11
  import { AutopilotChatActionButton } from "../../common/action-button.js";
11
12
  import { AutopilotChatTooltip } from "../../common/tooltip.js";
13
+ const chipColors = getReferenceChipColors().valid;
12
14
  const ChipContent = styled('span')(({ readonly })=>({
13
15
  display: 'inline-flex',
14
16
  alignItems: 'center',
15
17
  padding: `0 ${apollo_core.Padding.PadS}`,
16
- backgroundColor: 'var(--color-info-background)',
17
- color: 'var(--color-info-text)',
18
+ backgroundColor: chipColors.background,
19
+ color: chipColors.text,
18
20
  borderRadius: `calc(${apollo_core.Border.BorderRadiusL} * 2)`,
19
21
  verticalAlign: 'middle',
20
22
  ...!readonly && {
@@ -25,6 +27,7 @@ const ChipContent = styled('span')(({ readonly })=>({
25
27
  }));
26
28
  const ChipIcon = styled('span')(()=>({
27
29
  fontFamily: '"Material Icons Outlined"',
30
+ color: chipColors.icon,
28
31
  fontSize: apollo_core.Icon.IconXs,
29
32
  flexShrink: 0,
30
33
  userSelect: 'none'
@@ -44,7 +47,7 @@ const ChipDeleteContainer = styled('span')(({ visible, compactMode })=>({
44
47
  transform: 'translateY(-50%)',
45
48
  display: 'flex',
46
49
  alignItems: 'center',
47
- backgroundColor: 'var(--color-info-background)',
50
+ backgroundColor: chipColors.background,
48
51
  borderRadius: `calc(${apollo_core.Border.BorderRadiusL} * 2)`,
49
52
  transition: 'opacity 0.15s ease-in-out',
50
53
  '& .MuiButtonBase-root.MuiButtonBase-root': {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uipath/apollo-react",
3
- "version": "7.3.1",
3
+ "version": "7.3.2",
4
4
  "description": "Apollo Design System - React component library with Material UI theming",
5
5
  "repository": {
6
6
  "type": "git",
@@ -242,7 +242,7 @@
242
242
  "zustand": "^5.0.9",
243
243
  "@uipath/apollo-core": "5.15.1",
244
244
  "@uipath/apollo-ui-icons": "1.2.0",
245
- "@uipath/apollo-wind": "2.71.0"
245
+ "@uipath/apollo-wind": "2.72.0"
246
246
  },
247
247
  "devDependencies": {
248
248
  "@lingui/cli": "^5.6.1",