@veracity/vui 2.15.3 → 2.15.4

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 (57) hide show
  1. package/dist/cjs/calendar/calendar.styles.d.ts.map +1 -1
  2. package/dist/cjs/calendar/calendar.styles.js +3 -2
  3. package/dist/cjs/calendar/components/calendarHeader.d.ts.map +1 -1
  4. package/dist/cjs/calendar/components/calendarHeader.js +2 -2
  5. package/dist/cjs/copyToClipboard/copyToClipboard.d.ts.map +1 -1
  6. package/dist/cjs/copyToClipboard/copyToClipboard.js +1 -1
  7. package/dist/cjs/footer/footer.d.ts.map +1 -1
  8. package/dist/cjs/footer/footer.js +1 -1
  9. package/dist/cjs/header/headerAccountUserInfo.js +1 -1
  10. package/dist/cjs/notification/notification.d.ts.map +1 -1
  11. package/dist/cjs/notification/notification.js +1 -1
  12. package/dist/cjs/pagination/paginationNavigation.js +2 -2
  13. package/dist/cjs/sidemenu/sidemenu.d.ts.map +1 -1
  14. package/dist/cjs/sidemenu/sidemenu.js +1 -1
  15. package/dist/cjs/sidemenu/sidemenuItem.d.ts.map +1 -1
  16. package/dist/cjs/sidemenu/sidemenuItem.js +1 -1
  17. package/dist/cjs/tag/tag.d.ts.map +1 -1
  18. package/dist/cjs/tag/tag.js +1 -1
  19. package/dist/cjs/textarea/textarea.d.ts.map +1 -1
  20. package/dist/cjs/textarea/textarea.js +5 -3
  21. package/dist/cjs/tutorial/tutorialCard.d.ts.map +1 -1
  22. package/dist/cjs/tutorial/tutorialCard.js +3 -3
  23. package/dist/esm/calendar/calendar.styles.d.ts.map +1 -1
  24. package/dist/esm/calendar/calendar.styles.js +3 -2
  25. package/dist/esm/calendar/components/calendarHeader.d.ts.map +1 -1
  26. package/dist/esm/calendar/components/calendarHeader.js +2 -2
  27. package/dist/esm/copyToClipboard/copyToClipboard.d.ts.map +1 -1
  28. package/dist/esm/copyToClipboard/copyToClipboard.js +1 -1
  29. package/dist/esm/footer/footer.d.ts.map +1 -1
  30. package/dist/esm/footer/footer.js +1 -1
  31. package/dist/esm/header/headerAccountUserInfo.js +1 -1
  32. package/dist/esm/notification/notification.d.ts.map +1 -1
  33. package/dist/esm/notification/notification.js +1 -1
  34. package/dist/esm/pagination/paginationNavigation.js +2 -2
  35. package/dist/esm/sidemenu/sidemenu.d.ts.map +1 -1
  36. package/dist/esm/sidemenu/sidemenu.js +1 -1
  37. package/dist/esm/sidemenu/sidemenuItem.d.ts.map +1 -1
  38. package/dist/esm/sidemenu/sidemenuItem.js +1 -1
  39. package/dist/esm/tag/tag.d.ts.map +1 -1
  40. package/dist/esm/tag/tag.js +1 -1
  41. package/dist/esm/textarea/textarea.d.ts.map +1 -1
  42. package/dist/esm/textarea/textarea.js +5 -3
  43. package/dist/esm/tutorial/tutorialCard.d.ts.map +1 -1
  44. package/dist/esm/tutorial/tutorialCard.js +3 -3
  45. package/package.json +1 -1
  46. package/src/calendar/calendar.styles.ts +3 -2
  47. package/src/calendar/components/calendarHeader.tsx +2 -0
  48. package/src/copyToClipboard/copyToClipboard.tsx +1 -0
  49. package/src/footer/footer.tsx +1 -0
  50. package/src/header/headerAccountUserInfo.tsx +1 -1
  51. package/src/notification/notification.tsx +8 -1
  52. package/src/pagination/paginationNavigation.tsx +2 -2
  53. package/src/sidemenu/sidemenu.tsx +1 -0
  54. package/src/sidemenu/sidemenuItem.tsx +1 -0
  55. package/src/tag/tag.tsx +7 -1
  56. package/src/textarea/textarea.tsx +5 -3
  57. package/src/tutorial/tutorialCard.tsx +5 -1
