@nuskin/foundation-ui-components 1.22.3 → 1.23.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@nuskin/foundation-ui-components",
-    "version": "1.22.3",
+    "version": "1.23.0",
     "description": "It is a foundation library written in react, that provides common components to all UI pages",
     "main": "src/common/index.ts",
     "repository": {

package/src/common/accordion/NsAccordionHeader.tsx

@@ -1,6 +1,6 @@
 import { styled } from '@nuskin/foundation-theme';
 
-import { AccordionVariant, AccordionVariantType, NsAccordionHeaderProps, NsIcon, NsIconProps, NsTypography } from '..';
+import { AccordionVariant, AccordionVariantType, NsAccordionHeaderProps, NsIcon, NsIconProps, NsTypography } from '../';
 import { isValidIconName } from '../icon/NsIconVariants';
 import { getAccordionColor } from './colorMap';
 
@@ -21,6 +21,9 @@ const StyledHeader = styled('header')<StyledType>(({ theme, variant, invert }) =
         gridTemplateColumns: 'auto 1fr 24px',
         padding: '9px 16px',
         borderBottom,
+        '.nsa-item-title': {
+            color: headText,
+        },
     } as any;
 });
 

package/src/common/accordion/NsCollapse.tsx

@@ -1,7 +1,16 @@
-import { styled } from '@nuskin/foundation-theme';
 import { isValidElement, ReactElement, useMemo } from 'react';
 
-import { AccordionContentTypeObject, AccordionItem, AccordionVariant, AccordionVariantType, NsAccordion, NsCollapseProps, NsTypography } from '../';
+import { styled } from '@nuskin/foundation-theme';
+
+import {
+    AccordionContentTypeObject,
+    AccordionItem,
+    AccordionVariant,
+    AccordionVariantType,
+    NsAccordion,
+    NsCollapseProps,
+    NsTypography,
+} from '../';
 import { getAccordionColor } from './colorMap';
 
 const getLevelOffset = (level: number) => {

package/src/common/accordion/colorMap.ts

@@ -1,7 +1,13 @@
-import { AllColorKeyType, ColorUtils } from '@nuskin/foundation-theme';
+import {
+    AllColorKeyType,
+    ColorUtils,
+} from '@nuskin/foundation-theme';
 
 import { Themed } from '../common.types';
-import { AccordionVariant, AccordionVariantType } from './enums';
+import {
+    AccordionVariant,
+    AccordionVariantType,
+} from './enums';
 
 const { getGenomeColor } = ColorUtils;
 const compKeys = ['contentBg', 'contentText', 'headBg', 'headText'];

package/src/common/text-strip/NsTextStrip.tsx

@@ -5,10 +5,7 @@
 
 import React from 'react';
 
-import {
-    ColorUtils,
-    styled,
-} from '@nuskin/foundation-theme';
+import { ColorUtils, styled } from '@nuskin/foundation-theme';
 
 import { NsLink } from '../link';
 import { NsTypography } from '../typography';
@@ -46,12 +43,12 @@ const NsTextStrip = (props: NsTextStripProps) => {
         >
             {link?.title ? (
                 <NsTypography weight="bold" variant="label-m" className="text-strip-title whitespace-nowrap" noSpacing>
-                    <span title={link?.title}>{link?.title}</span>
+                    {link.title}
                 </NsTypography>
             ) : null}
             {description ? (
                 <NsTypography className="text-strip-description whitespace-nowrap" variant="body-m" noSpacing>
-                    <span title={description}>{description}</span>
+                    {description}
                 </NsTypography>
             ) : null}
         </StyledHeader>