@ilo-org/react 0.12.0 → 0.13.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 (159) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/lib/cjs/components/Cards/CardGroup/CardGroup.js +42 -0
  3. package/lib/cjs/components/Cards/CardGroup/index.js +759 -0
  4. package/lib/cjs/components/Cards/DataCard/DataCard.js +27 -0
  5. package/lib/cjs/components/Cards/DataCard/index.js +73 -19
  6. package/lib/cjs/components/Cards/DetailCard/DetailCard.js +20 -0
  7. package/lib/cjs/components/Cards/DetailCard/index.js +17 -12
  8. package/lib/cjs/components/Cards/FactlistCard/FactListCard.js +23 -0
  9. package/lib/cjs/components/Cards/FactlistCard/index.js +16 -14
  10. package/lib/cjs/components/Cards/FeatureCard/FeatureCard.js +24 -0
  11. package/lib/cjs/components/Cards/FeatureCard/index.js +31 -16
  12. package/lib/cjs/components/Cards/MultilinkCard/MultiLinkCard.js +24 -0
  13. package/lib/cjs/components/Cards/MultilinkCard/index.js +35 -16
  14. package/lib/cjs/components/Cards/PromoCard/PromoCard.js +23 -0
  15. package/lib/cjs/components/Cards/PromoCard/index.js +18 -15
  16. package/lib/cjs/components/Cards/StatCard/StatCard.js +21 -0
  17. package/lib/cjs/components/Cards/StatCard/index.js +15 -13
  18. package/lib/cjs/components/Cards/TextCard/TextCard.js +23 -0
  19. package/lib/cjs/components/Cards/TextCard/index.js +22 -17
  20. package/lib/cjs/components/Footer/Footer.js +1 -1
  21. package/lib/cjs/components/Navigation/Navigation.js +3 -3
  22. package/lib/cjs/components/Pagination/Pagination.js +1 -1
  23. package/lib/cjs/components/index.js +10 -12
  24. package/lib/cjs/index.js +10 -12
  25. package/lib/esm/components/Cards/CardGroup/CardGroup.js +40 -0
  26. package/lib/esm/components/Cards/CardGroup/index.js +756 -0
  27. package/lib/esm/components/Cards/DataCard/DataCard.js +25 -0
  28. package/lib/esm/components/Cards/DataCard/index.js +72 -19
  29. package/lib/esm/components/Cards/DetailCard/DetailCard.js +18 -0
  30. package/lib/esm/components/Cards/DetailCard/index.js +16 -12
  31. package/lib/esm/components/Cards/FactlistCard/FactListCard.js +21 -0
  32. package/lib/esm/components/Cards/FactlistCard/index.js +15 -14
  33. package/lib/esm/components/Cards/FeatureCard/FeatureCard.js +22 -0
  34. package/lib/esm/components/Cards/FeatureCard/index.js +30 -16
  35. package/lib/esm/components/Cards/MultilinkCard/MultiLinkCard.js +22 -0
  36. package/lib/esm/components/Cards/MultilinkCard/index.js +34 -16
  37. package/lib/esm/components/Cards/PromoCard/PromoCard.js +21 -0
  38. package/lib/esm/components/Cards/PromoCard/index.js +17 -15
  39. package/lib/esm/components/Cards/StatCard/StatCard.js +19 -0
  40. package/lib/esm/components/Cards/StatCard/index.js +14 -13
  41. package/lib/esm/components/Cards/TextCard/TextCard.js +21 -0
  42. package/lib/esm/components/Cards/TextCard/index.js +21 -17
  43. package/lib/esm/components/Footer/Footer.js +1 -1
  44. package/lib/esm/components/Navigation/Navigation.js +3 -3
  45. package/lib/esm/components/Pagination/Pagination.js +1 -1
  46. package/lib/esm/components/index.js +9 -10
  47. package/lib/esm/index.js +9 -10
  48. package/lib/types/react/src/components/Cards/CardGroup/CardGroup.args.d.ts +13 -0
  49. package/lib/types/react/src/components/Cards/CardGroup/CardGroup.props.d.ts +58 -0
  50. package/lib/types/react/src/components/Cards/CardGroup/index.d.ts +3 -0
  51. package/lib/types/react/src/components/Cards/DataCard/DataCard.args.d.ts +2 -0
  52. package/lib/types/react/src/components/Cards/DataCard/DataCard.d.ts +4 -0
  53. package/lib/types/react/src/components/Cards/DataCard/DataCard.props.d.ts +50 -0
  54. package/lib/types/react/src/components/Cards/DataCard/index.d.ts +3 -4
  55. package/lib/types/react/src/components/Cards/DetailCard/DetailCard.args.d.ts +3 -0
  56. package/lib/types/react/src/components/Cards/DetailCard/DetailCard.d.ts +4 -0
  57. package/lib/types/react/src/components/Cards/DetailCard/DetailCard.props.d.ts +35 -0
  58. package/lib/types/react/src/components/Cards/DetailCard/index.d.ts +3 -4
  59. package/lib/types/react/src/components/Cards/FactlistCard/FactListCard.args.d.ts +3 -0
  60. package/lib/types/react/src/components/Cards/FactlistCard/FactListCard.d.ts +4 -0
  61. package/lib/types/react/src/components/Cards/FactlistCard/FactListCard.props.d.ts +16 -0
  62. package/lib/types/react/src/components/Cards/FactlistCard/index.d.ts +3 -4
  63. package/lib/types/react/src/components/Cards/FeatureCard/FeatureCard.args.d.ts +3 -0
  64. package/lib/types/react/src/components/Cards/FeatureCard/FeatureCard.d.ts +4 -0
  65. package/lib/types/react/src/components/Cards/FeatureCard/FeatureCard.props.d.ts +31 -0
  66. package/lib/types/react/src/components/Cards/FeatureCard/index.d.ts +3 -4
  67. package/lib/types/react/src/components/Cards/MultilinkCard/MultiLinkCard.d.ts +4 -0
  68. package/lib/types/react/src/components/Cards/MultilinkCard/MultilinkCard.args.d.ts +2 -0
  69. package/lib/types/react/src/components/Cards/MultilinkCard/MultilinkCard.props.d.ts +25 -0
  70. package/lib/types/react/src/components/Cards/MultilinkCard/index.d.ts +3 -4
  71. package/lib/types/react/src/components/Cards/PromoCard/PromoCard.args.d.ts +3 -0
  72. package/lib/types/react/src/components/Cards/PromoCard/PromoCard.d.ts +4 -0
  73. package/lib/types/react/src/components/Cards/PromoCard/PromoCard.props.d.ts +30 -0
  74. package/lib/types/react/src/components/Cards/PromoCard/index.d.ts +3 -4
  75. package/lib/types/react/src/components/Cards/StatCard/StatCard.args.d.ts +3 -0
  76. package/lib/types/react/src/components/Cards/StatCard/StatCard.d.ts +4 -0
  77. package/lib/types/react/src/components/Cards/StatCard/StatCard.props.d.ts +18 -0
  78. package/lib/types/react/src/components/Cards/StatCard/index.d.ts +3 -4
  79. package/lib/types/react/src/components/Cards/TextCard/TextCard.args.d.ts +3 -0
  80. package/lib/types/react/src/components/Cards/TextCard/TextCard.d.ts +4 -0
  81. package/lib/types/react/src/components/Cards/TextCard/TextCard.props.d.ts +26 -0
  82. package/lib/types/react/src/components/Cards/TextCard/index.d.ts +3 -4
  83. package/lib/types/react/src/components/index.d.ts +1 -1
  84. package/lib/types/react/src/types/index.d.ts +4 -0
  85. package/package.json +2 -2
  86. package/src/components/Cards/{CardGroup.args.ts → CardGroup/CardGroup.args.ts} +196 -373
  87. package/src/components/Cards/CardGroup/CardGroup.props.ts +78 -0
  88. package/src/components/Cards/CardGroup/CardGroup.tsx +54 -0
  89. package/src/components/Cards/CardGroup/index.tsx +3 -0
  90. package/src/components/Cards/DataCard/DataCard.args.ts +69 -0
  91. package/src/components/Cards/DataCard/DataCard.props.ts +60 -0
  92. package/src/components/Cards/DataCard/DataCard.tsx +107 -0
  93. package/src/components/Cards/DataCard/index.tsx +3 -107
  94. package/src/components/Cards/DetailCard/DetailCard.args.ts +17 -0
  95. package/src/components/Cards/DetailCard/DetailCard.props.ts +43 -0
  96. package/src/components/Cards/DetailCard/DetailCard.tsx +62 -0
  97. package/src/components/Cards/DetailCard/index.tsx +3 -62
  98. package/src/components/Cards/FactlistCard/FactListCard.args.ts +14 -0
  99. package/src/components/Cards/FactlistCard/FactListCard.props.ts +19 -0
  100. package/src/components/Cards/FactlistCard/FactListCard.tsx +42 -0
  101. package/src/components/Cards/FactlistCard/index.tsx +3 -42
  102. package/src/components/Cards/FeatureCard/FeatureCard.args.ts +30 -0
  103. package/src/components/Cards/FeatureCard/FeatureCard.props.ts +38 -0
  104. package/src/components/Cards/FeatureCard/FeatureCard.tsx +69 -0
  105. package/src/components/Cards/FeatureCard/index.tsx +3 -69
  106. package/src/components/Cards/MultilinkCard/MultiLinkCard.tsx +76 -0
  107. package/src/components/Cards/MultilinkCard/MultilinkCard.args.ts +33 -0
  108. package/src/components/Cards/MultilinkCard/MultilinkCard.props.ts +30 -0
  109. package/src/components/Cards/MultilinkCard/index.tsx +3 -76
  110. package/src/components/Cards/PromoCard/PromoCard.args.ts +19 -0
  111. package/src/components/Cards/PromoCard/PromoCard.props.ts +36 -0
  112. package/src/components/Cards/PromoCard/PromoCard.tsx +60 -0
  113. package/src/components/Cards/PromoCard/index.tsx +3 -60
  114. package/src/components/Cards/StatCard/StatCard.args.ts +14 -0
  115. package/src/components/Cards/StatCard/StatCard.props.ts +21 -0
  116. package/src/components/Cards/StatCard/StatCard.tsx +36 -0
  117. package/src/components/Cards/StatCard/index.tsx +3 -36
  118. package/src/components/Cards/TextCard/TextCard.args.ts +21 -0
  119. package/src/components/Cards/TextCard/TextCard.props.ts +32 -0
  120. package/src/components/Cards/TextCard/TextCard.tsx +62 -0
  121. package/src/components/Cards/TextCard/index.tsx +3 -63
  122. package/src/components/Footer/Footer.args.ts +4 -16
  123. package/src/components/Footer/Footer.tsx +41 -37
  124. package/src/components/Navigation/Navigation.tsx +5 -5
  125. package/src/components/Pagination/Pagination.tsx +2 -1
  126. package/src/components/index.ts +1 -1
  127. package/src/types/index.ts +6 -0
  128. package/lib/cjs/components/Cards/Card.js +0 -40
  129. package/lib/cjs/components/Cards/CardGroup.js +0 -33
  130. package/lib/cjs/components/Cards/index.js +0 -37
  131. package/lib/esm/components/Cards/Card.js +0 -38
  132. package/lib/esm/components/Cards/CardGroup.js +0 -31
  133. package/lib/esm/components/Cards/index.js +0 -22
  134. package/lib/types/react/src/components/Cards/Card.d.ts +0 -4
  135. package/lib/types/react/src/components/Cards/Card.props.d.ts +0 -307
  136. package/lib/types/react/src/components/Cards/CardGroup.props.d.ts +0 -16
  137. package/lib/types/react/src/components/Cards/index.d.ts +0 -11
  138. package/public/fao-logo.svg +0 -195
  139. package/public/favicon.ico +0 -0
  140. package/public/hero.jpg +0 -0
  141. package/public/ilo-dg.jpg +0 -0
  142. package/public/ilo-headquarters.jpg +0 -0
  143. package/public/large.jpg +0 -0
  144. package/public/media-file-poster.jpg +0 -0
  145. package/public/medium.jpg +0 -0
  146. package/public/small.jpg +0 -0
  147. package/public/unhcr-logo.svg +0 -1
  148. package/public/unicef-logo.png +0 -0
  149. package/public/video-example.mp4 +0 -0
  150. package/public/wfp-logo.svg +0 -1
  151. package/public/who-logo.svg +0 -1
  152. package/public/youtube-video-poster.avif +0 -0
  153. package/src/components/Cards/Card.args.ts +0 -220
  154. package/src/components/Cards/Card.props.ts +0 -382
  155. package/src/components/Cards/Card.tsx +0 -36
  156. package/src/components/Cards/CardGroup.props.ts +0 -19
  157. package/src/components/Cards/CardGroup.tsx +0 -54
  158. package/src/components/Cards/index.ts +0 -22
  159. /package/lib/types/react/src/components/Cards/{CardGroup.d.ts → CardGroup/CardGroup.d.ts} +0 -0
