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.
- package/CHANGELOG.md +20 -0
- package/dist/Card/CardCategory.cjs +1 -1
- package/dist/Card/CardCategory.cjs.map +1 -1
- package/dist/Card/CardCategory.js +7 -3
- package/dist/Card/CardCategory.js.map +1 -1
- package/dist/Forward/Forward.cjs +1 -1
- package/dist/Forward/Forward.cjs.map +1 -1
- package/dist/Forward/Forward.js +13 -5
- package/dist/Forward/Forward.js.map +1 -1
- package/dist/Grid/GridItemTextWrapper.cjs +1 -1
- package/dist/Grid/GridItemTextWrapper.cjs.map +1 -1
- package/dist/Grid/GridItemTextWrapper.js +3 -2
- package/dist/Grid/GridItemTextWrapper.js.map +1 -1
- package/dist/Grid/index.cjs +1 -1
- package/dist/Grid/index.cjs.map +1 -1
- package/dist/List/ListItem.cjs +1 -1
- package/dist/List/ListItem.cjs.map +1 -1
- package/dist/List/ListItem.js +2 -2
- package/dist/List/ListItem.js.map +1 -1
- package/dist/ResponsiveImage/ResponsiveImage.cjs +1 -1
- package/dist/ResponsiveImage/ResponsiveImage.cjs.map +1 -1
- package/dist/ResponsiveImage/ResponsiveImage.js +21 -5
- package/dist/ResponsiveImage/ResponsiveImage.js.map +1 -1
- package/dist/ThumbNav/ThumbNavItem.cjs +1 -1
- package/dist/ThumbNav/ThumbNavItem.cjs.map +1 -1
- package/dist/ThumbNav/ThumbNavItem.js +0 -1
- package/dist/ThumbNav/ThumbNavItem.js.map +1 -1
- package/dist/Timeline/TimelinePin.cjs +1 -1
- package/dist/Timeline/TimelinePin.cjs.map +1 -1
- package/dist/Timeline/TimelinePin.js +4 -3
- package/dist/Timeline/TimelinePin.js.map +1 -1
- package/dist/Toolbar/ToolbarDividerItem.cjs +1 -1
- package/dist/Toolbar/ToolbarDividerItem.cjs.map +1 -1
- package/dist/Toolbar/ToolbarDividerItem.js +1 -1
- package/dist/Toolbar/ToolbarDividerItem.js.map +1 -1
- package/dist/Toolbar/ToolbarItem.cjs +1 -1
- package/dist/Toolbar/ToolbarItem.cjs.map +1 -1
- package/dist/Toolbar/ToolbarItem.js +2 -4
- package/dist/Toolbar/ToolbarItem.js.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/types/Card/CardCategory.d.ts +6 -0
- package/dist/types/Forward/Forward.d.ts +1 -2
- package/dist/types/Grid/GridItemTextWrapper.d.ts +3 -1
- package/dist/types/ResponsiveImage/ResponsiveImage.d.ts +2 -0
- package/dist/types/Timeline/TimelinePin.d.ts +7 -1
- package/package.json +4 -3
- package/src/Card/CardCategory.tsx +16 -7
- package/src/Forward/Forward.tsx +15 -9
- package/src/Grid/GridItemTextWrapper.tsx +7 -4
- package/src/List/ListItem.tsx +3 -5
- package/src/ResponsiveImage/ResponsiveImage.tsx +32 -8
- package/src/ThumbNav/ThumbNavItem.tsx +0 -1
- package/src/Timeline/TimelinePin.tsx +13 -4
- package/src/Toolbar/ToolbarDividerItem.tsx +1 -1
- 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(
|
|
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,
|
|
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
|
|
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-
|
|
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-
|
|
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,
|
|
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"}
|