@universityofmaryland/web-elements-library 1.4.7 → 1.5.0-beta.0

package/README.md

@@ -1,6 +1,6 @@
 # University of Maryland Web Elements Library
 
-[![Elements Version](https://img.shields.io/badge/Elements-v1.4.7-blue)](https://www.npmjs.com/package/@universityofmaryland/web-elements-library)
+[![Elements Version](https://img.shields.io/badge/Elements-v1.5.0-beta.0-blue)](https://www.npmjs.com/package/@universityofmaryland/web-elements-library)
 
 Foundational UI building blocks for the UMD Design System, providing atomic elements that combine to create complex, accessible, and brand-compliant University of Maryland digital experiences.
 

package/dist/atomic/actions/icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../source/atomic/actions/icon.ts"],"names":[],"mappings":"AAIA,UAAU,eAAe;IACvB,OAAO,EAAE,WAAW,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;yBAEe,2BAA2B,eAAe;;;;;AAA1D,wBAwFE"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../source/atomic/actions/icon.ts"],"names":[],"mappings":"AAMA,UAAU,eAAe;IACvB,OAAO,EAAE,WAAW,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;yBAEe,2BAA2B,eAAe;;;;;AAA1D,wBAwFE"}

package/dist/atomic/actions/icon.js

@@ -1,10 +1,9 @@
 "use strict";
-const Styles = require("@universityofmaryland/web-styles-library");
+const token = require("@universityofmaryland/web-styles-library/token");
+const controls = require("@universityofmaryland/web-icons-library/controls");
+const files = require("@universityofmaryland/web-icons-library/files");
+const arrows = require("@universityofmaryland/web-icons-library/arrows");
 const index = require("../../model/elements/index.js");
-const icons = require("../../utilities/assets/icons.js");
-require("../../node_modules/postcss/lib/postcss.js");
-require("../../node_modules/postcss-nesting/dist/index.js");
-require("../../node_modules/postcss-js/index.js");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -21,7 +20,7 @@ function _interopNamespaceDefault(e) {
   n.default = e;
   return Object.freeze(n);
 }
-const Styles__namespace = /* @__PURE__ */ _interopNamespaceDefault(Styles);
+const token__namespace = /* @__PURE__ */ _interopNamespaceDefault(token);
 const icon = ({ ctaIcon, isThemeLight }) => {
   const href = ctaIcon.getAttribute("href");
   const message = `Open Link to ${href}`;
@@ -32,13 +31,13 @@ const icon = ({ ctaIcon, isThemeLight }) => {
     const isExternalLink = ctaIcon.getAttribute("target") === "_blank";
     const isDownloadLink = ctaIcon.getAttribute("download") === "";
     if (isExternalLink) {
-      ctaIcon.innerHTML = icons.NEW_WINDOW;
+      ctaIcon.innerHTML = controls.external_link;
     }
     if (isDownloadLink) {
-      ctaIcon.innerHTML = icons.DOCUMENT;
+      ctaIcon.innerHTML = files.document;
     }
     if (!isExternalLink && !isDownloadLink) {
-      ctaIcon.innerHTML = icons.SHORT_ARROW;
+      ctaIcon.innerHTML = arrows.arrow_long;
     }
   }
   const container = index.createDiv({
@@ -46,8 +45,8 @@ const icon = ({ ctaIcon, isThemeLight }) => {
     elementStyles: {
       element: {
         position: "absolute",
-        bottom: Styles__namespace.token.spacing.sm,
-        right: Styles__namespace.token.spacing.sm,
+        bottom: token__namespace.spacing.sm,
+        right: token__namespace.spacing.sm,
         zIndex: 9999,
         ["& a"]: {
           borderRadius: "50%",
@@ -56,36 +55,36 @@ const icon = ({ ctaIcon, isThemeLight }) => {
           display: "flex",
           justifyContent: "center",
           alignItems: "center",
-          backgroundColor: Styles__namespace.token.color.white,
+          backgroundColor: token__namespace.color.white,
           transition: "background-color 0.3s ease-in-out",
           ...isThemeLight && {
-            backgroundColor: `${Styles__namespace.token.color.gray.darker}`
+            backgroundColor: `${token__namespace.color.gray.darker}`
           }
         },
         ["& a:hover, & a:focus"]: {
-          backgroundColor: `${Styles__namespace.token.color.gray.darker}`,
-          border: `1px solid ${Styles__namespace.token.color.white}`,
+          backgroundColor: `${token__namespace.color.gray.darker}`,
+          border: `1px solid ${token__namespace.color.white}`,
           ...isThemeLight && {
-            backgroundColor: `${Styles__namespace.token.color.white}`,
-            border: `1px solid ${Styles__namespace.token.color.gray.darker}`
+            backgroundColor: `${token__namespace.color.white}`,
+            border: `1px solid ${token__namespace.color.gray.darker}`
           },
           [`& svg, & path`]: {
-            fill: Styles__namespace.token.color.white,
+            fill: token__namespace.color.white,
             ...isThemeLight && {
-              fill: `${Styles__namespace.token.color.gray.darker}`
+              fill: `${token__namespace.color.gray.darker}`
             }
           }
         },
         ["& svg"]: {
           height: "15px",
           width: "15px",
-          fill: Styles__namespace.token.color.gray.darker,
+          fill: token__namespace.color.gray.darker,
           transition: "background-color 0.3s ease-in-out"
         },
         ["& svg, & path"]: {
-          fill: `${Styles__namespace.token.color.gray.darker}`,
+          fill: `${token__namespace.color.gray.darker}`,
           ...isThemeLight && {
-            fill: `${Styles__namespace.token.color.white}`
+            fill: `${token__namespace.color.white}`
           }
         }
       }

package/dist/atomic/actions/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","sources":["../../../source/atomic/actions/icon.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { ElementModel } from 'model';\nimport { asset } from 'utilities';\n\ninterface ActionIconProps {\n  ctaIcon: HTMLElement;\n  isThemeLight?: boolean;\n}\n\nexport default ({ ctaIcon, isThemeLight }: ActionIconProps) => {\n  const href = ctaIcon.getAttribute('href');\n  const message = `Open Link to ${href}`;\n  const hasIcon = ctaIcon.querySelector('svg');\n  const label = ctaIcon.getAttribute('aria-label') || message;\n\n  ctaIcon.setAttribute('aria-label', label);\n\n  if (!hasIcon) {\n    const isExternalLink = ctaIcon.getAttribute('target') === '_blank';\n    const isDownloadLink = ctaIcon.getAttribute('download') === '';\n\n    if (isExternalLink) {\n      ctaIcon.innerHTML = asset.icon.NEW_WINDOW;\n    }\n\n    if (isDownloadLink) {\n      ctaIcon.innerHTML = asset.icon.DOCUMENT;\n    }\n\n    if (!isExternalLink && !isDownloadLink) {\n      ctaIcon.innerHTML = asset.icon.SHORT_ARROW;\n    }\n  }\n\n  const container = ElementModel.createDiv({\n    className: 'actions-cta-icon',\n    elementStyles: {\n      element: {\n        position: 'absolute',\n        bottom: Styles.token.spacing.sm,\n        right: Styles.token.spacing.sm,\n        zIndex: 9999,\n\n        ['& a']: {\n          borderRadius: '50%',\n          height: '40px',\n          width: '40px',\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n          backgroundColor: Styles.token.color.white,\n          transition: 'background-color 0.3s ease-in-out',\n\n          ...(isThemeLight && {\n            backgroundColor: `${Styles.token.color.gray.darker}`,\n          }),\n        },\n\n        ['& a:hover, & a:focus']: {\n          backgroundColor: `${Styles.token.color.gray.darker}`,\n          border: `1px solid ${Styles.token.color.white}`,\n\n          ...(isThemeLight && {\n            backgroundColor: `${Styles.token.color.white}`,\n            border: `1px solid ${Styles.token.color.gray.darker}`,\n          }),\n\n          [`& svg, & path`]: {\n            fill: Styles.token.color.white,\n\n            ...(isThemeLight && {\n              fill: `${Styles.token.color.gray.darker}`,\n            }),\n          },\n        },\n\n        ['& svg']: {\n          height: '15px',\n          width: '15px',\n          fill: Styles.token.color.gray.darker,\n          transition: 'background-color 0.3s ease-in-out',\n        },\n\n        ['& svg, & path']: {\n          fill: `${Styles.token.color.gray.darker}`,\n\n          ...(isThemeLight && {\n            fill: `${Styles.token.color.white}`,\n          }),\n        },\n      },\n    },\n  });\n\n  container.element.appendChild(ctaIcon);\n\n  return container;\n};\n"],"names":["asset.icon.NEW_WINDOW","asset.icon.DOCUMENT","asset.icon.SHORT_ARROW","ElementModel.createDiv","Styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAA,OAAe,CAAC,EAAE,SAAS,mBAAoC;AAC7D,QAAM,OAAO,QAAQ,aAAa,MAAM;AACxC,QAAM,UAAU,gBAAgB,IAAI;AACpC,QAAM,UAAU,QAAQ,cAAc,KAAK;AAC3C,QAAM,QAAQ,QAAQ,aAAa,YAAY,KAAK;AAEpD,UAAQ,aAAa,cAAc,KAAK;AAExC,MAAI,CAAC,SAAS;AACZ,UAAM,iBAAiB,QAAQ,aAAa,QAAQ,MAAM;AAC1D,UAAM,iBAAiB,QAAQ,aAAa,UAAU,MAAM;AAE5D,QAAI,gBAAgB;AAClB,cAAQ,YAAYA,MAAAA;AAAAA,IACtB;AAEA,QAAI,gBAAgB;AAClB,cAAQ,YAAYC,MAAAA;AAAAA,IACtB;AAEA,QAAI,CAAC,kBAAkB,CAAC,gBAAgB;AACtC,cAAQ,YAAYC,MAAAA;AAAAA,IACtB;AAAA,EACF;AAEA,QAAM,YAAYC,MAAAA,UAAuB;AAAA,IACvC,WAAW;AAAA,IACX,eAAe;AAAA,MACb,SAAS;AAAA,QACP,UAAU;AAAA,QACV,QAAQC,kBAAO,MAAM,QAAQ;AAAA,QAC7B,OAAOA,kBAAO,MAAM,QAAQ;AAAA,QAC5B,QAAQ;AAAA,QAER,CAAC,KAAK,GAAG;AAAA,UACP,cAAc;AAAA,UACd,QAAQ;AAAA,UACR,OAAO;AAAA,UACP,SAAS;AAAA,UACT,gBAAgB;AAAA,UAChB,YAAY;AAAA,UACZ,iBAAiBA,kBAAO,MAAM,MAAM;AAAA,UACpC,YAAY;AAAA,UAEZ,GAAI,gBAAgB;AAAA,YAClB,iBAAiB,GAAGA,kBAAO,MAAM,MAAM,KAAK,MAAM;AAAA,UAAA;AAAA,QACpD;AAAA,QAGF,CAAC,sBAAsB,GAAG;AAAA,UACxB,iBAAiB,GAAGA,kBAAO,MAAM,MAAM,KAAK,MAAM;AAAA,UAClD,QAAQ,aAAaA,kBAAO,MAAM,MAAM,KAAK;AAAA,UAE7C,GAAI,gBAAgB;AAAA,YAClB,iBAAiB,GAAGA,kBAAO,MAAM,MAAM,KAAK;AAAA,YAC5C,QAAQ,aAAaA,kBAAO,MAAM,MAAM,KAAK,MAAM;AAAA,UAAA;AAAA,UAGrD,CAAC,eAAe,GAAG;AAAA,YACjB,MAAMA,kBAAO,MAAM,MAAM;AAAA,YAEzB,GAAI,gBAAgB;AAAA,cAClB,MAAM,GAAGA,kBAAO,MAAM,MAAM,KAAK,MAAM;AAAA,YAAA;AAAA,UACzC;AAAA,QACF;AAAA,QAGF,CAAC,OAAO,GAAG;AAAA,UACT,QAAQ;AAAA,UACR,OAAO;AAAA,UACP,MAAMA,kBAAO,MAAM,MAAM,KAAK;AAAA,UAC9B,YAAY;AAAA,QAAA;AAAA,QAGd,CAAC,eAAe,GAAG;AAAA,UACjB,MAAM,GAAGA,kBAAO,MAAM,MAAM,KAAK,MAAM;AAAA,UAEvC,GAAI,gBAAgB;AAAA,YAClB,MAAM,GAAGA,kBAAO,MAAM,MAAM,KAAK;AAAA,UAAA;AAAA,QACnC;AAAA,MACF;AAAA,IACF;AAAA,EACF,CACD;AAED,YAAU,QAAQ,YAAY,OAAO;AAErC,SAAO;AACT;;"}
+{"version":3,"file":"icon.js","sources":["../../../source/atomic/actions/icon.ts"],"sourcesContent":["import * as token from '@universityofmaryland/web-styles-library/token';\nimport { external_link as iconExternalLink } from '@universityofmaryland/web-icons-library/controls';\nimport { document as iconDocument } from '@universityofmaryland/web-icons-library/files';\nimport { arrow_long as iconArrowLong } from '@universityofmaryland/web-icons-library/arrows';\nimport { ElementModel } from 'model';\n\ninterface ActionIconProps {\n  ctaIcon: HTMLElement;\n  isThemeLight?: boolean;\n}\n\nexport default ({ ctaIcon, isThemeLight }: ActionIconProps) => {\n  const href = ctaIcon.getAttribute('href');\n  const message = `Open Link to ${href}`;\n  const hasIcon = ctaIcon.querySelector('svg');\n  const label = ctaIcon.getAttribute('aria-label') || message;\n\n  ctaIcon.setAttribute('aria-label', label);\n\n  if (!hasIcon) {\n    const isExternalLink = ctaIcon.getAttribute('target') === '_blank';\n    const isDownloadLink = ctaIcon.getAttribute('download') === '';\n\n    if (isExternalLink) {\n      ctaIcon.innerHTML = iconExternalLink;\n    }\n\n    if (isDownloadLink) {\n      ctaIcon.innerHTML = iconDocument;\n    }\n\n    if (!isExternalLink && !isDownloadLink) {\n      ctaIcon.innerHTML = iconArrowLong;\n    }\n  }\n\n  const container = ElementModel.createDiv({\n    className: 'actions-cta-icon',\n    elementStyles: {\n      element: {\n        position: 'absolute',\n        bottom: token.spacing.sm,\n        right: token.spacing.sm,\n        zIndex: 9999,\n\n        ['& a']: {\n          borderRadius: '50%',\n          height: '40px',\n          width: '40px',\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n          backgroundColor: token.color.white,\n          transition: 'background-color 0.3s ease-in-out',\n\n          ...(isThemeLight && {\n            backgroundColor: `${token.color.gray.darker}`,\n          }),\n        },\n\n        ['& a:hover, & a:focus']: {\n          backgroundColor: `${token.color.gray.darker}`,\n          border: `1px solid ${token.color.white}`,\n\n          ...(isThemeLight && {\n            backgroundColor: `${token.color.white}`,\n            border: `1px solid ${token.color.gray.darker}`,\n          }),\n\n          [`& svg, & path`]: {\n            fill: token.color.white,\n\n            ...(isThemeLight && {\n              fill: `${token.color.gray.darker}`,\n            }),\n          },\n        },\n\n        ['& svg']: {\n          height: '15px',\n          width: '15px',\n          fill: token.color.gray.darker,\n          transition: 'background-color 0.3s ease-in-out',\n        },\n\n        ['& svg, & path']: {\n          fill: `${token.color.gray.darker}`,\n\n          ...(isThemeLight && {\n            fill: `${token.color.white}`,\n          }),\n        },\n      },\n    },\n  });\n\n  container.element.appendChild(ctaIcon);\n\n  return container;\n};\n"],"names":["iconExternalLink","iconDocument","iconArrowLong","ElementModel.createDiv","token"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAA,OAAe,CAAC,EAAE,SAAS,mBAAoC;AAC7D,QAAM,OAAO,QAAQ,aAAa,MAAM;AACxC,QAAM,UAAU,gBAAgB,IAAI;AACpC,QAAM,UAAU,QAAQ,cAAc,KAAK;AAC3C,QAAM,QAAQ,QAAQ,aAAa,YAAY,KAAK;AAEpD,UAAQ,aAAa,cAAc,KAAK;AAExC,MAAI,CAAC,SAAS;AACZ,UAAM,iBAAiB,QAAQ,aAAa,QAAQ,MAAM;AAC1D,UAAM,iBAAiB,QAAQ,aAAa,UAAU,MAAM;AAE5D,QAAI,gBAAgB;AAClB,cAAQ,YAAYA,SAAAA;AAAAA,IACtB;AAEA,QAAI,gBAAgB;AAClB,cAAQ,YAAYC,MAAAA;AAAAA,IACtB;AAEA,QAAI,CAAC,kBAAkB,CAAC,gBAAgB;AACtC,cAAQ,YAAYC,OAAAA;AAAAA,IACtB;AAAA,EACF;AAEA,QAAM,YAAYC,MAAAA,UAAuB;AAAA,IACvC,WAAW;AAAA,IACX,eAAe;AAAA,MACb,SAAS;AAAA,QACP,UAAU;AAAA,QACV,QAAQC,iBAAM,QAAQ;AAAA,QACtB,OAAOA,iBAAM,QAAQ;AAAA,QACrB,QAAQ;AAAA,QAER,CAAC,KAAK,GAAG;AAAA,UACP,cAAc;AAAA,UACd,QAAQ;AAAA,UACR,OAAO;AAAA,UACP,SAAS;AAAA,UACT,gBAAgB;AAAA,UAChB,YAAY;AAAA,UACZ,iBAAiBA,iBAAM,MAAM;AAAA,UAC7B,YAAY;AAAA,UAEZ,GAAI,gBAAgB;AAAA,YAClB,iBAAiB,GAAGA,iBAAM,MAAM,KAAK,MAAM;AAAA,UAAA;AAAA,QAC7C;AAAA,QAGF,CAAC,sBAAsB,GAAG;AAAA,UACxB,iBAAiB,GAAGA,iBAAM,MAAM,KAAK,MAAM;AAAA,UAC3C,QAAQ,aAAaA,iBAAM,MAAM,KAAK;AAAA,UAEtC,GAAI,gBAAgB;AAAA,YAClB,iBAAiB,GAAGA,iBAAM,MAAM,KAAK;AAAA,YACrC,QAAQ,aAAaA,iBAAM,MAAM,KAAK,MAAM;AAAA,UAAA;AAAA,UAG9C,CAAC,eAAe,GAAG;AAAA,YACjB,MAAMA,iBAAM,MAAM;AAAA,YAElB,GAAI,gBAAgB;AAAA,cAClB,MAAM,GAAGA,iBAAM,MAAM,KAAK,MAAM;AAAA,YAAA;AAAA,UAClC;AAAA,QACF;AAAA,QAGF,CAAC,OAAO,GAAG;AAAA,UACT,QAAQ;AAAA,UACR,OAAO;AAAA,UACP,MAAMA,iBAAM,MAAM,KAAK;AAAA,UACvB,YAAY;AAAA,QAAA;AAAA,QAGd,CAAC,eAAe,GAAG;AAAA,UACjB,MAAM,GAAGA,iBAAM,MAAM,KAAK,MAAM;AAAA,UAEhC,GAAI,gBAAgB;AAAA,YAClB,MAAM,GAAGA,iBAAM,MAAM,KAAK;AAAA,UAAA;AAAA,QAC5B;AAAA,MACF;AAAA,IACF;AAAA,EACF,CACD;AAED,YAAU,QAAQ,YAAY,OAAO;AAErC,SAAO;AACT;;"}

package/dist/atomic/actions/icon.mjs

@@ -1,9 +1,8 @@
-import * as Styles from "@universityofmaryland/web-styles-library";
+import * as token from "@universityofmaryland/web-styles-library/token";
+import { external_link } from "@universityofmaryland/web-icons-library/controls";
+import { document } from "@universityofmaryland/web-icons-library/files";
+import { arrow_long } from "@universityofmaryland/web-icons-library/arrows";
 import { createDiv } from "../../model/elements/index.mjs";
-import { NEW_WINDOW, DOCUMENT, SHORT_ARROW } from "../../utilities/assets/icons.mjs";
-import "../../node_modules/postcss/lib/postcss.mjs";
-import "../../node_modules/postcss-nesting/dist/index.mjs";
-import "../../node_modules/postcss-js/index.mjs";
 const icon = ({ ctaIcon, isThemeLight }) => {
   const href = ctaIcon.getAttribute("href");
   const message = `Open Link to ${href}`;
@@ -14,13 +13,13 @@ const icon = ({ ctaIcon, isThemeLight }) => {
     const isExternalLink = ctaIcon.getAttribute("target") === "_blank";
     const isDownloadLink = ctaIcon.getAttribute("download") === "";
     if (isExternalLink) {
-      ctaIcon.innerHTML = NEW_WINDOW;
+      ctaIcon.innerHTML = external_link;
     }
     if (isDownloadLink) {
-      ctaIcon.innerHTML = DOCUMENT;
+      ctaIcon.innerHTML = document;
     }
     if (!isExternalLink && !isDownloadLink) {
-      ctaIcon.innerHTML = SHORT_ARROW;
+      ctaIcon.innerHTML = arrow_long;
     }
   }
   const container = createDiv({
@@ -28,8 +27,8 @@ const icon = ({ ctaIcon, isThemeLight }) => {
     elementStyles: {
       element: {
         position: "absolute",
-        bottom: Styles.token.spacing.sm,
-        right: Styles.token.spacing.sm,
+        bottom: token.spacing.sm,
+        right: token.spacing.sm,
         zIndex: 9999,
         ["& a"]: {
           borderRadius: "50%",
@@ -38,36 +37,36 @@ const icon = ({ ctaIcon, isThemeLight }) => {
           display: "flex",
           justifyContent: "center",
           alignItems: "center",
-          backgroundColor: Styles.token.color.white,
+          backgroundColor: token.color.white,
           transition: "background-color 0.3s ease-in-out",
           ...isThemeLight && {
-            backgroundColor: `${Styles.token.color.gray.darker}`
+            backgroundColor: `${token.color.gray.darker}`
           }
         },
         ["& a:hover, & a:focus"]: {
-          backgroundColor: `${Styles.token.color.gray.darker}`,
-          border: `1px solid ${Styles.token.color.white}`,
+          backgroundColor: `${token.color.gray.darker}`,
+          border: `1px solid ${token.color.white}`,
           ...isThemeLight && {
-            backgroundColor: `${Styles.token.color.white}`,
-            border: `1px solid ${Styles.token.color.gray.darker}`
+            backgroundColor: `${token.color.white}`,
+            border: `1px solid ${token.color.gray.darker}`
           },
           [`& svg, & path`]: {
-            fill: Styles.token.color.white,
+            fill: token.color.white,
             ...isThemeLight && {
-              fill: `${Styles.token.color.gray.darker}`
+              fill: `${token.color.gray.darker}`
             }
           }
         },
         ["& svg"]: {
           height: "15px",
           width: "15px",
-          fill: Styles.token.color.gray.darker,
+          fill: token.color.gray.darker,
           transition: "background-color 0.3s ease-in-out"
         },
         ["& svg, & path"]: {
-          fill: `${Styles.token.color.gray.darker}`,
+          fill: `${token.color.gray.darker}`,
           ...isThemeLight && {
-            fill: `${Styles.token.color.white}`
+            fill: `${token.color.white}`
           }
         }
       }

package/dist/atomic/actions/icon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"icon.mjs","sources":["../../../source/atomic/actions/icon.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { ElementModel } from 'model';\nimport { asset } from 'utilities';\n\ninterface ActionIconProps {\n  ctaIcon: HTMLElement;\n  isThemeLight?: boolean;\n}\n\nexport default ({ ctaIcon, isThemeLight }: ActionIconProps) => {\n  const href = ctaIcon.getAttribute('href');\n  const message = `Open Link to ${href}`;\n  const hasIcon = ctaIcon.querySelector('svg');\n  const label = ctaIcon.getAttribute('aria-label') || message;\n\n  ctaIcon.setAttribute('aria-label', label);\n\n  if (!hasIcon) {\n    const isExternalLink = ctaIcon.getAttribute('target') === '_blank';\n    const isDownloadLink = ctaIcon.getAttribute('download') === '';\n\n    if (isExternalLink) {\n      ctaIcon.innerHTML = asset.icon.NEW_WINDOW;\n    }\n\n    if (isDownloadLink) {\n      ctaIcon.innerHTML = asset.icon.DOCUMENT;\n    }\n\n    if (!isExternalLink && !isDownloadLink) {\n      ctaIcon.innerHTML = asset.icon.SHORT_ARROW;\n    }\n  }\n\n  const container = ElementModel.createDiv({\n    className: 'actions-cta-icon',\n    elementStyles: {\n      element: {\n        position: 'absolute',\n        bottom: Styles.token.spacing.sm,\n        right: Styles.token.spacing.sm,\n        zIndex: 9999,\n\n        ['& a']: {\n          borderRadius: '50%',\n          height: '40px',\n          width: '40px',\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n          backgroundColor: Styles.token.color.white,\n          transition: 'background-color 0.3s ease-in-out',\n\n          ...(isThemeLight && {\n            backgroundColor: `${Styles.token.color.gray.darker}`,\n          }),\n        },\n\n        ['& a:hover, & a:focus']: {\n          backgroundColor: `${Styles.token.color.gray.darker}`,\n          border: `1px solid ${Styles.token.color.white}`,\n\n          ...(isThemeLight && {\n            backgroundColor: `${Styles.token.color.white}`,\n            border: `1px solid ${Styles.token.color.gray.darker}`,\n          }),\n\n          [`& svg, & path`]: {\n            fill: Styles.token.color.white,\n\n            ...(isThemeLight && {\n              fill: `${Styles.token.color.gray.darker}`,\n            }),\n          },\n        },\n\n        ['& svg']: {\n          height: '15px',\n          width: '15px',\n          fill: Styles.token.color.gray.darker,\n          transition: 'background-color 0.3s ease-in-out',\n        },\n\n        ['& svg, & path']: {\n          fill: `${Styles.token.color.gray.darker}`,\n\n          ...(isThemeLight && {\n            fill: `${Styles.token.color.white}`,\n          }),\n        },\n      },\n    },\n  });\n\n  container.element.appendChild(ctaIcon);\n\n  return container;\n};\n"],"names":["asset.icon.NEW_WINDOW","asset.icon.DOCUMENT","asset.icon.SHORT_ARROW","ElementModel.createDiv"],"mappings":";;;;;;AASA,MAAA,OAAe,CAAC,EAAE,SAAS,mBAAoC;AAC7D,QAAM,OAAO,QAAQ,aAAa,MAAM;AACxC,QAAM,UAAU,gBAAgB,IAAI;AACpC,QAAM,UAAU,QAAQ,cAAc,KAAK;AAC3C,QAAM,QAAQ,QAAQ,aAAa,YAAY,KAAK;AAEpD,UAAQ,aAAa,cAAc,KAAK;AAExC,MAAI,CAAC,SAAS;AACZ,UAAM,iBAAiB,QAAQ,aAAa,QAAQ,MAAM;AAC1D,UAAM,iBAAiB,QAAQ,aAAa,UAAU,MAAM;AAE5D,QAAI,gBAAgB;AAClB,cAAQ,YAAYA;AAAAA,IACtB;AAEA,QAAI,gBAAgB;AAClB,cAAQ,YAAYC;AAAAA,IACtB;AAEA,QAAI,CAAC,kBAAkB,CAAC,gBAAgB;AACtC,cAAQ,YAAYC;AAAAA,IACtB;AAAA,EACF;AAEA,QAAM,YAAYC,UAAuB;AAAA,IACvC,WAAW;AAAA,IACX,eAAe;AAAA,MACb,SAAS;AAAA,QACP,UAAU;AAAA,QACV,QAAQ,OAAO,MAAM,QAAQ;AAAA,QAC7B,OAAO,OAAO,MAAM,QAAQ;AAAA,QAC5B,QAAQ;AAAA,QAER,CAAC,KAAK,GAAG;AAAA,UACP,cAAc;AAAA,UACd,QAAQ;AAAA,UACR,OAAO;AAAA,UACP,SAAS;AAAA,UACT,gBAAgB;AAAA,UAChB,YAAY;AAAA,UACZ,iBAAiB,OAAO,MAAM,MAAM;AAAA,UACpC,YAAY;AAAA,UAEZ,GAAI,gBAAgB;AAAA,YAClB,iBAAiB,GAAG,OAAO,MAAM,MAAM,KAAK,MAAM;AAAA,UAAA;AAAA,QACpD;AAAA,QAGF,CAAC,sBAAsB,GAAG;AAAA,UACxB,iBAAiB,GAAG,OAAO,MAAM,MAAM,KAAK,MAAM;AAAA,UAClD,QAAQ,aAAa,OAAO,MAAM,MAAM,KAAK;AAAA,UAE7C,GAAI,gBAAgB;AAAA,YAClB,iBAAiB,GAAG,OAAO,MAAM,MAAM,KAAK;AAAA,YAC5C,QAAQ,aAAa,OAAO,MAAM,MAAM,KAAK,MAAM;AAAA,UAAA;AAAA,UAGrD,CAAC,eAAe,GAAG;AAAA,YACjB,MAAM,OAAO,MAAM,MAAM;AAAA,YAEzB,GAAI,gBAAgB;AAAA,cAClB,MAAM,GAAG,OAAO,MAAM,MAAM,KAAK,MAAM;AAAA,YAAA;AAAA,UACzC;AAAA,QACF;AAAA,QAGF,CAAC,OAAO,GAAG;AAAA,UACT,QAAQ;AAAA,UACR,OAAO;AAAA,UACP,MAAM,OAAO,MAAM,MAAM,KAAK;AAAA,UAC9B,YAAY;AAAA,QAAA;AAAA,QAGd,CAAC,eAAe,GAAG;AAAA,UACjB,MAAM,GAAG,OAAO,MAAM,MAAM,KAAK,MAAM;AAAA,UAEvC,GAAI,gBAAgB;AAAA,YAClB,MAAM,GAAG,OAAO,MAAM,MAAM,KAAK;AAAA,UAAA;AAAA,QACnC;AAAA,MACF;AAAA,IACF;AAAA,EACF,CACD;AAED,YAAU,QAAQ,YAAY,OAAO;AAErC,SAAO;AACT;"}
+{"version":3,"file":"icon.mjs","sources":["../../../source/atomic/actions/icon.ts"],"sourcesContent":["import * as token from '@universityofmaryland/web-styles-library/token';\nimport { external_link as iconExternalLink } from '@universityofmaryland/web-icons-library/controls';\nimport { document as iconDocument } from '@universityofmaryland/web-icons-library/files';\nimport { arrow_long as iconArrowLong } from '@universityofmaryland/web-icons-library/arrows';\nimport { ElementModel } from 'model';\n\ninterface ActionIconProps {\n  ctaIcon: HTMLElement;\n  isThemeLight?: boolean;\n}\n\nexport default ({ ctaIcon, isThemeLight }: ActionIconProps) => {\n  const href = ctaIcon.getAttribute('href');\n  const message = `Open Link to ${href}`;\n  const hasIcon = ctaIcon.querySelector('svg');\n  const label = ctaIcon.getAttribute('aria-label') || message;\n\n  ctaIcon.setAttribute('aria-label', label);\n\n  if (!hasIcon) {\n    const isExternalLink = ctaIcon.getAttribute('target') === '_blank';\n    const isDownloadLink = ctaIcon.getAttribute('download') === '';\n\n    if (isExternalLink) {\n      ctaIcon.innerHTML = iconExternalLink;\n    }\n\n    if (isDownloadLink) {\n      ctaIcon.innerHTML = iconDocument;\n    }\n\n    if (!isExternalLink && !isDownloadLink) {\n      ctaIcon.innerHTML = iconArrowLong;\n    }\n  }\n\n  const container = ElementModel.createDiv({\n    className: 'actions-cta-icon',\n    elementStyles: {\n      element: {\n        position: 'absolute',\n        bottom: token.spacing.sm,\n        right: token.spacing.sm,\n        zIndex: 9999,\n\n        ['& a']: {\n          borderRadius: '50%',\n          height: '40px',\n          width: '40px',\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n          backgroundColor: token.color.white,\n          transition: 'background-color 0.3s ease-in-out',\n\n          ...(isThemeLight && {\n            backgroundColor: `${token.color.gray.darker}`,\n          }),\n        },\n\n        ['& a:hover, & a:focus']: {\n          backgroundColor: `${token.color.gray.darker}`,\n          border: `1px solid ${token.color.white}`,\n\n          ...(isThemeLight && {\n            backgroundColor: `${token.color.white}`,\n            border: `1px solid ${token.color.gray.darker}`,\n          }),\n\n          [`& svg, & path`]: {\n            fill: token.color.white,\n\n            ...(isThemeLight && {\n              fill: `${token.color.gray.darker}`,\n            }),\n          },\n        },\n\n        ['& svg']: {\n          height: '15px',\n          width: '15px',\n          fill: token.color.gray.darker,\n          transition: 'background-color 0.3s ease-in-out',\n        },\n\n        ['& svg, & path']: {\n          fill: `${token.color.gray.darker}`,\n\n          ...(isThemeLight && {\n            fill: `${token.color.white}`,\n          }),\n        },\n      },\n    },\n  });\n\n  container.element.appendChild(ctaIcon);\n\n  return container;\n};\n"],"names":["iconExternalLink","iconDocument","iconArrowLong","ElementModel.createDiv"],"mappings":";;;;;AAWA,MAAA,OAAe,CAAC,EAAE,SAAS,mBAAoC;AAC7D,QAAM,OAAO,QAAQ,aAAa,MAAM;AACxC,QAAM,UAAU,gBAAgB,IAAI;AACpC,QAAM,UAAU,QAAQ,cAAc,KAAK;AAC3C,QAAM,QAAQ,QAAQ,aAAa,YAAY,KAAK;AAEpD,UAAQ,aAAa,cAAc,KAAK;AAExC,MAAI,CAAC,SAAS;AACZ,UAAM,iBAAiB,QAAQ,aAAa,QAAQ,MAAM;AAC1D,UAAM,iBAAiB,QAAQ,aAAa,UAAU,MAAM;AAE5D,QAAI,gBAAgB;AAClB,cAAQ,YAAYA;AAAAA,IACtB;AAEA,QAAI,gBAAgB;AAClB,cAAQ,YAAYC;AAAAA,IACtB;AAEA,QAAI,CAAC,kBAAkB,CAAC,gBAAgB;AACtC,cAAQ,YAAYC;AAAAA,IACtB;AAAA,EACF;AAEA,QAAM,YAAYC,UAAuB;AAAA,IACvC,WAAW;AAAA,IACX,eAAe;AAAA,MACb,SAAS;AAAA,QACP,UAAU;AAAA,QACV,QAAQ,MAAM,QAAQ;AAAA,QACtB,OAAO,MAAM,QAAQ;AAAA,QACrB,QAAQ;AAAA,QAER,CAAC,KAAK,GAAG;AAAA,UACP,cAAc;AAAA,UACd,QAAQ;AAAA,UACR,OAAO;AAAA,UACP,SAAS;AAAA,UACT,gBAAgB;AAAA,UAChB,YAAY;AAAA,UACZ,iBAAiB,MAAM,MAAM;AAAA,UAC7B,YAAY;AAAA,UAEZ,GAAI,gBAAgB;AAAA,YAClB,iBAAiB,GAAG,MAAM,MAAM,KAAK,MAAM;AAAA,UAAA;AAAA,QAC7C;AAAA,QAGF,CAAC,sBAAsB,GAAG;AAAA,UACxB,iBAAiB,GAAG,MAAM,MAAM,KAAK,MAAM;AAAA,UAC3C,QAAQ,aAAa,MAAM,MAAM,KAAK;AAAA,UAEtC,GAAI,gBAAgB;AAAA,YAClB,iBAAiB,GAAG,MAAM,MAAM,KAAK;AAAA,YACrC,QAAQ,aAAa,MAAM,MAAM,KAAK,MAAM;AAAA,UAAA;AAAA,UAG9C,CAAC,eAAe,GAAG;AAAA,YACjB,MAAM,MAAM,MAAM;AAAA,YAElB,GAAI,gBAAgB;AAAA,cAClB,MAAM,GAAG,MAAM,MAAM,KAAK,MAAM;AAAA,YAAA;AAAA,UAClC;AAAA,QACF;AAAA,QAGF,CAAC,OAAO,GAAG;AAAA,UACT,QAAQ;AAAA,UACR,OAAO;AAAA,UACP,MAAM,MAAM,MAAM,KAAK;AAAA,UACvB,YAAY;AAAA,QAAA;AAAA,QAGd,CAAC,eAAe,GAAG;AAAA,UACjB,MAAM,GAAG,MAAM,MAAM,KAAK,MAAM;AAAA,UAEhC,GAAI,gBAAgB;AAAA,YAClB,MAAM,GAAG,MAAM,MAAM,KAAK;AAAA,UAAA;AAAA,QAC5B;AAAA,MACF;AAAA,IACF;AAAA,EACF,CACD;AAED,YAAU,QAAQ,YAAY,OAAO;AAErC,SAAO;AACT;"}

package/dist/atomic/actions/text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../source/atomic/actions/text.ts"],"names":[],"mappings":"AAIA,UAAU,YAAY;IACpB,OAAO,EAAE,WAAW,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACrC;AAED,UAAU,WAAY,SAAQ,YAAY;IACxC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAChC;AA8ID,eAAO,MAAM,OAAO,GAAI,OAAO,YAAY;;;CAAoC,CAAC;AAChF,eAAO,MAAM,SAAS,GAAI,OAAO,YAAY;;;CACV,CAAC;AACpC,eAAO,MAAM,OAAO,GAAI,OAAO,YAAY;;;CAAoC,CAAC;AAEhF,eAAO,MAAM,OAAO,GAAI,OAAO,WAAW;;;CAuCzC,CAAC"}
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../source/atomic/actions/text.ts"],"names":[],"mappings":"AAUA,UAAU,YAAY;IACpB,OAAO,EAAE,WAAW,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACrC;AAED,UAAU,WAAY,SAAQ,YAAY;IACxC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAChC;AA8ID,eAAO,MAAM,OAAO,GAAI,OAAO,YAAY;;;CAAoC,CAAC;AAChF,eAAO,MAAM,SAAS,GAAI,OAAO,YAAY;;;CACV,CAAC;AACpC,eAAO,MAAM,OAAO,GAAI,OAAO,YAAY;;;CAAoC,CAAC;AAEhF,eAAO,MAAM,OAAO,GAAI,OAAO,WAAW;;;CAuCzC,CAAC"}

package/dist/atomic/actions/text.js

@@ -1,14 +1,16 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Styles = require("@universityofmaryland/web-styles-library");
-const icons = require("../../utilities/assets/icons.js");
-const create = require("../../utilities/markup/create.js");
-const get = require("../../utilities/markup/get.js");
-require("../../node_modules/postcss/lib/postcss.js");
-require("../../node_modules/postcss-nesting/dist/index.js");
-require("../../node_modules/postcss-js/index.js");
+const token = require("@universityofmaryland/web-styles-library/token");
+const elementStyles = require("@universityofmaryland/web-styles-library/element");
+const media = require("@universityofmaryland/web-utilities-library/media");
+const dom = require("@universityofmaryland/web-utilities-library/dom");
+const controls = require("@universityofmaryland/web-icons-library/controls");
+const communication = require("@universityofmaryland/web-icons-library/communication");
+const files = require("@universityofmaryland/web-icons-library/files");
+const brand = require("@universityofmaryland/web-icons-library/brand");
 require("../../model/modifiers/index.js");
 const actions = require("../../model/elements/actions.js");
+require("@universityofmaryland/web-styles-library");
 const headline = require("../../model/elements/headline.js");
 const layout = require("../../model/elements/layout.js");
 function _interopNamespaceDefault(e) {
@@ -27,19 +29,20 @@ function _interopNamespaceDefault(e) {
   n.default = e;
   return Object.freeze(n);
 }
-const Styles__namespace = /* @__PURE__ */ _interopNamespaceDefault(Styles);
+const token__namespace = /* @__PURE__ */ _interopNamespaceDefault(token);
+const elementStyles__namespace = /* @__PURE__ */ _interopNamespaceDefault(elementStyles);
 const ICONS = {
-  email: icons.EMAIL,
-  newWindow: icons.NEW_WINDOW,
-  document: icons.DOCUMENT,
-  fearless: icons.FEARLESS
+  email: communication.email,
+  newWindow: controls.external_link,
+  document: files.document,
+  fearless: brand.fearless
 };
 function insertIcon(element, svg) {
-  const icon = create.svgFromString(svg);
+  const icon = media.parseSvgString(svg);
   if (icon) element.insertBefore(icon, element.firstChild);
 }
 function createLinkIcon(element, type) {
-  const existingIcon = get.icon({ element });
+  const existingIcon = dom.extractIconElement({ element });
   if (existingIcon) {
     element.insertBefore(existingIcon, element.firstChild);
     return;
@@ -107,15 +110,15 @@ const createPlainText = (props) => {
   const { isThemeDark, isTypeSecondary, plainText } = props;
   const plainTextStyles = {
     element: {
-      ...isThemeDark ? Styles__namespace.element.text.link.white : Styles__namespace.element.text.link.red,
-      marginTop: `${Styles__namespace.token.spacing.min}`
+      ...isThemeDark ? elementStyles__namespace.text.link.white : elementStyles__namespace.text.link.red,
+      marginTop: `${token__namespace.spacing.min}`
     }
   };
   const plainTextSecondaryStyles = {
     element: {
-      ...isThemeDark ? Styles__namespace.element.text.link.white : Styles__namespace.element.text.link.red,
-      marginTop: `${Styles__namespace.token.spacing.min}`,
-      marginLeft: `${Styles__namespace.token.spacing.lg}`,
+      ...isThemeDark ? elementStyles__namespace.text.link.white : elementStyles__namespace.text.link.red,
+      marginTop: `${token__namespace.spacing.min}`,
+      marginLeft: `${token__namespace.spacing.lg}`,
       alignSelf: "baseline"
     }
   };

package/dist/atomic/actions/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","sources":["../../../source/atomic/actions/text.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport * as Utility from 'utilities';\nimport { ElementModel } from 'model';\n\ninterface ElementProps {\n  element: HTMLElement;\n  isThemeDark?: boolean;\n  isThemeGold?: boolean;\n  isSizeLarge?: boolean;\n  elementStyles?: Record<string, any>;\n}\n\ninterface OptionProps extends ElementProps {\n  isTypePrimary?: boolean;\n  isTypeSecondary?: boolean;\n  isTypeOutline?: boolean;\n  plainText?: HTMLElement | null;\n}\n\ntype ElementType = 'primary' | 'secondary' | 'outline';\ntype IconType = 'email' | 'newWindow' | 'document' | 'fearless';\n\ntype ActionFunction = (props: ElementProps) => {\n  element: HTMLElement;\n  styles: string;\n};\n\ntype ActionVariants = {\n  default: ActionFunction;\n  large?: ActionFunction;\n  dark?: ActionFunction;\n  gold?: ActionFunction;\n};\n\ntype Actions = Record<ElementType, ActionVariants>;\n\nconst ICONS: Record<IconType, string> = {\n  email: Utility.asset.icon.EMAIL,\n  newWindow: Utility.asset.icon.NEW_WINDOW,\n  document: Utility.asset.icon.DOCUMENT,\n  fearless: Utility.asset.icon.FEARLESS,\n};\n\nfunction insertIcon(element: HTMLElement, svg: string): void {\n  const icon = Utility.markup.create.svgFromString(svg);\n  if (icon) element.insertBefore(icon, element.firstChild);\n}\n\nfunction createLinkIcon(element: HTMLElement, type: ElementType): void {\n  const existingIcon = Utility.markup.get.icon({ element });\n  if (existingIcon) {\n    element.insertBefore(existingIcon, element.firstChild);\n    return;\n  }\n\n  const href = element.getAttribute('href');\n  const isExternalTab = element.getAttribute('target') === '_blank';\n  const isDownload = element.getAttribute('download') !== null;\n  const isMail = href?.includes('mailto:');\n\n  if (isMail) {\n    insertIcon(element, ICONS.email);\n  } else if (isExternalTab) {\n    insertIcon(element, ICONS.newWindow);\n  } else if (isDownload) {\n    insertIcon(element, ICONS.document);\n  } else if (type === 'secondary') {\n    insertIcon(element, ICONS.fearless);\n  }\n}\n\nfunction createElementWithStyle(\n  actionFn: (props: ElementProps) => { element: HTMLElement; styles: string },\n  props: ElementProps,\n) {\n  const result = actionFn({\n    element: props.element,\n    elementStyles: props.elementStyles,\n  });\n  return { element: result.element, styles: result.styles };\n}\n\nfunction createElement(type: ElementType, props: ElementProps) {\n  createLinkIcon(props.element, type);\n\n  const actions: Actions = {\n    primary: {\n      default: ElementModel.actions.primary,\n      large: ElementModel.actions.primaryLarge,\n    },\n    secondary: {\n      default: ElementModel.actions.secondary,\n      large: ElementModel.actions.secondaryLarge,\n      dark: ElementModel.actions.secondaryWhite,\n      gold: ElementModel.actions.secondaryGold,\n    },\n    outline: {\n      default: ElementModel.actions.outline,\n      large: ElementModel.actions.outlineLarge,\n      dark: ElementModel.actions.outlineWhite,\n    },\n  };\n\n  const typeActions = actions[type];\n\n  if (props.isThemeGold && typeActions.gold) {\n    return createElementWithStyle(typeActions.gold, props);\n  }\n  if (props.isThemeDark && typeActions.dark) {\n    return createElementWithStyle(typeActions.dark, props);\n  }\n  if (props.isSizeLarge && typeActions.large) {\n    return createElementWithStyle(typeActions.large, props);\n  }\n  return createElementWithStyle(typeActions.default, props);\n}\n\nconst createPlainTextContainer = (props: OptionProps) => {\n  const { isTypeSecondary } = props;\n\n  return ElementModel.layout.gridStacked({\n    element: document.createElement('div'),\n    elementStyles: isTypeSecondary ? {} : { element: { alignItems: 'center' } },\n  });\n};\n\nconst createPlainText = (props: OptionProps) => {\n  const { isThemeDark, isTypeSecondary, plainText } = props;\n  const plainTextStyles = {\n    element: {\n      ...(isThemeDark\n        ? Styles.element.text.link.white\n        : Styles.element.text.link.red),\n      marginTop: `${Styles.token.spacing.min}`,\n    },\n  };\n\n  const plainTextSecondaryStyles = {\n    element: {\n      ...(isThemeDark\n        ? Styles.element.text.link.white\n        : Styles.element.text.link.red),\n      marginTop: `${Styles.token.spacing.min}`,\n      marginLeft: `${Styles.token.spacing.lg}`,\n      alignSelf: 'baseline',\n    },\n  };\n\n  if (plainText) {\n    return ElementModel.headline.sansMin({\n      element: plainText,\n      isThemeDark,\n      elementStyles: isTypeSecondary\n        ? plainTextSecondaryStyles\n        : plainTextStyles,\n    });\n  }\n};\n\nexport const primary = (props: ElementProps) => createElement('primary', props);\nexport const secondary = (props: ElementProps) =>\n  createElement('secondary', props);\nexport const outline = (props: ElementProps) => createElement('outline', props);\n\nexport const options = (props: OptionProps) => {\n  const { plainText, isTypePrimary, isTypeSecondary, isTypeOutline } = props;\n  const container = document.createElement('div');\n  let styles = '';\n\n  if (isTypePrimary) {\n    const result = primary(props);\n    container.appendChild(result.element);\n    styles = result.styles;\n  }\n\n  if (isTypeSecondary) {\n    const result = secondary(props);\n    container.appendChild(result.element);\n    styles = result.styles;\n  }\n\n  if (isTypeOutline) {\n    const result = outline(props);\n    container.appendChild(result.element);\n    styles = result.styles;\n  }\n\n  if (plainText) {\n    const plainTextContainer = createPlainTextContainer(props);\n    const plainTextElement = createPlainText(props);\n    if (!plainTextElement) return { element: container, styles };\n\n    plainTextContainer.element.innerHTML = container.innerHTML;\n    plainTextContainer.element.appendChild(plainTextElement.element);\n    container.innerHTML = '';\n\n    container.appendChild(plainTextContainer.element);\n\n    styles += plainTextContainer.styles;\n    styles += plainTextElement.styles;\n  }\n\n  return { element: container, styles };\n};\n"],"names":["Utility.asset.icon.EMAIL","Utility.asset.icon.NEW_WINDOW","Utility.asset.icon.DOCUMENT","Utility.asset.icon.FEARLESS","Utility.markup.create.svgFromString","Utility.markup.get.icon","actions","ElementModel.actions.primary","ElementModel.actions.primaryLarge","ElementModel.actions.secondary","ElementModel.actions.secondaryLarge","ElementModel.actions.secondaryWhite","ElementModel.actions.secondaryGold","ElementModel.actions.outline","ElementModel.actions.outlineLarge","ElementModel.actions.outlineWhite","ElementModel.layout.gridStacked","Styles","ElementModel.headline.sansMin"],"mappings":"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"}
+{"version":3,"file":"text.js","sources":["../../../source/atomic/actions/text.ts"],"sourcesContent":["import * as token from '@universityofmaryland/web-styles-library/token';\nimport * as elementStyles from '@universityofmaryland/web-styles-library/element';\nimport { parseSvgString } from '@universityofmaryland/web-utilities-library/media';\nimport { extractIconElement } from '@universityofmaryland/web-utilities-library/dom';\nimport { external_link as iconExternalLink } from '@universityofmaryland/web-icons-library/controls';\nimport { email as iconEmail } from '@universityofmaryland/web-icons-library/communication';\nimport { document as iconDocument } from '@universityofmaryland/web-icons-library/files';\nimport { fearless as iconFearless } from '@universityofmaryland/web-icons-library/brand';\nimport { ElementModel } from 'model';\n\ninterface ElementProps {\n  element: HTMLElement;\n  isThemeDark?: boolean;\n  isThemeGold?: boolean;\n  isSizeLarge?: boolean;\n  elementStyles?: Record<string, any>;\n}\n\ninterface OptionProps extends ElementProps {\n  isTypePrimary?: boolean;\n  isTypeSecondary?: boolean;\n  isTypeOutline?: boolean;\n  plainText?: HTMLElement | null;\n}\n\ntype ElementType = 'primary' | 'secondary' | 'outline';\ntype IconType = 'email' | 'newWindow' | 'document' | 'fearless';\n\ntype ActionFunction = (props: ElementProps) => {\n  element: HTMLElement;\n  styles: string;\n};\n\ntype ActionVariants = {\n  default: ActionFunction;\n  large?: ActionFunction;\n  dark?: ActionFunction;\n  gold?: ActionFunction;\n};\n\ntype Actions = Record<ElementType, ActionVariants>;\n\nconst ICONS: Record<IconType, string> = {\n  email: iconEmail,\n  newWindow: iconExternalLink,\n  document: iconDocument,\n  fearless: iconFearless,\n};\n\nfunction insertIcon(element: HTMLElement, svg: string): void {\n  const icon = parseSvgString(svg);\n  if (icon) element.insertBefore(icon, element.firstChild);\n}\n\nfunction createLinkIcon(element: HTMLElement, type: ElementType): void {\n  const existingIcon = extractIconElement({ element });\n  if (existingIcon) {\n    element.insertBefore(existingIcon, element.firstChild);\n    return;\n  }\n\n  const href = element.getAttribute('href');\n  const isExternalTab = element.getAttribute('target') === '_blank';\n  const isDownload = element.getAttribute('download') !== null;\n  const isMail = href?.includes('mailto:');\n\n  if (isMail) {\n    insertIcon(element, ICONS.email);\n  } else if (isExternalTab) {\n    insertIcon(element, ICONS.newWindow);\n  } else if (isDownload) {\n    insertIcon(element, ICONS.document);\n  } else if (type === 'secondary') {\n    insertIcon(element, ICONS.fearless);\n  }\n}\n\nfunction createElementWithStyle(\n  actionFn: (props: ElementProps) => { element: HTMLElement; styles: string },\n  props: ElementProps,\n) {\n  const result = actionFn({\n    element: props.element,\n    elementStyles: props.elementStyles,\n  });\n  return { element: result.element, styles: result.styles };\n}\n\nfunction createElement(type: ElementType, props: ElementProps) {\n  createLinkIcon(props.element, type);\n\n  const actions: Actions = {\n    primary: {\n      default: ElementModel.actions.primary,\n      large: ElementModel.actions.primaryLarge,\n    },\n    secondary: {\n      default: ElementModel.actions.secondary,\n      large: ElementModel.actions.secondaryLarge,\n      dark: ElementModel.actions.secondaryWhite,\n      gold: ElementModel.actions.secondaryGold,\n    },\n    outline: {\n      default: ElementModel.actions.outline,\n      large: ElementModel.actions.outlineLarge,\n      dark: ElementModel.actions.outlineWhite,\n    },\n  };\n\n  const typeActions = actions[type];\n\n  if (props.isThemeGold && typeActions.gold) {\n    return createElementWithStyle(typeActions.gold, props);\n  }\n  if (props.isThemeDark && typeActions.dark) {\n    return createElementWithStyle(typeActions.dark, props);\n  }\n  if (props.isSizeLarge && typeActions.large) {\n    return createElementWithStyle(typeActions.large, props);\n  }\n  return createElementWithStyle(typeActions.default, props);\n}\n\nconst createPlainTextContainer = (props: OptionProps) => {\n  const { isTypeSecondary } = props;\n\n  return ElementModel.layout.gridStacked({\n    element: document.createElement('div'),\n    elementStyles: isTypeSecondary ? {} : { element: { alignItems: 'center' } },\n  });\n};\n\nconst createPlainText = (props: OptionProps) => {\n  const { isThemeDark, isTypeSecondary, plainText } = props;\n  const plainTextStyles = {\n    element: {\n      ...(isThemeDark\n        ? elementStyles.text.link.white\n        : elementStyles.text.link.red),\n      marginTop: `${token.spacing.min}`,\n    },\n  };\n\n  const plainTextSecondaryStyles = {\n    element: {\n      ...(isThemeDark\n        ? elementStyles.text.link.white\n        : elementStyles.text.link.red),\n      marginTop: `${token.spacing.min}`,\n      marginLeft: `${token.spacing.lg}`,\n      alignSelf: 'baseline',\n    },\n  };\n\n  if (plainText) {\n    return ElementModel.headline.sansMin({\n      element: plainText,\n      isThemeDark,\n      elementStyles: isTypeSecondary\n        ? plainTextSecondaryStyles\n        : plainTextStyles,\n    });\n  }\n};\n\nexport const primary = (props: ElementProps) => createElement('primary', props);\nexport const secondary = (props: ElementProps) =>\n  createElement('secondary', props);\nexport const outline = (props: ElementProps) => createElement('outline', props);\n\nexport const options = (props: OptionProps) => {\n  const { plainText, isTypePrimary, isTypeSecondary, isTypeOutline } = props;\n  const container = document.createElement('div');\n  let styles = '';\n\n  if (isTypePrimary) {\n    const result = primary(props);\n    container.appendChild(result.element);\n    styles = result.styles;\n  }\n\n  if (isTypeSecondary) {\n    const result = secondary(props);\n    container.appendChild(result.element);\n    styles = result.styles;\n  }\n\n  if (isTypeOutline) {\n    const result = outline(props);\n    container.appendChild(result.element);\n    styles = result.styles;\n  }\n\n  if (plainText) {\n    const plainTextContainer = createPlainTextContainer(props);\n    const plainTextElement = createPlainText(props);\n    if (!plainTextElement) return { element: container, styles };\n\n    plainTextContainer.element.innerHTML = container.innerHTML;\n    plainTextContainer.element.appendChild(plainTextElement.element);\n    container.innerHTML = '';\n\n    container.appendChild(plainTextContainer.element);\n\n    styles += plainTextContainer.styles;\n    styles += plainTextElement.styles;\n  }\n\n  return { element: container, styles };\n};\n"],"names":["iconEmail","iconExternalLink","iconDocument","iconFearless","parseSvgString","extractIconElement","actions","ElementModel.actions.primary","ElementModel.actions.primaryLarge","ElementModel.actions.secondary","ElementModel.actions.secondaryLarge","ElementModel.actions.secondaryWhite","ElementModel.actions.secondaryGold","ElementModel.actions.outline","ElementModel.actions.outlineLarge","ElementModel.actions.outlineWhite","ElementModel.layout.gridStacked","elementStyles","token","ElementModel.headline.sansMin"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,MAAM,QAAkC;AAAA,EACtC,OAAOA,cAAAA;AAAAA,EACP,WAAWC,SAAAA;AAAAA,EACX,UAAUC,MAAAA;AAAAA,EACV,UAAUC,MAAAA;AACZ;AAEA,SAAS,WAAW,SAAsB,KAAmB;AAC3D,QAAM,OAAOC,MAAAA,eAAe,GAAG;AAC/B,MAAI,KAAM,SAAQ,aAAa,MAAM,QAAQ,UAAU;AACzD;AAEA,SAAS,eAAe,SAAsB,MAAyB;AACrE,QAAM,eAAeC,IAAAA,mBAAmB,EAAE,SAAS;AACnD,MAAI,cAAc;AAChB,YAAQ,aAAa,cAAc,QAAQ,UAAU;AACrD;AAAA,EACF;AAEA,QAAM,OAAO,QAAQ,aAAa,MAAM;AACxC,QAAM,gBAAgB,QAAQ,aAAa,QAAQ,MAAM;AACzD,QAAM,aAAa,QAAQ,aAAa,UAAU,MAAM;AACxD,QAAM,SAAS,MAAM,SAAS,SAAS;AAEvC,MAAI,QAAQ;AACV,eAAW,SAAS,MAAM,KAAK;AAAA,EACjC,WAAW,eAAe;AACxB,eAAW,SAAS,MAAM,SAAS;AAAA,EACrC,WAAW,YAAY;AACrB,eAAW,SAAS,MAAM,QAAQ;AAAA,EACpC,WAAW,SAAS,aAAa;AAC/B,eAAW,SAAS,MAAM,QAAQ;AAAA,EACpC;AACF;AAEA,SAAS,uBACP,UACA,OACA;AACA,QAAM,SAAS,SAAS;AAAA,IACtB,SAAS,MAAM;AAAA,IACf,eAAe,MAAM;AAAA,EAAA,CACtB;AACD,SAAO,EAAE,SAAS,OAAO,SAAS,QAAQ,OAAO,OAAA;AACnD;AAEA,SAAS,cAAc,MAAmB,OAAqB;AAC7D,iBAAe,MAAM,SAAS,IAAI;AAElC,QAAMC,YAAmB;AAAA,IACvB,SAAS;AAAA,MACP,SAASC,QAAAA;AAAAA,MACT,OAAOC,QAAAA;AAAAA,IAAqB;AAAA,IAE9B,WAAW;AAAA,MACT,SAASC,QAAAA;AAAAA,MACT,OAAOC,QAAAA;AAAAA,MACP,MAAMC,QAAAA;AAAAA,MACN,MAAMC,QAAAA;AAAAA,IAAqB;AAAA,IAE7B,SAAS;AAAA,MACP,SAASC,QAAAA;AAAAA,MACT,OAAOC,QAAAA;AAAAA,MACP,MAAMC,QAAAA;AAAAA,IAAqB;AAAA,EAC7B;AAGF,QAAM,cAAcT,UAAQ,IAAI;AAEhC,MAAI,MAAM,eAAe,YAAY,MAAM;AACzC,WAAO,uBAAuB,YAAY,MAAM,KAAK;AAAA,EACvD;AACA,MAAI,MAAM,eAAe,YAAY,MAAM;AACzC,WAAO,uBAAuB,YAAY,MAAM,KAAK;AAAA,EACvD;AACA,MAAI,MAAM,eAAe,YAAY,OAAO;AAC1C,WAAO,uBAAuB,YAAY,OAAO,KAAK;AAAA,EACxD;AACA,SAAO,uBAAuB,YAAY,SAAS,KAAK;AAC1D;AAEA,MAAM,2BAA2B,CAAC,UAAuB;AACvD,QAAM,EAAE,oBAAoB;AAE5B,SAAOU,mBAAgC;AAAA,IACrC,SAAS,SAAS,cAAc,KAAK;AAAA,IACrC,eAAe,kBAAkB,CAAA,IAAK,EAAE,SAAS,EAAE,YAAY,SAAA,EAAS;AAAA,EAAE,CAC3E;AACH;AAEA,MAAM,kBAAkB,CAAC,UAAuB;AAC9C,QAAM,EAAE,aAAa,iBAAiB,UAAA,IAAc;AACpD,QAAM,kBAAkB;AAAA,IACtB,SAAS;AAAA,MACP,GAAI,cACAC,yBAAc,KAAK,KAAK,QACxBA,yBAAc,KAAK,KAAK;AAAA,MAC5B,WAAW,GAAGC,iBAAM,QAAQ,GAAG;AAAA,IAAA;AAAA,EACjC;AAGF,QAAM,2BAA2B;AAAA,IAC/B,SAAS;AAAA,MACP,GAAI,cACAD,yBAAc,KAAK,KAAK,QACxBA,yBAAc,KAAK,KAAK;AAAA,MAC5B,WAAW,GAAGC,iBAAM,QAAQ,GAAG;AAAA,MAC/B,YAAY,GAAGA,iBAAM,QAAQ,EAAE;AAAA,MAC/B,WAAW;AAAA,IAAA;AAAA,EACb;AAGF,MAAI,WAAW;AACb,WAAOC,iBAA8B;AAAA,MACnC,SAAS;AAAA,MACT;AAAA,MACA,eAAe,kBACX,2BACA;AAAA,IAAA,CACL;AAAA,EACH;AACF;AAEO,MAAM,UAAU,CAAC,UAAwB,cAAc,WAAW,KAAK;AACvE,MAAM,YAAY,CAAC,UACxB,cAAc,aAAa,KAAK;AAC3B,MAAM,UAAU,CAAC,UAAwB,cAAc,WAAW,KAAK;AAEvE,MAAM,UAAU,CAAC,UAAuB;AAC7C,QAAM,EAAE,WAAW,eAAe,iBAAiB,kBAAkB;AACrE,QAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,MAAI,SAAS;AAEb,MAAI,eAAe;AACjB,UAAM,SAAS,QAAQ,KAAK;AAC5B,cAAU,YAAY,OAAO,OAAO;AACpC,aAAS,OAAO;AAAA,EAClB;AAEA,MAAI,iBAAiB;AACnB,UAAM,SAAS,UAAU,KAAK;AAC9B,cAAU,YAAY,OAAO,OAAO;AACpC,aAAS,OAAO;AAAA,EAClB;AAEA,MAAI,eAAe;AACjB,UAAM,SAAS,QAAQ,KAAK;AAC5B,cAAU,YAAY,OAAO,OAAO;AACpC,aAAS,OAAO;AAAA,EAClB;AAEA,MAAI,WAAW;AACb,UAAM,qBAAqB,yBAAyB,KAAK;AACzD,UAAM,mBAAmB,gBAAgB,KAAK;AAC9C,QAAI,CAAC,iBAAkB,QAAO,EAAE,SAAS,WAAW,OAAA;AAEpD,uBAAmB,QAAQ,YAAY,UAAU;AACjD,uBAAmB,QAAQ,YAAY,iBAAiB,OAAO;AAC/D,cAAU,YAAY;AAEtB,cAAU,YAAY,mBAAmB,OAAO;AAEhD,cAAU,mBAAmB;AAC7B,cAAU,iBAAiB;AAAA,EAC7B;AAEA,SAAO,EAAE,SAAS,WAAW,OAAA;AAC/B;;;;;"}

package/dist/atomic/actions/text.mjs

@@ -1,26 +1,28 @@
-import * as Styles from "@universityofmaryland/web-styles-library";
-import { EMAIL, NEW_WINDOW, DOCUMENT, FEARLESS } from "../../utilities/assets/icons.mjs";
-import { svgFromString } from "../../utilities/markup/create.mjs";
-import { icon } from "../../utilities/markup/get.mjs";
-import "../../node_modules/postcss/lib/postcss.mjs";
-import "../../node_modules/postcss-nesting/dist/index.mjs";
-import "../../node_modules/postcss-js/index.mjs";
+import * as token from "@universityofmaryland/web-styles-library/token";
+import * as elementStyles from "@universityofmaryland/web-styles-library/element";
+import { parseSvgString } from "@universityofmaryland/web-utilities-library/media";
+import { extractIconElement } from "@universityofmaryland/web-utilities-library/dom";
+import { external_link } from "@universityofmaryland/web-icons-library/controls";
+import { email } from "@universityofmaryland/web-icons-library/communication";
+import { document as document$1 } from "@universityofmaryland/web-icons-library/files";
+import { fearless } from "@universityofmaryland/web-icons-library/brand";
 import "../../model/modifiers/index.mjs";
 import { outlineWhite, outlineLarge, outline as outline$1, secondaryGold, secondaryWhite, secondaryLarge, secondary as secondary$1, primaryLarge, primary as primary$1 } from "../../model/elements/actions.mjs";
+import "@universityofmaryland/web-styles-library";
 import { sansMin } from "../../model/elements/headline.mjs";
 import { gridStacked } from "../../model/elements/layout.mjs";
 const ICONS = {
-  email: EMAIL,
-  newWindow: NEW_WINDOW,
-  document: DOCUMENT,
-  fearless: FEARLESS
+  email,
+  newWindow: external_link,
+  document: document$1,
+  fearless
 };
 function insertIcon(element, svg) {
-  const icon2 = svgFromString(svg);
-  if (icon2) element.insertBefore(icon2, element.firstChild);
+  const icon = parseSvgString(svg);
+  if (icon) element.insertBefore(icon, element.firstChild);
 }
 function createLinkIcon(element, type) {
-  const existingIcon = icon({ element });
+  const existingIcon = extractIconElement({ element });
   if (existingIcon) {
     element.insertBefore(existingIcon, element.firstChild);
     return;
@@ -88,15 +90,15 @@ const createPlainText = (props) => {
   const { isThemeDark, isTypeSecondary, plainText } = props;
   const plainTextStyles = {
     element: {
-      ...isThemeDark ? Styles.element.text.link.white : Styles.element.text.link.red,
-      marginTop: `${Styles.token.spacing.min}`
+      ...isThemeDark ? elementStyles.text.link.white : elementStyles.text.link.red,
+      marginTop: `${token.spacing.min}`
     }
   };
   const plainTextSecondaryStyles = {
     element: {
-      ...isThemeDark ? Styles.element.text.link.white : Styles.element.text.link.red,
-      marginTop: `${Styles.token.spacing.min}`,
-      marginLeft: `${Styles.token.spacing.lg}`,
+      ...isThemeDark ? elementStyles.text.link.white : elementStyles.text.link.red,
+      marginTop: `${token.spacing.min}`,
+      marginLeft: `${token.spacing.lg}`,
       alignSelf: "baseline"
     }
   };

package/dist/atomic/actions/text.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"text.mjs","sources":["../../../source/atomic/actions/text.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport * as Utility from 'utilities';\nimport { ElementModel } from 'model';\n\ninterface ElementProps {\n  element: HTMLElement;\n  isThemeDark?: boolean;\n  isThemeGold?: boolean;\n  isSizeLarge?: boolean;\n  elementStyles?: Record<string, any>;\n}\n\ninterface OptionProps extends ElementProps {\n  isTypePrimary?: boolean;\n  isTypeSecondary?: boolean;\n  isTypeOutline?: boolean;\n  plainText?: HTMLElement | null;\n}\n\ntype ElementType = 'primary' | 'secondary' | 'outline';\ntype IconType = 'email' | 'newWindow' | 'document' | 'fearless';\n\ntype ActionFunction = (props: ElementProps) => {\n  element: HTMLElement;\n  styles: string;\n};\n\ntype ActionVariants = {\n  default: ActionFunction;\n  large?: ActionFunction;\n  dark?: ActionFunction;\n  gold?: ActionFunction;\n};\n\ntype Actions = Record<ElementType, ActionVariants>;\n\nconst ICONS: Record<IconType, string> = {\n  email: Utility.asset.icon.EMAIL,\n  newWindow: Utility.asset.icon.NEW_WINDOW,\n  document: Utility.asset.icon.DOCUMENT,\n  fearless: Utility.asset.icon.FEARLESS,\n};\n\nfunction insertIcon(element: HTMLElement, svg: string): void {\n  const icon = Utility.markup.create.svgFromString(svg);\n  if (icon) element.insertBefore(icon, element.firstChild);\n}\n\nfunction createLinkIcon(element: HTMLElement, type: ElementType): void {\n  const existingIcon = Utility.markup.get.icon({ element });\n  if (existingIcon) {\n    element.insertBefore(existingIcon, element.firstChild);\n    return;\n  }\n\n  const href = element.getAttribute('href');\n  const isExternalTab = element.getAttribute('target') === '_blank';\n  const isDownload = element.getAttribute('download') !== null;\n  const isMail = href?.includes('mailto:');\n\n  if (isMail) {\n    insertIcon(element, ICONS.email);\n  } else if (isExternalTab) {\n    insertIcon(element, ICONS.newWindow);\n  } else if (isDownload) {\n    insertIcon(element, ICONS.document);\n  } else if (type === 'secondary') {\n    insertIcon(element, ICONS.fearless);\n  }\n}\n\nfunction createElementWithStyle(\n  actionFn: (props: ElementProps) => { element: HTMLElement; styles: string },\n  props: ElementProps,\n) {\n  const result = actionFn({\n    element: props.element,\n    elementStyles: props.elementStyles,\n  });\n  return { element: result.element, styles: result.styles };\n}\n\nfunction createElement(type: ElementType, props: ElementProps) {\n  createLinkIcon(props.element, type);\n\n  const actions: Actions = {\n    primary: {\n      default: ElementModel.actions.primary,\n      large: ElementModel.actions.primaryLarge,\n    },\n    secondary: {\n      default: ElementModel.actions.secondary,\n      large: ElementModel.actions.secondaryLarge,\n      dark: ElementModel.actions.secondaryWhite,\n      gold: ElementModel.actions.secondaryGold,\n    },\n    outline: {\n      default: ElementModel.actions.outline,\n      large: ElementModel.actions.outlineLarge,\n      dark: ElementModel.actions.outlineWhite,\n    },\n  };\n\n  const typeActions = actions[type];\n\n  if (props.isThemeGold && typeActions.gold) {\n    return createElementWithStyle(typeActions.gold, props);\n  }\n  if (props.isThemeDark && typeActions.dark) {\n    return createElementWithStyle(typeActions.dark, props);\n  }\n  if (props.isSizeLarge && typeActions.large) {\n    return createElementWithStyle(typeActions.large, props);\n  }\n  return createElementWithStyle(typeActions.default, props);\n}\n\nconst createPlainTextContainer = (props: OptionProps) => {\n  const { isTypeSecondary } = props;\n\n  return ElementModel.layout.gridStacked({\n    element: document.createElement('div'),\n    elementStyles: isTypeSecondary ? {} : { element: { alignItems: 'center' } },\n  });\n};\n\nconst createPlainText = (props: OptionProps) => {\n  const { isThemeDark, isTypeSecondary, plainText } = props;\n  const plainTextStyles = {\n    element: {\n      ...(isThemeDark\n        ? Styles.element.text.link.white\n        : Styles.element.text.link.red),\n      marginTop: `${Styles.token.spacing.min}`,\n    },\n  };\n\n  const plainTextSecondaryStyles = {\n    element: {\n      ...(isThemeDark\n        ? Styles.element.text.link.white\n        : Styles.element.text.link.red),\n      marginTop: `${Styles.token.spacing.min}`,\n      marginLeft: `${Styles.token.spacing.lg}`,\n      alignSelf: 'baseline',\n    },\n  };\n\n  if (plainText) {\n    return ElementModel.headline.sansMin({\n      element: plainText,\n      isThemeDark,\n      elementStyles: isTypeSecondary\n        ? plainTextSecondaryStyles\n        : plainTextStyles,\n    });\n  }\n};\n\nexport const primary = (props: ElementProps) => createElement('primary', props);\nexport const secondary = (props: ElementProps) =>\n  createElement('secondary', props);\nexport const outline = (props: ElementProps) => createElement('outline', props);\n\nexport const options = (props: OptionProps) => {\n  const { plainText, isTypePrimary, isTypeSecondary, isTypeOutline } = props;\n  const container = document.createElement('div');\n  let styles = '';\n\n  if (isTypePrimary) {\n    const result = primary(props);\n    container.appendChild(result.element);\n    styles = result.styles;\n  }\n\n  if (isTypeSecondary) {\n    const result = secondary(props);\n    container.appendChild(result.element);\n    styles = result.styles;\n  }\n\n  if (isTypeOutline) {\n    const result = outline(props);\n    container.appendChild(result.element);\n    styles = result.styles;\n  }\n\n  if (plainText) {\n    const plainTextContainer = createPlainTextContainer(props);\n    const plainTextElement = createPlainText(props);\n    if (!plainTextElement) return { element: container, styles };\n\n    plainTextContainer.element.innerHTML = container.innerHTML;\n    plainTextContainer.element.appendChild(plainTextElement.element);\n    container.innerHTML = '';\n\n    container.appendChild(plainTextContainer.element);\n\n    styles += plainTextContainer.styles;\n    styles += plainTextElement.styles;\n  }\n\n  return { element: container, styles };\n};\n"],"names":["Utility.asset.icon.EMAIL","Utility.asset.icon.NEW_WINDOW","Utility.asset.icon.DOCUMENT","Utility.asset.icon.FEARLESS","icon","Utility.markup.create.svgFromString","Utility.markup.get.icon","ElementModel.actions.primary","ElementModel.actions.primaryLarge","ElementModel.actions.secondary","ElementModel.actions.secondaryLarge","ElementModel.actions.secondaryWhite","ElementModel.actions.secondaryGold","ElementModel.actions.outline","ElementModel.actions.outlineLarge","ElementModel.actions.outlineWhite","ElementModel.layout.gridStacked","ElementModel.headline.sansMin"],"mappings":"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"}
+{"version":3,"file":"text.mjs","sources":["../../../source/atomic/actions/text.ts"],"sourcesContent":["import * as token from '@universityofmaryland/web-styles-library/token';\nimport * as elementStyles from '@universityofmaryland/web-styles-library/element';\nimport { parseSvgString } from '@universityofmaryland/web-utilities-library/media';\nimport { extractIconElement } from '@universityofmaryland/web-utilities-library/dom';\nimport { external_link as iconExternalLink } from '@universityofmaryland/web-icons-library/controls';\nimport { email as iconEmail } from '@universityofmaryland/web-icons-library/communication';\nimport { document as iconDocument } from '@universityofmaryland/web-icons-library/files';\nimport { fearless as iconFearless } from '@universityofmaryland/web-icons-library/brand';\nimport { ElementModel } from 'model';\n\ninterface ElementProps {\n  element: HTMLElement;\n  isThemeDark?: boolean;\n  isThemeGold?: boolean;\n  isSizeLarge?: boolean;\n  elementStyles?: Record<string, any>;\n}\n\ninterface OptionProps extends ElementProps {\n  isTypePrimary?: boolean;\n  isTypeSecondary?: boolean;\n  isTypeOutline?: boolean;\n  plainText?: HTMLElement | null;\n}\n\ntype ElementType = 'primary' | 'secondary' | 'outline';\ntype IconType = 'email' | 'newWindow' | 'document' | 'fearless';\n\ntype ActionFunction = (props: ElementProps) => {\n  element: HTMLElement;\n  styles: string;\n};\n\ntype ActionVariants = {\n  default: ActionFunction;\n  large?: ActionFunction;\n  dark?: ActionFunction;\n  gold?: ActionFunction;\n};\n\ntype Actions = Record<ElementType, ActionVariants>;\n\nconst ICONS: Record<IconType, string> = {\n  email: iconEmail,\n  newWindow: iconExternalLink,\n  document: iconDocument,\n  fearless: iconFearless,\n};\n\nfunction insertIcon(element: HTMLElement, svg: string): void {\n  const icon = parseSvgString(svg);\n  if (icon) element.insertBefore(icon, element.firstChild);\n}\n\nfunction createLinkIcon(element: HTMLElement, type: ElementType): void {\n  const existingIcon = extractIconElement({ element });\n  if (existingIcon) {\n    element.insertBefore(existingIcon, element.firstChild);\n    return;\n  }\n\n  const href = element.getAttribute('href');\n  const isExternalTab = element.getAttribute('target') === '_blank';\n  const isDownload = element.getAttribute('download') !== null;\n  const isMail = href?.includes('mailto:');\n\n  if (isMail) {\n    insertIcon(element, ICONS.email);\n  } else if (isExternalTab) {\n    insertIcon(element, ICONS.newWindow);\n  } else if (isDownload) {\n    insertIcon(element, ICONS.document);\n  } else if (type === 'secondary') {\n    insertIcon(element, ICONS.fearless);\n  }\n}\n\nfunction createElementWithStyle(\n  actionFn: (props: ElementProps) => { element: HTMLElement; styles: string },\n  props: ElementProps,\n) {\n  const result = actionFn({\n    element: props.element,\n    elementStyles: props.elementStyles,\n  });\n  return { element: result.element, styles: result.styles };\n}\n\nfunction createElement(type: ElementType, props: ElementProps) {\n  createLinkIcon(props.element, type);\n\n  const actions: Actions = {\n    primary: {\n      default: ElementModel.actions.primary,\n      large: ElementModel.actions.primaryLarge,\n    },\n    secondary: {\n      default: ElementModel.actions.secondary,\n      large: ElementModel.actions.secondaryLarge,\n      dark: ElementModel.actions.secondaryWhite,\n      gold: ElementModel.actions.secondaryGold,\n    },\n    outline: {\n      default: ElementModel.actions.outline,\n      large: ElementModel.actions.outlineLarge,\n      dark: ElementModel.actions.outlineWhite,\n    },\n  };\n\n  const typeActions = actions[type];\n\n  if (props.isThemeGold && typeActions.gold) {\n    return createElementWithStyle(typeActions.gold, props);\n  }\n  if (props.isThemeDark && typeActions.dark) {\n    return createElementWithStyle(typeActions.dark, props);\n  }\n  if (props.isSizeLarge && typeActions.large) {\n    return createElementWithStyle(typeActions.large, props);\n  }\n  return createElementWithStyle(typeActions.default, props);\n}\n\nconst createPlainTextContainer = (props: OptionProps) => {\n  const { isTypeSecondary } = props;\n\n  return ElementModel.layout.gridStacked({\n    element: document.createElement('div'),\n    elementStyles: isTypeSecondary ? {} : { element: { alignItems: 'center' } },\n  });\n};\n\nconst createPlainText = (props: OptionProps) => {\n  const { isThemeDark, isTypeSecondary, plainText } = props;\n  const plainTextStyles = {\n    element: {\n      ...(isThemeDark\n        ? elementStyles.text.link.white\n        : elementStyles.text.link.red),\n      marginTop: `${token.spacing.min}`,\n    },\n  };\n\n  const plainTextSecondaryStyles = {\n    element: {\n      ...(isThemeDark\n        ? elementStyles.text.link.white\n        : elementStyles.text.link.red),\n      marginTop: `${token.spacing.min}`,\n      marginLeft: `${token.spacing.lg}`,\n      alignSelf: 'baseline',\n    },\n  };\n\n  if (plainText) {\n    return ElementModel.headline.sansMin({\n      element: plainText,\n      isThemeDark,\n      elementStyles: isTypeSecondary\n        ? plainTextSecondaryStyles\n        : plainTextStyles,\n    });\n  }\n};\n\nexport const primary = (props: ElementProps) => createElement('primary', props);\nexport const secondary = (props: ElementProps) =>\n  createElement('secondary', props);\nexport const outline = (props: ElementProps) => createElement('outline', props);\n\nexport const options = (props: OptionProps) => {\n  const { plainText, isTypePrimary, isTypeSecondary, isTypeOutline } = props;\n  const container = document.createElement('div');\n  let styles = '';\n\n  if (isTypePrimary) {\n    const result = primary(props);\n    container.appendChild(result.element);\n    styles = result.styles;\n  }\n\n  if (isTypeSecondary) {\n    const result = secondary(props);\n    container.appendChild(result.element);\n    styles = result.styles;\n  }\n\n  if (isTypeOutline) {\n    const result = outline(props);\n    container.appendChild(result.element);\n    styles = result.styles;\n  }\n\n  if (plainText) {\n    const plainTextContainer = createPlainTextContainer(props);\n    const plainTextElement = createPlainText(props);\n    if (!plainTextElement) return { element: container, styles };\n\n    plainTextContainer.element.innerHTML = container.innerHTML;\n    plainTextContainer.element.appendChild(plainTextElement.element);\n    container.innerHTML = '';\n\n    container.appendChild(plainTextContainer.element);\n\n    styles += plainTextContainer.styles;\n    styles += plainTextElement.styles;\n  }\n\n  return { element: container, styles };\n};\n"],"names":["iconExternalLink","iconDocument","ElementModel.actions.primary","ElementModel.actions.primaryLarge","ElementModel.actions.secondary","ElementModel.actions.secondaryLarge","ElementModel.actions.secondaryWhite","ElementModel.actions.secondaryGold","ElementModel.actions.outline","ElementModel.actions.outlineLarge","ElementModel.actions.outlineWhite","ElementModel.layout.gridStacked","ElementModel.headline.sansMin"],"mappings":"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"}

package/dist/atomic/animations/actions/indicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"indicator.d.ts","sourceRoot":"","sources":["../../../../source/atomic/animations/actions/indicator.ts"],"names":[],"mappings":"yBAiEgB,+DAMb;IACD,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;;;;sBAyCiC,MAAM;;AArDxC,wBAoHO"}
+{"version":3,"file":"indicator.d.ts","sourceRoot":"","sources":["../../../../source/atomic/animations/actions/indicator.ts"],"names":[],"mappings":"yBAiEgB,+DAMb;IACD,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;;;;sBAyCiC,MAAM;;AArDxC,wBAiHO"}