package/dist/cjs/calendar/calendar.styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"calendar.styles.d.ts","sourceRoot":"","sources":["../../../src/calendar/calendar.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAE5C,eAAO,MAAM,QAAQ,oIAIpB,CAAA;AAED,eAAO,MAAM,OAAO,oIAInB,CAAA;AAED,eAAO,MAAM,UAAU,oIAGtB,CAAA;AAED,eAAO,MAAM,QAAQ,oIAEpB,CAAA;AAED,eAAO,MAAM,OAAO,oIAEnB,CAAA;AAED,eAAO,MAAM,KAAK,oIAIjB,CAAA;AAED,eAAO,MAAM,UAAU,oIAItB,CAAA;AAED,eAAO,MAAM,YAAY;;;8DAsBxB,CAAA;AAED,eAAO,MAAM,sBAAsB,oKAQlC,CAAA"}
1
+ {"version":3,"file":"calendar.styles.d.ts","sourceRoot":"","sources":["../../../src/calendar/calendar.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAE5C,eAAO,MAAM,QAAQ,oIAIpB,CAAA;AAED,eAAO,MAAM,OAAO,oIAInB,CAAA;AAED,eAAO,MAAM,UAAU,oIAItB,CAAA;AAED,eAAO,MAAM,QAAQ,oIAEpB,CAAA;AAED,eAAO,MAAM,OAAO,oIAEnB,CAAA;AAED,eAAO,MAAM,KAAK,oIAIjB,CAAA;AAED,eAAO,MAAM,UAAU,oIAItB,CAAA;AAED,eAAO,MAAM,YAAY;;;8DAsBxB,CAAA;AAED,eAAO,MAAM,sBAAsB,oKAQlC,CAAA"}
package/dist/cjs/calendar/calendar.styles.js CHANGED
@@ -18,11 +18,12 @@ exports.current = (0, core_1.css) `
18
18
  border-radius: 0;
19
19
  `;
20
20
  exports.isDisabled = (0, core_1.css) `
21
- color: ${core_1.th.color('sandstone.main')} !important;
21
+ background-color: ${core_1.th.color('sandstone.97')} !important;
22
+ color: ${core_1.th.color('sandstone.55')} !important;
22
23
  cursor: not-allowed;
23
24
  `;
24
25
  exports.isHidden = (0, core_1.css) `
25
- color: ${core_1.th.color('darkBlue.75')} !important;
26
+ color: ${core_1.th.color('sandstone.55')} !important;
26
27
  `;
27
28
  exports.isToday = (0, core_1.css) `
28
29
  border: 1px solid ${core_1.th.color('seaBlue.main')};
package/dist/cjs/calendar/components/calendarHeader.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"calendarHeader.d.ts","sourceRoot":"","sources":["../../../../src/calendar/components/calendarHeader.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAG/D,KAAK,KAAK,GAAG;IACX,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,gBAAgB,EAAE,CAAC,SAAS,EAAE,aAAa,KAAK,IAAI,CAAA;IACpD,iBAAiB,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IAC/C,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,YAAY,EAAE,YAAY,CAAA;IAC1B,SAAS,EAAE,IAAI,CAAA;CAChB,CAAA;AAID;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CAiCpC,CAAA"}
1
+ {"version":3,"file":"calendarHeader.d.ts","sourceRoot":"","sources":["../../../../src/calendar/components/calendarHeader.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAG/D,KAAK,KAAK,GAAG;IACX,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,gBAAgB,EAAE,CAAC,SAAS,EAAE,aAAa,KAAK,IAAI,CAAA;IACpD,iBAAiB,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IAC/C,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,YAAY,EAAE,YAAY,CAAA;IAC1B,SAAS,EAAE,IAAI,CAAA;CAChB,CAAA;AAID;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CAmCpC,CAAA"}
package/dist/cjs/calendar/components/calendarHeader.js CHANGED
@@ -17,6 +17,6 @@ const CalendarHeader = ({ nextDisabled, onChangeViewItem, onSetTimeUnitMode, pre
17
17
  react_1.default.createElement(box_1.default, { className: "vui-calendar-header-left" },
18
18
  react_1.default.createElement(timeUnitHeader_1.TimeUnitHeader, { onSetTimeUnitMode: onSetTimeUnitMode, timeUnitMode: timeUnitMode, viewMonth: viewMonth })),
19
19
  react_1.default.createElement(box_1.default, { className: "vui-calendar-header-right", flex: "1", justify: "flex-end" },
20
- react_1.default.createElement(button_1.IconButton, { className: "icon", disabled: prevDisabled, h: size, icon: "falChevronLeft", onClick: () => onChangeViewItem('prev'), size: "sm", w: size }),
21
- react_1.default.createElement(button_1.IconButton, { className: "icon", disabled: nextDisabled, h: size, icon: "falChevronRight", onClick: () => onChangeViewItem('next'), size: "sm", w: size }))));
20
+ react_1.default.createElement(button_1.IconButton, { "aria-label": "previous", className: "icon", disabled: prevDisabled, h: size, icon: "falChevronLeft", onClick: () => onChangeViewItem('prev'), size: "sm", w: size }),
21
+ react_1.default.createElement(button_1.IconButton, { "aria-label": "next", className: "icon", disabled: nextDisabled, h: size, icon: "falChevronRight", onClick: () => onChangeViewItem('next'), size: "sm", w: size }))));
22
22
  exports.CalendarHeader = CalendarHeader;
package/dist/cjs/copyToClipboard/copyToClipboard.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"copyToClipboard.d.ts","sourceRoot":"","sources":["../../../src/copyToClipboard/copyToClipboard.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAG9D;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,gEAiB1B,CAAA;AAGF,eAAe,eAAe,CAAA"}
1
+ {"version":3,"file":"copyToClipboard.d.ts","sourceRoot":"","sources":["../../../src/copyToClipboard/copyToClipboard.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAG9D;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,gEAkB1B,CAAA;AAGF,eAAe,eAAe,CAAA"}
package/dist/cjs/copyToClipboard/copyToClipboard.js CHANGED
@@ -31,7 +31,7 @@ const useCopyToClipboard_1 = require("./useCopyToClipboard");
31
31
  exports.CopyToClipboard = (0, core_1.vui)((props, ref) => {
32
32
  const { disabled, copyText, className, size = 'sm', variant = 'tertiaryDark' } = props, rest = __rest(props, ["disabled", "copyText", "className", "size", "variant"]);
33
33
  const { copy, isCopyDisabled } = (0, useCopyToClipboard_1.useCopyToClipboard)(copyText);
34
- return (react_1.default.createElement(button_1.default, Object.assign({ className: (0, utils_1.cs)('vui-copy-to-clipboard', className), disabled: disabled || isCopyDisabled, icon: "falCopy", onClick: () => copy(), ref: ref, size: size, variant: variant }, rest)));
34
+ return (react_1.default.createElement(button_1.default, Object.assign({ "aria-label": "copy to clipboard", className: (0, utils_1.cs)('vui-copy-to-clipboard', className), disabled: disabled || isCopyDisabled, icon: "falCopy", onClick: () => copy(), ref: ref, size: size, variant: variant }, rest)));
35
35
  });
36
36
  exports.CopyToClipboard.displayName = 'CopyToClipboard';
37
37
  exports.default = exports.CopyToClipboard;
package/dist/cjs/footer/footer.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/footer/footer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAwC,YAAY,EAAE,MAAM,SAAS,CAAA;AAO5E,OAAO,EAAkB,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5D,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAK3C,eAAO,MAAM,UAAU,+HAItB,CAAA;AAGD,oGAAoG;AACpG,eAAO,MAAM,MAAM;YA0NT,mBAAmB;aAClB,oBAAoB;aACpB,oBAAoB;UACvB,iBAAiB;SAClB,gBAAgB;aACZ,oBAAoB;CAC9B,CAAA;AAUD,eAAe,MAAM,CAAA"}
1
+ {"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/footer/footer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAwC,YAAY,EAAE,MAAM,SAAS,CAAA;AAO5E,OAAO,EAAkB,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5D,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAK3C,eAAO,MAAM,UAAU,+HAItB,CAAA;AAGD,oGAAoG;AACpG,eAAO,MAAM,MAAM;YA2NT,mBAAmB;aAClB,oBAAoB;aACpB,oBAAoB;UACvB,iBAAiB;SAClB,gBAAgB;aACZ,oBAAoB;CAC9B,CAAA;AAUD,eAAe,MAAM,CAAA"}
package/dist/cjs/footer/footer.js CHANGED
@@ -89,7 +89,7 @@ exports.Footer = (0, core_1.vui)((props, ref) => {
89
89
  react_1.default.createElement(t_1.T, { weight: "demi" }, "Veracity by DNV"),
90
90
  ", DNV AS"))),
91
91
  react_1.default.createElement(box_1.Box, null, applicationSocialLinks === null || applicationSocialLinks === void 0 ? void 0 :
92
- applicationSocialLinks.map((link, index) => (react_1.default.createElement(link_1.Link, Object.assign({ fontWeight: "demi", href: link.url, iconLeft: react_1.default.createElement(link_1.Link.Icon, { name: `cubCircle${link.text}`, radius: "50%", size: "xs" }), isExternal: true, key: index, mr: 1, size: { _: 'sm', md: 'md' } }, styles.link)))),
92
+ applicationSocialLinks.map((link, index) => (react_1.default.createElement(link_1.Link, Object.assign({ "aria-label": link.text, fontWeight: "demi", href: link.url, iconLeft: react_1.default.createElement(link_1.Link.Icon, { name: `cubCircle${link.text}`, radius: "50%", size: "xs" }), isExternal: true, key: index, mr: 1, size: { _: 'sm', md: 'md' } }, styles.link)))),
93
93
  react_1.default.createElement(link_1.Link, Object.assign({ fontWeight: "demi", href: linkedIn !== null && linkedIn !== void 0 ? linkedIn : footerTrademark_1.defaultLinkedInUrl, isExternal: true, size: { _: 'sm', md: 'md' } }, styles.link),
94
94
  react_1.default.createElement(footerHeading_1.default, { fontSize: "16px", mb: 0, text: "Follow us" }))))))),
95
95
  !isApplication && isSlim && (react_1.default.createElement(footerContent_1.default, { alignContent: "center", alignItems: "center", maxW: { xs: 343, sm: 305, md: 720, lg: 975 } },
package/dist/cjs/header/headerAccountUserInfo.js CHANGED
@@ -32,7 +32,7 @@ exports.HeaderAccountUserInfo = (0, core_1.vui)((props, ref) => {
32
32
  react_1.default.createElement(box_1.default, { column: true, rowGap: role ? 0 : 0.5 },
33
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
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
+ role && (react_1.default.createElement(t_1.default, { color: localColor, fontSize: isApplication ? '12px' : 'inherit', isTruncated: true, opacity: 0.65, pr: 1, title: role }, role)))))));
36
36
  });
37
37
  exports.HeaderAccountUserInfo.displayName = 'HeaderAccountUserInfo';
38
38
  exports.default = exports.HeaderAccountUserInfo;
package/dist/cjs/notification/notification.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/notification/notification.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,YAAY,EAAE,MAAM,SAAS,CAAA;AAI3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AACrD,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AAEnD;;;GAGG;AACH,eAAO,MAAM,YAAY;YAyDf,yBAAyB;UAC3B,uBAAuB;UACvB,uBAAuB;WACtB,wBAAwB;CAChC,CAAA;AAQD,eAAe,YAAY,CAAA"}
1
+ {"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/notification/notification.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,YAAY,EAAE,MAAM,SAAS,CAAA;AAI3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AACrD,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AAEnD;;;GAGG;AACH,eAAO,MAAM,YAAY;YAgEf,yBAAyB;UAC3B,uBAAuB;UACvB,uBAAuB;WACtB,wBAAwB;CAChC,CAAA;AAQD,eAAe,YAAY,CAAA"}
package/dist/cjs/notification/notification.js CHANGED
@@ -46,7 +46,7 @@ exports.Notification = (0, core_1.vui)((props, ref) => {
46
46
  " ",
47
47
  text)),
48
48
  action,
49
- onClose && (react_1.default.createElement(notificationButton_1.default, { alignSelf: alignSelf, icon: "falTimes", onClick: onClose, variant: variant, w: "32px" })))));
49
+ onClose && (react_1.default.createElement(notificationButton_1.default, { alignSelf: alignSelf, "aria-label": "close", icon: "falTimes", onClick: onClose, variant: variant, w: "32px" })))));
50
50
  });
51
51
  exports.Notification.Button = notificationButton_1.default;
52
52
  exports.Notification.Icon = notificationIcon_1.default;
package/dist/cjs/pagination/paginationNavigation.js CHANGED
@@ -52,10 +52,10 @@ exports.PaginationNavigation = (0, core_1.vui)((props, ref) => {
52
52
  const { items } = (0, context_1.usePaginationContext)();
53
53
  const styles = (0, core_1.useStyleConfig)('Pagination', (0, context_1.usePaginationContext)());
54
54
  return (react_1.default.createElement(box_1.default, Object.assign({ className: (0, utils_1.cs)('vui-paginationNavigation', className), gap: 1, ref: ref, wrap: true }, styles.navigation, rest), children !== null && children !== void 0 ? children : items.map(item => (react_1.default.createElement(react_1.Fragment, { key: item },
55
- item === 'previous' && react_1.default.createElement(paginationPrevNext_1.default, { direction: "previous" }),
55
+ item === 'previous' && react_1.default.createElement(paginationPrevNext_1.default, { "aria-label": "previous", direction: "previous" }),
56
56
  (0, utils_1.isNumber)(item) && react_1.default.createElement(paginationButton_1.default, { page: item }),
57
57
  (0, utils_1.isString)(item) && item.includes('ellipsis') && react_1.default.createElement(paginationEllipsis_1.default, null),
58
- item === 'next' && react_1.default.createElement(paginationPrevNext_1.default, { direction: "next" }))))));
58
+ item === 'next' && react_1.default.createElement(paginationPrevNext_1.default, { "aria-label": "next", direction: "next" }))))));
59
59
  });
60
60
  exports.PaginationNavigation.displayName = 'PaginationNavigation';
61
61
  exports.default = exports.PaginationNavigation;
package/dist/cjs/sidemenu/sidemenu.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"sidemenu.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/sidemenu.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAuB,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3D,OAAO,EAAqB,aAAa,EAAE,MAAM,kBAAkB,CAAA;AACnE,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,WAAW,MAAM,eAAe,CAAA;AAEvC,8CAA8C;AAC9C,eAAO,MAAM,QAAQ;SAmFd,kBAAkB;UACjB,mBAAmB;CAC1B,CAAA;AAMD,eAAe,QAAQ,CAAA"}
1
+ {"version":3,"file":"sidemenu.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/sidemenu.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAuB,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3D,OAAO,EAAqB,aAAa,EAAE,MAAM,kBAAkB,CAAA;AACnE,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,WAAW,MAAM,eAAe,CAAA;AAEvC,8CAA8C;AAC9C,eAAO,MAAM,QAAQ;SAoFd,kBAAkB;UACjB,mBAAmB;CAC1B,CAAA;AAMD,eAAe,QAAQ,CAAA"}
package/dist/cjs/sidemenu/sidemenu.js CHANGED
@@ -75,7 +75,7 @@ exports.Sidemenu = (0, core_1.vui)((props, ref) => {
75
75
  ? (_a = items === null || items === void 0 ? void 0 : items.map) === null || _a === void 0 ? void 0 : _a.call(items, (item, key) => (react_1.default.createElement(sidemenuItem_1.default, Object.assign({ isActive: (0, utils_1.isActivePath)(item === null || item === void 0 ? void 0 : item.path), key: key }, item, { onClick: () => onItemClick(item) }))))
76
76
  : children),
77
77
  react_1.default.createElement(box_1.default, Object.assign({ className: "vui-sidemenu-bottom", w: "100%" }, styles.bottom),
78
- react_1.default.createElement(button_1.default, { borderRadius: 0, justifyContent: justifyContent, minH: size === 'lg' ? '56px' : '40px', onClick: onToggle, variant: isDark ? 'tertiaryLight' : 'tertiaryDark', w: "100%" },
78
+ react_1.default.createElement(button_1.default, { "aria-label": isExpandedHorizontally ? 'Collapse' : 'Expand', borderRadius: 0, justifyContent: justifyContent, minH: size === 'lg' ? '56px' : '40px', onClick: onToggle, variant: isDark ? 'tertiaryLight' : 'tertiaryDark', w: "100%" },
79
79
  react_1.default.createElement(icon_1.default, { name: icon }))))));
80
80
  });
81
81
  exports.Sidemenu.Top = sidemenuTop_1.default;
package/dist/cjs/sidemenu/sidemenuItem.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"sidemenuItem.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/sidemenuItem.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAyB,YAAY,EAAE,MAAM,SAAS,CAAA;AAK7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAGpD,mBAAmB;AACnB,eAAO,MAAM,YAAY,wCAiGmB,CAAA;AAI5C,eAAe,YAAY,CAAA"}
1
+ {"version":3,"file":"sidemenuItem.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/sidemenuItem.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAyB,YAAY,EAAE,MAAM,SAAS,CAAA;AAK7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAGpD,mBAAmB;AACnB,eAAO,MAAM,YAAY,wCAkGmB,CAAA;AAI5C,eAAe,YAAY,CAAA"}
package/dist/cjs/sidemenu/sidemenuItem.js CHANGED
@@ -74,7 +74,7 @@ exports.SidemenuItem = (0, core_1.vui)((props, ref) => {
74
74
  react_1.default.createElement(popover_1.Popover.Content, { shadow: "none" },
75
75
  react_1.default.createElement(box_1.default, { flexDirection: "column", justifyContent: "start", w: "100%" }, children)))) : (react_1.default.createElement(button_1.default, Object.assign({ className: (0, utils_1.cs)('vui-sidemenu-item', className) }, buttonStyles),
76
76
  innerContent,
77
- hasChildrenExpanded && (react_1.default.createElement(button_1.default, { className: "vui-sidemenu-item-expand", icon: isExpandedVertically ? 'falChevronUp' : 'falChevronDown', mr: 1, onClick: toggle, size: "sm", variant: isDark ? 'tertiaryLight' : 'tertiaryDark' })))),
77
+ hasChildrenExpanded && (react_1.default.createElement(button_1.default, { "aria-label": isExpandedVertically ? 'Collapse' : 'Expand', className: "vui-sidemenu-item-expand", icon: isExpandedVertically ? 'falChevronUp' : 'falChevronDown', mr: 1, onClick: toggle, size: "sm", variant: isDark ? 'tertiaryLight' : 'tertiaryDark' })))),
78
78
  !!children && hasChildrenExpanded && isExpandedVertically && (react_1.default.createElement(box_1.default, { flexDirection: "column", justifyContent: "start", w: "100%" }, children))));
79
79
  });
80
80
  exports.SidemenuItem.displayName = 'SidemenuItem';
package/dist/cjs/tag/tag.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../src/tag/tag.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAGnE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,OAAO,MAAM,WAAW,CAAA;AAE/B,eAAO,MAAM,OAAO,gIAsBnB,CAAA;AACD;;;GAGG;AACH,eAAO,MAAM,GAAG;YA+FN,gBAAgB;UAClB,cAAc;UACd,cAAc;CACrB,CAAA;AAQD,eAAe,GAAG,CAAA"}
1
+ {"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../src/tag/tag.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAGnE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,OAAO,MAAM,WAAW,CAAA;AAE/B,eAAO,MAAM,OAAO,gIAsBnB,CAAA;AACD;;;GAGG;AACH,eAAO,MAAM,GAAG;YAqGN,gBAAgB;UAClB,cAAc;UACd,cAAc;CACrB,CAAA;AAQD,eAAe,GAAG,CAAA"}
package/dist/cjs/tag/tag.js CHANGED
@@ -107,7 +107,7 @@ exports.Tag = (0, core_1.vui)((props, ref) => {
107
107
  itemLeft,
108
108
  (0, utils_1.isString)(iconLeft) ? react_1.default.createElement(tagIcon_1.default, { mr: spaceX, name: iconLeft }) : iconLeft, children !== null && children !== void 0 ? children : ((0, utils_1.isReactText)(text) ? react_1.default.createElement(tagText_1.default, Object.assign({}, { isTruncated, text })) : text),
109
109
  (0, utils_1.isString)(iconRight) ? react_1.default.createElement(tagIcon_1.default, { ml: spaceX, name: iconRight }) : iconRight,
110
- onDelete ? (react_1.default.createElement(tagButton_1.default, { disabled: disabled, isRound: isRound, ml: spaceX, onClick: e => onDelete === null || onDelete === void 0 ? void 0 : onDelete(e) })) : (itemRight))))));
110
+ onDelete ? (react_1.default.createElement(tagButton_1.default, { "aria-label": "delete", disabled: disabled, isRound: isRound, ml: spaceX, onClick: e => onDelete === null || onDelete === void 0 ? void 0 : onDelete(e) })) : (itemRight))))));
111
111
  });
112
112
  exports.Tag.Button = tagButton_1.default;
113
113
  exports.Tag.Icon = tagIcon_1.default;
package/dist/cjs/textarea/textarea.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/textarea/textarea.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAkBhD,eAAO,MAAM,YAAY,+HAKxB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,sDAgGnB,CAAA;AAIF,eAAe,QAAQ,CAAA"}
1
+ {"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/textarea/textarea.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAmBhD,eAAO,MAAM,YAAY,+HAKxB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,sDAiGnB,CAAA;AAIF,eAAe,QAAQ,CAAA"}
package/dist/cjs/textarea/textarea.js CHANGED
@@ -53,10 +53,11 @@ const TextareaTextarea = core_1.styled.textareaBox `
53
53
  transition-duration: fast;
54
54
  width: 100%;
55
55
 
56
- &[aria-disabled='true'],
57
- &[aria-disabled='true']::placeholder {
56
+ &[aria-disabled='true'] {
58
57
  opacity: 0.5;
59
58
  cursor: not-allowed;
59
+ background-color: sandstone.79;
60
+ border-color: sandstone.79;
60
61
  }
61
62
  `;
62
63
  exports.TextareaBase = core_1.styled.divBox `
@@ -84,7 +85,8 @@ exports.Textarea = (0, core_1.vui)((props, ref) => {
84
85
  });
85
86
  const textareaAliasedProps = (0, utils_1.filterUndefined)({
86
87
  'aria-disabled': disabled,
87
- bg: readOnly ? consts_1.inputColors.disabled : undefined,
88
+ bg: readOnly ? 'sandstone.97' : undefined,
89
+ borderColor: readOnly ? 'sandstone.55' : undefined,
88
90
  focusWithinBorderColor: !readOnly ? 'transparent' : undefined,
89
91
  focusWithinRingColor: readOnly ? 'transparent' : undefined
90
92
  });
package/dist/cjs/tutorial/tutorialCard.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tutorialCard.d.ts","sourceRoot":"","sources":["../../../src/tutorial/tutorialCard.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,iBAAiB,EAAyC,MAAM,kBAAkB,CAAA;AAG3F,wBAAgB,YAAY,CAAC,EAC3B,WAAsB,EACtB,SAAS,EACT,KAAK,EACL,YAAY,EACZ,KAAK,EAAE,UAAe,EACtB,cAAc,EACd,QAAQ,EACR,SAAS,EACT,QAAQ,EACT,EAAE,iBAAiB,eAoHnB;yBA9He,YAAY"}
1
+ {"version":3,"file":"tutorialCard.d.ts","sourceRoot":"","sources":["../../../src/tutorial/tutorialCard.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,iBAAiB,EAAyC,MAAM,kBAAkB,CAAA;AAG3F,wBAAgB,YAAY,CAAC,EAC3B,WAAsB,EACtB,SAAS,EACT,KAAK,EACL,YAAY,EACZ,KAAK,EAAE,UAAe,EACtB,cAAc,EACd,QAAQ,EACR,SAAS,EACT,QAAQ,EACT,EAAE,iBAAiB,eAwHnB;yBAlIe,YAAY"}
package/dist/cjs/tutorial/tutorialCard.js CHANGED
@@ -49,13 +49,13 @@ function TutorialCard({ actionLabel = 'Action', className, title, readMoreLink,
49
49
  return (react_1.default.createElement(index_1.Card, { bg: consts_1.tutorialColors.bg, className: className, color: consts_1.tutorialColors.color, column: true, justifyContent: "space-between", minH: 400, p: 2, pt: 1, w: 580 },
50
50
  react_1.default.createElement(index_1.Box, { alignContent: "center", alignItems: "center", flex: 0, flexDirection: "row", flexGrow: 0, justifyContent: "space-between", minH: 48, row: true, style: { WebkitFlexGrow: '0' } },
51
51
  react_1.default.createElement(index_1.H4, { color: consts_1.tutorialColors.color }, title),
52
- !isFinalStep && react_1.default.createElement(index_1.Button, { icon: "falTimes", onClick: onDismiss, scale: 2, variant: "tertiaryLight" })),
52
+ !isFinalStep && (react_1.default.createElement(index_1.Button, { "aria-label": "close", icon: "falTimes", onClick: onDismiss, scale: 2, variant: "tertiaryLight" }))),
53
53
  react_1.default.createElement(index_1.Box, { flex: 5, row: true }, (_a = steps === null || steps === void 0 ? void 0 : steps.map) === null || _a === void 0 ? void 0 : _a.call(steps, s => (react_1.default.createElement(tutorialStep_1.TutorialStep, { active: s.key === activeStep, content: s.step.content, key: s.step.title, readMoreLink: s.step.readMoreLink, title: s.step.title })))),
54
54
  react_1.default.createElement(index_1.Box, { alignItems: "center", justifyContent: "space-between", mt: 0 },
55
55
  react_1.default.createElement(index_1.Box, { alignItems: "center", justifyContent: "space-between", w: "-webkit-fill-available" },
56
- react_1.default.createElement(index_1.Button, { color: consts_1.tutorialColors.buttonColor, disabled: isStartStep, icon: "falArrowLeft", onClick: () => setActiveStep(activeStep - 1), scale: 2, transition: "none", variant: "tertiaryLight", w: "34" }),
56
+ react_1.default.createElement(index_1.Button, { "aria-label": "previous", color: consts_1.tutorialColors.buttonColor, disabled: isStartStep, icon: "falArrowLeft", onClick: () => setActiveStep(activeStep - 1), scale: 2, transition: "none", variant: "tertiaryLight", w: "34" }),
57
57
  react_1.default.createElement(index_1.Box, { className: "vuiTutorialStepDots" }, (_b = steps === null || steps === void 0 ? void 0 : steps.map) === null || _b === void 0 ? void 0 : _b.call(steps, s => (react_1.default.createElement(index_1.Icon, { color: s.key === activeStep ? consts_1.tutorialColors.color : 'darkBlue.30', cursor: "pointer", hoverColor: consts_1.tutorialColors.buttonColor, key: s.key, name: "cusDotFull", onClick: () => setActiveStep(s.key) })))),
58
- react_1.default.createElement(index_1.Button, { color: consts_1.tutorialColors.buttonColor, disabled: isFinalStep, icon: "falArrowRight", onClick: () => setActiveStep(activeStep + 1), scale: 2, transition: "none", variant: "tertiaryLight", w: "34" })),
58
+ react_1.default.createElement(index_1.Button, { "aria-label": "next", color: consts_1.tutorialColors.buttonColor, disabled: isFinalStep, icon: "falArrowRight", onClick: () => setActiveStep(activeStep + 1), scale: 2, transition: "none", variant: "tertiaryLight", w: "34" })),
59
59
  (showSkipButton || isFinalStep || !!onAction) && (react_1.default.createElement(index_1.Box, { alignItems: "center", justifyContent: "space-between" },
60
60
  showSkipButton && !isFinalStep && (react_1.default.createElement(index_1.Button, { mr: 2, onClick: onDismiss, variant: "primaryLight" }, "Skip")),
61
61
  isFinalStep && (react_1.default.createElement(index_1.Button, { mr: 2, onClick: onFinish, variant: "primaryLight" }, "Finish")),
package/dist/esm/calendar/calendar.styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"calendar.styles.d.ts","sourceRoot":"","sources":["../../../src/calendar/calendar.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAE5C,eAAO,MAAM,QAAQ,oIAIpB,CAAA;AAED,eAAO,MAAM,OAAO,oIAInB,CAAA;AAED,eAAO,MAAM,UAAU,oIAGtB,CAAA;AAED,eAAO,MAAM,QAAQ,oIAEpB,CAAA;AAED,eAAO,MAAM,OAAO,oIAEnB,CAAA;AAED,eAAO,MAAM,KAAK,oIAIjB,CAAA;AAED,eAAO,MAAM,UAAU,oIAItB,CAAA;AAED,eAAO,MAAM,YAAY;;;8DAsBxB,CAAA;AAED,eAAO,MAAM,sBAAsB,oKAQlC,CAAA"}
1
+ {"version":3,"file":"calendar.styles.d.ts","sourceRoot":"","sources":["../../../src/calendar/calendar.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAE5C,eAAO,MAAM,QAAQ,oIAIpB,CAAA;AAED,eAAO,MAAM,OAAO,oIAInB,CAAA;AAED,eAAO,MAAM,UAAU,oIAItB,CAAA;AAED,eAAO,MAAM,QAAQ,oIAEpB,CAAA;AAED,eAAO,MAAM,OAAO,oIAEnB,CAAA;AAED,eAAO,MAAM,KAAK,oIAIjB,CAAA;AAED,eAAO,MAAM,UAAU,oIAItB,CAAA;AAED,eAAO,MAAM,YAAY;;;8DAsBxB,CAAA;AAED,eAAO,MAAM,sBAAsB,oKAQlC,CAAA"}
package/dist/esm/calendar/calendar.styles.js CHANGED
@@ -12,11 +12,12 @@ export const current = css `
12
12
  border-radius: 0;
13
13
  `;
14
14
  export const isDisabled = css `
15
- color: ${th.color('sandstone.main')} !important;
15
+ background-color: ${th.color('sandstone.97')} !important;
16
+ color: ${th.color('sandstone.55')} !important;
16
17
  cursor: not-allowed;
17
18
  `;
18
19
  export const isHidden = css `
19
- color: ${th.color('darkBlue.75')} !important;
20
+ color: ${th.color('sandstone.55')} !important;
20
21
  `;
21
22
  export const isToday = css `
22
23
  border: 1px solid ${th.color('seaBlue.main')};
package/dist/esm/calendar/components/calendarHeader.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"calendarHeader.d.ts","sourceRoot":"","sources":["../../../../src/calendar/components/calendarHeader.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAG/D,KAAK,KAAK,GAAG;IACX,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,gBAAgB,EAAE,CAAC,SAAS,EAAE,aAAa,KAAK,IAAI,CAAA;IACpD,iBAAiB,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IAC/C,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,YAAY,EAAE,YAAY,CAAA;IAC1B,SAAS,EAAE,IAAI,CAAA;CAChB,CAAA;AAID;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CAiCpC,CAAA"}
1
+ {"version":3,"file":"calendarHeader.d.ts","sourceRoot":"","sources":["../../../../src/calendar/components/calendarHeader.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAG/D,KAAK,KAAK,GAAG;IACX,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,gBAAgB,EAAE,CAAC,SAAS,EAAE,aAAa,KAAK,IAAI,CAAA;IACpD,iBAAiB,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IAC/C,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,YAAY,EAAE,YAAY,CAAA;IAC1B,SAAS,EAAE,IAAI,CAAA;CAChB,CAAA;AAID;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CAmCpC,CAAA"}
package/dist/esm/calendar/components/calendarHeader.js CHANGED
@@ -11,5 +11,5 @@ export const CalendarHeader = ({ nextDisabled, onChangeViewItem, onSetTimeUnitMo
11
11
  React.createElement(Box, { className: "vui-calendar-header-left" },
12
12
  React.createElement(TimeUnitHeader, { onSetTimeUnitMode: onSetTimeUnitMode, timeUnitMode: timeUnitMode, viewMonth: viewMonth })),
13
13
  React.createElement(Box, { className: "vui-calendar-header-right", flex: "1", justify: "flex-end" },
14
- React.createElement(IconButton, { className: "icon", disabled: prevDisabled, h: size, icon: "falChevronLeft", onClick: () => onChangeViewItem('prev'), size: "sm", w: size }),
15
- React.createElement(IconButton, { className: "icon", disabled: nextDisabled, h: size, icon: "falChevronRight", onClick: () => onChangeViewItem('next'), size: "sm", w: size }))));
14
+ React.createElement(IconButton, { "aria-label": "previous", className: "icon", disabled: prevDisabled, h: size, icon: "falChevronLeft", onClick: () => onChangeViewItem('prev'), size: "sm", w: size }),
15
+ React.createElement(IconButton, { "aria-label": "next", className: "icon", disabled: nextDisabled, h: size, icon: "falChevronRight", onClick: () => onChangeViewItem('next'), size: "sm", w: size }))));
package/dist/esm/copyToClipboard/copyToClipboard.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"copyToClipboard.d.ts","sourceRoot":"","sources":["../../../src/copyToClipboard/copyToClipboard.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAG9D;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,gEAiB1B,CAAA;AAGF,eAAe,eAAe,CAAA"}
1
+ {"version":3,"file":"copyToClipboard.d.ts","sourceRoot":"","sources":["../../../src/copyToClipboard/copyToClipboard.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAG9D;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,gEAkB1B,CAAA;AAGF,eAAe,eAAe,CAAA"}
package/dist/esm/copyToClipboard/copyToClipboard.js CHANGED
@@ -14,7 +14,7 @@ import { useCopyToClipboard } from './useCopyToClipboard';
14
14
  export const CopyToClipboard = vui((props, ref) => {
15
15
  const { disabled, copyText, className, size = 'sm', variant = 'tertiaryDark', ...rest } = props;
16
16
  const { copy, isCopyDisabled } = useCopyToClipboard(copyText);
17
- return (React.createElement(Button, { className: cs('vui-copy-to-clipboard', className), disabled: disabled || isCopyDisabled, icon: "falCopy", onClick: () => copy(), ref: ref, size: size, variant: variant, ...rest }));
17
+ return (React.createElement(Button, { "aria-label": "copy to clipboard", className: cs('vui-copy-to-clipboard', className), disabled: disabled || isCopyDisabled, icon: "falCopy", onClick: () => copy(), ref: ref, size: size, variant: variant, ...rest }));
18
18
  });
19
19
  CopyToClipboard.displayName = 'CopyToClipboard';
20
20
  export default CopyToClipboard;
package/dist/esm/footer/footer.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/footer/footer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAwC,YAAY,EAAE,MAAM,SAAS,CAAA;AAO5E,OAAO,EAAkB,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5D,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAK3C,eAAO,MAAM,UAAU,+HAItB,CAAA;AAGD,oGAAoG;AACpG,eAAO,MAAM,MAAM;YA0NT,mBAAmB;aAClB,oBAAoB;aACpB,oBAAoB;UACvB,iBAAiB;SAClB,gBAAgB;aACZ,oBAAoB;CAC9B,CAAA;AAUD,eAAe,MAAM,CAAA"}
1
+ {"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/footer/footer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAwC,YAAY,EAAE,MAAM,SAAS,CAAA;AAO5E,OAAO,EAAkB,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5D,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAK3C,eAAO,MAAM,UAAU,+HAItB,CAAA;AAGD,oGAAoG;AACpG,eAAO,MAAM,MAAM;YA2NT,mBAAmB;aAClB,oBAAoB;aACpB,oBAAoB;UACvB,iBAAiB;SAClB,gBAAgB;aACZ,oBAAoB;CAC9B,CAAA;AAUD,eAAe,MAAM,CAAA"}
package/dist/esm/footer/footer.js CHANGED
@@ -71,7 +71,7 @@ export const Footer = vui((props, ref) => {
71
71
  React.createElement(T, { weight: "demi" }, "Veracity by DNV"),
72
72
  ", DNV AS"))),
73
73
  React.createElement(Box, null,
74
- applicationSocialLinks?.map((link, index) => (React.createElement(Link, { fontWeight: "demi", href: link.url, iconLeft: React.createElement(Link.Icon, { name: `cubCircle${link.text}`, radius: "50%", size: "xs" }), isExternal: true, key: index, mr: 1, size: { _: 'sm', md: 'md' }, ...styles.link }))),
74
+ applicationSocialLinks?.map((link, index) => (React.createElement(Link, { "aria-label": link.text, fontWeight: "demi", href: link.url, iconLeft: React.createElement(Link.Icon, { name: `cubCircle${link.text}`, radius: "50%", size: "xs" }), isExternal: true, key: index, mr: 1, size: { _: 'sm', md: 'md' }, ...styles.link }))),
75
75
  React.createElement(Link, { fontWeight: "demi", href: linkedIn ?? defaultLinkedInUrl, isExternal: true, size: { _: 'sm', md: 'md' }, ...styles.link },
76
76
  React.createElement(FooterHeading, { fontSize: "16px", mb: 0, text: "Follow us" }))))))),
77
77
  !isApplication && isSlim && (React.createElement(FooterContent, { alignContent: "center", alignItems: "center", maxW: { xs: 343, sm: 305, md: 720, lg: 975 } },
package/dist/esm/header/headerAccountUserInfo.js CHANGED
@@ -15,7 +15,7 @@ export const HeaderAccountUserInfo = vui((props, ref) => {
15
15
  React.createElement(Box, { column: true, rowGap: role ? 0 : 0.5 },
16
16
  displayName && (React.createElement(T, { color: localColor, fontSize: isApplication ? '12px' : 'inherit', isTruncated: true, pr: 1, title: displayName, weight: "demi" }, displayName)),
17
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
+ role && (React.createElement(T, { color: localColor, fontSize: isApplication ? '12px' : 'inherit', isTruncated: true, opacity: 0.65, pr: 1, title: role }, role)))))));
19
19
  });
20
20
  HeaderAccountUserInfo.displayName = 'HeaderAccountUserInfo';
21
21
  export default HeaderAccountUserInfo;
package/dist/esm/notification/notification.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/notification/notification.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,YAAY,EAAE,MAAM,SAAS,CAAA;AAI3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AACrD,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AAEnD;;;GAGG;AACH,eAAO,MAAM,YAAY;YAyDf,yBAAyB;UAC3B,uBAAuB;UACvB,uBAAuB;WACtB,wBAAwB;CAChC,CAAA;AAQD,eAAe,YAAY,CAAA"}
1
+ {"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/notification/notification.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,YAAY,EAAE,MAAM,SAAS,CAAA;AAI3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AACrD,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AAEnD;;;GAGG;AACH,eAAO,MAAM,YAAY;YAgEf,yBAAyB;UAC3B,uBAAuB;UACvB,uBAAuB;WACtB,wBAAwB;CAChC,CAAA;AAQD,eAAe,YAAY,CAAA"}
package/dist/esm/notification/notification.js CHANGED
@@ -29,7 +29,7 @@ export const Notification = vui((props, ref) => {
29
29
  " ",
30
30
  text)),
31
31
  action,
32
- onClose && (React.createElement(NotificationButton, { alignSelf: alignSelf, icon: "falTimes", onClick: onClose, variant: variant, w: "32px" })))));
32
+ onClose && (React.createElement(NotificationButton, { alignSelf: alignSelf, "aria-label": "close", icon: "falTimes", onClick: onClose, variant: variant, w: "32px" })))));
33
33
  });
34
34
  Notification.Button = NotificationButton;
35
35
  Notification.Icon = NotificationIcon;
package/dist/esm/pagination/paginationNavigation.js CHANGED
@@ -13,10 +13,10 @@ export const PaginationNavigation = vui((props, ref) => {
13
13
  const styles = useStyleConfig('Pagination', usePaginationContext());
14
14
  return (React.createElement(Box, { className: cs('vui-paginationNavigation', className), gap: 1, ref: ref, wrap: true, ...styles.navigation, ...rest }, children ??
15
15
  items.map(item => (React.createElement(Fragment, { key: item },
16
- item === 'previous' && React.createElement(PaginationPrevNext, { direction: "previous" }),
16
+ item === 'previous' && React.createElement(PaginationPrevNext, { "aria-label": "previous", direction: "previous" }),
17
17
  isNumber(item) && React.createElement(PaginationButton, { page: item }),
18
18
  isString(item) && item.includes('ellipsis') && React.createElement(PaginationEllipsis, null),
19
- item === 'next' && React.createElement(PaginationPrevNext, { direction: "next" }))))));
19
+ item === 'next' && React.createElement(PaginationPrevNext, { "aria-label": "next", direction: "next" }))))));
20
20
  });
21
21
  PaginationNavigation.displayName = 'PaginationNavigation';
22
22
  export default PaginationNavigation;
package/dist/esm/sidemenu/sidemenu.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"sidemenu.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/sidemenu.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAuB,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3D,OAAO,EAAqB,aAAa,EAAE,MAAM,kBAAkB,CAAA;AACnE,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,WAAW,MAAM,eAAe,CAAA;AAEvC,8CAA8C;AAC9C,eAAO,MAAM,QAAQ;SAmFd,kBAAkB;UACjB,mBAAmB;CAC1B,CAAA;AAMD,eAAe,QAAQ,CAAA"}
1
+ {"version":3,"file":"sidemenu.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/sidemenu.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAuB,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3D,OAAO,EAAqB,aAAa,EAAE,MAAM,kBAAkB,CAAA;AACnE,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,WAAW,MAAM,eAAe,CAAA;AAEvC,8CAA8C;AAC9C,eAAO,MAAM,QAAQ;SAoFd,kBAAkB;UACjB,mBAAmB;CAC1B,CAAA;AAMD,eAAe,QAAQ,CAAA"}
package/dist/esm/sidemenu/sidemenu.js CHANGED
@@ -33,7 +33,7 @@ export const Sidemenu = vui((props, ref) => {
33
33
  ? items?.map?.((item, key) => (React.createElement(SidemenuItem, { isActive: isActivePath(item?.path), key: key, ...item, onClick: () => onItemClick(item) })))
34
34
  : children),
35
35
  React.createElement(Box, { className: "vui-sidemenu-bottom", w: "100%", ...styles.bottom },
36
- React.createElement(Button, { borderRadius: 0, justifyContent: justifyContent, minH: size === 'lg' ? '56px' : '40px', onClick: onToggle, variant: isDark ? 'tertiaryLight' : 'tertiaryDark', w: "100%" },
36
+ React.createElement(Button, { "aria-label": isExpandedHorizontally ? 'Collapse' : 'Expand', borderRadius: 0, justifyContent: justifyContent, minH: size === 'lg' ? '56px' : '40px', onClick: onToggle, variant: isDark ? 'tertiaryLight' : 'tertiaryDark', w: "100%" },
37
37
  React.createElement(Icon, { name: icon }))))));
38
38
  });
39
39
  Sidemenu.Top = SidemenuTop;
package/dist/esm/sidemenu/sidemenuItem.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"sidemenuItem.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/sidemenuItem.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAyB,YAAY,EAAE,MAAM,SAAS,CAAA;AAK7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAGpD,mBAAmB;AACnB,eAAO,MAAM,YAAY,wCAiGmB,CAAA;AAI5C,eAAe,YAAY,CAAA"}
1
+ {"version":3,"file":"sidemenuItem.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/sidemenuItem.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAyB,YAAY,EAAE,MAAM,SAAS,CAAA;AAK7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAGpD,mBAAmB;AACnB,eAAO,MAAM,YAAY,wCAkGmB,CAAA;AAI5C,eAAe,YAAY,CAAA"}
package/dist/esm/sidemenu/sidemenuItem.js CHANGED
@@ -52,7 +52,7 @@ export const SidemenuItem = vui((props, ref) => {
52
52
  React.createElement(Popover.Content, { shadow: "none" },
53
53
  React.createElement(Box, { flexDirection: "column", justifyContent: "start", w: "100%" }, children)))) : (React.createElement(Button, { className: cs('vui-sidemenu-item', className), ...buttonStyles },
54
54
  innerContent,
55
- hasChildrenExpanded && (React.createElement(Button, { className: "vui-sidemenu-item-expand", icon: isExpandedVertically ? 'falChevronUp' : 'falChevronDown', mr: 1, onClick: toggle, size: "sm", variant: isDark ? 'tertiaryLight' : 'tertiaryDark' })))),
55
+ hasChildrenExpanded && (React.createElement(Button, { "aria-label": isExpandedVertically ? 'Collapse' : 'Expand', className: "vui-sidemenu-item-expand", icon: isExpandedVertically ? 'falChevronUp' : 'falChevronDown', mr: 1, onClick: toggle, size: "sm", variant: isDark ? 'tertiaryLight' : 'tertiaryDark' })))),
56
56
  !!children && hasChildrenExpanded && isExpandedVertically && (React.createElement(Box, { flexDirection: "column", justifyContent: "start", w: "100%" }, children))));
57
57
  });
58
58
  SidemenuItem.displayName = 'SidemenuItem';
package/dist/esm/tag/tag.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../src/tag/tag.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAGnE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,OAAO,MAAM,WAAW,CAAA;AAE/B,eAAO,MAAM,OAAO,gIAsBnB,CAAA;AACD;;;GAGG;AACH,eAAO,MAAM,GAAG;YA+FN,gBAAgB;UAClB,cAAc;UACd,cAAc;CACrB,CAAA;AAQD,eAAe,GAAG,CAAA"}
1
+ {"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../src/tag/tag.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAGnE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,OAAO,MAAM,WAAW,CAAA;AAE/B,eAAO,MAAM,OAAO,gIAsBnB,CAAA;AACD;;;GAGG;AACH,eAAO,MAAM,GAAG;YAqGN,gBAAgB;UAClB,cAAc;UACd,cAAc;CACrB,CAAA;AAQD,eAAe,GAAG,CAAA"}
package/dist/esm/tag/tag.js CHANGED
@@ -68,7 +68,7 @@ export const Tag = vui((props, ref) => {
68
68
  isString(iconLeft) ? React.createElement(TagIcon, { mr: spaceX, name: iconLeft }) : iconLeft,
69
69
  children ?? (isReactText(text) ? React.createElement(TagText, { ...{ isTruncated, text } }) : text),
70
70
  isString(iconRight) ? React.createElement(TagIcon, { ml: spaceX, name: iconRight }) : iconRight,
71
- onDelete ? (React.createElement(TagButton, { disabled: disabled, isRound: isRound, ml: spaceX, onClick: e => onDelete?.(e) })) : (itemRight))))));
71
+ onDelete ? (React.createElement(TagButton, { "aria-label": "delete", disabled: disabled, isRound: isRound, ml: spaceX, onClick: e => onDelete?.(e) })) : (itemRight))))));
72
72
  });
73
73
  Tag.Button = TagButton;
74
74
  Tag.Icon = TagIcon;
package/dist/esm/textarea/textarea.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/textarea/textarea.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAkBhD,eAAO,MAAM,YAAY,+HAKxB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,sDAgGnB,CAAA;AAIF,eAAe,QAAQ,CAAA"}
1
+ {"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/textarea/textarea.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAmBhD,eAAO,MAAM,YAAY,+HAKxB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,sDAiGnB,CAAA;AAIF,eAAe,QAAQ,CAAA"}
package/dist/esm/textarea/textarea.js CHANGED
@@ -13,10 +13,11 @@ const TextareaTextarea = styled.textareaBox `
13
13
  transition-duration: fast;
14
14
  width: 100%;
15
15
 
16
- &[aria-disabled='true'],
17
- &[aria-disabled='true']::placeholder {
16
+ &[aria-disabled='true'] {
18
17
  opacity: 0.5;
19
18
  cursor: not-allowed;
19
+ background-color: sandstone.79;
20
+ border-color: sandstone.79;
20
21
  }
21
22
  `;
22
23
  export const TextareaBase = styled.divBox `
@@ -44,7 +45,8 @@ export const Textarea = vui((props, ref) => {
44
45
  });
45
46
  const textareaAliasedProps = filterUndefined({
46
47
  'aria-disabled': disabled,
47
- bg: readOnly ? inputColors.disabled : undefined,
48
+ bg: readOnly ? 'sandstone.97' : undefined,
49
+ borderColor: readOnly ? 'sandstone.55' : undefined,
48
50
  focusWithinBorderColor: !readOnly ? 'transparent' : undefined,
49
51
  focusWithinRingColor: readOnly ? 'transparent' : undefined
50
52
  });
package/dist/esm/tutorial/tutorialCard.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tutorialCard.d.ts","sourceRoot":"","sources":["../../../src/tutorial/tutorialCard.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,iBAAiB,EAAyC,MAAM,kBAAkB,CAAA;AAG3F,wBAAgB,YAAY,CAAC,EAC3B,WAAsB,EACtB,SAAS,EACT,KAAK,EACL,YAAY,EACZ,KAAK,EAAE,UAAe,EACtB,cAAc,EACd,QAAQ,EACR,SAAS,EACT,QAAQ,EACT,EAAE,iBAAiB,eAoHnB;yBA9He,YAAY"}
1
+ {"version":3,"file":"tutorialCard.d.ts","sourceRoot":"","sources":["../../../src/tutorial/tutorialCard.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,iBAAiB,EAAyC,MAAM,kBAAkB,CAAA;AAG3F,wBAAgB,YAAY,CAAC,EAC3B,WAAsB,EACtB,SAAS,EACT,KAAK,EACL,YAAY,EACZ,KAAK,EAAE,UAAe,EACtB,cAAc,EACd,QAAQ,EACR,SAAS,EACT,QAAQ,EACT,EAAE,iBAAiB,eAwHnB;yBAlIe,YAAY"}
package/dist/esm/tutorial/tutorialCard.js CHANGED
@@ -22,13 +22,13 @@ export function TutorialCard({ actionLabel = 'Action', className, title, readMor
22
22
  return (React.createElement(Card, { bg: tutorialColors.bg, className: className, color: tutorialColors.color, column: true, justifyContent: "space-between", minH: 400, p: 2, pt: 1, w: 580 },
23
23
  React.createElement(Box, { alignContent: "center", alignItems: "center", flex: 0, flexDirection: "row", flexGrow: 0, justifyContent: "space-between", minH: 48, row: true, style: { WebkitFlexGrow: '0' } },
24
24
  React.createElement(H4, { color: tutorialColors.color }, title),
25
- !isFinalStep && React.createElement(Button, { icon: "falTimes", onClick: onDismiss, scale: 2, variant: "tertiaryLight" })),
25
+ !isFinalStep && (React.createElement(Button, { "aria-label": "close", icon: "falTimes", onClick: onDismiss, scale: 2, variant: "tertiaryLight" }))),
26
26
  React.createElement(Box, { flex: 5, row: true }, steps?.map?.(s => (React.createElement(TutorialStep, { active: s.key === activeStep, content: s.step.content, key: s.step.title, readMoreLink: s.step.readMoreLink, title: s.step.title })))),
27
27
  React.createElement(Box, { alignItems: "center", justifyContent: "space-between", mt: 0 },
28
28
  React.createElement(Box, { alignItems: "center", justifyContent: "space-between", w: "-webkit-fill-available" },
29
- React.createElement(Button, { color: tutorialColors.buttonColor, disabled: isStartStep, icon: "falArrowLeft", onClick: () => setActiveStep(activeStep - 1), scale: 2, transition: "none", variant: "tertiaryLight", w: "34" }),
29
+ React.createElement(Button, { "aria-label": "previous", color: tutorialColors.buttonColor, disabled: isStartStep, icon: "falArrowLeft", onClick: () => setActiveStep(activeStep - 1), scale: 2, transition: "none", variant: "tertiaryLight", w: "34" }),
30
30
  React.createElement(Box, { className: "vuiTutorialStepDots" }, steps?.map?.(s => (React.createElement(Icon, { color: s.key === activeStep ? tutorialColors.color : 'darkBlue.30', cursor: "pointer", hoverColor: tutorialColors.buttonColor, key: s.key, name: "cusDotFull", onClick: () => setActiveStep(s.key) })))),
31
- React.createElement(Button, { color: tutorialColors.buttonColor, disabled: isFinalStep, icon: "falArrowRight", onClick: () => setActiveStep(activeStep + 1), scale: 2, transition: "none", variant: "tertiaryLight", w: "34" })),
31
+ React.createElement(Button, { "aria-label": "next", color: tutorialColors.buttonColor, disabled: isFinalStep, icon: "falArrowRight", onClick: () => setActiveStep(activeStep + 1), scale: 2, transition: "none", variant: "tertiaryLight", w: "34" })),
32
32
  (showSkipButton || isFinalStep || !!onAction) && (React.createElement(Box, { alignItems: "center", justifyContent: "space-between" },
33
33
  showSkipButton && !isFinalStep && (React.createElement(Button, { mr: 2, onClick: onDismiss, variant: "primaryLight" }, "Skip")),
34
34
  isFinalStep && (React.createElement(Button, { mr: 2, onClick: onFinish, variant: "primaryLight" }, "Finish")),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@veracity/vui",
3
- "version": "2.15.3",
3
+ "version": "2.15.4",
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/calendar/calendar.styles.ts CHANGED
@@ -16,12 +16,13 @@ export const current = css`
16
16
  `
17
17
 
18
18
  export const isDisabled = css`
19
- color: ${th.color('sandstone.main')} !important;
19
+ background-color: ${th.color('sandstone.97')} !important;
20
+ color: ${th.color('sandstone.55')} !important;
20
21
  cursor: not-allowed;
21
22
  `
22
23
 
23
24
  export const isHidden = css`
24
- color: ${th.color('darkBlue.75')} !important;
25
+ color: ${th.color('sandstone.55')} !important;
25
26
  `
26
27
 
27
28
  export const isToday = css`
package/src/calendar/components/calendarHeader.tsx CHANGED
@@ -34,6 +34,7 @@ export const CalendarHeader: FC<Props> = ({
34
34
  </Box>
35
35
  <Box className="vui-calendar-header-right" flex="1" justify="flex-end">
36
36
  <IconButton
37
+ aria-label="previous"
37
38
  className="icon"
38
39
  disabled={prevDisabled}
39
40
  h={size}
@@ -43,6 +44,7 @@ export const CalendarHeader: FC<Props> = ({
43
44
  w={size}
44
45
  />
45
46
  <IconButton
47
+ aria-label="next"
46
48
  className="icon"
47
49
  disabled={nextDisabled}
48
50
  h={size}
package/src/copyToClipboard/copyToClipboard.tsx CHANGED
@@ -21,6 +21,7 @@ export const CopyToClipboard = vui<'button', CopyToClipboardProps>((props, ref)
21
21
 
22
22
  return (
23
23
  <Button
24
+ aria-label="copy to clipboard"
24
25
  className={cs('vui-copy-to-clipboard', className)}
25
26
  disabled={disabled || isCopyDisabled}
26
27
  icon="falCopy"
package/src/footer/footer.tsx CHANGED
@@ -161,6 +161,7 @@ export const Footer = vui<'div', FooterProps>((props, ref) => {
161
161
  <Box>
162
162
  {applicationSocialLinks?.map((link, index) => (
163
163
  <Link
164
+ aria-label={link.text}
164
165
  fontWeight="demi"
165
166
  href={link.url}
166
167
  iconLeft={<Link.Icon name={`cubCircle${link.text}`} radius="50%" size="xs" />}
package/src/header/headerAccountUserInfo.tsx CHANGED
@@ -61,7 +61,7 @@ export const HeaderAccountUserInfo = vui<'div', HeaderAccountUserInfoProps>((pro
61
61
  color={localColor}
62
62
  fontSize={isApplication ? '12px' : 'inherit'}
63
63
  isTruncated
64
- opacity={0.5}
64
+ opacity={0.65}
65
65
  pr={1}
66
66
  title={role}
67
67
  >
package/src/notification/notification.tsx CHANGED
@@ -66,7 +66,14 @@ export const Notification = vui<'div', NotificationProps>((props, ref) => {
66
66
  {action}
67
67
 
68
68
  {onClose && (
69
- <NotificationButton alignSelf={alignSelf} icon="falTimes" onClick={onClose} variant={variant} w="32px" />
69
+ <NotificationButton
70
+ alignSelf={alignSelf}
71
+ aria-label="close"
72
+ icon="falTimes"
73
+ onClick={onClose}
74
+ variant={variant}
75
+ w="32px"
76
+ />
70
77
  )}
71
78
  </Box>
72
79
  </NotificationProvider>
package/src/pagination/paginationNavigation.tsx CHANGED
@@ -19,13 +19,13 @@ export const PaginationNavigation = vui<'div', BoxProps>((props, ref) => {
19
19
  {children ??
20
20
  items.map(item => (
21
21
  <Fragment key={item}>
22
- {item === 'previous' && <PaginationPrevNext direction="previous" />}
22
+ {item === 'previous' && <PaginationPrevNext aria-label="previous" direction="previous" />}
23
23
 
24
24
  {isNumber(item) && <PaginationButton page={item} />}
25
25
 
26
26
  {isString(item) && item.includes('ellipsis') && <PaginationEllipsis />}
27
27
 
28
- {item === 'next' && <PaginationPrevNext direction="next" />}
28
+ {item === 'next' && <PaginationPrevNext aria-label="next" direction="next" />}
29
29
  </Fragment>
30
30
  ))}
31
31
  </Box>
package/src/sidemenu/sidemenu.tsx CHANGED
@@ -81,6 +81,7 @@ export const Sidemenu = vui<'div', SidemenuProps>((props, ref) => {
81
81
  </Box>
82
82
  <Box className="vui-sidemenu-bottom" w="100%" {...styles.bottom}>
83
83
  <Button
84
+ aria-label={isExpandedHorizontally ? 'Collapse' : 'Expand'}
84
85
  borderRadius={0}
85
86
  justifyContent={justifyContent}
86
87
  minH={size === 'lg' ? '56px' : '40px'}
package/src/sidemenu/sidemenuItem.tsx CHANGED
@@ -91,6 +91,7 @@ export const SidemenuItem = vui<'button', SidemenuItemProps>((props, ref) => {
91
91
  {innerContent}
92
92
  {hasChildrenExpanded && (
93
93
  <Button
94
+ aria-label={isExpandedVertically ? 'Collapse' : 'Expand'}
94
95
  className="vui-sidemenu-item-expand"
95
96
  icon={isExpandedVertically ? 'falChevronUp' : 'falChevronDown'}
96
97
  mr={1}
package/src/tag/tag.tsx CHANGED
@@ -120,7 +120,13 @@ export const Tag = vui<'span', TagProps>((props, ref) => {
120
120
  {isString(iconRight) ? <TagIcon ml={spaceX} name={iconRight} /> : iconRight}
121
121
 
122
122
  {onDelete ? (
123
- <TagButton disabled={disabled} isRound={isRound} ml={spaceX} onClick={e => onDelete?.(e)} />
123
+ <TagButton
124
+ aria-label="delete"
125
+ disabled={disabled}
126
+ isRound={isRound}
127
+ ml={spaceX}
128
+ onClick={e => onDelete?.(e)}
129
+ />
124
130
  ) : (
125
131
  itemRight
126
132
  )}
package/src/textarea/textarea.tsx CHANGED
@@ -16,10 +16,11 @@ const TextareaTextarea = styled.textareaBox`
16
16
  transition-duration: fast;
17
17
  width: 100%;
18
18
 
19
- &[aria-disabled='true'],
20
- &[aria-disabled='true']::placeholder {
19
+ &[aria-disabled='true'] {
21
20
  opacity: 0.5;
22
21
  cursor: not-allowed;
22
+ background-color: sandstone.79;
23
+ border-color: sandstone.79;
23
24
  }
24
25
  `
25
26
 
@@ -77,7 +78,8 @@ export const Textarea = vui<'div', TextareaProps>((props, ref) => {
77
78
 
78
79
  const textareaAliasedProps = filterUndefined({
79
80
  'aria-disabled': disabled,
80
- bg: readOnly ? inputColors.disabled : undefined,
81
+ bg: readOnly ? 'sandstone.97' : undefined,
82
+ borderColor: readOnly ? 'sandstone.55' : undefined,
81
83
  focusWithinBorderColor: !readOnly ? 'transparent' : undefined,
82
84
  focusWithinRingColor: readOnly ? 'transparent' : undefined
83
85
  })
package/src/tutorial/tutorialCard.tsx CHANGED
@@ -61,7 +61,9 @@ export function TutorialCard({
61
61
  style={{ WebkitFlexGrow: '0' }}
62
62
  >
63
63
  <H4 color={tutorialColors.color}>{title}</H4>
64
- {!isFinalStep && <Button icon="falTimes" onClick={onDismiss} scale={2} variant="tertiaryLight" />}
64
+ {!isFinalStep && (
65
+ <Button aria-label="close" icon="falTimes" onClick={onDismiss} scale={2} variant="tertiaryLight" />
66
+ )}
65
67
  </Box>
66
68
  <Box flex={5} row>
67
69
  {steps?.map?.(s => (
@@ -77,6 +79,7 @@ export function TutorialCard({
77
79
  <Box alignItems="center" justifyContent="space-between" mt={0}>
78
80
  <Box alignItems="center" justifyContent="space-between" w="-webkit-fill-available">
79
81
  <Button
82
+ aria-label="previous"
80
83
  color={tutorialColors.buttonColor}
81
84
  disabled={isStartStep}
82
85
  icon="falArrowLeft"
@@ -99,6 +102,7 @@ export function TutorialCard({
99
102
  ))}
100
103
  </Box>
101
104
  <Button
105
+ aria-label="next"
102
106
  color={tutorialColors.buttonColor}
103
107
  disabled={isFinalStep}
104
108
  icon="falArrowRight"