linkedunion-design-kit 1.4.6 → 1.4.8

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 (193) hide show
  1. package/README.md +20 -8
  2. package/dist/app/layout.d.ts +2 -2
  3. package/dist/app/layout.js +5 -5
  4. package/dist/app/page.js +2 -2
  5. package/dist/app/scripts.js +1 -1
  6. package/dist/components/Avatar/Avatar.d.ts +1 -1
  7. package/dist/components/Avatar/Avatar.js +2 -5
  8. package/dist/components/Avatar/Avatar.stories.js +15 -6
  9. package/dist/components/Border/BorderRadius/BorderRadius.stories.js +8 -2
  10. package/dist/components/Border/BorderRadius/BorderRadiusTable.js +1 -1
  11. package/dist/components/Border/BorderRadius/BorderRadiusView.js +1 -1
  12. package/dist/components/Border/BorderWidth/BorderWidth.stories.js +8 -2
  13. package/dist/components/Border/BorderWidth/BorderWidthTable.js +1 -1
  14. package/dist/components/Border/BorderWidth/ViewBorderWidth.js +1 -1
  15. package/dist/components/Button/Button.d.ts +1 -1
  16. package/dist/components/Button/Button.js +8 -2
  17. package/dist/components/Button/Button.stories.js +56 -22
  18. package/dist/components/Color/BackgroundColor/Color.js +1 -1
  19. package/dist/components/Color/BackgroundColor/Color.stories.js +25 -13
  20. package/dist/components/Color/BackgroundColor/index.d.ts +7 -0
  21. package/dist/components/Color/BackgroundColor/index.js +15 -0
  22. package/dist/components/Color/TextColor.d.ts +1 -1
  23. package/dist/components/Color/TextColor.js +2 -2
  24. package/dist/components/Color/TextColor.stories.js +4 -1
  25. package/dist/components/Icons/IconView.stories.js +1 -1
  26. package/dist/components/Icons/LUIcon.js +1 -1
  27. package/dist/components/Icons/LUIcon.stories.js +16 -7
  28. package/dist/components/Images/LuImage.d.ts +1 -1
  29. package/dist/components/Images/LuImage.js +2 -2
  30. package/dist/components/Images/LuImage.stories.js +7 -9
  31. package/dist/components/MediaCard/Card.d.ts +1 -1
  32. package/dist/components/MediaCard/Card.js +30 -17
  33. package/dist/components/MediaCard/Card.stories.js +21 -9
  34. package/dist/components/MediaCard/ContactProfile/ContactProfile.js +23 -0
  35. package/dist/components/MediaCard/ContactProfile/ContactProfileTheme1.d.ts +2 -0
  36. package/dist/components/MediaCard/ContactProfile/ContactProfileTheme1.js +9 -0
  37. package/dist/components/MediaCard/ContactProfile/ContactProfileTheme2.d.ts +2 -0
  38. package/dist/components/MediaCard/ContactProfile/ContactProfileTheme2.js +9 -0
  39. package/dist/components/MediaCard/PostByCategory/PostByCategory.js +23 -0
  40. package/dist/components/MediaCard/PostByCategory/PostByCategoryTheme1.d.ts +2 -0
  41. package/dist/components/MediaCard/PostByCategory/PostByCategoryTheme1.js +9 -0
  42. package/dist/components/MediaCard/PostByCategory/PostByCategoryTheme2.d.ts +2 -0
  43. package/dist/components/MediaCard/PostByCategory/PostByCategoryTheme2.js +9 -0
  44. package/dist/components/MediaCard/card.module.css +52 -0
  45. package/dist/components/Size/MinWidthHeight.d.ts +1 -1
  46. package/dist/components/Size/MinWidthHeight.stories.js +11 -5
  47. package/dist/components/Size/Size.js +1 -1
  48. package/dist/components/Size/Size.stories.js +6 -8
  49. package/dist/components/Size/WidthHeight.stories.js +10 -4
  50. package/dist/components/Spacing/Margin/Margin.js +1 -1
  51. package/dist/components/Spacing/Margin/MarginBottom.js +1 -1
  52. package/dist/components/Spacing/Margin/MarginLeft.js +1 -1
  53. package/dist/components/Spacing/Margin/MarginRight.js +1 -1
  54. package/dist/components/Spacing/Margin/MarginToken.js +3 -1
  55. package/dist/components/Spacing/Margin/MarginTop.js +1 -1
  56. package/dist/components/Spacing/Margin/MarginX.d.ts +1 -0
  57. package/dist/components/Spacing/Margin/MarginX.js +5 -0
  58. package/dist/components/Spacing/Margin/MarginY.d.ts +1 -0
  59. package/dist/components/Spacing/Margin/MarginY.js +5 -0
  60. package/dist/components/Spacing/Padding/Padding.js +1 -1
  61. package/dist/components/Spacing/Padding/PaddingBottom.js +1 -1
  62. package/dist/components/Spacing/Padding/PaddingLeft.js +1 -1
  63. package/dist/components/Spacing/Padding/PaddingRight.js +1 -1
  64. package/dist/components/Spacing/Padding/PaddingToken.js +3 -1
  65. package/dist/components/Spacing/Padding/PaddingTop.js +1 -1
  66. package/dist/components/Spacing/Padding/PaddingX.d.ts +1 -0
  67. package/dist/components/Spacing/Padding/PaddingX.js +5 -0
  68. package/dist/components/Spacing/Padding/PaddingY.d.ts +1 -0
  69. package/dist/components/Spacing/Padding/PaddingY.js +5 -0
  70. package/dist/components/Title/Title.d.ts +6 -0
  71. package/dist/components/Title/Title.js +7 -0
  72. package/dist/components/Title/Title.module.css +56 -0
  73. package/dist/components/Title/Title.stories.d.ts +5 -0
  74. package/dist/components/Title/Title.stories.js +49 -0
  75. package/dist/components/Title/Title.test.d.ts +1 -0
  76. package/dist/components/Title/Title.test.js +24 -0
  77. package/dist/components/Typography/Body/Body.d.ts +2 -0
  78. package/dist/components/{MediaCard/Card.jsx → Typography/Body/Body.js} +6 -10
  79. package/dist/components/Typography/Body/Body.stories.d.ts +6 -0
  80. package/dist/components/Typography/Body/Body.stories.js +68 -0
  81. package/dist/components/Typography/Body/body.test.d.ts +1 -0
  82. package/dist/components/Typography/Body/body.test.js +44 -0
  83. package/dist/components/Typography/Body/index.d.ts +14 -0
  84. package/dist/components/Typography/Body/index.js +50 -0
  85. package/dist/components/Typography/Body/type.d.ts +7 -0
  86. package/dist/components/Typography/Body/type.js +1 -0
  87. package/dist/components/Typography/Display/Display.d.ts +2 -0
  88. package/dist/components/Typography/Display/Display.js +29 -0
  89. package/dist/components/Typography/Display/Display.stories.d.ts +6 -0
  90. package/dist/components/Typography/Display/Display.stories.js +72 -0
  91. package/dist/components/Typography/Display/Display.test.d.ts +1 -0
  92. package/dist/components/Typography/Display/Display.test.js +44 -0
  93. package/dist/components/Typography/Display/index.d.ts +38 -0
  94. package/dist/components/Typography/Display/index.js +61 -0
  95. package/dist/components/Typography/Display/type.d.ts +8 -0
  96. package/dist/components/Typography/Display/type.js +1 -0
  97. package/dist/components/Typography/Headings/Heading.test.d.ts +1 -0
  98. package/dist/components/Typography/Headings/Heading.test.js +44 -0
  99. package/dist/components/Typography/Headings/Headings.d.ts +2 -2
  100. package/dist/components/Typography/Headings/Headings.js +27 -3
  101. package/dist/components/Typography/Headings/Headings.stories.d.ts +4 -2
  102. package/dist/components/Typography/Headings/Headings.stories.js +39 -8
  103. package/dist/components/Typography/Headings/index.d.ts +21 -0
  104. package/dist/components/Typography/Headings/index.js +68 -0
  105. package/dist/components/Typography/Headings/type.d.ts +6 -0
  106. package/dist/components/Typography/Headings/type.js +1 -0
  107. package/dist/components/Typography/Typography.css +3002 -0
  108. package/dist/components/Typography/Typography.d.ts +1 -1
  109. package/dist/components/Typography/Typography.js +1 -1
  110. package/dist/components/Typography/Typography.stories.js +36 -15
  111. package/dist/global/components/Table/Table.d.ts +14 -0
  112. package/dist/global/components/Table/Table.js +12 -0
  113. package/dist/index.d.ts +13 -10
  114. package/dist/index.js +13 -10
  115. package/dist/styles/global.css +1151 -8030
  116. package/dist/tailwind.config.d.ts +1 -1
  117. package/dist/tailwind.config.js +85 -46
  118. package/dist/utils/colors.d.ts +7 -0
  119. package/dist/utils/colors.js +7 -0
  120. package/dist/utils/constants.d.ts +2 -0
  121. package/dist/utils/constants.js +2 -0
  122. package/dist/utils/enum.js +14 -14
  123. package/dist/utils/enums.d.ts +51 -0
  124. package/dist/utils/enums.js +56 -0
  125. package/dist/utils/iconList.js +479 -479
  126. package/dist/utils/index.d.ts +379 -472
  127. package/dist/utils/index.js +1383 -1527
  128. package/package.json +5 -2
  129. package/dist/app/layout.jsx +0 -13
  130. package/dist/app/page.jsx +0 -71
  131. package/dist/components/Avatar/Avatar.jsx +0 -15
  132. package/dist/components/Avatar/Avatar.stories.jsx +0 -25
  133. package/dist/components/Border/BorderRadius/BorderRadius.jsx +0 -12
  134. package/dist/components/Border/BorderRadius/BorderRadius.stories.jsx +0 -17
  135. package/dist/components/Border/BorderRadius/BorderRadiusTable.jsx +0 -61
  136. package/dist/components/Border/BorderRadius/BorderRadiusView.jsx +0 -8
  137. package/dist/components/Border/BorderWidth/BorderWidth.jsx +0 -12
  138. package/dist/components/Border/BorderWidth/BorderWidth.stories.jsx +0 -17
  139. package/dist/components/Border/BorderWidth/BorderWidthTable.jsx +0 -36
  140. package/dist/components/Border/BorderWidth/ViewBorderWidth.jsx +0 -8
  141. package/dist/components/Button/Button.jsx +0 -16
  142. package/dist/components/Button/Button.stories.jsx +0 -110
  143. package/dist/components/Color/BackgroundColor/Color.jsx +0 -16
  144. package/dist/components/Color/BackgroundColor/Color.stories.jsx +0 -76
  145. package/dist/components/Color/Color.d.ts +0 -2
  146. package/dist/components/Color/Color.js +0 -5
  147. package/dist/components/Color/Color.stories.d.ts +0 -10
  148. package/dist/components/Color/Color.stories.js +0 -88
  149. package/dist/components/Color/TextColor.jsx +0 -6
  150. package/dist/components/Color/TextColor.stories.jsx +0 -17
  151. package/dist/components/Icons/IconView.jsx +0 -23
  152. package/dist/components/Icons/IconView.stories.jsx +0 -8
  153. package/dist/components/Icons/LUIcon.jsx +0 -20
  154. package/dist/components/Icons/LUIcon.stories.jsx +0 -29
  155. package/dist/components/Images/LuImage.jsx +0 -7
  156. package/dist/components/Images/LuImage.stories.jsx +0 -39
  157. package/dist/components/MediaCard/Card.stories.jsx +0 -35
  158. package/dist/components/MediaCard/ContactProfile.js +0 -10
  159. package/dist/components/MediaCard/ContactProfile.jsx +0 -39
  160. package/dist/components/MediaCard/PostByCategory.js +0 -11
  161. package/dist/components/MediaCard/PostByCategory.jsx +0 -46
  162. package/dist/components/Navigation/TopNavigation/TopNavigation.d.ts +0 -2
  163. package/dist/components/Navigation/TopNavigation/TopNavigation.js +0 -8
  164. package/dist/components/Navigation/TopNavigation/TopNavigation.jsx +0 -45
  165. package/dist/components/Navigation/TopNavigation/TopNavigation.stories.d.ts +0 -4
  166. package/dist/components/Navigation/TopNavigation/TopNavigation.stories.js +0 -52
  167. package/dist/components/Navigation/TopNavigation/TopNavigation.stories.jsx +0 -40
  168. package/dist/components/Size/MinWidthHeight.jsx +0 -8
  169. package/dist/components/Size/MinWidthHeight.stories.jsx +0 -22
  170. package/dist/components/Size/Size.jsx +0 -6
  171. package/dist/components/Size/Size.stories.jsx +0 -22
  172. package/dist/components/Size/WidthHeight.jsx +0 -8
  173. package/dist/components/Size/WidthHeight.stories.jsx +0 -22
  174. package/dist/components/Spacing/Margin/Margin.jsx +0 -86
  175. package/dist/components/Spacing/Margin/MarginBottom.jsx +0 -86
  176. package/dist/components/Spacing/Margin/MarginLeft.jsx +0 -86
  177. package/dist/components/Spacing/Margin/MarginRight.jsx +0 -86
  178. package/dist/components/Spacing/Margin/MarginToken.jsx +0 -27
  179. package/dist/components/Spacing/Margin/MarginToken.stories.jsx +0 -7
  180. package/dist/components/Spacing/Margin/MarginTop.jsx +0 -87
  181. package/dist/components/Spacing/Padding/Padding.jsx +0 -87
  182. package/dist/components/Spacing/Padding/PaddingBottom.jsx +0 -86
  183. package/dist/components/Spacing/Padding/PaddingLeft.jsx +0 -86
  184. package/dist/components/Spacing/Padding/PaddingRight.jsx +0 -87
  185. package/dist/components/Spacing/Padding/PaddingToken.jsx +0 -27
  186. package/dist/components/Spacing/Padding/PaddingToken.stories.jsx +0 -7
  187. package/dist/components/Spacing/Padding/PaddingTop.jsx +0 -87
  188. package/dist/components/Typography/Headings/Headings.jsx +0 -6
  189. package/dist/components/Typography/Headings/Headings.stories.jsx +0 -19
  190. package/dist/components/Typography/Typography.jsx +0 -8
  191. package/dist/components/Typography/Typography.stories.jsx +0 -51
  192. /package/dist/components/MediaCard/{ContactProfile.d.ts → ContactProfile/ContactProfile.d.ts} +0 -0
  193. /package/dist/components/MediaCard/{PostByCategory.d.ts → PostByCategory/PostByCategory.d.ts} +0 -0
