design-react-kit 5.3.0 → 5.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (56) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/Card/CardCategory.cjs +1 -1
  3. package/dist/Card/CardCategory.cjs.map +1 -1
  4. package/dist/Card/CardCategory.js +7 -3
  5. package/dist/Card/CardCategory.js.map +1 -1
  6. package/dist/Forward/Forward.cjs +1 -1
  7. package/dist/Forward/Forward.cjs.map +1 -1
  8. package/dist/Forward/Forward.js +13 -5
  9. package/dist/Forward/Forward.js.map +1 -1
  10. package/dist/Grid/GridItemTextWrapper.cjs +1 -1
  11. package/dist/Grid/GridItemTextWrapper.cjs.map +1 -1
  12. package/dist/Grid/GridItemTextWrapper.js +3 -2
  13. package/dist/Grid/GridItemTextWrapper.js.map +1 -1
  14. package/dist/Grid/index.cjs +1 -1
  15. package/dist/Grid/index.cjs.map +1 -1
  16. package/dist/List/ListItem.cjs +1 -1
  17. package/dist/List/ListItem.cjs.map +1 -1
  18. package/dist/List/ListItem.js +2 -2
  19. package/dist/List/ListItem.js.map +1 -1
  20. package/dist/ResponsiveImage/ResponsiveImage.cjs +1 -1
  21. package/dist/ResponsiveImage/ResponsiveImage.cjs.map +1 -1
  22. package/dist/ResponsiveImage/ResponsiveImage.js +21 -5
  23. package/dist/ResponsiveImage/ResponsiveImage.js.map +1 -1
  24. package/dist/ThumbNav/ThumbNavItem.cjs +1 -1
  25. package/dist/ThumbNav/ThumbNavItem.cjs.map +1 -1
  26. package/dist/ThumbNav/ThumbNavItem.js +0 -1
  27. package/dist/ThumbNav/ThumbNavItem.js.map +1 -1
  28. package/dist/Timeline/TimelinePin.cjs +1 -1
  29. package/dist/Timeline/TimelinePin.cjs.map +1 -1
  30. package/dist/Timeline/TimelinePin.js +4 -3
  31. package/dist/Timeline/TimelinePin.js.map +1 -1
  32. package/dist/Toolbar/ToolbarDividerItem.cjs +1 -1
  33. package/dist/Toolbar/ToolbarDividerItem.cjs.map +1 -1
  34. package/dist/Toolbar/ToolbarDividerItem.js +1 -1
  35. package/dist/Toolbar/ToolbarDividerItem.js.map +1 -1
  36. package/dist/Toolbar/ToolbarItem.cjs +1 -1
  37. package/dist/Toolbar/ToolbarItem.cjs.map +1 -1
  38. package/dist/Toolbar/ToolbarItem.js +2 -4
  39. package/dist/Toolbar/ToolbarItem.js.map +1 -1
  40. package/dist/index.cjs +1 -1
  41. package/dist/index.cjs.map +1 -1
  42. package/dist/types/Card/CardCategory.d.ts +6 -0
  43. package/dist/types/Forward/Forward.d.ts +1 -2
  44. package/dist/types/Grid/GridItemTextWrapper.d.ts +3 -1
  45. package/dist/types/ResponsiveImage/ResponsiveImage.d.ts +2 -0
  46. package/dist/types/Timeline/TimelinePin.d.ts +7 -1
  47. package/package.json +4 -3
  48. package/src/Card/CardCategory.tsx +16 -7
  49. package/src/Forward/Forward.tsx +15 -9
  50. package/src/Grid/GridItemTextWrapper.tsx +7 -4
  51. package/src/List/ListItem.tsx +3 -5
  52. package/src/ResponsiveImage/ResponsiveImage.tsx +32 -8
  53. package/src/ThumbNav/ThumbNavItem.tsx +0 -1
  54. package/src/Timeline/TimelinePin.tsx +13 -4
  55. package/src/Toolbar/ToolbarDividerItem.tsx +1 -1
  56. package/src/Toolbar/ToolbarItem.tsx +1 -4
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import classNames from 'classnames';
3
3
  import { Icon } from '../Icon/Icon';
