@veracity/vui 2.14.1 → 2.14.3

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 (37) hide show
  1. package/dist/cjs/definition/definition.d.ts.map +1 -1
  2. package/dist/cjs/definition/definition.js +5 -6
  3. package/dist/cjs/definition/definitionContent.js +2 -2
  4. package/dist/cjs/header/header.types.d.ts +1 -1
  5. package/dist/cjs/header/header.types.d.ts.map +1 -1
  6. package/dist/cjs/header/headerAccountUserInfo.d.ts.map +1 -1
  7. package/dist/cjs/header/headerAccountUserInfo.js +5 -4
  8. package/dist/cjs/header/headerApplicationName.d.ts.map +1 -1
  9. package/dist/cjs/header/headerApplicationName.js +3 -2
  10. package/dist/cjs/header/headerServices.d.ts.map +1 -1
  11. package/dist/cjs/header/headerServices.js +1 -1
  12. package/dist/cjs/header/loggedInHeader.d.ts.map +1 -1
  13. package/dist/cjs/header/loggedInHeader.js +6 -4
  14. package/dist/cjs/input/input.js +1 -1
  15. package/dist/esm/definition/definition.d.ts.map +1 -1
  16. package/dist/esm/definition/definition.js +6 -7
  17. package/dist/esm/definition/definitionContent.js +2 -2
  18. package/dist/esm/header/header.types.d.ts +1 -1
  19. package/dist/esm/header/header.types.d.ts.map +1 -1
  20. package/dist/esm/header/headerAccountUserInfo.d.ts.map +1 -1
  21. package/dist/esm/header/headerAccountUserInfo.js +5 -4
  22. package/dist/esm/header/headerApplicationName.d.ts.map +1 -1
  23. package/dist/esm/header/headerApplicationName.js +3 -2
  24. package/dist/esm/header/headerServices.d.ts.map +1 -1
  25. package/dist/esm/header/headerServices.js +1 -1
  26. package/dist/esm/header/loggedInHeader.d.ts.map +1 -1
  27. package/dist/esm/header/loggedInHeader.js +5 -3
  28. package/dist/esm/input/input.js +1 -1
  29. package/package.json +1 -1
  30. package/src/definition/definition.tsx +21 -15
  31. package/src/definition/definitionContent.tsx +2 -2
  32. package/src/header/header.types.ts +1 -1
  33. package/src/header/headerAccountUserInfo.tsx +25 -4
  34. package/src/header/headerApplicationName.tsx +4 -1
  35. package/src/header/headerServices.tsx +1 -0
  36. package/src/header/loggedInHeader.tsx +18 -5
  37. package/src/input/input.tsx +1 -1
package/dist/cjs/definition/definition.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../../src/definition/definition.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAGpD;;KAEK;AAEL,eAAO,MAAM,sBAAsB,8HAclC,CAAA;AAED,eAAO,MAAM,wBAAwB,8HAkCpC,CAAA;AAGD,eAAO,MAAM,UAAU,uDAiBrB,CAAA;AAGF,eAAe,UAAU,CAAA"}
1
+ {"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../../src/definition/definition.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAGpD;;KAEK;AAEL,eAAO,MAAM,sBAAsB,8HAclC,CAAA;AAED,eAAO,MAAM,wBAAwB,8HAkCpC,CAAA;AAGD,eAAO,MAAM,UAAU,uDAsBrB,CAAA;AAGF,eAAe,UAAU,CAAA"}
package/dist/cjs/definition/definition.js CHANGED
@@ -17,6 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
17
17
  exports.Definition = exports.DefinitionHorizontalBase = exports.DefinitionVerticalBase = void 0;
18
18
  const react_1 = __importDefault(require("react"));
19
19
  const core_1 = require("../core");
20
+ const utils_1 = require("../utils");
20
21
  const definitionContent_1 = require("./definitionContent");
21
22
  /**
22
23
  * Properties are definition lists
@@ -74,13 +75,11 @@ exports.DefinitionHorizontalBase = core_1.styled.dlBox `
74
75
  `;
75
76
  // @formatter:on
76
77
  exports.Definition = (0, core_1.vui)((props, ref) => {
77
- const _a = props, { orientation = 'horizontal' } = _a, rest = __rest(_a, ["orientation"]);
78
+ const _a = (0, core_1.omitThemingProps)(props), { orientation = 'horizontal', className } = _a, rest = __rest(_a, ["orientation", "className"]);
78
79
  const styles = (0, core_1.useStyleConfig)('Definition', props);
79
- return (react_1.default.createElement(react_1.default.Fragment, null,
80
- orientation === 'horizontal' && (react_1.default.createElement(exports.DefinitionHorizontalBase, Object.assign({ className: "vui-definition" }, styles.container, rest),
81
- react_1.default.createElement(definitionContent_1.DefinitionContent, Object.assign({}, rest)))),
82
- orientation === 'vertical' && (react_1.default.createElement(exports.DefinitionVerticalBase, Object.assign({ className: "vui-definition" }, styles.container, rest),
83
- react_1.default.createElement(definitionContent_1.DefinitionContent, Object.assign({}, rest))))));
80
+ return orientation === 'horizontal' ? (react_1.default.createElement(exports.DefinitionHorizontalBase, Object.assign({ className: (0, utils_1.cs)('vui-definition vui-definition-horizontal', className), ref: ref }, styles.container, rest),
81
+ react_1.default.createElement(definitionContent_1.DefinitionContent, Object.assign({}, rest)))) : (react_1.default.createElement(exports.DefinitionVerticalBase, Object.assign({ className: (0, utils_1.cs)('vui-definition vui-definition-vertical', className), ref: ref }, styles.container, rest),
82
+ react_1.default.createElement(definitionContent_1.DefinitionContent, Object.assign({}, rest))));
84
83
  });
85
84
  exports.Definition.displayName = 'Definition';
86
85
  exports.default = exports.Definition;
package/dist/cjs/definition/definitionContent.js CHANGED
@@ -22,13 +22,13 @@ const icon_1 = __importDefault(require("../icon"));
22
22
  const utils_1 = require("../utils");
23
23
  exports.DefinitionItemKey = core_1.styled.dtBox ``;
24
24
  exports.DefinitionItemValue = core_1.styled.ddBox ``;
25
- exports.DefinitionContent = (0, core_1.vui)(props => {
25
+ exports.DefinitionContent = (0, core_1.vui)((props, ref) => {
26
26
  const { iconLeft, iconRight, isLabelBold, isValueBold, items } = props;
27
27
  const styles = (0, core_1.useStyleConfig)('Definition', props);
28
28
  return (react_1.default.createElement(react_1.default.Fragment, null, (0, utils_1.isArray)(items)
29
29
  ? items.map((_a, index) => {
30
30
  var { key, value } = _a, props = __rest(_a, ["key", "value"]);
31
- return (react_1.default.createElement(box_1.default, { className: "vui-definitionItemWrapper", key: index },
31
+ return (react_1.default.createElement(box_1.default, { className: "vui-definitionItemWrapper", key: index, ref: ref },
32
32
  react_1.default.createElement(exports.DefinitionItemKey, Object.assign({ fontWeight: isLabelBold ? 'demi' : 'default' }, styles.dt),
33
33
  props.keyHasIcon && iconLeft && (react_1.default.createElement(icon_1.default, Object.assign({ className: (0, utils_1.cs)('vui-definitionIcon'), name: iconLeft }, styles.icon))),
34
34
  key,
package/dist/cjs/header/header.types.d.ts CHANGED
@@ -91,7 +91,7 @@ export type LoggedInHeaderProps = HeaderProps & {
91
91
  notifications?: HeaderNotificationsData | JSX.Element;
92
92
  /** Socket for services menu icon on the right side. */