@@ -36,6 +36,6 @@ export { TableOfContents } from "./TableOfContents";
36
36
  export { Footer } from "./Footer";
37
37
  export { LocalNav } from "./LocalNav";
38
38
  export { Navigation } from "./Navigation";
39
- export { Card, CardGroup } from "./Cards";
39
+ export { CardGroup } from "./Cards/CardGroup";
40
40
  export { Breadcrumb } from "./Breadcrumb";
41
41
  export { Tabs } from "./Tabs";
@@ -31,6 +31,10 @@ export type CardSize = "wide" | "standard" | "narrow" | "fluid";
31
31
  export type CardCornerType = boolean;
32
32
  export type CardAlignment = "left" | "right";
33
33
  export type CardTypes = "stat" | "multilink" | "text" | "promo" | "feature" | "detail" | "factlist" | "data";
34
+ export type EventDate = {
35
+ unix?: string;
36
+ human?: string;
37
+ };
34
38
  export interface FormFieldProps<T> {
35
39
  /**
36
40
  * The input's onChange callback.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ilo-org/react",
3
- "version": "0.12.0",
3
+ "version": "0.13.0",
4
4
  "description": "React components for the ILO's Design System",
5
5
  "keywords": [
6
6
  "ui_patterns",
@@ -77,8 +77,8 @@
77
77
  "videojs-youtube": "^3.0.1",
78
78
  "@ilo-org/brand-assets": "0.4.0",
79
79
  "@ilo-org/fonts": "0.1.2",
80
- "@ilo-org/styles": "0.14.2",
81
80
  "@ilo-org/icons-react": "0.0.21",
81
+ "@ilo-org/styles": "0.15.0",
82
82
  "@ilo-org/themes": "0.7.2",
83
83
  "@ilo-org/utils": "0.0.11"
84
84
  },