hds-web 1.6.8 → 1.7.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 (53) hide show
  1. package/dist/index.css +5 -2
  2. package/dist/index.es.css +5 -2
  3. package/dist/index.es.js +13 -13
  4. package/dist/index.js +13 -13
  5. package/package.json +1 -1
  6. package/src/HDS/assets/icons/calendar-plus-01.svg +1 -1
  7. package/src/HDS/assets/icons/calendar-plus-02.svg +1 -1
  8. package/src/HDS/assets/icons/hasura-1.svg +3 -0
  9. package/src/HDS/assets/icons/hasura-2.svg +3 -0
  10. package/src/HDS/assets/icons/hasura-3.svg +3 -0
  11. package/src/HDS/components/Avatars/hasConAv.js +9 -10
  12. package/src/HDS/components/Avatars/profileAvatar.js +10 -29
  13. package/src/HDS/components/BadgesCaption/badges.js +7 -4
  14. package/src/HDS/components/Buttons/button.js +25 -14
  15. package/src/HDS/components/Cards/Dropdown/v3Dropdown.js +1 -1
  16. package/src/HDS/components/Cards/Feedback/feedback.js +1 -1
  17. package/src/HDS/components/Cards/ImageBox/imagebox.js +51 -0
  18. package/src/HDS/components/Cards/ImageBox/index.js +1 -0
  19. package/src/HDS/components/Cards/Link/link.js +19 -13
  20. package/src/HDS/components/Cards/Menu/flyout.js +5 -4
  21. package/src/HDS/components/Cards/Menu/flyoutA.js +5 -4
  22. package/src/HDS/components/Cards/Menu/flyoutFull.js +1 -0
  23. package/src/HDS/components/Cards/Misc/iconCard.js +71 -60
  24. package/src/HDS/components/Cards/Misc/index.js +1 -0
  25. package/src/HDS/components/Cards/Misc/talkCard.js +19 -18
  26. package/src/HDS/components/Cards/Misc/talkcard2.js +118 -0
  27. package/src/HDS/components/Cards/TalkDetailCard/talkDetailCard.js +83 -52
  28. package/src/HDS/components/Carousels/carouselCard.js +101 -90
  29. package/src/HDS/components/Headers/v3Header.js +111 -85
  30. package/src/HDS/components/Hero/h2.js +58 -36
  31. package/src/HDS/components/Hero/h3.js +413 -0
  32. package/src/HDS/components/Hero/index.js +2 -1
  33. package/src/HDS/components/Tables/index.js +2 -1
  34. package/src/HDS/components/Tables/tableB.js +10 -10
  35. package/src/HDS/components/Tables/tableC.js +20 -23
  36. package/src/HDS/components/Tables/tableD.js +326 -0
  37. package/src/HDS/components/Tabs/tab.js +47 -16
  38. package/src/HDS/components/common-components/Icon/IconMap.js +6 -0
  39. package/src/HDS/components/index.js +2 -1
  40. package/src/HDS/foundation/ColorPalette/color.js +193 -1
  41. package/src/HDS/foundation/Typography/Typography.js +2 -1
  42. package/src/HDS/helpers/Grid/grid.js +64 -0
  43. package/src/HDS/helpers/Grid/index.js +1 -0
  44. package/src/HDS/helpers/Media/index.js +1 -0
  45. package/src/HDS/helpers/Media/mediabox.js +75 -0
  46. package/src/HDS/helpers/index.js +2 -1
  47. package/src/HDS/modules/TextCard/textCard.js +8 -71
  48. package/src/HDS/modules/index.js +2 -1
  49. package/src/HDS/modules/navCard/index.js +1 -0
  50. package/src/HDS/modules/navCard/navCard.js +82 -0
  51. package/src/index.css +39 -1
  52. package/src/styles/tailwind.css +3104 -1848
  53. package/tailwind.config.js +6 -3
package/tailwind.config.js CHANGED
@@ -19,6 +19,7 @@ module.exports = {
19
19
  '"Segoe UI Symbol"',
20
20
  '"Noto Color Emoji"',
21
21
  ],
22
+ petrona: ['Petrona', 'sans']
22
23
  },
23
24
 
24
25
  colors: {
@@ -168,7 +169,9 @@ module.exports = {
168
169
  extend: {
169
170
  screens: {
170
171
  'mb-s': '360px',
172
+ 'mb-m':'400px',
171
173
  'tb': '600px',
174
+ 'tb-m': '800px',
172
175
  'tb-l': '905px',
173
176
  'db': '1240px',
174
177
  'db-l': '2560px'
@@ -509,7 +512,7 @@ module.exports = {
509
512
  // add more for more breakpoints
510
513
 
511
514
  // body2-medium-style
512
- 'hds-m-body2-medium': ['875rem', {
515
+ 'hds-m-body2-medium': ['0.875rem', {
513
516
  lineHeight: '1.5rem',
514
517
  letterSpacing: '',
515
518
  fontWeight: '500',
@@ -527,7 +530,7 @@ module.exports = {
527
530
  // add more for more breakpoints
528
531
 
529
532
  // body2-semi-bold-style
530
- 'hds-m-body2-semi-bold': ['875rem', {
533
+ 'hds-m-body2-semi-bold': ['0.875rem', {
531
534
  lineHeight: '1.5rem',
532
535
  letterSpacing: '',
533
536
  fontWeight: '600',
@@ -545,7 +548,7 @@ module.exports = {
545
548
  // add more for more breakpoints
546
549
 
547
550
  // body2-bold-style
548
- 'hds-m-body2-bold': ['875rem', {
551
+ 'hds-m-body2-bold': ['0.875rem', {
549
552
  lineHeight: '1.5rem',
550
553
  letterSpacing: '',
551
554
  fontWeight: '700',