design-react-kit 5.5.1 → 5.6.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 (160) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/Alert/Alert.cjs.map +1 -1
  3. package/dist/Alert/Alert.js.map +1 -1
  4. package/dist/Autocomplete/Autocomplete.cjs +3 -1
  5. package/dist/Autocomplete/Autocomplete.cjs.map +1 -1
  6. package/dist/Autocomplete/Autocomplete.js +2 -2
  7. package/dist/Autocomplete/Autocomplete.js.map +1 -1
  8. package/dist/BackToTop/BackToTop.cjs +1 -1
  9. package/dist/BackToTop/BackToTop.cjs.map +1 -1
  10. package/dist/BackToTop/BackToTop.js +1 -1
  11. package/dist/BackToTop/BackToTop.js.map +1 -1
  12. package/dist/BottomNav/BottomNavItem.cjs +1 -1
  13. package/dist/BottomNav/BottomNavItem.cjs.map +1 -1
  14. package/dist/Callout/CalloutMoreFooter.cjs +1 -1
  15. package/dist/Callout/CalloutMoreFooter.cjs.map +1 -1
  16. package/dist/Card/CardCategory.cjs +1 -1
  17. package/dist/Card/CardCategory.cjs.map +1 -1
  18. package/dist/Card/CardCategory.js +3 -3
  19. package/dist/Card/CardCategory.js.map +1 -1
  20. package/dist/Card/CardReadMore.cjs +1 -1
  21. package/dist/Card/CardReadMore.cjs.map +1 -1
  22. package/dist/Collapse/Collapse.cjs +1 -1
  23. package/dist/Collapse/Collapse.cjs.map +1 -1
  24. package/dist/Collapse/Collapse.js +3 -3
  25. package/dist/Collapse/Collapse.js.map +1 -1
  26. package/dist/Dimmer/Dimmer.cjs +1 -1
  27. package/dist/Dimmer/Dimmer.cjs.map +1 -1
  28. package/dist/Dropdown/Dropdown.cjs.map +1 -1
  29. package/dist/Dropdown/Dropdown.js +1 -1
  30. package/dist/Dropdown/Dropdown.js.map +1 -1
  31. package/dist/Dropdown/DropdownToggle.cjs +1 -1
  32. package/dist/Dropdown/DropdownToggle.cjs.map +1 -1
  33. package/dist/Forward/Forward.cjs.map +1 -1
  34. package/dist/Forward/Forward.js.map +1 -1
  35. package/dist/GoBack/GoBack.cjs +1 -1
  36. package/dist/GoBack/GoBack.cjs.map +1 -1
  37. package/dist/Grid/GridItemTextWrapper.cjs.map +1 -1
  38. package/dist/Grid/GridItemTextWrapper.js.map +1 -1
  39. package/dist/Grid/index.cjs.map +1 -1
  40. package/dist/Header/HeaderBrand.cjs +1 -1
  41. package/dist/Header/HeaderBrand.cjs.map +1 -1
  42. package/dist/Header/HeaderSearch.cjs +1 -1
  43. package/dist/Header/HeaderSearch.cjs.map +1 -1
  44. package/dist/Header/HeaderToggler.cjs.map +1 -1
  45. package/dist/Header/HeaderToggler.js +1 -1
  46. package/dist/Header/HeaderToggler.js.map +1 -1
  47. package/dist/Icon/Icon.cjs +1 -1
  48. package/dist/Icon/Icon.cjs.map +1 -1
  49. package/dist/Icon/Icon.js +3 -3
  50. package/dist/Icon/Icon.js.map +1 -1
  51. package/dist/Icon/assets/index.cjs.map +1 -1
  52. package/dist/Input/Input.cjs +1 -1
  53. package/dist/Input/Input.cjs.map +1 -1
  54. package/dist/Input/Input.js +13 -6
  55. package/dist/Input/Input.js.map +1 -1
  56. package/dist/Input/InputContainer.cjs.map +1 -1
  57. package/dist/Input/InputContainer.js.map +1 -1
  58. package/dist/Input/TextArea.cjs +1 -1
  59. package/dist/Input/TextArea.cjs.map +1 -1
  60. package/dist/Input/TextArea.js.map +1 -1
  61. package/dist/Input/utils.cjs +1 -1
  62. package/dist/Input/utils.cjs.map +1 -1
  63. package/dist/Input/utils.js +1 -2
  64. package/dist/Input/utils.js.map +1 -1
  65. package/dist/List/List.cjs.map +1 -1
  66. package/dist/List/List.js.map +1 -1
  67. package/dist/List/ListItem.cjs.map +1 -1
  68. package/dist/List/ListItem.js +2 -2
  69. package/dist/List/ListItem.js.map +1 -1
  70. package/dist/Megamenu/MegamenuItem.cjs +1 -1
  71. package/dist/Megamenu/MegamenuItem.cjs.map +1 -1
  72. package/dist/Modal/ModalHeader.cjs +1 -1
  73. package/dist/Modal/ModalHeader.cjs.map +1 -1
  74. package/dist/NavScroll/types.cjs.map +1 -1
  75. package/dist/Notification/NotificationContent.cjs +1 -1
  76. package/dist/Notification/NotificationContent.cjs.map +1 -1
  77. package/dist/Notification/core.cjs +1 -1
  78. package/dist/Notification/core.cjs.map +1 -1
  79. package/dist/Notification/index.cjs +1 -1
  80. package/dist/Notification/index.cjs.map +1 -1
  81. package/dist/Rating/Rating.cjs +1 -1
  82. package/dist/Rating/Rating.cjs.map +1 -1
  83. package/dist/ResponsiveImage/ResponsiveImage.cjs.map +1 -1
  84. package/dist/ResponsiveImage/ResponsiveImage.js.map +1 -1
  85. package/dist/Skiplink/Skiplink.cjs.map +1 -1
  86. package/dist/Skiplink/Skiplink.js.map +1 -1
  87. package/dist/Skiplink/SkiplinkItem.cjs.map +1 -1
  88. package/dist/Stepper/StepperHeaderElement.cjs +1 -1
  89. package/dist/Stepper/StepperHeaderElement.cjs.map +1 -1
  90. package/dist/Stepper/StepperHeaderElement.js +3 -5
  91. package/dist/Stepper/StepperHeaderElement.js.map +1 -1
  92. package/dist/Tab/TabNav.cjs +2 -0
  93. package/dist/Tab/TabNav.cjs.map +1 -0
  94. package/dist/Tab/TabNav.js +63 -0
  95. package/dist/Tab/TabNav.js.map +1 -0
  96. package/dist/Tab/TabNavItem.cjs +2 -0
  97. package/dist/Tab/TabNavItem.cjs.map +1 -0
  98. package/dist/Tab/TabNavItem.js +7 -0
  99. package/dist/Tab/TabNavItem.js.map +1 -0
  100. package/dist/Tab/TabNavLink.cjs +2 -0
  101. package/dist/Tab/TabNavLink.cjs.map +1 -0
  102. package/dist/Tab/TabNavLink.js +7 -0
  103. package/dist/Tab/TabNavLink.js.map +1 -0
  104. package/dist/Tab/TabPanel.cjs +2 -0
  105. package/dist/Tab/TabPanel.cjs.map +1 -0
  106. package/dist/Tab/TabPanel.js +7 -0
  107. package/dist/Tab/TabPanel.js.map +1 -0
  108. package/dist/Timeline/TimelinePin.cjs +1 -1
  109. package/dist/Timeline/TimelinePin.cjs.map +1 -1
  110. package/dist/Timeline/TimelinePin.js +1 -1
  111. package/dist/Timeline/TimelinePin.js.map +1 -1
  112. package/dist/Toggle/Toggle.cjs.map +1 -1
  113. package/dist/Toggle/Toggle.js.map +1 -1
  114. package/dist/Toolbar/ToolbarItem.cjs +1 -1
  115. package/dist/Toolbar/ToolbarItem.cjs.map +1 -1
  116. package/dist/index.cjs +3 -1
  117. package/dist/index.cjs.map +1 -1
  118. package/dist/index.js +6 -2
  119. package/dist/index.js.map +1 -1
  120. package/dist/track-focus.cjs.map +1 -1
  121. package/dist/track-focus.js.map +1 -1
  122. package/dist/types/Icon/Icon.d.ts +1 -1
  123. package/dist/types/NavScroll/types.d.ts +2 -2
  124. package/dist/types/Stepper/StepperHeaderElement.d.ts +4 -4
  125. package/dist/types/Tab/TabNav.d.ts +24 -0
  126. package/dist/types/Tab/TabNavItem.d.ts +8 -0
  127. package/dist/types/Tab/TabNavLink.d.ts +8 -0
  128. package/dist/types/Tab/TabPanel.d.ts +8 -0
  129. package/dist/types/index.d.ts +11 -3
  130. package/package.json +5 -3
  131. package/src/Alert/Alert.tsx +1 -2
  132. package/src/Autocomplete/Autocomplete.tsx +70 -69
  133. package/src/BackToTop/BackToTop.tsx +2 -1
  134. package/src/Card/CardCategory.tsx +17 -4
  135. package/src/Collapse/Collapse.tsx +8 -12
  136. package/src/Dropdown/Dropdown.tsx +4 -6
  137. package/src/Forward/Forward.tsx +3 -3
  138. package/src/Grid/GridItemTextWrapper.tsx +7 -1
  139. package/src/Header/HeaderToggler.tsx +2 -2
  140. package/src/Icon/Icon.tsx +22 -4
  141. package/src/Icon/assets/index.ts +1 -1
  142. package/src/Input/Input.tsx +13 -7
  143. package/src/Input/InputContainer.tsx +0 -1
  144. package/src/Input/TextArea.tsx +1 -4
  145. package/src/Input/utils.tsx +1 -2
  146. package/src/List/List.tsx +1 -8
  147. package/src/List/ListItem.tsx +24 -33
  148. package/src/NavScroll/types.ts +2 -2
  149. package/src/ResponsiveImage/ResponsiveImage.tsx +13 -7
  150. package/src/Skiplink/Skiplink.tsx +12 -7
  151. package/src/Skiplink/SkiplinkItem.tsx +1 -1
  152. package/src/Stepper/StepperHeaderElement.tsx +8 -10
  153. package/src/Tab/TabNav.tsx +111 -0
  154. package/src/Tab/TabNavItem.tsx +14 -0
  155. package/src/Tab/TabNavLink.tsx +14 -0
  156. package/src/Tab/TabPanel.tsx +14 -0
  157. package/src/Timeline/TimelinePin.tsx +2 -2
  158. package/src/Toggle/Toggle.tsx +1 -1
  159. package/src/index.ts +9 -5
  160. package/src/track-focus.js +14 -15