93
93
  services?: HeaderServicesData | JSX.Element;
94
- /** Socket for showing the alt user Info with role; introduced for APP; by default it is displayed. */
94
+ /** Socket for showing the alt user Info with role; introduced for APP; by default it is true. */
95
95
  showAltUserInfo?: boolean;
96
96
  /** Socket for showing the services trigger up front; introduced for APP; by default it is displayed. */
97
97
  showServices?: boolean;
package/dist/cjs/header/header.types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"header.types.d.ts","sourceRoot":"","sources":["../../../src/header/header.types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"header.types.d.ts","sourceRoot":"","sources":["../../../src/header/header.types.ts"],"names":[],"mappings":"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"}
package/dist/cjs/header/headerAccountUserInfo.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"headerAccountUserInfo.d.ts","sourceRoot":"","sources":["../../../src/header/headerAccountUserInfo.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAA;AAElE,4FAA4F;AAC5F,eAAO,MAAM,qBAAqB,mEA2ChC,CAAA;AAIF,eAAe,qBAAqB,CAAA"}
1
+ {"version":3,"file":"headerAccountUserInfo.d.ts","sourceRoot":"","sources":["../../../src/header/headerAccountUserInfo.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAA;AAElE,4FAA4F;AAC5F,eAAO,MAAM,qBAAqB,mEAgEhC,CAAA;AAIF,eAAe,qBAAqB,CAAA"}
package/dist/cjs/header/headerAccountUserInfo.js CHANGED
@@ -24,14 +24,15 @@ const utils_1 = require("../utils");
24
24
  const context_1 = require("./context");
25
25
  /** Displays user information, like username and company name, within HeaderAccount part. */
26
26
  exports.HeaderAccountUserInfo = (0, core_1.vui)((props, ref) => {
27
- const { children, className, companyName, displayName, isApplication, role } = props, rest = __rest(props, ["children", "className", "companyName", "displayName", "isApplication", "role"]);
27
+ const { children, className, color, companyName, displayName, isApplication, role } = props, rest = __rest(props, ["children", "className", "color", "companyName", "displayName", "isApplication", "role"]);
28
28
  const styles = (0, core_1.useStyleConfig)('Header', (0, context_1.useHeaderContext)());
29
+ const localColor = color || styles.accountUserInfo.color || 'darkBlue.main';
29
30
  return (react_1.default.createElement(box_1.default, Object.assign({ className: (0, utils_1.cs)('vui-headerAccountUserInfo', className), p: 2, pb: 1, ref: ref, spaceX: 2 }, styles.accountUserInfo, rest, { lineHeight: isApplication ? '18px' : 'inherit', pr: isApplication ? 0 : 'inherit', textAlign: isApplication ? 'right' : 'inherit' }), children !== null && children !== void 0 ? children : (react_1.default.createElement(react_1.default.Fragment, null,
30
31
  !isApplication && (react_1.default.createElement(avatar_1.default, { className: "vui-headerAccountUserInfoAvatar", name: displayName, size: "xl", variant: "solidDarkBlue" })),
31
32
  react_1.default.createElement(box_1.default, { column: true, rowGap: role ? 0 : 0.5 },
32
- displayName && (react_1.default.createElement(t_1.default, { fontSize: isApplication ? '12px' : 'inherit', isTruncated: true, pr: 1, title: displayName, weight: "demi" }, displayName)),
33
- companyName && (react_1.default.createElement(t_1.default, { fontSize: isApplication ? '12px' : 'inherit', isTruncated: true, pr: 1, title: companyName }, companyName)),
34
- role && (react_1.default.createElement(t_1.default, { color: "sandstone.45", fontSize: isApplication ? '12px' : 'inherit', isTruncated: true, pr: 1, title: role }, role)))))));
33
+ displayName && (react_1.default.createElement(t_1.default, { color: localColor, fontSize: isApplication ? '12px' : 'inherit', isTruncated: true, pr: 1, title: displayName, weight: "demi" }, displayName)),
34
+ companyName && (react_1.default.createElement(t_1.default, { color: localColor, fontSize: isApplication ? '12px' : 'inherit', isTruncated: true, pr: 1, title: companyName }, companyName)),
35
+ role && (react_1.default.createElement(t_1.default, { color: localColor, fontSize: isApplication ? '12px' : 'inherit', isTruncated: true, opacity: 0.5, pr: 1, title: role }, role)))))));
35
36
  });
36
37
  exports.HeaderAccountUserInfo.displayName = 'HeaderAccountUserInfo';
37
38
  exports.default = exports.HeaderAccountUserInfo;
package/dist/cjs/header/headerApplicationName.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"headerApplicationName.d.ts","sourceRoot":"","sources":["../../../src/header/headerApplicationName.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,uDAAuD;AACvD,eAAO,MAAM,qBAAqB;;;;;;;;EAgChC,CAAA;AAIF,eAAe,qBAAqB,CAAA"}
1
+ {"version":3,"file":"headerApplicationName.d.ts","sourceRoot":"","sources":["../../../src/header/headerApplicationName.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,uDAAuD;AACvD,eAAO,MAAM,qBAAqB;;;;;;;;EAmChC,CAAA;AAIF,eAAe,qBAAqB,CAAA"}
package/dist/cjs/header/headerApplicationName.js CHANGED
@@ -22,7 +22,7 @@ const heading_1 = require("../heading");
22
22
  const utils_1 = require("../utils");
23
23
  /** Logo displayed in the left corner of the Header. */
24
24
  exports.HeaderApplicationName = (0, core_1.vui)((props, ref) => {
25
- const { title, url } = props, rest = __rest(props, ["title", "url"]);
25
+ const { color, title, url } = props, rest = __rest(props, ["color", "title", "url"]);
26
26
  const isTablet = (0, core_1.useUp)('md');
27
27
  const additionalClassName = isTablet ? 'vui-headerApplicationNameTablet' : 'vui-headerApplicationNameMobile';
28
28
  const mobileProps = isTablet
@@ -36,8 +36,9 @@ exports.HeaderApplicationName = (0, core_1.vui)((props, ref) => {
36
36
  lineHeight: '21px'
37
37
  };
38
38
  const linkProps = url ? { as: 'a', href: url, outline: 'none', focusRing: 2 } : {};
39
+ const localColor = color || 'darkBlue.main';
39
40
  return (react_1.default.createElement(box_1.Box, Object.assign({}, linkProps),
40
- react_1.default.createElement(heading_1.Heading, Object.assign({ className: (0, utils_1.cs)('vui-headerApplicationName', additionalClassName), size: "title" }, rest, mobileProps), title)));
41
+ react_1.default.createElement(heading_1.Heading, Object.assign({ className: (0, utils_1.cs)('vui-headerApplicationName', additionalClassName), size: "title" }, rest, mobileProps, { color: localColor }), title)));
41
42
  });
