linkedunion-design-kit 1.4.7 → 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 (159) 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/components/Avatar/Avatar.d.ts +1 -1
  6. package/dist/components/Avatar/Avatar.js +2 -5
  7. package/dist/components/Avatar/Avatar.stories.js +15 -6
  8. package/dist/components/Border/BorderRadius/BorderRadius.stories.js +8 -2
  9. package/dist/components/Border/BorderRadius/BorderRadiusTable.js +1 -1
  10. package/dist/components/Border/BorderRadius/BorderRadiusView.js +1 -1
  11. package/dist/components/Border/BorderWidth/BorderWidth.stories.js +8 -2
  12. package/dist/components/Border/BorderWidth/BorderWidthTable.js +1 -1
  13. package/dist/components/Border/BorderWidth/ViewBorderWidth.js +1 -1
  14. package/dist/components/Button/Button.d.ts +1 -1
  15. package/dist/components/Button/Button.js +8 -2
  16. package/dist/components/Button/Button.stories.js +56 -22
  17. package/dist/components/Color/BackgroundColor/Color.js +1 -1
  18. package/dist/components/Color/BackgroundColor/Color.stories.js +18 -6
  19. package/dist/components/Color/BackgroundColor/index.js +8 -1
  20. package/dist/components/Color/TextColor.d.ts +1 -1
  21. package/dist/components/Color/TextColor.js +2 -2
  22. package/dist/components/Color/TextColor.stories.js +4 -1
  23. package/dist/components/Icons/IconView.stories.js +1 -1
  24. package/dist/components/Icons/LUIcon.js +1 -1
  25. package/dist/components/Icons/LUIcon.stories.js +16 -7
  26. package/dist/components/Images/LuImage.d.ts +1 -1
  27. package/dist/components/Images/LuImage.js +2 -2
  28. package/dist/components/Images/LuImage.stories.js +7 -9
  29. package/dist/components/MediaCard/Card.d.ts +1 -1
  30. package/dist/components/MediaCard/Card.js +17 -6
  31. package/dist/components/MediaCard/Card.stories.js +11 -8
  32. package/dist/components/MediaCard/ContactProfile/ContactProfile.js +3 -3
  33. package/dist/components/MediaCard/ContactProfile/ContactProfileTheme1.js +2 -1
  34. package/dist/components/MediaCard/ContactProfile/ContactProfileTheme2.js +2 -1
  35. package/dist/components/MediaCard/PostByCategory/PostByCategory.js +3 -3
  36. package/dist/components/MediaCard/PostByCategory/PostByCategoryTheme1.js +2 -1
  37. package/dist/components/MediaCard/PostByCategory/PostByCategoryTheme2.js +2 -1
  38. package/dist/components/MediaCard/card.module.css +52 -0
  39. package/dist/components/Size/MinWidthHeight.d.ts +1 -1
  40. package/dist/components/Size/MinWidthHeight.stories.js +11 -5
  41. package/dist/components/Size/Size.stories.js +5 -2
  42. package/dist/components/Size/WidthHeight.stories.js +10 -4
  43. package/dist/components/Spacing/Margin/Margin.js +1 -1
  44. package/dist/components/Spacing/Margin/MarginBottom.js +1 -1
  45. package/dist/components/Spacing/Margin/MarginLeft.js +1 -1
  46. package/dist/components/Spacing/Margin/MarginRight.js +1 -1
  47. package/dist/components/Spacing/Margin/MarginTop.js +1 -1
  48. package/dist/components/Spacing/Margin/MarginX.js +1 -1
  49. package/dist/components/Spacing/Margin/MarginY.js +1 -1
  50. package/dist/components/Spacing/Padding/Padding.js +1 -1
  51. package/dist/components/Spacing/Padding/PaddingBottom.js +1 -1
  52. package/dist/components/Spacing/Padding/PaddingLeft.js +1 -1
  53. package/dist/components/Spacing/Padding/PaddingRight.js +1 -1
  54. package/dist/components/Spacing/Padding/PaddingTop.js +1 -1
  55. package/dist/components/Spacing/Padding/PaddingX.js +1 -1
  56. package/dist/components/Spacing/Padding/PaddingY.js +1 -1
  57. package/dist/components/Title/Title.d.ts +6 -0
  58. package/dist/components/Title/Title.js +7 -0
  59. package/dist/components/Title/Title.module.css +56 -0
  60. package/dist/components/Title/Title.stories.d.ts +5 -0
  61. package/dist/components/Title/Title.stories.js +49 -0
  62. package/dist/components/Title/Title.test.d.ts +1 -0
  63. package/dist/components/Title/Title.test.js +24 -0
  64. package/dist/components/Typography/Body/Body.stories.js +11 -11
  65. package/dist/components/Typography/Body/body.test.d.ts +1 -1
  66. package/dist/components/Typography/Body/body.test.js +18 -18
  67. package/dist/components/Typography/Display/Display.js +1 -1
  68. package/dist/components/Typography/Display/Display.stories.js +16 -12
  69. package/dist/components/Typography/Display/Display.test.d.ts +1 -1
  70. package/dist/components/Typography/Display/Display.test.js +20 -20
  71. package/dist/components/Typography/Headings/Heading.test.d.ts +1 -1
  72. package/dist/components/Typography/Headings/Heading.test.js +20 -20
  73. package/dist/components/Typography/Headings/Headings.js +1 -1
  74. package/dist/components/Typography/Headings/Headings.stories.js +12 -8
  75. package/dist/components/Typography/Typography.css +3002 -0
  76. package/dist/components/Typography/Typography.d.ts +1 -1
  77. package/dist/components/Typography/Typography.js +1 -1
  78. package/dist/components/Typography/Typography.stories.js +36 -15
  79. package/dist/index.d.ts +1 -1
  80. package/dist/index.js +1 -1
  81. package/dist/styles/global.css +95 -157
  82. package/dist/tailwind.config.js +4 -2
  83. package/dist/utils/colors.js +5 -5
  84. package/dist/utils/constants.d.ts +1 -0
  85. package/dist/utils/constants.js +1 -0
  86. package/dist/utils/iconList.js +479 -479
  87. package/dist/utils/index.d.ts +379 -379
  88. package/dist/utils/index.js +1383 -1362
  89. package/package.json +5 -2
  90. package/dist/app/layout.jsx +0 -13
  91. package/dist/app/page.jsx +0 -71
  92. package/dist/components/Avatar/Avatar.jsx +0 -15
  93. package/dist/components/Avatar/Avatar.stories.jsx +0 -25
  94. package/dist/components/Border/BorderRadius/BorderRadius.jsx +0 -12
  95. package/dist/components/Border/BorderRadius/BorderRadius.stories.jsx +0 -17
  96. package/dist/components/Border/BorderRadius/BorderRadiusTable.jsx +0 -61
  97. package/dist/components/Border/BorderRadius/BorderRadiusView.jsx +0 -8
  98. package/dist/components/Border/BorderWidth/BorderWidth.jsx +0 -12
  99. package/dist/components/Border/BorderWidth/BorderWidth.stories.jsx +0 -17
  100. package/dist/components/Border/BorderWidth/BorderWidthTable.jsx +0 -36
  101. package/dist/components/Border/BorderWidth/ViewBorderWidth.jsx +0 -8
  102. package/dist/components/Button/Button.jsx +0 -16
  103. package/dist/components/Button/Button.stories.jsx +0 -110
  104. package/dist/components/Color/BackgroundColor/Color.jsx +0 -16
  105. package/dist/components/Color/BackgroundColor/Color.stories.jsx +0 -76
  106. package/dist/components/Color/Color.d.ts +0 -2
  107. package/dist/components/Color/Color.js +0 -5
  108. package/dist/components/Color/Color.stories.d.ts +0 -10
  109. package/dist/components/Color/Color.stories.js +0 -88
  110. package/dist/components/Color/TextColor.jsx +0 -6
  111. package/dist/components/Color/TextColor.stories.jsx +0 -17
  112. package/dist/components/Icons/IconView.jsx +0 -23
  113. package/dist/components/Icons/IconView.stories.jsx +0 -8
  114. package/dist/components/Icons/LUIcon.jsx +0 -20
  115. package/dist/components/Icons/LUIcon.stories.jsx +0 -29
  116. package/dist/components/Images/LuImage.jsx +0 -7
  117. package/dist/components/Images/LuImage.stories.jsx +0 -39
  118. package/dist/components/MediaCard/Card.jsx +0 -33
  119. package/dist/components/MediaCard/Card.stories.jsx +0 -35
  120. package/dist/components/MediaCard/ContactProfile.d.ts +0 -2
  121. package/dist/components/MediaCard/ContactProfile.js +0 -10
  122. package/dist/components/MediaCard/ContactProfile.jsx +0 -39
  123. package/dist/components/MediaCard/PostByCategory.d.ts +0 -2
  124. package/dist/components/MediaCard/PostByCategory.js +0 -23
  125. package/dist/components/MediaCard/PostByCategory.jsx +0 -46
  126. package/dist/components/MediaCard/PostByCategoryTheme1.d.ts +0 -2
  127. package/dist/components/MediaCard/PostByCategoryTheme1.js +0 -8
  128. package/dist/components/MediaCard/PostByCategoryTheme2.d.ts +0 -2
  129. package/dist/components/MediaCard/PostByCategoryTheme2.js +0 -8
  130. package/dist/components/Navigation/TopNavigation/TopNavigation.d.ts +0 -2
  131. package/dist/components/Navigation/TopNavigation/TopNavigation.js +0 -8
  132. package/dist/components/Navigation/TopNavigation/TopNavigation.jsx +0 -45
  133. package/dist/components/Navigation/TopNavigation/TopNavigation.stories.d.ts +0 -4
  134. package/dist/components/Navigation/TopNavigation/TopNavigation.stories.js +0 -52
  135. package/dist/components/Navigation/TopNavigation/TopNavigation.stories.jsx +0 -40
  136. package/dist/components/Size/MinWidthHeight.jsx +0 -8
  137. package/dist/components/Size/MinWidthHeight.stories.jsx +0 -22
  138. package/dist/components/Size/Size.jsx +0 -6
  139. package/dist/components/Size/Size.stories.jsx +0 -22
  140. package/dist/components/Size/WidthHeight.jsx +0 -8
  141. package/dist/components/Size/WidthHeight.stories.jsx +0 -22
  142. package/dist/components/Spacing/Margin/Margin.jsx +0 -86
  143. package/dist/components/Spacing/Margin/MarginBottom.jsx +0 -86
  144. package/dist/components/Spacing/Margin/MarginLeft.jsx +0 -86
  145. package/dist/components/Spacing/Margin/MarginRight.jsx +0 -86
  146. package/dist/components/Spacing/Margin/MarginToken.jsx +0 -27
  147. package/dist/components/Spacing/Margin/MarginToken.stories.jsx +0 -7
  148. package/dist/components/Spacing/Margin/MarginTop.jsx +0 -87
  149. package/dist/components/Spacing/Padding/Padding.jsx +0 -87
  150. package/dist/components/Spacing/Padding/PaddingBottom.jsx +0 -86
  151. package/dist/components/Spacing/Padding/PaddingLeft.jsx +0 -86
  152. package/dist/components/Spacing/Padding/PaddingRight.jsx +0 -87
  153. package/dist/components/Spacing/Padding/PaddingToken.jsx +0 -27
  154. package/dist/components/Spacing/Padding/PaddingToken.stories.jsx +0 -7
  155. package/dist/components/Spacing/Padding/PaddingTop.jsx +0 -87
  156. package/dist/components/Typography/Headings/Headings.jsx +0 -6
  157. package/dist/components/Typography/Headings/Headings.stories.jsx +0 -19
  158. package/dist/components/Typography/Typography.jsx +0 -8
  159. package/dist/components/Typography/Typography.stories.jsx +0 -51
