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,17 +1,17 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
- import { render, screen } from '@testing-library/react';
3
- import '@testing-library/jest-dom';
4
- import { Dummy_Para } from '../../../utils/constants';
5
- import { Display } from './Display';
6
- import { Display_Classes } from './';
7
- describe('Body Component', function () {
8
- it('renders with default props', function () {
2
+ import { render, screen } from "@testing-library/react";
3
+ import "@testing-library/jest-dom";
4
+ import { Dummy_Para } from "../../../utils/constants";
5
+ import { Display } from "./Display";
6
+ import { Display_Classes } from "./";
7
+ describe("Body Component", function () {
8
+ it("renders with default props", function () {
9
9
  render(_jsx(Display, {}));
10
10
  var divElement = screen.getByText(Dummy_Para);
11
11
  expect(divElement).toBeInTheDocument();
12
- expect(divElement).toHaveClass(Display_Classes['lu-display-1']);
12
+ expect(divElement).toHaveClass(Display_Classes["lu-display-1"]);
13
13
  });
14
- describe('Body Component with different body classes', function () {
14
+ describe("Body Component with different body classes", function () {
15
15
  Object.values(Display_Classes).forEach(function (displayClass) {
16
16
  it("applies the correct class \"".concat(displayClass, "\""), function () {
17
17
  render(_jsx(Display, { display: displayClass }));
@@ -20,25 +20,25 @@ describe('Body Component', function () {
20
20
  });
21
21
  });
22
22
  });
23
- it('applies additional class names from className prop', function () {
24
- var customClass = 'custom-class another-class';
23
+ it("applies additional class names from className prop", function () {
24
+ var customClass = "custom-class another-class";
25
25
  render(_jsx(Display, { className: customClass }));
26
26
  var divElement = screen.getByText(Dummy_Para);
27
- expect(divElement).toHaveClass(Display_Classes['lu-display-1']);
28
- expect(divElement).toHaveClass('custom-class');
29
- expect(divElement).toHaveClass('another-class');
27
+ expect(divElement).toHaveClass(Display_Classes["lu-display-1"]);
28
+ expect(divElement).toHaveClass("custom-class");
29
+ expect(divElement).toHaveClass("another-class");
30
30
  });
31
- it('renders custom label when provided', function () {
32
- var customLabel = 'Custom Label Text';
31
+ it("renders custom label when provided", function () {
32
+ var customLabel = "Custom Label Text";
33
33
  render(_jsx(Display, { label: customLabel }));
34
34
  var divElement = screen.getByText(customLabel);
35
35
  expect(divElement).toBeInTheDocument();
36
36
  });
37
- it('passes additional props to the root div', function () {
38
- var testId = 'body-component';
39
- var ariaLabel = 'Body Component';
37
+ it("passes additional props to the root div", function () {
38
+ var testId = "body-component";
39
+ var ariaLabel = "Body Component";
40
40
  render(_jsx(Display, { "data-testid": testId, "aria-label": ariaLabel }));
41
41
  var divElement = screen.getByTestId(testId);
42
- expect(divElement).toHaveAttribute('aria-label', ariaLabel);
42
+ expect(divElement).toHaveAttribute("aria-label", ariaLabel);
43
43
  });
44
44
  });
@@ -1 +1 @@
1
- import '@testing-library/jest-dom';
1
+ import "@testing-library/jest-dom";
@@ -1,17 +1,17 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
- import { render, screen } from '@testing-library/react';
3
- import '@testing-library/jest-dom';
4
- import { Dummy_Para } from '../../../utils/constants';
5
- import { Heading } from './Headings';
6
- import { Heading_Classes } from './';
7
- describe('Heading Component', function () {
8
- it('renders with default props', function () {
2
+ import { render, screen } from "@testing-library/react";
3
+ import "@testing-library/jest-dom";
4
+ import { Dummy_Para } from "../../../utils/constants";
5
+ import { Heading } from "./Headings";
6
+ import { Heading_Classes } from "./";
7
+ describe("Heading Component", function () {
8
+ it("renders with default props", function () {
9
9
  render(_jsx(Heading, {}));
10
10
  var divElement = screen.getByText(Dummy_Para);
11
11
  expect(divElement).toBeInTheDocument();
12
- expect(divElement).toHaveClass(Heading_Classes['lu-heading-h1']);
12
+ expect(divElement).toHaveClass(Heading_Classes["lu-heading-h1"]);
13
13
  });
14
- describe('Heading Component with different body classes', function () {
14
+ describe("Heading Component with different body classes", function () {
15
15
  Object.values(Heading_Classes).forEach(function (headingClass) {
16
16
  it("applies the correct class \"".concat(headingClass, "\""), function () {
17
17
  render(_jsx(Heading, { heading: headingClass }));
@@ -20,25 +20,25 @@ describe('Heading Component', function () {
20
20
  });
21
21
  });
22
22
  });
23
- it('applies additional class names from className prop', function () {
24
- var customClass = 'custom-class another-class';
23
+ it("applies additional class names from className prop", function () {
24
+ var customClass = "custom-class another-class";
25
25
  render(_jsx(Heading, { className: customClass }));
26
26
  var divElement = screen.getByText(Dummy_Para);
27
- expect(divElement).toHaveClass(Heading_Classes['lu-heading-h1']);
28
- expect(divElement).toHaveClass('custom-class');
29
- expect(divElement).toHaveClass('another-class');
27
+ expect(divElement).toHaveClass(Heading_Classes["lu-heading-h1"]);
28
+ expect(divElement).toHaveClass("custom-class");
29
+ expect(divElement).toHaveClass("another-class");
30
30
  });
31
- it('renders custom label when provided', function () {
32
- var customLabel = 'Custom Label Text';
31
+ it("renders custom label when provided", function () {
32
+ var customLabel = "Custom Label Text";
33
33
  render(_jsx(Heading, { label: customLabel }));
34
34
  var divElement = screen.getByText(customLabel);
35
35
  expect(divElement).toBeInTheDocument();
36
36
  });
37
- it('passes additional props to the root div', function () {
38
- var testId = 'body-component';
39
- var ariaLabel = 'Body Component';
37
+ it("passes additional props to the root div", function () {
38
+ var testId = "body-component";
39
+ var ariaLabel = "Body Component";
40
40
  render(_jsx(Heading, { "data-testid": testId, "aria-label": ariaLabel }));
41
41
  var divElement = screen.getByTestId(testId);
42
- expect(divElement).toHaveAttribute('aria-label', ariaLabel);
42
+ expect(divElement).toHaveAttribute("aria-label", ariaLabel);
43
43
  });
44
44
  });
@@ -24,6 +24,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
24
24
  import { Dummy_Para } from "../../../utils/constants";
25
25
  import { Heading_Classes } from "./";
26
26
  export var Heading = function (_a) {
27
- var _b = _a.heading, heading = _b === void 0 ? Heading_Classes["lu-heading-h1"] : _b, _c = _a.label, label = _c === void 0 ? Dummy_Para : _c, _d = _a.className, className = _d === void 0 ? '' : _d, props = __rest(_a, ["heading", "label", "className"]);
27
+ var _b = _a.heading, heading = _b === void 0 ? Heading_Classes["lu-heading-h1"] : _b, _c = _a.label, label = _c === void 0 ? Dummy_Para : _c, _d = _a.className, className = _d === void 0 ? "" : _d, props = __rest(_a, ["heading", "label", "className"]);
28
28
  return (_jsx("h1", __assign({}, props, { className: "".concat(heading, " ").concat(className), children: label })));
29
29
  };
@@ -34,25 +34,29 @@ _Heading.argTypes = {
34
34
  },
35
35
  options: headingsList.map(function (heading) { return heading.key; }),
36
36
  table: {
37
- type: { summary: Object.values(Heading_Classes).map(function (item) { return item; }).join(" | ") },
38
- defaultValue: { summary: Heading_Classes["lu-heading-h1"] }
39
- }
37
+ type: {
38
+ summary: Object.values(Heading_Classes)
39
+ .map(function (item) { return item; })
40
+ .join(" | "),
41
+ },
42
+ defaultValue: { summary: Heading_Classes["lu-heading-h1"] },
43
+ },
40
44
  },
41
45
  label: {
42
46
  description: "Text content",
43
47
  control: "text",
44
48
  table: {
45
49
  type: { summary: "string" },
46
- defaultValue: { summary: Dummy_Para }
47
- }
50
+ defaultValue: { summary: Dummy_Para },
51
+ },
48
52
  },
49
53
  className: {
50
54
  description: "Additional CSS classes",
51
55
  control: "text",
52
56
  table: {
53
57
  type: { summary: "string" },
54
- defaultValue: { summary: "" }
55
- }
56
- }
58
+ defaultValue: { summary: "" },
59
+ },
60
+ },
57
61
  };
58
62
  export var HeadingTokens = function () { return (_jsx(Table, { tableClassName: "lu-mb-500", headers: headingTableHeaders, rows: headingTableRows, "aria-label": "Heading text variants comparison" })); };