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

package/dist/composite/footer/elements/main-section/campaign.mjs

@@ -1,18 +1,9 @@
-import { token } from "@universityofmaryland/web-styles-library";
-import { CAMPAIGN_LOGO, CAMPAIGN_LOGO_DARK } from "../../../../utilities/assets/logos.mjs";
-import "../../../../node_modules/postcss/lib/postcss.mjs";
-import "../../../../node_modules/postcss-nesting/dist/index.mjs";
-import "../../../../node_modules/postcss-js/index.mjs";
-const CAMPAIGN_COLUMN_WRAPPER = "campaign-column-wrapper";
-const CampaignStyles = `
-  .${CAMPAIGN_COLUMN_WRAPPER} > a {
-    display: block;
-    margin-top: ${token.spacing.lg};
-    max-width: 250px;
-  }
-`;
-const createCampaign = ({ isThemeLight }) => {
-  const container = document.createElement("div");
+import * as token from "@universityofmaryland/web-styles-library/token";
+import * as Logos from "@universityofmaryland/web-icons-library/logos";
+import { create, createDiv } from "../../../../model/elements/index.mjs";
+import { BREAKPOINTS } from "../../globals.mjs";
+const { LARGE } = BREAKPOINTS;
+const createCampaignRow = ({ isThemeLight }) => {
   const link = document.createElement("a");
   link.href = "https://fearlesslyforward.umd.edu";
   link.setAttribute("target", "_blank");
@@ -21,14 +12,41 @@ const createCampaign = ({ isThemeLight }) => {
     "aria-label",
     "Link to the Fearlessly Forward Brand website"
   );
-  link.innerHTML = !isThemeLight ? CAMPAIGN_LOGO : CAMPAIGN_LOGO_DARK;
-  container.classList.add(CAMPAIGN_COLUMN_WRAPPER);
-  container.appendChild(link);
-  return container;
+  link.innerHTML = !isThemeLight && Logos.campaign.light || Logos.campaign.dark;
+  const linkElement = create({
+    element: link,
+    className: "campaign-column-link",
+    elementStyles: {
+      element: {
+        display: "block",
+        marginTop: token.spacing.lg,
+        maxWidth: "250px"
+      }
+    }
+  });
+  return createDiv({
+    className: "campaign-column-wrapper",
+    children: [linkElement],
+    elementStyles: {
+      element: {
+        [`@container (min-width: ${LARGE}px)`]: {
+          display: "flex",
+          justifyContent: "flex-end",
+          marginLeft: "auto",
+          [`& .umd-footer-logo-container`]: {
+            display: "none"
+          }
+        },
+        [`@container (max-width: ${LARGE - 1}px)`]: {
+          [`& .umd-footer-social-column_wrapper &`]: {
+            display: "none"
+          }
+        }
+      }
+    }
+  });
 };
 export {
-  CAMPAIGN_COLUMN_WRAPPER,
-  CampaignStyles,
-  createCampaign
+  createCampaignRow as default
 };
 //# sourceMappingURL=campaign.mjs.map

package/dist/composite/footer/elements/main-section/campaign.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"campaign.mjs","sources":["../../../../../source/composite/footer/elements/main-section/campaign.ts"],"sourcesContent":["import { token } from '@universityofmaryland/web-styles-library';\nimport * as utilities from 'utilities';\nimport { BaseProps } from '../../_types';\n\nexport const CAMPAIGN_COLUMN_WRAPPER = 'campaign-column-wrapper';\n\nexport const CampaignStyles = `\n  .${CAMPAIGN_COLUMN_WRAPPER} > a {\n    display: block;\n    margin-top: ${token.spacing.lg};\n    max-width: 250px;\n  }\n`;\n\nexport interface CampaignProps extends BaseProps {}\n\nexport const createCampaign = ({ isThemeLight }: CampaignProps) => {\n  const container = document.createElement('div');\n  const link = document.createElement('a');\n  link.href = 'https://fearlesslyforward.umd.edu';\n  link.setAttribute('target', '_blank');\n  link.setAttribute('rel', 'noopener noreferrer');\n  link.setAttribute(\n    'aria-label',\n    'Link to the Fearlessly Forward Brand website',\n  );\n\n  link.innerHTML = !isThemeLight\n    ? utilities.asset.logo.CAMPAIGN_LOGO\n    : utilities.asset.logo.CAMPAIGN_LOGO_DARK;\n\n  container.classList.add(CAMPAIGN_COLUMN_WRAPPER);\n  container.appendChild(link);\n\n  return container;\n};\n"],"names":["utilities.asset.logo.CAMPAIGN_LOGO","utilities.asset.logo.CAMPAIGN_LOGO_DARK"],"mappings":";;;;;AAIO,MAAM,0BAA0B;AAEhC,MAAM,iBAAiB;AAAA,KACzB,uBAAuB;AAAA;AAAA,kBAEV,MAAM,QAAQ,EAAE;AAAA;AAAA;AAAA;AAO3B,MAAM,iBAAiB,CAAC,EAAE,mBAAkC;AACjE,QAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,QAAM,OAAO,SAAS,cAAc,GAAG;AACvC,OAAK,OAAO;AACZ,OAAK,aAAa,UAAU,QAAQ;AACpC,OAAK,aAAa,OAAO,qBAAqB;AAC9C,OAAK;AAAA,IACH;AAAA,IACA;AAAA,EAAA;AAGF,OAAK,YAAY,CAAC,eACdA,gBACAC;AAEJ,YAAU,UAAU,IAAI,uBAAuB;AAC/C,YAAU,YAAY,IAAI;AAE1B,SAAO;AACT;"}
+{"version":3,"file":"campaign.mjs","sources":["../../../../../source/composite/footer/elements/main-section/campaign.ts"],"sourcesContent":["import * as token from '@universityofmaryland/web-styles-library/token';\nimport * as Logos from '@universityofmaryland/web-icons-library/logos';\nimport { ElementModel } from 'model';\nimport { BaseProps } from '../../_types';\nimport { BREAKPOINTS } from '../../globals';\nimport { type ElementVisual } from '../../../../_types';\n\nexport interface CampaignProps extends BaseProps {}\n\nconst { LARGE } = BREAKPOINTS;\n\nexport default ({ isThemeLight }: CampaignProps): ElementVisual => {\n  const link = document.createElement('a');\n  link.href = 'https://fearlesslyforward.umd.edu';\n  link.setAttribute('target', '_blank');\n  link.setAttribute('rel', 'noopener noreferrer');\n  link.setAttribute(\n    'aria-label',\n    'Link to the Fearlessly Forward Brand website',\n  );\n\n  link.innerHTML = (!isThemeLight && Logos.campaign.light) || Logos.campaign.dark;\n\n  const linkElement = ElementModel.create({\n    element: link,\n    className: 'campaign-column-link',\n    elementStyles: {\n      element: {\n        display: 'block',\n        marginTop: token.spacing.lg,\n        maxWidth: '250px',\n      },\n    },\n  });\n\n  return ElementModel.createDiv({\n    className: 'campaign-column-wrapper',\n    children: [linkElement],\n    elementStyles: {\n      element: {\n        [`@container (min-width: ${LARGE}px)`]: {\n          display: 'flex',\n          justifyContent: 'flex-end',\n          marginLeft: 'auto',\n\n          [`& .umd-footer-logo-container`]: {\n            display: 'none',\n          },\n        },\n\n        [`@container (max-width: ${LARGE - 1}px)`]: {\n          [`& .umd-footer-social-column_wrapper &`]: {\n            display: 'none',\n          },\n        },\n      },\n    },\n  });\n};\n"],"names":["ElementModel.create","ElementModel.createDiv"],"mappings":";;;;AASA,MAAM,EAAE,UAAU;AAElB,MAAA,oBAAe,CAAC,EAAE,aAAA,MAAiD;AACjE,QAAM,OAAO,SAAS,cAAc,GAAG;AACvC,OAAK,OAAO;AACZ,OAAK,aAAa,UAAU,QAAQ;AACpC,OAAK,aAAa,OAAO,qBAAqB;AAC9C,OAAK;AAAA,IACH;AAAA,IACA;AAAA,EAAA;AAGF,OAAK,YAAa,CAAC,gBAAgB,MAAM,SAAS,SAAU,MAAM,SAAS;AAE3E,QAAM,cAAcA,OAAoB;AAAA,IACtC,SAAS;AAAA,IACT,WAAW;AAAA,IACX,eAAe;AAAA,MACb,SAAS;AAAA,QACP,SAAS;AAAA,QACT,WAAW,MAAM,QAAQ;AAAA,QACzB,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,EACF,CACD;AAED,SAAOC,UAAuB;AAAA,IAC5B,WAAW;AAAA,IACX,UAAU,CAAC,WAAW;AAAA,IACtB,eAAe;AAAA,MACb,SAAS;AAAA,QACP,CAAC,0BAA0B,KAAK,KAAK,GAAG;AAAA,UACtC,SAAS;AAAA,UACT,gBAAgB;AAAA,UAChB,YAAY;AAAA,UAEZ,CAAC,8BAA8B,GAAG;AAAA,YAChC,SAAS;AAAA,UAAA;AAAA,QACX;AAAA,QAGF,CAAC,0BAA0B,QAAQ,CAAC,KAAK,GAAG;AAAA,UAC1C,CAAC,uCAAuC,GAAG;AAAA,YACzC,SAAS;AAAA,UAAA;AAAA,QACX;AAAA,MACF;AAAA,IACF;AAAA,EACF,CACD;AACH;"}

