@ndlib/component-library 0.0.111 → 0.0.113

package/dist/components/elements/Fields/Select/index.js

@@ -150,7 +150,7 @@ export function Select({ size: sizeParam, placeholder, leftIcon, value, label, o
                             display: 'inline-flex',
                             opacity: '0',
                             visibility: 'hidden',
-                        }, typography: labelTypographyMap[size] }, { children: label }))) })) })), _jsx(Label, Object.assign({ htmlFor: inputId, typography: labelTypographyMap[size], sx: {
+                        }, typography: labelTypographyMap[size] }, { children: label }))) })) })), _jsx(Label, Object.assign({ id: inputId, typography: labelTypographyMap[size], sx: {
                     position: 'absolute',
                     left: '0.5rem',
                     lineHeight: 1,
@@ -158,7 +158,7 @@ export function Select({ size: sizeParam, placeholder, leftIcon, value, label, o
                     color: inverted ? COLOR.WHITE : COLOR.PRIMARY,
                     px: 1,
                     top: labelOffsetMap[size],
-                } }, { children: label })), _jsx(Button, Object.assign({ ref: refs.setReference, disableFocusStyles: true, role: "combobox", "aria-controls": listboxId, "aria-expanded": isOpen, "aria-autocomplete": "none", "aria-activedescendant": isOpen && stagedOptionValue
+                } }, { children: label })), _jsx(Button, Object.assign({ ref: refs.setReference, disableFocusStyles: true, role: "combobox", "aria-controls": listboxId, "aria-expanded": isOpen, "aria-labelledby": inputId, "aria-autocomplete": "none", "aria-activedescendant": isOpen && stagedOptionValue
                     ? getOptionId(stagedOptionValue)
                     : undefined, type: BUTTON_TYPE.OUTLINE, size: buttonSize, onBlur: () => close(), onFocus: () => open(), onKeyDown: onKeyDown, onMouseDown: () => {
                     if (!isOpen) {

package/dist/components/elements/Fields/TextInput/index.js

@@ -80,7 +80,7 @@ export const TextInput = React.forwardRef((_a, ref) => {
                     minWidth: '0%',
                     borderColor: inverted ? COLOR.GRAY : COLOR.LIGHT_GRAY,
                     zIndex: theme.zIndex.ELEVATED,
-                }, "aria-ignore": true }, { children: _jsx("legend", Object.assign({ style: {
+                } }, { children: _jsx("legend", Object.assign({ style: {
                         width: 'auto',
                         float: 'unset',
                         overflow: 'hidden',

package/dist/components/elements/text/ReadMore/index.js

@@ -49,7 +49,9 @@ export const ReadMore = (_a) => {
     const [showEllipsis, setShowEllipsis] = useState(true);
     const wrapperHeight = useLinesHeight({ typography, lines });
     const { screenSize } = useMediaQuery();
-    const { color, bg } = sx || {};
+    const { color: _color, bg: _bg } = sx || {};
+    const color = Array.isArray(_color) ? _color[0] : _color;
+    const bg = Array.isArray(_bg) ? _bg[0] : _bg;
     React.useEffect(() => {
         if (ref.current) {
             if (fixedHeight) {

package/dist/theme/index.d.ts

@@ -79,6 +79,7 @@ export declare const theme: {
     lineHeights: {
         normal: number;
         condensed: number;
+        extraCondensed: number;
     };
     fontWeights: {
         normal: number;
@@ -87,15 +88,15 @@ export declare const theme: {
     };
 };
 export type Theme = typeof theme;
-export type StylesProp = ThemeUICSSObject & {
-    color?: COLOR;
-    bg?: COLOR;
-    borderColor?: COLOR;
-    fontSize?: FONT_SIZE;
-    font?: FONT;
-    fontWeight?: FONT_WEIGHT;
-    lineHeight?: LINE_HEIGHT | number;
-    boxShadow?: BOX_SHADOW;
+export type StylesProp = Omit<ThemeUICSSObject, 'color' | 'bg' | 'borderColor' | 'fontSize' | 'font' | 'fontWeight' | 'lineHeight' | 'boxShadow'> & {
+    color?: COLOR | COLOR[];
+    bg?: COLOR | COLOR[];
+    borderColor?: COLOR | COLOR[];
+    fontSize?: FONT_SIZE | FONT_SIZE[];
+    font?: FONT | FONT[];
+    fontWeight?: FONT_WEIGHT | FONT_WEIGHT[];
+    lineHeight?: LINE_HEIGHT | number | (LINE_HEIGHT | number)[];
+    boxShadow?: BOX_SHADOW | BOX_SHADOW[];
 };
 export type StyledElementProps<E extends Element, CustomProps = object, Children = React.ReactNode> = {
     sx?: StylesProp;
@@ -177,6 +178,7 @@ export declare const useTheme: () => {
     lineHeights: {
         normal: number;
         condensed: number;
+        extraCondensed: number;
     };
     fontWeights: {
         normal: number;

package/dist/theme/typography.d.ts

@@ -23,7 +23,8 @@ export declare enum FONT_WEIGHT {
 }
 export declare enum LINE_HEIGHT {
     NORMAL = "normal",
-    CONDENSED = "condensed"
+    CONDENSED = "condensed",
+    EXTRA_CONDENSED = "extraCondensed"
 }
 export declare const fontSizeMap: {
     xxs: string;
@@ -57,6 +58,7 @@ export declare const fontStyles: {
     lineHeights: {
         normal: number;
         condensed: number;
+        extraCondensed: number;
     };
     fontWeights: {
         normal: number;

package/dist/theme/typography.js

@@ -40,6 +40,7 @@ export var LINE_HEIGHT;
 (function (LINE_HEIGHT) {
     LINE_HEIGHT["NORMAL"] = "normal";
     LINE_HEIGHT["CONDENSED"] = "condensed";
+    LINE_HEIGHT["EXTRA_CONDENSED"] = "extraCondensed";
 })(LINE_HEIGHT || (LINE_HEIGHT = {}));
 export const fontSizeMap = {
     [FONT_SIZE.XXS]: '0.5rem',
@@ -63,6 +64,7 @@ export const fontStyles = {
     lineHeights: {
         [LINE_HEIGHT.NORMAL]: 1.625,
         [LINE_HEIGHT.CONDENSED]: 1.3,
+        [LINE_HEIGHT.EXTRA_CONDENSED]: 1,
     },
     fontWeights: {
         [FONT_WEIGHT.NORMAL]: 400,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndlib/component-library",
-  "version": "0.0.111",
+  "version": "0.0.113",
   "type": "module",
   "sideEffects": false,
   "files": [