@universityofmaryland/web-elements-library 1.7.2 → 1.7.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# University of Maryland Web Elements Library
|
|
2
2
|
|
|
3
|
-
[](https://www.npmjs.com/package/@universityofmaryland/web-elements-library)
|
|
4
4
|
|
|
5
5
|
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.
|
|
6
6
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../source/composite/card/overlay/color.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAG7C,eAAO,MAAM,+BAA+B,GAAI,OAAO,gBAAgB,
|
|
1
|
+
{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../source/composite/card/overlay/color.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAG7C,eAAO,MAAM,+BAA+B,GAAI,OAAO,gBAAgB,kFA+DtE,CAAC"}
|
|
@@ -56,7 +56,6 @@ const createCompositeCardOverlayColor = (props) => {
|
|
|
56
56
|
children.push(wrapper);
|
|
57
57
|
return new ElementBuilder().withClassName("card-overlay-color").withStyles({
|
|
58
58
|
element: {
|
|
59
|
-
containerType: "inline-size",
|
|
60
59
|
padding: `${token.spacing.lg} ${token.spacing.md}`,
|
|
61
60
|
minHeight: "360px",
|
|
62
61
|
height: "100%",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color.js","sources":["../../../../source/composite/card/overlay/color.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport * as layout from '@universityofmaryland/web-styles-library/layout';\nimport { actions, textLockup } from 'atomic';\nimport { CardOverlayProps } from '../_types';\nimport { type UMDElement } from '../../../_types';\n\nexport const createCompositeCardOverlayColor = (props: CardOverlayProps) => {\n const { isThemeDark, ctaIcon } = props;\n\n const children: UMDElement[] = [];\n\n if (ctaIcon && ctaIcon instanceof HTMLElement) {\n children.push(\n actions.icon({\n ...props,\n ctaIcon,\n isThemeLight: !isThemeDark,\n }),\n );\n }\n\n const lockup = textLockup.smallScaling(props);\n\n const wrapper = new ElementBuilder()\n .withClassName('card-overlay-color-wrapper')\n .withStyles({\n element: {\n paddingRight: `${ctaIcon ? token.spacing['2xl'] : 0}`,\n height: '100%',\n\n [`& > *`]: {\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n zIndex: 9,\n position: 'relative',\n maxWidth: `${token.spacing.maxWidth.smallest}`,\n },\n },\n })\n .withChild(lockup)\n .build();\n\n children.push(wrapper);\n\n return new ElementBuilder()\n .withClassName('card-overlay-color')\n .withStyles({\n element: {\n
|
|
1
|
+
{"version":3,"file":"color.js","sources":["../../../../source/composite/card/overlay/color.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport * as layout from '@universityofmaryland/web-styles-library/layout';\nimport { actions, textLockup } from 'atomic';\nimport { CardOverlayProps } from '../_types';\nimport { type UMDElement } from '../../../_types';\n\nexport const createCompositeCardOverlayColor = (props: CardOverlayProps) => {\n const { isThemeDark, ctaIcon } = props;\n\n const children: UMDElement[] = [];\n\n if (ctaIcon && ctaIcon instanceof HTMLElement) {\n children.push(\n actions.icon({\n ...props,\n ctaIcon,\n isThemeLight: !isThemeDark,\n }),\n );\n }\n\n const lockup = textLockup.smallScaling(props);\n\n const wrapper = new ElementBuilder()\n .withClassName('card-overlay-color-wrapper')\n .withStyles({\n element: {\n paddingRight: `${ctaIcon ? token.spacing['2xl'] : 0}`,\n height: '100%',\n\n [`& > *`]: {\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n zIndex: 9,\n position: 'relative',\n maxWidth: `${token.spacing.maxWidth.smallest}`,\n },\n },\n })\n .withChild(lockup)\n .build();\n\n children.push(wrapper);\n\n return new ElementBuilder()\n .withClassName('card-overlay-color')\n .withStyles({\n element: {\n padding: `${token.spacing.lg} ${token.spacing.md}`,\n minHeight: '360px',\n height: '100%',\n overflow: 'hidden',\n position: 'relative',\n backgroundColor: token.color.gray.lightest,\n\n ...(isThemeDark && {\n backgroundColor: token.color.gray.darker,\n }),\n\n [`& .${layout.grid.inline.tabletRows.className}`]: {\n [`@media (${token.media.queries.tablet.min})`]: {\n marginTop: 'auto !important',\n },\n },\n },\n })\n .withChildren(...children)\n .build();\n};\n"],"names":["actions.icon","textLockup.smallScaling"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAM,kCAAkC,CAAC,UAA4B;AAC1E,QAAM,EAAE,aAAa,QAAA,IAAY;AAEjC,QAAM,WAAyB,CAAA;AAE/B,MAAI,WAAW,mBAAmB,aAAa;AAC7C,aAAS;AAAA,MACPA,iBAAa;AAAA,QACX,GAAG;AAAA,QACH;AAAA,QACA,cAAc,CAAC;AAAA,MAAA,CAChB;AAAA,IAAA;AAAA,EAEL;AAEA,QAAM,SAASC,6BAAwB,KAAK;AAE5C,QAAM,UAAU,IAAI,eAAA,EACjB,cAAc,4BAA4B,EAC1C,WAAW;AAAA,IACV,SAAS;AAAA,MACP,cAAc,GAAG,UAAU,MAAM,QAAQ,KAAK,IAAI,CAAC;AAAA,MACnD,QAAQ;AAAA,MAER,CAAC,OAAO,GAAG;AAAA,QACT,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,eAAe;AAAA,QACf,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,UAAU,GAAG,MAAM,QAAQ,SAAS,QAAQ;AAAA,MAAA;AAAA,IAC9C;AAAA,EACF,CACD,EACA,UAAU,MAAM,EAChB,MAAA;AAEH,WAAS,KAAK,OAAO;AAErB,SAAO,IAAI,eAAA,EACR,cAAc,oBAAoB,EAClC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,SAAS,GAAG,MAAM,QAAQ,EAAE,IAAI,MAAM,QAAQ,EAAE;AAAA,MAChD,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,UAAU;AAAA,MACV,iBAAiB,MAAM,MAAM,KAAK;AAAA,MAElC,GAAI,eAAe;AAAA,QACjB,iBAAiB,MAAM,MAAM,KAAK;AAAA,MAAA;AAAA,MAGpC,CAAC,MAAM,OAAO,KAAK,OAAO,WAAW,SAAS,EAAE,GAAG;AAAA,QACjD,CAAC,WAAW,MAAM,MAAM,QAAQ,OAAO,GAAG,GAAG,GAAG;AAAA,UAC9C,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF,CACD,EACA,aAAa,GAAG,QAAQ,EACxB,MAAA;AACL;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@universityofmaryland/web-elements-library",
|
|
3
|
-
"version": "1.7.
|
|
3
|
+
"version": "1.7.3",
|
|
4
4
|
"description": "UMD Web Elements",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -40,10 +40,10 @@
|
|
|
40
40
|
"dependencies": {
|
|
41
41
|
"@types/postcss-js": "^4.0.4",
|
|
42
42
|
"@universityofmaryland/web-builder-library": "^1.0.4",
|
|
43
|
-
"@universityofmaryland/web-
|
|
43
|
+
"@universityofmaryland/web-icons-library": "^1.0.4",
|
|
44
44
|
"@universityofmaryland/web-token-library": "^1.0.3",
|
|
45
|
-
"@universityofmaryland/web-
|
|
46
|
-
"@universityofmaryland/web-
|
|
45
|
+
"@universityofmaryland/web-styles-library": "^1.8.14",
|
|
46
|
+
"@universityofmaryland/web-utilities-library": "^1.0.6"
|
|
47
47
|
},
|
|
48
48
|
"peerDependencies": {
|
|
49
49
|
"@universityofmaryland/web-builder-library": "^1.0.0",
|