package/dist/composite/footer/elements/main-section/index.d.ts

@@ -1,9 +1,10 @@
 import { RowLogoProps } from './row-logo';
 import { RowLinksProps } from './row-links';
 import { BaseProps } from '../../_types';
-export declare const MainContainerStyles: string;
+import { ElementVisual } from '../../../../_types';
 export interface MainSectionProps extends BaseProps, RowLinksProps, RowLogoProps {
     slotVisualImage: HTMLImageElement | null;
 }
-export declare const createMainSection: (props: MainSectionProps) => HTMLDivElement;
+declare const _default: (props: MainSectionProps) => ElementVisual;
+export default _default;
 //# sourceMappingURL=index.d.ts.map

package/dist/composite/footer/elements/main-section/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../source/composite/footer/elements/main-section/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAgC,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAC7E,OAAO,EAAiC,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAGhF,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAqCzC,eAAO,MAAM,mBAAmB,QAiB/B,CAAC;AAEF,MAAM,WAAW,gBACf,SAAQ,SAAS,EACf,aAAa,EACb,YAAY;IACd,eAAe,EAAE,gBAAgB,GAAG,IAAI,CAAC;CAC1C;AAED,eAAO,MAAM,iBAAiB,GAAI,OAAO,gBAAgB,mBAwDxD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../source/composite/footer/elements/main-section/index.ts"],"names":[],"mappings":"AACA,OAAsB,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAC9D,OAAuB,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,WAAW,gBACf,SAAQ,SAAS,EACf,aAAa,EACb,YAAY;IACd,eAAe,EAAE,gBAAgB,GAAG,IAAI,CAAC;CAC1C;yBAgGe,OAAO,gBAAgB,KAAG,aAAa;AAAvD,wBAYE"}