@nuskin/foundation-ui-components 1.0.0-develop.1 → 1.0.0-develop.3

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 (147) hide show
  1. package/package.json +1 -1
  2. package/src/common/alert/NsAlert.spec.tsx +17 -16
  3. package/src/common/alert/NsAlert.stories.tsx +15 -14
  4. package/src/common/alert/NsAlert.styled.ts +20 -20
  5. package/src/common/alert/NsAlert.tsx +21 -40
  6. package/src/common/alert/index.ts +2 -2
  7. package/src/common/auth-dropdown/NsAuthDropdown.spec.tsx +1 -1
  8. package/src/common/auth-dropdown/NsAuthDropdown.stories.tsx +1 -1
  9. package/src/common/auth-dropdown/NsAuthDropdown.tsx +1 -1
  10. package/src/common/auth-dropdown/index.ts +1 -1
  11. package/src/common/autocomplete/NsAutocomplete.spec.tsx +5 -5
  12. package/src/common/autocomplete/NsAutocomplete.stories.tsx +2 -2
  13. package/src/common/autocomplete/NsAutocomplete.tsx +1 -1
  14. package/src/common/autocomplete/index.ts +2 -1
  15. package/src/common/banner/NsBanner.spec.tsx +1 -1
  16. package/src/common/banner/NsBanner.stories.tsx +1 -1
  17. package/src/common/banner/NsBanner.styled.tsx +1 -1
  18. package/src/common/banner/NsBanner.tsx +1 -1
  19. package/src/common/banner/index.ts +1 -1
  20. package/src/common/brand-components/NsBrand.stories.tsx +1 -1
  21. package/src/common/brand-components/NsBrandComponent.tsx +1 -1
  22. package/src/common/brand-components/index.ts +1 -1
  23. package/src/common/breadcrumb/NsBreadcrumb.spec.tsx +1 -7
  24. package/src/common/breadcrumb/NsBreadcrumb.stories.tsx +2 -4
  25. package/src/common/breadcrumb/NsBreadcrumb.tsx +1 -1
  26. package/src/common/breadcrumb/data.ts +7 -0
  27. package/src/common/breadcrumb/index.ts +1 -1
  28. package/src/common/button/NsButton.spec.tsx +1 -1
  29. package/src/common/button/NsButton.stories.tsx +1 -1
  30. package/src/common/button/NsButton.styled.tsx +10 -13
  31. package/src/common/button/NsButton.tsx +1 -1
  32. package/src/common/button/index.ts +1 -1
  33. package/src/common/card/NsFfgCard.tsx +1 -1
  34. package/src/common/card/stories/NsBgCard.stories.tsx +1 -3
  35. package/src/common/card/stories/NsBrandProductCard.stories.tsx +1 -1
  36. package/src/common/card/stories/NsFfgCard.stories.tsx +1 -1
  37. package/src/common/card/stories/{data.js → data.ts} +1 -25
  38. package/src/common/carousal/NsScrollingCarousal.tsx +61 -0
  39. package/src/common/carousal/index.ts +3 -0
  40. package/src/common/carousal/stories/NSCarousal.stories.tsx +1 -1
  41. package/src/common/carousal/stories/NsScrollingCarousal.stories.tsx +52 -0
  42. package/src/common/carousal/tests/NsCarousal.spec.tsx +2 -2
  43. package/src/common/carousal/tests/NsScrollingCarousal.spec.tsx +61 -0
  44. package/src/common/carousal/types.d.ts +23 -0
  45. package/src/common/cart-icon/NsCartIcon.spec.tsx +1 -1
  46. package/src/common/cart-icon/NsCartIcon.stories.tsx +1 -1
  47. package/src/common/cart-icon/NsCartIcon.tsx +1 -1
  48. package/src/common/cart-icon/index.ts +1 -1
  49. package/src/common/checkbox/NsCheckbox.spec.tsx +2 -2
  50. package/src/common/checkbox/NsCheckbox.stories.tsx +1 -1
  51. package/src/common/checkbox/NsCheckbox.tsx +1 -1
  52. package/src/common/checkbox/index.ts +1 -1
  53. package/src/common/checkbox/types.d.ts +1 -7
  54. package/src/common/column-control/NsColumnControl.tsx +1 -1
  55. package/src/common/column-control/NsFlexColumns.tsx +22 -0
  56. package/src/common/column-control/NsGridColumns.tsx +22 -0
  57. package/src/common/column-control/index.ts +3 -1
  58. package/src/common/column-control/{NsColumnControl.spec.tsx → specs/NsColumnControl.spec.tsx} +3 -3
  59. package/src/common/column-control/specs/NsFlexColumns.spec.tsx +24 -0
  60. package/src/common/column-control/specs/NsGridColumns.spec.tsx +24 -0
  61. package/src/common/column-control/stories/DivArray.stories.tsx +18 -0
  62. package/src/common/column-control/stories/DivArray.tsx +63 -0
  63. package/src/common/column-control/{NsColumnControl.stories.tsx → stories/NsColumnControl.stories.tsx} +9 -16
  64. package/src/common/column-control/stories/NsFlexColumns.stories.tsx +63 -0
  65. package/src/common/column-control/stories/NsGridColumns.stories.tsx +63 -0
  66. package/src/common/column-control/stories/common.tsx +14 -0
  67. package/src/common/column-control/styled/StyledFlex.tsx +45 -0
  68. package/src/common/column-control/styled/StyledGrid.tsx +40 -0
  69. package/src/common/column-control/styled/common.ts +27 -0
  70. package/src/common/column-control/types.d.ts +15 -16
  71. package/src/common/column-control/utils.ts +1 -1
  72. package/src/common/dropdown/NsDropdown.spec.tsx +1 -1
  73. package/src/common/dropdown/NsDropdown.tsx +1 -1
  74. package/src/common/dropdown/NsDropdownOption.tsx +1 -1
  75. package/src/common/dropdown/index.ts +1 -1
  76. package/src/common/dropdown/stories/NsDropdown.stories.tsx +1 -1
  77. package/src/common/dropdown/stories/NsDropdownCountry.stories.tsx +1 -1
  78. package/src/common/flag/NsFlag.spec.tsx +1 -1
  79. package/src/common/flag/NsFlag.stories.tsx +1 -1
  80. package/src/common/flag/NsFlag.styled.tsx +3 -5
  81. package/src/common/flag/NsFlag.tsx +1 -1
  82. package/src/common/flag/index.ts +1 -1
  83. package/src/common/flag/types.d.ts +0 -2
  84. package/src/common/icon/NsIcon.spec.tsx +1 -1
  85. package/src/common/icon/NsIcon.stories.tsx +1 -1
  86. package/src/common/icon/NsIcon.styled.tsx +1 -1
  87. package/src/common/icon/NsIcon.tsx +1 -1
  88. package/src/common/icon/NsIconVariants.ts +8 -4
  89. package/src/common/icon/icons/AlertErrorIcon.tsx +15 -6
  90. package/src/common/icon/icons/HamburgerIcon.tsx +29 -0
  91. package/src/common/icon/icons/UserIcon.tsx +30 -0
  92. package/src/common/icon/icons/WarningIcon.tsx +14 -5
  93. package/src/common/icon/index.ts +1 -1
  94. package/src/common/image/NsImage.spec.tsx +1 -1
  95. package/src/common/image/NsImage.stories.tsx +1 -1
  96. package/src/common/image/NsImage.tsx +1 -1
  97. package/src/common/image/NsNextImage.spec.tsx +1 -1
  98. package/src/common/image/NsNextImage.stories.tsx +1 -1
  99. package/src/common/image/NsNextImage.tsx +1 -1
  100. package/src/common/image/index.ts +1 -1
  101. package/src/common/index.ts +7 -10
  102. package/src/common/input/InputWrapper.tsx +1 -1
  103. package/src/common/input/NsInputField.stories.tsx +2 -1
  104. package/src/common/input/NsInputField.tsx +1 -1
  105. package/src/common/input/getAdornmentProps.tsx +1 -1
  106. package/src/common/input/index.ts +1 -1
  107. package/src/common/input/types.d.ts +15 -0
  108. package/src/common/label/NsLabel.stories.tsx +2 -0
  109. package/src/common/label/NsLabel.tsx +4 -4
  110. package/src/common/label/index.ts +1 -1
  111. package/src/common/link/NsLink.spec.tsx +1 -1
  112. package/src/common/link/NsLink.stories.tsx +1 -1
  113. package/src/common/link/NsLink.tsx +1 -1
  114. package/src/common/link/index.ts +1 -1
  115. package/src/common/nav-product-card/NsNavProductCard.spec.tsx +1 -1
  116. package/src/common/nav-product-card/NsNavProductCard.stories.tsx +1 -1
  117. package/src/common/nav-product-card/NsNavProductCard.tsx +1 -1
  118. package/src/common/nav-product-card/index.ts +1 -1
  119. package/src/common/nav-tab/NsNavTab.spec.tsx +2 -2
  120. package/src/common/nav-tab/NsNavTab.stories.tsx +1 -1
  121. package/src/common/nav-tab/NsNavTab.tsx +1 -1
  122. package/src/common/nav-tab/index.ts +1 -1
  123. package/src/common/search-bar/NsSeachBar.spec.tsx +1 -1
  124. package/src/common/table/NsTable.spec.tsx +146 -0
  125. package/src/common/table/NsTable.stories.tsx +123 -0
  126. package/src/common/table/NsTable.styled.ts +33 -0
  127. package/src/common/table/NsTable.tsx +161 -0
  128. package/src/common/table/NsTableHeader.tsx +48 -0
  129. package/src/common/table/NsTablePagination.tsx +20 -0
  130. package/src/common/table/helper.ts +33 -0
  131. package/src/common/table/index.ts +2 -0
  132. package/src/common/table/types.d.ts +44 -0
  133. package/src/common/text-strip/NsTextStrip.spec.tsx +30 -0
  134. package/src/common/text-strip/NsTextStrip.stories.tsx +33 -0
  135. package/src/common/text-strip/NsTextStrip.tsx +44 -0
  136. package/src/common/text-strip/index.ts +2 -0
  137. package/src/common/text-strip/types.d.ts +17 -0
  138. package/src/common/typography/NsTypography.stories.tsx +1 -1
  139. package/src/common/typography/NsTypography.tsx +1 -1
  140. package/src/common/typography/Typography.styled.tsx +1 -1
  141. package/src/common/typography/index.ts +1 -1
  142. package/src/common/videos/NsVideo.stories.tsx +1 -1
  143. package/src/common/videos/NsVideo.tsx +1 -1
  144. package/src/common/videos/index.ts +1 -1
  145. package/src/common/column-control/NDivs.story.tsx +0 -35
  146. /package/src/common/autocomplete/{types.ts → types.d.ts} +0 -0
  147. /package/src/common/{common.types.ts → common.types.d.ts} +0 -0
@@ -1,35 +0,0 @@
1
- import type { StoryObj, Meta } from '@storybook/react';
2
- import { withCenterDecorator } from '../../stories/decorators/withCenterDecorator';
3
-
4
- type DivArrayProps = {
5
- elementsCount: number;
6
- };
7
-
8
- /**
9
- * this component return a fragment containing n number of div, with each div numbered as per its index
10
- * @param n: number of div to render
11
- * @returns
12
- */
13
- export const DivArray = ({ elementsCount }: DivArrayProps) => (
14
- <>
15
- {Array(elementsCount)
16
- .fill(0)
17
- .map((e, i) => (
18
- <div key={i}>{i + 1}</div>
19
- ))}
20
- </>
21
- );
22
- type ComponentType = typeof DivArray;
23
- type Story = StoryObj<ComponentType>;
24
- type MetaStory = Meta<ComponentType>;
25
-
26
- export default {
27
- title: 'Components/NsColumnControl/NDivs',
28
- component: DivArray,
29
- decorators: [withCenterDecorator],
30
- args: {
31
- n: 2,
32
- },
33
- } as MetaStory;
34
-
35
- export const Basic: Story = {};