@@ -9,7 +9,7 @@ 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, role: "img", title: iconTitle })));
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);
@@ -1 +1 @@
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
+ {"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,GAAG,IAAI,EACV,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 +1 @@
1
- {"version":3,"sources":["../../src/Toggle/Toggle.tsx"],"sourcesContent":["import React, { ElementType, FC, ReactNode } from 'react';\n\nimport { Label, Input } from 'reactstrap';\nimport { CSSModule } from 'reactstrap/types/lib/utils';\nimport { InputProps } from '../Input/Input';\n\nexport interface ToggleProps extends InputProps {\n /** Label da mostrare per il componente */\n label: string | ReactNode;\n /** Dimensioni ammissibili per il componente */\n bsSize?: 'lg' | 'sm';\n /** Utilizzarlo in caso di utilizzo di componenti personalizzati */\n tag?: ElementType;\n /** Da utilizzare per impostare un riferimento all'elemento DOM */\n innerRef?: React.Ref<HTMLInputElement>;\n /** Oggetto contenente la nuova mappatura per le classi CSS. */\n cssModule?: CSSModule;\n testId?: string;\n}\n\nexport const Toggle: FC<ToggleProps> = ({ label, testId, ...rest }) => {\n return (\n <div className='toggles' data-testid={testId}>\n <Label check for={rest.id}>\n {label}\n <Input {...rest} type='checkbox' aria-describedby={rest.id ? rest.id + 'Description' : '' } />\n <span className='lever' />\n </Label>\n </div>\n );\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,YAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAkD,sBAElDC,EAA6B,sBAkBhBH,EAA0B,CAAC,CAAE,MAAAI,EAAO,OAAAC,EAAQ,GAAGC,CAAK,IAE7D,EAAAC,QAAA,cAAC,OAAI,UAAU,UAAU,cAAaF,GACpC,EAAAE,QAAA,cAAC,SAAM,MAAK,GAAC,IAAKD,EAAK,IACpBF,EACD,EAAAG,QAAA,cAAC,SAAO,GAAGD,EAAM,KAAK,WAAW,mBAAkBA,EAAK,GAAKA,EAAK,GAAK,cAAgB,GAAK,EAC5F,EAAAC,QAAA,cAAC,QAAK,UAAU,QAAQ,CAC1B,CACF","names":["Toggle_exports","__export","Toggle","__toCommonJS","import_react","import_reactstrap","label","testId","rest","React"]}
1
+ {"version":3,"sources":["../../src/Toggle/Toggle.tsx"],"sourcesContent":["import React, { ElementType, FC, ReactNode } from 'react';\n\nimport { Label, Input } from 'reactstrap';\nimport { CSSModule } from 'reactstrap/types/lib/utils';\nimport { InputProps } from '../Input/Input';\n\nexport interface ToggleProps extends InputProps {\n /** Label da mostrare per il componente */\n label: string | ReactNode;\n /** Dimensioni ammissibili per il componente */\n bsSize?: 'lg' | 'sm';\n /** Utilizzarlo in caso di utilizzo di componenti personalizzati */\n tag?: ElementType;\n /** Da utilizzare per impostare un riferimento all'elemento DOM */\n innerRef?: React.Ref<HTMLInputElement>;\n /** Oggetto contenente la nuova mappatura per le classi CSS. */\n cssModule?: CSSModule;\n testId?: string;\n}\n\nexport const Toggle: FC<ToggleProps> = ({ label, testId, ...rest }) => {\n return (\n <div className='toggles' data-testid={testId}>\n <Label check for={rest.id}>\n {label}\n <Input {...rest} type='checkbox' aria-describedby={rest.id ? rest.id + 'Description' : ''} />\n <span className='lever' />\n </Label>\n </div>\n );\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,YAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAkD,sBAElDC,EAA6B,sBAkBhBH,EAA0B,CAAC,CAAE,MAAAI,EAAO,OAAAC,EAAQ,GAAGC,CAAK,IAE7D,EAAAC,QAAA,cAAC,OAAI,UAAU,UAAU,cAAaF,GACpC,EAAAE,QAAA,cAAC,SAAM,MAAK,GAAC,IAAKD,EAAK,IACpBF,EACD,EAAAG,QAAA,cAAC,SAAO,GAAGD,EAAM,KAAK,WAAW,mBAAkBA,EAAK,GAAKA,EAAK,GAAK,cAAgB,GAAI,EAC3F,EAAAC,QAAA,cAAC,QAAK,UAAU,QAAQ,CAC1B,CACF","names":["Toggle_exports","__export","Toggle","__toCommonJS","import_react","import_reactstrap","label","testId","rest","React"]}
@@ -1 +1 @@
1
- {"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../src/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAkB1C,MAAM,CAAC,MAAM,MAAM,GAAoB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACpE,OAAO,CACL,6BAAK,SAAS,EAAC,SAAS,iBAAc,MAAM;QAC1C,oBAAC,KAAK,IAAC,KAAK,QAAC,GAAG,EAAE,IAAI,CAAC,EAAE;YACtB,KAAK;YACN,oBAAC,KAAK,OAAK,IAAI,EAAE,IAAI,EAAC,UAAU,sBAAmB,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,GAAG,aAAa,CAAC,CAAC,CAAC,EAAE,GAAK;YAC9F,8BAAM,SAAS,EAAC,OAAO,GAAG,CACpB,CACJ,CACP,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../src/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAkB1C,MAAM,CAAC,MAAM,MAAM,GAAoB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACpE,OAAO,CACL,6BAAK,SAAS,EAAC,SAAS,iBAAc,MAAM;QAC1C,oBAAC,KAAK,IAAC,KAAK,QAAC,GAAG,EAAE,IAAI,CAAC,EAAE;YACtB,KAAK;YACN,oBAAC,KAAK,OAAK,IAAI,EAAE,IAAI,EAAC,UAAU,sBAAmB,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,GAAG,aAAa,CAAC,CAAC,CAAC,EAAE,GAAI;YAC7F,8BAAM,SAAS,EAAC,OAAO,GAAG,CACpB,CACJ,CACP,CAAC;AACJ,CAAC,CAAC"}