4
- export const TimelinePin = ({ iconName = 'it-code-circle', icon = 'it-code-circle', label = ' ', past, now, nowText, testId, className, ...attributes }) => {
4
+ export const TimelinePin = ({ iconName = 'it-code-circle', icon = 'it-code-circle', iconTitle = '', label = ' ', past, now, nowText, testId, className, tag = 'h3', ...attributes }) => {
5
5
  const { children, ...rest } = attributes;
6
6
  const classes = classNames('timeline-element', className);
7
7
  const innerClasses = classNames('it-pin-wrapper', className, {
@@ -9,13 +9,14 @@ export const TimelinePin = ({ iconName = 'it-code-circle', icon = 'it-code-circl
9
9
  'it-now': now
10
10
  });
11
11
  const pinIcon = (React.createElement("div", { className: 'pin-icon' },
12
- React.createElement(Icon, { icon: iconName || icon })));
12
+ React.createElement(Icon, { icon: iconName || icon, role: "img", title: iconTitle })));
13
13
  const pinLabel = (React.createElement("div", { className: 'pin-text' },
14
14
  React.createElement("span", null, label)));
15
15
  const pinTextNow = now && React.createElement("span", { className: 'it-now-label d-none d-lg-flex' }, nowText);
16
+ const Tag = tag;
16
17
  return (React.createElement("div", { className: classes, "data-testid": testId },
17
18
  pinTextNow,
18
- React.createElement("div", { className: innerClasses, ...rest },
19
+ React.createElement(Tag, { className: innerClasses, ...rest },
19
20
  pinIcon,
20
21
  pinLabel),
21
22
  children));
@@ -1 +1 @@
1
- {"version":3,"file":"TimelinePin.js","sourceRoot":"","sources":["../../src/Timeline/TimelinePin.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAuBpC,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAChD,QAAQ,GAAG,gBAAgB,EAC3B,IAAI,GAAG,gBAAgB,EACvB,KAAK,GAAG,GAAG,EACX,IAAI,EACJ,GAAG,EACH,OAAO,EACP,MAAM,EACN,SAAS,EACT,GAAG,UAAU,EACd,EAAE,EAAE;IACH,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,UAAU,CAAC;IACzC,MAAM,OAAO,GAAG,UAAU,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC;IAC1D,MAAM,YAAY,GAAG,UAAU,CAAC,gBAAgB,EAAE,SAAS,EAAE;QAC3D,aAAa,EAAE,IAAI;QACnB,QAAQ,EAAE,GAAG;KACd,CAAC,CAAC;IACH,MAAM,OAAO,GAAG,CACd,6BAAK,SAAS,EAAC,UAAU;QACvB,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,IAAI,IAAI,GAAI,CAC5B,CACP,CAAC;IACF,MAAM,QAAQ,GAAG,CACf,6BAAK,SAAS,EAAC,UAAU;QACvB,kCAAO,KAAK,CAAQ,CAChB,CACP,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,IAAI,8BAAM,SAAS,EAAC,+BAA+B,IAAE,OAAO,CAAQ,CAAC;IAE3F,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,iBAAe,MAAM;QACzC,UAAU;QACX,6BAAK,SAAS,EAAE,YAAY,KAAM,IAAI;YACnC,OAAO;YACP,QAAQ,CACL;QACL,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"TimelinePin.js","sourceRoot":"","sources":["../../src/Timeline/TimelinePin.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AA6BpC,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAChD,QAAQ,GAAG,gBAAgB,EAC3B,IAAI,GAAG,gBAAgB,EACvB,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,GAAG,EACX,IAAI,EACJ,GAAG,EACH,OAAO,EACP,MAAM,EACN,SAAS,EACT,GAAG,GAAC,IAAI,EACR,GAAG,UAAU,EACd,EAAE,EAAE;IACH,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,UAAU,CAAC;IACzC,MAAM,OAAO,GAAG,UAAU,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC;IAC1D,MAAM,YAAY,GAAG,UAAU,CAAC,gBAAgB,EAAE,SAAS,EAAE;QAC3D,aAAa,EAAE,IAAI;QACnB,QAAQ,EAAE,GAAG;KACd,CAAC,CAAC;IACH,MAAM,OAAO,GAAG,CACd,6BAAK,SAAS,EAAC,UAAU;QACvB,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,IAAI,IAAI,EAAE,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,SAAS,GAAI,CACzD,CACP,CAAC;IACF,MAAM,QAAQ,GAAG,CACf,6BAAK,SAAS,EAAC,UAAU;QACvB,kCAAO,KAAK,CAAQ,CAChB,CACP,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,IAAI,8BAAM,SAAS,EAAC,+BAA+B,IAAE,OAAO,CAAQ,CAAC;IAC3F,MAAM,GAAG,GAAG,GAAG,CAAC;IAEhB,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,iBAAe,MAAM;QACzC,UAAU;QACX,oBAAC,GAAG,IAAC,SAAS,EAAE,YAAY,KAAM,IAAI;YACnC,OAAO;YACP,QAAQ,CACL;QACL,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC"}
@@ -1,2 +1,2 @@
1
- "use strict";var m=Object.create;var a=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var c=Object.getPrototypeOf,n=Object.prototype.hasOwnProperty;var p=(r,i)=>{for(var o in i)a(r,o,{get:i[o],enumerable:!0})},d=(r,i,o,t)=>{if(i&&typeof i=="object"||typeof i=="function")for(let e of b(i))!n.call(r,e)&&e!==o&&a(r,e,{get:()=>i[e],enumerable:!(t=s(i,e))||t.enumerable});return r};var v=(r,i,o)=>(o=r!=null?m(c(r)):{},d(i||!r||!r.__esModule?a(o,"default",{value:r,enumerable:!0}):o,r)),f=r=>d(a({},"__esModule",{value:!0}),r);var u={};p(u,{ToolbarDividerItem:()=>h});module.exports=f(u);var l=v(require("react"),1),h=()=>l.default.createElement("li",{className:"toolbar-divider","aria-hidden":!0});0&&(module.exports={ToolbarDividerItem});
1
+ "use strict";var s=Object.create;var e=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var n=Object.getPrototypeOf,p=Object.prototype.hasOwnProperty;var v=(r,o)=>{for(var a in o)e(r,a,{get:o[a],enumerable:!0})},l=(r,o,a,t)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of d(o))!p.call(r,i)&&i!==a&&e(r,i,{get:()=>o[i],enumerable:!(t=c(o,i))||t.enumerable});return r};var b=(r,o,a)=>(a=r!=null?s(n(r)):{},l(o||!r||!r.__esModule?e(a,"default",{value:r,enumerable:!0}):a,r)),f=r=>l(e({},"__esModule",{value:!0}),r);var D={};v(D,{ToolbarDividerItem:()=>x});module.exports=f(D);var m=b(require("react"),1),x=()=>m.default.createElement("li",{className:"toolbar-divider",role:"separator","aria-orientation":"vertical"});0&&(module.exports={ToolbarDividerItem});
2
2
  //# sourceMappingURL=ToolbarDividerItem.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/Toolbar/ToolbarDividerItem.tsx"],"sourcesContent":["import React from 'react';\n\nexport const ToolbarDividerItem = () => <li className='toolbar-divider' aria-hidden={true} />;\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAkB,sBAELF,EAAqB,IAAM,EAAAG,QAAA,cAAC,MAAG,UAAU,kBAAkB,cAAa,GAAM","names":["ToolbarDividerItem_exports","__export","ToolbarDividerItem","__toCommonJS","import_react","React"]}
1
+ {"version":3,"sources":["../../src/Toolbar/ToolbarDividerItem.tsx"],"sourcesContent":["import React from 'react';\n\nexport const ToolbarDividerItem = () => <li className='toolbar-divider' role='separator' aria-orientation='vertical' />;\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAkB,sBAELF,EAAqB,IAAM,EAAAG,QAAA,cAAC,MAAG,UAAU,kBAAkB,KAAK,YAAY,mBAAiB,WAAW","names":["ToolbarDividerItem_exports","__export","ToolbarDividerItem","__toCommonJS","import_react","React"]}
@@ -1,3 +1,3 @@
1
1
  import React from 'react';
2
- export const ToolbarDividerItem = () => React.createElement("li", { className: 'toolbar-divider', "aria-hidden": true });
2
+ export const ToolbarDividerItem = () => React.createElement("li", { className: 'toolbar-divider', role: 'separator', "aria-orientation": 'vertical' });
3
3
  //# sourceMappingURL=ToolbarDividerItem.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ToolbarDividerItem.js","sourceRoot":"","sources":["../../src/Toolbar/ToolbarDividerItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,4BAAI,SAAS,EAAC,iBAAiB,iBAAc,IAAI,GAAI,CAAC"}
1
+ {"version":3,"file":"ToolbarDividerItem.js","sourceRoot":"","sources":["../../src/Toolbar/ToolbarDividerItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,4BAAI,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,WAAW,sBAAkB,UAAU,GAAG,CAAC"}