@ndlib/component-library 1.0.30 → 1.0.42

package/dist/index.js

@@ -4,8 +4,10 @@ export { COLOR, colors } from './theme/colors';
 export { TYPOGRAPHY_TYPE, FONT, FONT_SIZE, FONT_WEIGHT, LINE_HEIGHT, } from './theme/typography';
 export { GlobalStyles } from './theme/GlobalStyles';
 export { Alert, Alerts } from './components/elements/Alerts';
+export { AlertV2, AlertsV2 } from './components/elements/AlertsV2';
 export { ArrowLink } from './components/elements/ArrowLink';
 export { BrandingBar } from './components/elements/BrandingBar';
+export { BrandingBarV2 } from './components/elements/BrandingBarV2';
 export { Button, BUTTON_SIZE, BUTTON_TYPE, LinkButton, } from './components/elements/Button';
 export { ButtonV2, BUTTONV2_SIZE, BUTTONV2_TYPE, LinkButtonV2, } from './components/elements/ButtonV2';
 export { Heading, HEADING_SIZE } from './components/elements/Heading';
@@ -17,6 +19,7 @@ export { ParagraphV2, PARAGRAPHV2_SIZE, } from './components/elements/ParagraphV
 export { Group, useGroup, GROUP_TYPE } from './components/elements/Group';
 export { GroupV2, useGroupV2, GROUPV2_TYPE, } from './components/elements/GroupV2';
 export { Markdown } from './components/elements/Markdown';
+export { MarkdownV2 } from './components/elements/MarkdownV2';
 export { Box } from './components/elements/layout/Box';
 export { BoxV2 } from './components/elements/BoxV2';
 export { Column } from './components/elements/layout/Column';
@@ -29,25 +32,33 @@ export { INPUTV2_SIZE, TextInputV2 } from './components/elements/TextInputV2';
 export { Select } from './components/elements/Select';
 export { SelectV2 } from './components/elements/SelectV2';
 export { DatePicker } from './components/elements/DatePicker';
+export { DatePickerV2 } from './components/elements/DatePickerV2';
 export { MonthPicker } from './components/elements/MonthPicker';
+export { MonthPickerV2 } from './components/elements/MonthPickerV2';
 export { Checkbox } from './components/elements/Checkbox';
 export { CheckboxV2 } from './components/elements/CheckboxV2';
 export { CheckboxGroup } from './components/elements/CheckboxGroup';
 export { CheckboxGroupV2 } from './components/elements/CheckboxGroupV2';
 export { ConsentBanner } from './components/elements/ConsentBanner';
 export { Radio } from './components/elements/Radio';
+export { RadioV2 } from './components/elements/RadioV2';
 export { RadioGroup } from './components/elements/RadioGroup';
+export { RadioGroupV2 } from './components/elements/RadioGroupV2';
 export { List, ListItem, LIST_SIZE } from './components/elements/List';
+export { ListV2, ListItemV2, LISTV2_SIZE } from './components/elements/ListV2';
 export { ReadMore } from './components/elements/ReadMore';
 export { ReadMoreV2 } from './components/elements/ReadMoreV2';
 export { Icon } from './components/elements/Icon';
 export { IconV2 } from './components/elements/IconV2';
 export { Dropdown } from './components/elements/Dropdown';
+export { DropdownV2 } from './components/elements/DropdownV2';
 export { Spinner, SPINNER_SIZE } from './components/elements/Spinner';
 export { SpinnerV2, SPINNERV2_SIZE } from './components/elements/SpinnerV2';
 export { Pill, PILL_SIZE, PILL_TYPE } from './components/elements/Pill';
+export { PillV2, PILLV2_SIZE, PILLV2_TYPE } from './components/elements/PillV2';
 export { Table, TableColumn } from './components/elements/Table';
 export { TabList, Tab } from './components/elements/TabList';
+export { TabListV2, TabV2 } from './components/elements/TabListV2';
 export { RawHtml } from './components/elements/RawHtml';
 export { ListBoxV2 } from './components/elements/ListBoxV2';
 export { Card, CARD_SIZE, CARD_LAYOUT } from './components/composites/Card';

package/dist/utils/sanitizeHtml.d.ts

@@ -4,6 +4,7 @@ export declare const DEFAULT_ALLOWED_ATTRIBUTES: {
     iframe: string[];
     img: string[];
     p: string[];
+    span: string[];
     figure: string[];
     a: sanitize.AllowedAttribute[];
 };

package/dist/utils/sanitizeHtml.js

@@ -1,9 +1,14 @@
 import sanitize from 'sanitize-html';
+const BRAND_COLORS = ['#000000', '#0c2340', '#1c4f8f', '#ae9142'].map((c) => c.toLowerCase());
+const isAllowedColor = (styleString) => {
+    return BRAND_COLORS.some((color) => styleString.toLowerCase().includes(color));
+};
 export const DEFAULT_ALLOWED_TAGS = sanitize.defaults.allowedTags.concat([
     'iframe',
     'img',
     'p',
     'figure',
+    'span',
 ]);
 export const DEFAULT_ALLOWED_ATTRIBUTES = Object.assign(Object.assign({}, sanitize.defaults.allowedAttributes), { iframe: [
         'src',
@@ -13,7 +18,7 @@ export const DEFAULT_ALLOWED_ATTRIBUTES = Object.assign(Object.assign({}, saniti
         'allowfullscreen',
         'webkitallowfullscreen',
         'mozallowfullscreen',
-    ], img: ['*'], p: ['*'], figure: ['class'], a: sanitize.defaults.allowedAttributes.a.concat([
+    ], img: ['*'], p: ['*'], span: ['style'], figure: ['class'], a: sanitize.defaults.allowedAttributes.a.concat([
         'id',
         'class',
         'data-card-width',
@@ -23,5 +28,24 @@ export const sanitizeHtml = (content) => {
     return sanitize(content, {
         allowedTags: DEFAULT_ALLOWED_TAGS,
         allowedAttributes: DEFAULT_ALLOWED_ATTRIBUTES,
+        transformTags: {
+            span: (_tagName, attribs) => {
+                const newAttributes = {};
+                if (attribs.style) {
+                    const colorMatch = attribs.style.match(/color\s*:\s*([^;]+)/i);
+                    if (colorMatch) {
+                        const colorValue = colorMatch[0];
+                        if (isAllowedColor(colorValue) &&
+                            !colorValue.includes('transparent')) {
+                            newAttributes.style = colorValue;
+                        }
+                    }
+                }
+                return {
+                    tagName: 'span',
+                    attribs: newAttributes,
+                };
+            },
+        },
     });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndlib/component-library",
-  "version": "1.0.30",
+  "version": "1.0.42",
   "type": "module",
   "sideEffects": false,
   "files": [
@@ -17,6 +17,11 @@
     "type": "git",
     "url": "https://github.com/ndlibrary/hesburgh-component-library.git"
   },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/",
+    "provenance": false
+  },
   "scripts": {
     "prepare": "husky install",
     "test-build": "echo '\n\nTesting Build...' && tsc --noEmit",