42
43
  exports.HeaderApplicationName.displayName = 'HeaderApplicationName';
43
44
  exports.default = exports.HeaderApplicationName;
package/dist/cjs/header/headerServices.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"headerServices.d.ts","sourceRoot":"","sources":["../../../src/header/headerServices.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAoBpD,yDAAyD;AACzD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,eAuCxD;yBAvCe,cAAc;;;AA2C9B,eAAe,cAAc,CAAA"}
1
+ {"version":3,"file":"headerServices.d.ts","sourceRoot":"","sources":["../../../src/header/headerServices.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAoBpD,yDAAyD;AACzD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,eAwCxD;yBAxCe,cAAc;;;AA4C9B,eAAe,cAAc,CAAA"}
package/dist/cjs/header/headerServices.js CHANGED
@@ -34,7 +34,7 @@ function HeaderServices(props) {
34
34
  return (react_1.default.createElement(react_1.default.Fragment, null,
35
35
  react_1.default.createElement(core_1.RenderOnScreen, { minWidth: "lg" },
36
36
  react_1.default.createElement(menu_1.default, Object.assign({ isLazy: false, offset: [offsetX, 17], placement: "bottom-end", size: "lg" }, rest),
37
- react_1.default.createElement(menu_1.default.Button, Object.assign({ className: "vui-services-trigger", icon: "falTh", size: "lg", title: "My services" }, styles.button, buttonProps)),
37
+ react_1.default.createElement(menu_1.default.Button, Object.assign({ className: "vui-services-trigger", icon: "falTh", ml: 1, size: "lg", title: "My services" }, styles.button, buttonProps)),
38
38
  react_1.default.createElement(menu_1.default.List, Object.assign({ heading: "My Services", maxH: 295, right: 0, w: 320 }, styles.list),
39
39
  react_1.default.createElement(ListContent, { links: links })))),
40
40
  react_1.default.createElement(core_1.RenderOnScreen, { maxWidth: "lg" },
package/dist/cjs/header/loggedInHeader.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"loggedInHeader.d.ts","sourceRoot":"","sources":["../../../src/header/loggedInHeader.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAkB,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAGpE,uHAAuH;AACvH,eAAO,MAAM,cAAc,4DAmJzB,CAAA;AAIF,eAAe,cAAc,CAAA"}
1
+ {"version":3,"file":"loggedInHeader.d.ts","sourceRoot":"","sources":["../../../src/header/loggedInHeader.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAkB,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAIpE,uHAAuH;AACvH,eAAO,MAAM,cAAc,4DA+JzB,CAAA;AAIF,eAAe,cAAc,CAAA"}
package/dist/cjs/header/loggedInHeader.js CHANGED
@@ -23,6 +23,7 @@ const utils_1 = require("../utils");
23
23
  const context_1 = require("./context");
24
24
  const header_1 = __importDefault(require("./header"));
25
25
  const headerAccountUserInfo_1 = __importDefault(require("./headerAccountUserInfo"));
26
+ const headerServicesMessage_1 = __importDefault(require("./headerServicesMessage"));
26
27
  /** Displays Header content appropriate for logged-in users, such as services, notifications or account information. */
27
28
  exports.LoggedInHeader = (0, core_1.vui)((props, ref) => {
28
29
  const { account, supportLinks, applicationName, applicationUrl, children, className, isApplication = false, logo, mainLinks, services, showAltUserInfo = true, showMainLinks = isApplication ? false : true, showServices = true, notifications } = props, rest = __rest(props, ["account", "supportLinks", "applicationName", "applicationUrl", "children", "className", "isApplication", "logo", "mainLinks", "services", "showAltUserInfo", "showMainLinks", "showServices", "notifications"]);
@@ -36,6 +37,7 @@ exports.LoggedInHeader = (0, core_1.vui)((props, ref) => {
36
37
  const isLessThanMD = (0, core_1.useDown)('sm');
37
38
  const servicesLinks = (0, utils_1.isJsx)(services) ? [] : (services === null || services === void 0 ? void 0 : services.links) || [];
38
39
  const styles = (0, core_1.useStyleConfig)('Header', (0, context_1.useHeaderContext)());
40
+ const localTextColor = (rest === null || rest === void 0 ? void 0 : rest.variant) === 'dark' ? 'white' : 'darkBlue.main';
39
41
  return (react_1.default.createElement(header_1.default, Object.assign({ className: (0, utils_1.cs)('vui-loggedInHeader', isApplication ? 'vui-loggedInAppHeader' : '', className), mb: isApplication && isSmallScreen ? '41px' : 'inherited', ref: ref }, rest),
40
42
  react_1.default.createElement(header_1.default.Content, null,
41
43
  (!isApplication || !isLessThanMD) && react_1.default.createElement(react_1.default.Fragment, null,
@@ -44,7 +46,7 @@ exports.LoggedInHeader = (0, core_1.vui)((props, ref) => {
44
46
  isApplication && (react_1.default.createElement(react_1.default.Fragment, null,
45
47
  react_1.default.createElement(core_1.RenderOnScreen, { minWidth: "sm" },
46
48
  react_1.default.createElement(header_1.default.Divider, { mr: 2 })),
47
- react_1.default.createElement(header_1.default.ApplicationName, { title: applicationName, url: applicationUrl || '/' }))),
49
+ react_1.default.createElement(header_1.default.ApplicationName, { color: localTextColor, title: applicationName, url: applicationUrl || '/' }))),
48
50
  !isApplication && react_1.default.createElement(core_1.RenderOnScreen, { minWidth: "lg" }, children),
49
51
  react_1.default.createElement(box_1.default, { ml: "auto" }),
50
52
  isApplication && (react_1.default.createElement(react_1.default.Fragment, null,
@@ -55,7 +57,7 @@ exports.LoggedInHeader = (0, core_1.vui)((props, ref) => {
55
57
  !showMainLinks &&
56
58
  showAltUserInfo &&
57
59
  ((0, utils_1.isJsx)(userInfo) ? (userInfo) : (react_1.default.createElement(react_1.default.Fragment, null,
58
- react_1.default.createElement(headerAccountUserInfo_1.default, Object.assign({ className: "vui-altUserInfo", isApplication: true }, userInfo)),
60
+ react_1.default.createElement(headerAccountUserInfo_1.default, Object.assign({ className: "vui-altUserInfo", color: localTextColor, isApplication: true }, userInfo)),
59
61
  react_1.default.createElement(header_1.default.Divider, { mx: 1 })))),
60
62
  !showMainLinks && mainLinks && (react_1.default.createElement(react_1.default.Fragment, null,
61
63
  react_1.default.createElement(header_1.default.MobileToggle, { ml: 0 }),
@@ -67,10 +69,10 @@ exports.LoggedInHeader = (0, core_1.vui)((props, ref) => {
67
69
  return (react_1.default.createElement(list_1.default.Item, Object.assign({ iconLeft: icon, key: index, linkProps: { href: url } }, rest)));
68
70
  })))),
69
71
  !showServices && servicesLinks && (react_1.default.createElement(box_1.default, { column: true, w: 1 },
70
- react_1.default.createElement(list_1.default, Object.assign({ heading: "My Services", maxH: 295, right: 0, w: 320 }, styles.services.list, { borderTop: 1, borderTopColor: "sandstone.main", pt: 1 }), servicesLinks === null || servicesLinks === void 0 ? void 0 : servicesLinks.map((_a, index) => {
72
+ react_1.default.createElement(list_1.default, Object.assign({ className: "vui-headerHiddenServicesLargeScreen", heading: "My Services", maxH: 295, right: 0, w: 320 }, styles.services.list, { borderTop: 1, borderTopColor: "sandstone.main", pt: 1 }), servicesLinks.length > 0 ? (servicesLinks === null || servicesLinks === void 0 ? void 0 : servicesLinks.map((_a, index) => {
71
73
  var { url } = _a, rest = __rest(_a, ["url"]);
72
74
  return (react_1.default.createElement(list_1.default.Item, Object.assign({ key: index, linkProps: { href: url } }, rest)));
73
- })))))))),
75
+ })) : (react_1.default.createElement(headerServicesMessage_1.default, null))))))))),
74
76
  showServices && services && (react_1.default.createElement(react_1.default.Fragment, null, (0, utils_1.isJsx)(services) ? services : react_1.default.createElement(header_1.default.Services, Object.assign({ isApplication: isApplication }, services))))),
75
77
  react_1.default.createElement(header_1.default.Support, Object.assign({}, supportLinks)))),
76
78
  !isApplication && (react_1.default.createElement(core_1.RenderOnScreen, { minWidth: "lg" },
package/dist/cjs/input/input.js CHANGED
@@ -59,7 +59,7 @@ exports.InputBase = core_1.styled.divBox `
59
59
  flex-shrink: 0;
60
60
  outline: none;
61
61
  position: relative;
62
- transition-duration: fast;
62
+ transition-duration: 0s;
63
63
  width: 100%;
64
64
 
65
65
  &[aria-disabled='true'] {
package/dist/esm/definition/definition.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../../src/definition/definition.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAGpD;;KAEK;AAEL,eAAO,MAAM,sBAAsB,8HAclC,CAAA;AAED,eAAO,MAAM,wBAAwB,8HAkCpC,CAAA;AAGD,eAAO,MAAM,UAAU,uDAiBrB,CAAA;AAGF,eAAe,UAAU,CAAA"}
1
+ {"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../../src/definition/definition.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAGpD;;KAEK;AAEL,eAAO,MAAM,sBAAsB,8HAclC,CAAA;AAED,eAAO,MAAM,wBAAwB,8HAkCpC,CAAA;AAGD,eAAO,MAAM,UAAU,uDAsBrB,CAAA;AAGF,eAAe,UAAU,CAAA"}
package/dist/esm/definition/definition.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import React from 'react';
2
- import { styled, useStyleConfig, vui } from '../core';
2
+ import { omitThemingProps, styled, useStyleConfig, vui } from '../core';
3
+ import { cs } from '../utils';
3
4
  import { DefinitionContent } from './definitionContent';
4
5
  /**
5
6
  * Properties are definition lists
@@ -57,13 +58,11 @@ export const DefinitionHorizontalBase = styled.dlBox `
57
58
  `;
58
59
  // @formatter:on
59
60
  export const Definition = vui((props, ref) => {
60
- const { orientation = 'horizontal', ...rest } = props;
61
+ const { orientation = 'horizontal', className, ...rest } = omitThemingProps(props);
61
62
  const styles = useStyleConfig('Definition', props);
62
- return (React.createElement(React.Fragment, null,
63
- orientation === 'horizontal' && (React.createElement(DefinitionHorizontalBase, { className: "vui-definition", ...styles.container, ...rest },
64
- React.createElement(DefinitionContent, { ...rest }))),
65
- orientation === 'vertical' && (React.createElement(DefinitionVerticalBase, { className: "vui-definition", ...styles.container, ...rest },
66
- React.createElement(DefinitionContent, { ...rest })))));
63
+ return orientation === 'horizontal' ? (React.createElement(DefinitionHorizontalBase, { className: cs('vui-definition vui-definition-horizontal', className), ref: ref, ...styles.container, ...rest },
64
+ React.createElement(DefinitionContent, { ...rest }))) : (React.createElement(DefinitionVerticalBase, { className: cs('vui-definition vui-definition-vertical', className), ref: ref, ...styles.container, ...rest },
65
+ React.createElement(DefinitionContent, { ...rest })));
67
66
  });
68
67
  Definition.displayName = 'Definition';
69
68
  export default Definition;
package/dist/esm/definition/definitionContent.js CHANGED
@@ -5,11 +5,11 @@ import Icon from '../icon';
5
5
  import { cs, isArray } from '../utils';
6
6
  export const DefinitionItemKey = styled.dtBox ``;
7
7
  export const DefinitionItemValue = styled.ddBox ``;
8
- export const DefinitionContent = vui(props => {
8
+ export const DefinitionContent = vui((props, ref) => {
9
9
  const { iconLeft, iconRight, isLabelBold, isValueBold, items } = props;
10
10
  const styles = useStyleConfig('Definition', props);
11
11
  return (React.createElement(React.Fragment, null, isArray(items)
12
- ? items.map(({ key, value, ...props }, index) => (React.createElement(Box, { className: "vui-definitionItemWrapper", key: index },
12
+ ? items.map(({ key, value, ...props }, index) => (React.createElement(Box, { className: "vui-definitionItemWrapper", key: index, ref: ref },
13
13
  React.createElement(DefinitionItemKey, { fontWeight: isLabelBold ? 'demi' : 'default', ...styles.dt },
14
14
  props.keyHasIcon && iconLeft && (React.createElement(Icon, { className: cs('vui-definitionIcon'), name: iconLeft, ...styles.icon })),
15
15
  key,
package/dist/esm/header/header.types.d.ts CHANGED
@@ -91,7 +91,7 @@ export type LoggedInHeaderProps = HeaderProps & {
91
91
  notifications?: HeaderNotificationsData | JSX.Element;
92
92
  /** Socket for services menu icon on the right side. */
93
93
  services?: HeaderServicesData | JSX.Element;
94
- /** Socket for showing the alt user Info with role; introduced for APP; by default it is displayed. */
94
+ /** Socket for showing the alt user Info with role; introduced for APP; by default it is true. */
95
95
  showAltUserInfo?: boolean;
96
96
  /** Socket for showing the services trigger up front; introduced for APP; by default it is displayed. */
97
97
  showServices?: boolean;
package/dist/esm/header/header.types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"header.types.d.ts","sourceRoot":"","sources":["../../../src/header/header.types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"header.types.d.ts","sourceRoot":"","sources":["../../../src/header/header.types.ts"],"names":[],"mappings":"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"}
package/dist/esm/header/headerAccountUserInfo.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"headerAccountUserInfo.d.ts","sourceRoot":"","sources":["../../../src/header/headerAccountUserInfo.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAA;AAElE,4FAA4F;AAC5F,eAAO,MAAM,qBAAqB,mEA2ChC,CAAA;AAIF,eAAe,qBAAqB,CAAA"}
1
+ {"version":3,"file":"headerAccountUserInfo.d.ts","sourceRoot":"","sources":["../../../src/header/headerAccountUserInfo.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAA;AAElE,4FAA4F;AAC5F,eAAO,MAAM,qBAAqB,mEAgEhC,CAAA;AAIF,eAAe,qBAAqB,CAAA"}
package/dist/esm/header/headerAccountUserInfo.js CHANGED
@@ -7,14 +7,15 @@ import { cs } from '../utils';
7
7
  import { useHeaderContext } from './context';
8
8
  /** Displays user information, like username and company name, within HeaderAccount part. */
9
9
  export const HeaderAccountUserInfo = vui((props, ref) => {
10
- const { children, className, companyName, displayName, isApplication, role, ...rest } = props;
10
+ const { children, className, color, companyName, displayName, isApplication, role, ...rest } = props;
11
11
  const styles = useStyleConfig('Header', useHeaderContext());
12
+ const localColor = color || styles.accountUserInfo.color || 'darkBlue.main';
12
13
  return (React.createElement(Box, { className: cs('vui-headerAccountUserInfo', className), p: 2, pb: 1, ref: ref, spaceX: 2, ...styles.accountUserInfo, ...rest, lineHeight: isApplication ? '18px' : 'inherit', pr: isApplication ? 0 : 'inherit', textAlign: isApplication ? 'right' : 'inherit' }, children ?? (React.createElement(React.Fragment, null,
13
14
  !isApplication && (React.createElement(Avatar, { className: "vui-headerAccountUserInfoAvatar", name: displayName, size: "xl", variant: "solidDarkBlue" })),
14
15
  React.createElement(Box, { column: true, rowGap: role ? 0 : 0.5 },
15
- displayName && (React.createElement(T, { fontSize: isApplication ? '12px' : 'inherit', isTruncated: true, pr: 1, title: displayName, weight: "demi" }, displayName)),
16
- companyName && (React.createElement(T, { fontSize: isApplication ? '12px' : 'inherit', isTruncated: true, pr: 1, title: companyName }, companyName)),
17
- role && (React.createElement(T, { color: "sandstone.45", fontSize: isApplication ? '12px' : 'inherit', isTruncated: true, pr: 1, title: role }, role)))))));
16
+ displayName && (React.createElement(T, { color: localColor, fontSize: isApplication ? '12px' : 'inherit', isTruncated: true, pr: 1, title: displayName, weight: "demi" }, displayName)),
17
+ companyName && (React.createElement(T, { color: localColor, fontSize: isApplication ? '12px' : 'inherit', isTruncated: true, pr: 1, title: companyName }, companyName)),
18
+ role && (React.createElement(T, { color: localColor, fontSize: isApplication ? '12px' : 'inherit', isTruncated: true, opacity: 0.5, pr: 1, title: role }, role)))))));
18
19
  });
19
20
  HeaderAccountUserInfo.displayName = 'HeaderAccountUserInfo';
20
21
  export default HeaderAccountUserInfo;
package/dist/esm/header/headerApplicationName.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"headerApplicationName.d.ts","sourceRoot":"","sources":["../../../src/header/headerApplicationName.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,uDAAuD;AACvD,eAAO,MAAM,qBAAqB;;;;;;;;EAgChC,CAAA;AAIF,eAAe,qBAAqB,CAAA"}
1
+ {"version":3,"file":"headerApplicationName.d.ts","sourceRoot":"","sources":["../../../src/header/headerApplicationName.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,uDAAuD;AACvD,eAAO,MAAM,qBAAqB;;;;;;;;EAmChC,CAAA;AAIF,eAAe,qBAAqB,CAAA"}
package/dist/esm/header/headerApplicationName.js CHANGED
@@ -5,7 +5,7 @@ import { Heading } from '../heading';
5
5
  import { cs } from '../utils';
6
6
  /** Logo displayed in the left corner of the Header. */
7
7
  export const HeaderApplicationName = vui((props, ref) => {
8
- const { title, url, ...rest } = props;
8
+ const { color, title, url, ...rest } = props;
9
9
  const isTablet = useUp('md');
10
10
  const additionalClassName = isTablet ? 'vui-headerApplicationNameTablet' : 'vui-headerApplicationNameMobile';
11
11
  const mobileProps = isTablet
@@ -19,8 +19,9 @@ export const HeaderApplicationName = vui((props, ref) => {
19
19
  lineHeight: '21px'
20
20
  };
21
21
  const linkProps = url ? { as: 'a', href: url, outline: 'none', focusRing: 2 } : {};
22
+ const localColor = color || 'darkBlue.main';
22
23
  return (React.createElement(Box, { ...linkProps },
23
- React.createElement(Heading, { className: cs('vui-headerApplicationName', additionalClassName), size: "title", ...rest, ...mobileProps }, title)));
24
+ React.createElement(Heading, { className: cs('vui-headerApplicationName', additionalClassName), size: "title", ...rest, ...mobileProps, color: localColor }, title)));
24
25
  });
25
26
  HeaderApplicationName.displayName = 'HeaderApplicationName';
26
27
  export default HeaderApplicationName;
package/dist/esm/header/headerServices.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"headerServices.d.ts","sourceRoot":"","sources":["../../../src/header/headerServices.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAoBpD,yDAAyD;AACzD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,eAuCxD;yBAvCe,cAAc;;;AA2C9B,eAAe,cAAc,CAAA"}
1
+ {"version":3,"file":"headerServices.d.ts","sourceRoot":"","sources":["../../../src/header/headerServices.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAoBpD,yDAAyD;AACzD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,eAwCxD;yBAxCe,cAAc;;;AA4C9B,eAAe,cAAc,CAAA"}
package/dist/esm/header/headerServices.js CHANGED
@@ -17,7 +17,7 @@ export function HeaderServices(props) {
17
17
  return (React.createElement(React.Fragment, null,
18
18
  React.createElement(RenderOnScreen, { minWidth: "lg" },
19
19
  React.createElement(Menu, { isLazy: false, offset: [offsetX, 17], placement: "bottom-end", size: "lg", ...rest },
20
- React.createElement(Menu.Button, { className: "vui-services-trigger", icon: "falTh", size: "lg", title: "My services", ...styles.button, ...buttonProps }),
20
+ React.createElement(Menu.Button, { className: "vui-services-trigger", icon: "falTh", ml: 1, size: "lg", title: "My services", ...styles.button, ...buttonProps }),
21
21
  React.createElement(Menu.List, { heading: "My Services", maxH: 295, right: 0, w: 320, ...styles.list },
22
22
  React.createElement(ListContent, { links: links })))),
23
23
  React.createElement(RenderOnScreen, { maxWidth: "lg" },
package/dist/esm/header/loggedInHeader.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"loggedInHeader.d.ts","sourceRoot":"","sources":["../../../src/header/loggedInHeader.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAkB,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAGpE,uHAAuH;AACvH,eAAO,MAAM,cAAc,4DAmJzB,CAAA;AAIF,eAAe,cAAc,CAAA"}
1
+ {"version":3,"file":"loggedInHeader.d.ts","sourceRoot":"","sources":["../../../src/header/loggedInHeader.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAkB,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAIpE,uHAAuH;AACvH,eAAO,MAAM,cAAc,4DA+JzB,CAAA;AAIF,eAAe,cAAc,CAAA"}
package/dist/esm/header/loggedInHeader.js CHANGED
@@ -6,6 +6,7 @@ import { cs, isJsx } from '../utils';
6
6
  import { useHeaderContext } from './context';
7
7
  import Header from './header';
8
8
  import HeaderAccountUserInfo from './headerAccountUserInfo';
9
+ import HeaderServicesMessage from './headerServicesMessage';
9
10
  /** Displays Header content appropriate for logged-in users, such as services, notifications or account information. */
10
11
  export const LoggedInHeader = vui((props, ref) => {
11
12
  const { account, supportLinks, applicationName, applicationUrl, children, className, isApplication = false, logo, mainLinks, services, showAltUserInfo = true, showMainLinks = isApplication ? false : true, showServices = true, notifications, ...rest } = props;
@@ -19,6 +20,7 @@ export const LoggedInHeader = vui((props, ref) => {
19
20
  const isLessThanMD = useDown('sm');
20
21
  const servicesLinks = isJsx(services) ? [] : services?.links || [];
21
22
  const styles = useStyleConfig('Header', useHeaderContext());
23
+ const localTextColor = rest?.variant === 'dark' ? 'white' : 'darkBlue.main';
22
24
  return (React.createElement(Header, { className: cs('vui-loggedInHeader', isApplication ? 'vui-loggedInAppHeader' : '', className), mb: isApplication && isSmallScreen ? '41px' : 'inherited', ref: ref, ...rest },
23
25
  React.createElement(Header.Content, null,
24
26
  (!isApplication || !isLessThanMD) && React.createElement(React.Fragment, null,
@@ -27,7 +29,7 @@ export const LoggedInHeader = vui((props, ref) => {
27
29
  isApplication && (React.createElement(React.Fragment, null,
28
30
  React.createElement(RenderOnScreen, { minWidth: "sm" },
29
31
  React.createElement(Header.Divider, { mr: 2 })),
30
- React.createElement(Header.ApplicationName, { title: applicationName, url: applicationUrl || '/' }))),
32
+ React.createElement(Header.ApplicationName, { color: localTextColor, title: applicationName, url: applicationUrl || '/' }))),
31
33
  !isApplication && React.createElement(RenderOnScreen, { minWidth: "lg" }, children),
32
34
  React.createElement(Box, { ml: "auto" }),
33
35
  isApplication && (React.createElement(React.Fragment, null,
@@ -38,7 +40,7 @@ export const LoggedInHeader = vui((props, ref) => {
38
40
  !showMainLinks &&
39
41
  showAltUserInfo &&
40
42
  (isJsx(userInfo) ? (userInfo) : (React.createElement(React.Fragment, null,
41
- React.createElement(HeaderAccountUserInfo, { className: "vui-altUserInfo", isApplication: true, ...userInfo }),
43
+ React.createElement(HeaderAccountUserInfo, { className: "vui-altUserInfo", color: localTextColor, isApplication: true, ...userInfo }),
42
44
  React.createElement(Header.Divider, { mx: 1 })))),
43
45
  !showMainLinks && mainLinks && (React.createElement(React.Fragment, null,
44
46
  React.createElement(Header.MobileToggle, { ml: 0 }),
@@ -47,7 +49,7 @@ export const LoggedInHeader = vui((props, ref) => {
47
49
  isJsx(mainLinks) ? (mainLinks) : (React.createElement(Box, { column: true, w: 1 },
48
50
  React.createElement(List, { py: 1 }, mainLinks?.map(({ icon, url, ...rest }, index) => (React.createElement(List.Item, { iconLeft: icon, key: index, linkProps: { href: url }, ...rest })))))),
49
51
  !showServices && servicesLinks && (React.createElement(Box, { column: true, w: 1 },
50
- React.createElement(List, { heading: "My Services", maxH: 295, right: 0, w: 320, ...styles.services.list, borderTop: 1, borderTopColor: "sandstone.main", pt: 1 }, servicesLinks?.map(({ url, ...rest }, index) => (React.createElement(List.Item, { key: index, linkProps: { href: url }, ...rest })))))))))),
52
+ React.createElement(List, { className: "vui-headerHiddenServicesLargeScreen", heading: "My Services", maxH: 295, right: 0, w: 320, ...styles.services.list, borderTop: 1, borderTopColor: "sandstone.main", pt: 1 }, servicesLinks.length > 0 ? (servicesLinks?.map(({ url, ...rest }, index) => (React.createElement(List.Item, { key: index, linkProps: { href: url }, ...rest })))) : (React.createElement(HeaderServicesMessage, null))))))))),
51
53
  showServices && services && (React.createElement(React.Fragment, null, isJsx(services) ? services : React.createElement(Header.Services, { isApplication: isApplication, ...services })))),
52
54
  React.createElement(Header.Support, { ...supportLinks }))),
53
55
  !isApplication && (React.createElement(RenderOnScreen, { minWidth: "lg" },
package/dist/esm/input/input.js CHANGED
@@ -19,7 +19,7 @@ export const InputBase = styled.divBox `
19
19
  flex-shrink: 0;
20
20
  outline: none;
21
21
  position: relative;
22
- transition-duration: fast;
22
+ transition-duration: 0s;
23
23
  width: 100%;
24
24
 
25
25
  &[aria-disabled='true'] {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@veracity/vui",
3
- "version": "2.14.1",
3
+ "version": "2.14.3",
4
4
  "description": "Veracity UI is a React component library crafted for use within Veracity applications and pages. Based on Styled Components and @xstyled.",
5
5
  "module": "./dist/esm/index.js",
6
6
  "main": "./dist/cjs/index.js",
package/src/definition/definition.tsx CHANGED
@@ -1,6 +1,7 @@
1
1
  import React from 'react'
2
2
 
3
- import { styled, useStyleConfig, vui } from '../core'
3
+ import { omitThemingProps, styled, useStyleConfig, vui } from '../core'
4
+ import { cs } from '../utils'
4
5
  import { DefinitionProps } from './definition.types'
5
6
  import { DefinitionContent } from './definitionContent'
6
7
 
@@ -62,21 +63,26 @@ export const DefinitionHorizontalBase = styled.dlBox`
62
63
  // @formatter:on
63
64
 
64
65
  export const Definition = vui<'dl', DefinitionProps>((props, ref) => {
65
- const { orientation = 'horizontal', ...rest } = props as DefinitionProps
66
+ const { orientation = 'horizontal', className, ...rest } = omitThemingProps(props)
66
67
  const styles = useStyleConfig('Definition', props)
67
- return (
68
- <>
69
- {orientation === 'horizontal' && (
70
- <DefinitionHorizontalBase className="vui-definition" {...styles.container} {...rest}>
71
- <DefinitionContent {...rest} />
72
- </DefinitionHorizontalBase>
73
- )}
74
- {orientation === 'vertical' && (
75
- <DefinitionVerticalBase className="vui-definition" {...styles.container} {...rest}>
76
- <DefinitionContent {...rest} />
77
- </DefinitionVerticalBase>
78
- )}
79
- </>
68
+ return orientation === 'horizontal' ? (
69
+ <DefinitionHorizontalBase
70
+ className={cs('vui-definition vui-definition-horizontal', className)}
71
+ ref={ref}
72
+ {...styles.container}
73
+ {...rest}
74
+ >
75
+ <DefinitionContent {...rest} />
76
+ </DefinitionHorizontalBase>
77
+ ) : (
78
+ <DefinitionVerticalBase
79
+ className={cs('vui-definition vui-definition-vertical', className)}
80
+ ref={ref}
81
+ {...styles.container}
82
+ {...rest}
83
+ >
84
+ <DefinitionContent {...rest} />
85
+ </DefinitionVerticalBase>
80
86
  )
81
87
  })
82
88
 
package/src/definition/definitionContent.tsx CHANGED
@@ -9,7 +9,7 @@ import { DefinitionItemProps, DefinitionProps } from './definition.types'
9
9
  export const DefinitionItemKey = styled.dtBox``
10
10
  export const DefinitionItemValue = styled.ddBox``
11
11
 
12
- export const DefinitionContent = vui<'dl', DefinitionProps>(props => {
12
+ export const DefinitionContent = vui<'dl', DefinitionProps>((props, ref) => {
13
13
  const { iconLeft, iconRight, isLabelBold, isValueBold, items } = props as DefinitionProps
14
14
 
15
15
  const styles = useStyleConfig('Definition', props)
@@ -18,7 +18,7 @@ export const DefinitionContent = vui<'dl', DefinitionProps>(props => {
18
18
  <>
19
19
  {isArray<DefinitionItemProps>(items)
20
20
  ? items.map(({ key, value, ...props }, index) => (
21
- <Box className="vui-definitionItemWrapper" key={index}>
21
+ <Box className="vui-definitionItemWrapper" key={index} ref={ref}>
22
22
  <DefinitionItemKey fontWeight={isLabelBold ? 'demi' : 'default'} {...styles.dt}>
23
23
  {props.keyHasIcon && iconLeft && (
24
24
  <Icon className={cs('vui-definitionIcon')} name={iconLeft} {...styles.icon} />
package/src/header/header.types.ts CHANGED
@@ -110,7 +110,7 @@ export type LoggedInHeaderProps = HeaderProps & {
110
110
  notifications?: HeaderNotificationsData | JSX.Element
111
111
  /** Socket for services menu icon on the right side. */
112
112
  services?: HeaderServicesData | JSX.Element
113
- /** Socket for showing the alt user Info with role; introduced for APP; by default it is displayed. */
113
+ /** Socket for showing the alt user Info with role; introduced for APP; by default it is true. */
114
114
  showAltUserInfo?: boolean
115
115
  /** Socket for showing the services trigger up front; introduced for APP; by default it is displayed. */
116
116
  showServices?: boolean
package/src/header/headerAccountUserInfo.tsx CHANGED
@@ -10,8 +10,9 @@ import { HeaderAccountUserInfoProps } from './headerAccount.types'
10
10
 
11
11
  /** Displays user information, like username and company name, within HeaderAccount part. */
12
12
  export const HeaderAccountUserInfo = vui<'div', HeaderAccountUserInfoProps>((props, ref) => {
13
- const { children, className, companyName, displayName, isApplication, role, ...rest } = props
13
+ const { children, className, color, companyName, displayName, isApplication, role, ...rest } = props
14
14
  const styles = useStyleConfig('Header', useHeaderContext())
15
+ const localColor = color || styles.accountUserInfo.color || 'darkBlue.main'
15
16
 
16
17
  return (
17
18
  <Box
@@ -33,17 +34,37 @@ export const HeaderAccountUserInfo = vui<'div', HeaderAccountUserInfoProps>((pro
33
34
  )}
34
35
  <Box column rowGap={role ? 0 : 0.5}>
35
36
  {displayName && (
36
- <T fontSize={isApplication ? '12px' : 'inherit'} isTruncated pr={1} title={displayName} weight="demi">
37
+ <T
38
+ color={localColor}
39
+ fontSize={isApplication ? '12px' : 'inherit'}
40
+ isTruncated
41
+ pr={1}
42
+ title={displayName}
43
+ weight="demi"
44
+ >
37
45
  {displayName}
38
46
  </T>
39
47
  )}
40
48
  {companyName && (
41
- <T fontSize={isApplication ? '12px' : 'inherit'} isTruncated pr={1} title={companyName}>
49
+ <T
50
+ color={localColor}
51
+ fontSize={isApplication ? '12px' : 'inherit'}
52
+ isTruncated
53
+ pr={1}
54
+ title={companyName}
55
+ >
42
56
  {companyName}
43
57
  </T>
44
58
  )}
45
59
  {role && (
46
- <T color="sandstone.45" fontSize={isApplication ? '12px' : 'inherit'} isTruncated pr={1} title={role}>
60
+ <T
61
+ color={localColor}
62
+ fontSize={isApplication ? '12px' : 'inherit'}
63
+ isTruncated
64
+ opacity={0.5}
65
+ pr={1}
66
+ title={role}
67
+ >
47
68
  {role}
48
69
  </T>
49
70
  )}
package/src/header/headerApplicationName.tsx CHANGED
@@ -8,7 +8,7 @@ import { cs } from '../utils'
8
8
 
9
9
  /** Logo displayed in the left corner of the Header. */
10
10
  export const HeaderApplicationName = vui<'div', HeadingProps & { url?: string }>((props, ref) => {
11
- const { title, url, ...rest } = props
11
+ const { color, title, url, ...rest } = props
12
12
 
13
13
  const isTablet = useUp('md')
14
14
 
@@ -27,6 +27,8 @@ export const HeaderApplicationName = vui<'div', HeadingProps & { url?: string }>
27
27
 
28
28
  const linkProps = url ? { as: 'a', href: url, outline: 'none', focusRing: 2 } : {}
29
29
 
30
+ const localColor = color || 'darkBlue.main'
31
+
30
32
  return (
31
33
  <Box {...linkProps}>
32
34
  <Heading
@@ -34,6 +36,7 @@ export const HeaderApplicationName = vui<'div', HeadingProps & { url?: string }>
34
36
  size="title"
35
37
  {...rest}
36
38
  {...(mobileProps as any)}
39
+ color={localColor}
37
40
  >
38
41
  {title}
39
42
  </Heading>
package/src/header/headerServices.tsx CHANGED
@@ -38,6 +38,7 @@ export function HeaderServices(props: HeaderServicesProps) {
38
38
  <Menu.Button
39
39
  className="vui-services-trigger"
40
40
  icon="falTh"
41
+ ml={1}
41
42
  size="lg"
42
43
  title="My services"
43
44
  {...styles.button}
package/src/header/loggedInHeader.tsx CHANGED
@@ -8,6 +8,7 @@ import { useHeaderContext } from './context'
8
8
  import Header from './header'
9
9
  import { HeaderLinkData, LoggedInHeaderProps } from './header.types'
10
10
  import HeaderAccountUserInfo from './headerAccountUserInfo'
11
+ import HeaderServicesMessage from './headerServicesMessage'
11
12
 
12
13
  /** Displays Header content appropriate for logged-in users, such as services, notifications or account information. */
13
14
  export const LoggedInHeader = vui<'div', LoggedInHeaderProps>((props, ref) => {
@@ -42,6 +43,8 @@ export const LoggedInHeader = vui<'div', LoggedInHeaderProps>((props, ref) => {
42
43
  const servicesLinks: HeaderLinkData[] = isJsx(services) ? [] : services?.links || []
43
44
  const styles = useStyleConfig('Header', useHeaderContext())
44
45
 
46
+ const localTextColor = rest?.variant === 'dark' ? 'white' : 'darkBlue.main'
47
+
45
48
  return (
46
49
  <Header
47
50
  className={cs('vui-loggedInHeader', isApplication ? 'vui-loggedInAppHeader' : '', className)}
@@ -56,7 +59,7 @@ export const LoggedInHeader = vui<'div', LoggedInHeaderProps>((props, ref) => {
56
59
  <RenderOnScreen minWidth="sm">
57
60
  <Header.Divider mr={2} />
58
61
  </RenderOnScreen>
59
- <Header.ApplicationName title={applicationName} url={applicationUrl || '/'} />
62
+ <Header.ApplicationName color={localTextColor} title={applicationName} url={applicationUrl || '/'} />
60
63
  </>
61
64
  )}
62
65
  {!isApplication && <RenderOnScreen minWidth="lg">{children}</RenderOnScreen>}
@@ -76,7 +79,12 @@ export const LoggedInHeader = vui<'div', LoggedInHeaderProps>((props, ref) => {
76
79
  userInfo
77
80
  ) : (
78
81
  <>
79
- <HeaderAccountUserInfo className="vui-altUserInfo" isApplication {...userInfo} />
82
+ <HeaderAccountUserInfo
83
+ className="vui-altUserInfo"
84
+ color={localTextColor}
85
+ isApplication
86
+ {...userInfo}
87
+ />
80
88
  <Header.Divider mx={1} />
81
89
  </>
82
90
  ))}
@@ -102,6 +110,7 @@ export const LoggedInHeader = vui<'div', LoggedInHeaderProps>((props, ref) => {
102
110
  {!showServices && servicesLinks && (
103
111
  <Box column w={1}>
104
112
  <List
113
+ className="vui-headerHiddenServicesLargeScreen"
105
114
  heading="My Services"
106
115
  maxH={295}
107
116
  right={0}
@@ -111,9 +120,13 @@ export const LoggedInHeader = vui<'div', LoggedInHeaderProps>((props, ref) => {
111
120
  borderTopColor="sandstone.main"
112
121
  pt={1}
113
122
  >
114
- {servicesLinks?.map(({ url, ...rest }, index: number) => (
115
- <List.Item key={index} linkProps={{ href: url }} {...rest} />
116
- ))}
123
+ {servicesLinks.length > 0 ? (
124
+ servicesLinks?.map(({ url, ...rest }, index: number) => (
125
+ <List.Item key={index} linkProps={{ href: url }} {...rest} />
126
+ ))
127
+ ) : (
128
+ <HeaderServicesMessage />
129
+ )}
117
130
  </List>
118
131
  </Box>
119
132
  )}
package/src/input/input.tsx CHANGED
@@ -22,7 +22,7 @@ export const InputBase = styled.divBox`
22
22
  flex-shrink: 0;
23
23
  outline: none;
24
24
  position: relative;
25
- transition-duration: fast;
25
+ transition-duration: 0s;
26
26
  width: 100%;
27
27
 
28
28
  &[aria-disabled='true'] {