@@ -1,19 +0,0 @@
1
- import { Heading } from "./Headings";
2
- import { headingsList } from "../../../utils";
3
- export default {
4
- title: "Components/Typography/Headings",
5
- component: Heading,
6
- };
7
- var Template = function (args) { return <Heading {...args}/>; };
8
- export var heading = Template.bind({});
9
- heading.args = {
10
- label: 'The quick brown fox jumps over the dog.',
11
- heading: 'lu-heading-h1',
12
- className: ''
13
- };
14
- heading.argTypes = {
15
- heading: {
16
- control: { type: "select", labels: Object.fromEntries(headingsList.map(function (heading) { return [heading.key, heading.label]; })) },
17
- options: headingsList.map(function (heading) { return heading.key; }),
18
- },
19
- };
@@ -1,8 +0,0 @@
1
- export var Typography = function (_a) {
2
- var label = _a.label, _b = _a.className, className = _b === void 0 ? '' : _b, fontSize = _a.fontSize, fontWeight = _a.fontWeight, lineHeight = _a.lineHeight, textAlign = _a.textAlign, textTransform = _a.textTransform, textDecoration = _a.textDecoration, textWrap = _a.textWrap;
3
- return (<>
4
- <div data-testid="basic-typography">
5
- <p className={"".concat(className, " ").concat(fontSize, " ").concat(fontWeight, " ").concat(lineHeight, " ").concat(textAlign, " ").concat(textTransform, " ").concat(textDecoration, " ").concat(textWrap)}>{label}</p>
6
- </div>
7
- </>);
8
- };
@@ -1,51 +0,0 @@
1
- import { Typography } from "./Typography";
2
- import { fontSizes, fontWeights, lineHeights, text, textAlignment, textDecorations, textTransform, textWraps } from "../../utils";
3
- export default {
4
- title: "Components/Typography",
5
- component: Typography,
6
- argTypes: {
7
- label: { control: "text" },
8
- },
9
- };
10
- var Template = function (args) { return <Typography {...args}/>; };
11
- export var BasicTypography = Template.bind({});
12
- BasicTypography.args = {
13
- label: "".concat(text),
14
- fontSize: 'lu-base-font-size',
15
- fontWeight: 'lu-font-weight-thin',
16
- lineHeight: 'lu-line-height-sm',
17
- textAlign: 'lu-text-justify',
18
- textTransform: 'lu-text-lowercase',
19
- textDecoration: 'lu-text-decoration-none',
20
- textWrap: 'lu-text-wrap',
21
- };
22
- BasicTypography.argTypes = {
23
- fontSize: {
24
- control: { type: "select", labels: Object.fromEntries(fontSizes.map(function (size) { return [size.key, size.label]; })) },
25
- options: fontSizes.map(function (size) { return size.key; }),
26
- },
27
- fontWeight: {
28
- control: { type: "select", labels: Object.fromEntries(fontWeights.map(function (size) { return [size.key, size.label]; })) },
29
- options: fontWeights.map(function (weight) { return weight.key; }),
30
- },
31
- lineHeight: {
32
- control: { type: "select", labels: Object.fromEntries(lineHeights.map(function (size) { return [size.key, size.label]; })) },
33
- options: lineHeights.map(function (lineHeight) { return lineHeight.key; }),
34
- },
35
- textAlign: {
36
- control: { type: "select", labels: Object.fromEntries(textAlignment.map(function (size) { return [size.key, size.label]; })) },
37
- options: textAlignment.map(function (alignment) { return alignment.key; }),
38
- },
39
- textTransform: {
40
- control: { type: "select", labels: Object.fromEntries(textTransform.map(function (size) { return [size.key, size.label]; })) },
41
- options: textTransform.map(function (transform) { return transform.key; }),
42
- },
43
- textDecoration: {
44
- control: { type: "select", labels: Object.fromEntries(textDecorations.map(function (size) { return [size.key, size.label]; })) },
45
- options: textDecorations.map(function (decoration) { return decoration.key; }),
46
- },
47
- textWrap: {
48
- control: { type: "select", labels: Object.fromEntries(textWraps.map(function (size) { return [size.key, size.label]; })) },
49
- options: textWraps.map(function (wrap) { return wrap.key; }),
50
- },
51
- };