@@ -0,0 +1,68 @@
1
+ import { FontFamily, FontSize, FontWeight, LineHeights, TextColor, } from "../../../utils/enums";
2
+ export var headingTableHeaders = [
3
+ { title: "Alias Token Name", key: "headingClass" },
4
+ { title: "Font Family", key: "fontFamily" },
5
+ { title: "Font Size", key: "fontSize" },
6
+ { title: "Font Weight", key: "fontWeight" },
7
+ { title: "Line Height", key: "lineHeight" },
8
+ { title: "Color", key: "color" },
9
+ ];
10
+ export var Heading_Classes;
11
+ (function (Heading_Classes) {
12
+ Heading_Classes["lu-heading-h1"] = "lu-heading-h1";
13
+ Heading_Classes["lu-heading-h2"] = "lu-heading-h2";
14
+ Heading_Classes["lu-heading-h3"] = "lu-heading-h3";
15
+ Heading_Classes["lu-heading-h4"] = "lu-heading-h4";
16
+ Heading_Classes["lu-heading-h5"] = "lu-heading-h5";
17
+ Heading_Classes["lu-heading-h6"] = "lu-heading-h6";
18
+ })(Heading_Classes || (Heading_Classes = {}));
19
+ export var headingTableRows = [
20
+ {
21
+ headingClass: Heading_Classes["lu-heading-h1"],
22
+ fontFamily: FontFamily.Base,
23
+ fontSize: FontSize.SevenXLarge,
24
+ fontWeight: FontWeight.Bold,
25
+ lineHeight: LineHeights.XS,
26
+ color: TextColor.Default,
27
+ },
28
+ {
29
+ headingClass: Heading_Classes["lu-heading-h2"],
30
+ fontFamily: FontFamily.Base,
31
+ fontSize: FontSize.SevenXLarge,
32
+ fontWeight: FontWeight.SemiBold,
33
+ lineHeight: LineHeights.XS,
34
+ color: TextColor.Default,
35
+ },
36
+ {
37
+ headingClass: Heading_Classes["lu-heading-h3"],
38
+ fontFamily: FontFamily.Base,
39
+ fontSize: FontSize.FourXLarge,
40
+ fontWeight: FontWeight.Bold,
41
+ lineHeight: LineHeights.XS,
42
+ color: TextColor.Default,
43
+ },
44
+ {
45
+ headingClass: Heading_Classes["lu-heading-h4"],
46
+ fontFamily: FontFamily.Base,
47
+ fontSize: FontSize.ThreeXLarge,
48
+ fontWeight: FontWeight.SemiBold,
49
+ lineHeight: LineHeights.XS,
50
+ color: TextColor.Default,
51
+ },
52
+ {
53
+ headingClass: Heading_Classes["lu-heading-h5"],
54
+ fontFamily: FontFamily.Base,
55
+ fontSize: FontSize.TwoXLarge,
56
+ fontWeight: FontWeight.SemiBold,
57
+ lineHeight: LineHeights.XS,
58
+ color: TextColor.Default,
59
+ },
60
+ {
61
+ headingClass: Heading_Classes["lu-heading-h6"],
62
+ fontFamily: FontFamily.Base,
63
+ fontSize: FontSize.XLarge,
64
+ fontWeight: FontWeight.SemiBold,
65
+ lineHeight: LineHeights.XS,
66
+ color: TextColor.Default,
67
+ },
68
+ ];
@@ -0,0 +1,6 @@
1
+ import * as React from "react";
2
+ export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
3
+ heading?: string;
4
+ label?: string;
5
+ className?: string;
6
+ }
@@ -0,0 +1 @@
1
+ export {};