@micromag/element-urbania-author 0.4.49 → 0.4.51

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.
@@ -1,2 +1,2 @@
1
1
  .micromag-element-urbania-author-avatar-container{display:inline-block;position:relative;width:100%;z-index:1}.micromag-element-urbania-author-avatar-container.micromag-element-urbania-author-avatar-shapeCircle .micromag-element-urbania-author-avatar-shape{background-color:#fff;background-position:top;border-radius:50%;overflow:hidden}.micromag-element-urbania-author-avatar-container .micromag-element-urbania-author-avatar-shape{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;-webkit-box-shadow:0 0 4px rgba(0,0,0,.2);box-shadow:0 0 4px rgba(0,0,0,.2);display:block;height:0;padding-bottom:100%;width:100%}
2
- .micromag-element-urbania-author-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;color:#222;font-family:Agrandir,sans-serif;vertical-align:center}.micromag-element-urbania-author-container .micromag-element-urbania-author-image{max-width:4em;min-width:2.2em}.micromag-element-urbania-author-container .micromag-element-urbania-author-link{color:#222;display:inline-block;-webkit-text-decoration:none;text-decoration:none}.micromag-element-urbania-author-container .micromag-element-urbania-author-right{display:block}.micromag-element-urbania-author-container .micromag-element-urbania-author-name,.micromag-element-urbania-author-container .micromag-element-urbania-author-prefix{min-height:20px}.micromag-element-urbania-author-container .micromag-element-urbania-author-collaborator,.micromag-element-urbania-author-container .micromag-element-urbania-author-name,.micromag-element-urbania-author-container .micromag-element-urbania-author-prefix{background-color:#efefef;font-family:Agrandir,sans-serif;font-size:10px;letter-spacing:.04em;line-height:1;white-space:nowrap}.micromag-element-urbania-author-container .micromag-element-urbania-author-name{border-bottom-right-radius:40px;border-top-right-radius:40px;font-weight:700;line-height:1;margin-left:-7px;padding:6px 8px 3px 13px;text-transform:uppercase}.micromag-element-urbania-author-container .micromag-element-urbania-author-name p{display:inline;font-size:inherit;font-weight:inherit;margin:0;text-transform:inherit}.micromag-element-urbania-author-container .micromag-element-urbania-author-collaborator{background-color:transparent;color:var(--mm-white);padding-top:2px;position:absolute}.micromag-element-urbania-author-container .micromag-element-urbania-author-collaborator .micromag-element-urbania-author-collaboratorText{font-size:.9em;line-height:1;padding-left:7.3px}.micromag-element-urbania-author-container .micromag-element-urbania-author-collaborator .micromag-element-urbania-author-collaboratorText p{display:inline;font-size:inherit;line-height:inherit}.micromag-element-urbania-author-container .micromag-element-urbania-author-prefix{border-bottom-left-radius:40px;border-top-left-radius:40px;margin-right:-5px;padding:6px 12px 3px 8px}.micromag-element-urbania-author-container.micromag-element-urbania-author-isSmall{font-size:9px}.micromag-element-urbania-author-container.micromag-element-urbania-author-isSmall .micromag-element-urbania-author-name,.micromag-element-urbania-author-container.micromag-element-urbania-author-isSmall .micromag-element-urbania-author-prefix{font-size:9px;white-space:normal}.micromag-element-urbania-author-container.micromag-element-urbania-author-isSmall .micromag-element-urbania-author-image{max-width:2.2em}.micromag-element-urbania-author-container.micromag-element-urbania-author-withoutImage .micromag-element-urbania-author-name{margin-left:0;padding-left:0}.micromag-element-urbania-author-container.micromag-element-urbania-author-withoutImage .micromag-element-urbania-author-prefix{margin-right:0;padding-right:.4em}.micromag-element-urbania-author-container.micromag-element-urbania-author-withoutBackground .micromag-element-urbania-author-collaborator,.micromag-element-urbania-author-container.micromag-element-urbania-author-withoutBackground .micromag-element-urbania-author-name,.micromag-element-urbania-author-container.micromag-element-urbania-author-withoutBackground .micromag-element-urbania-author-prefix{background-color:transparent}
2
+ .micromag-element-urbania-author-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;color:#222;font-family:Agrandir,sans-serif;vertical-align:center}.micromag-element-urbania-author-container .micromag-element-urbania-author-image{max-height:4em;max-width:4em;min-width:2.2em}.micromag-element-urbania-author-container .micromag-element-urbania-author-link{color:#222;display:inline-block;-webkit-text-decoration:none;text-decoration:none}.micromag-element-urbania-author-container .micromag-element-urbania-author-right{display:block}.micromag-element-urbania-author-container .micromag-element-urbania-author-name,.micromag-element-urbania-author-container .micromag-element-urbania-author-prefix{min-height:20px}.micromag-element-urbania-author-container .micromag-element-urbania-author-collaborator,.micromag-element-urbania-author-container .micromag-element-urbania-author-name,.micromag-element-urbania-author-container .micromag-element-urbania-author-prefix{background-color:#efefef;font-family:Agrandir,sans-serif;font-size:10px;letter-spacing:.04em;line-height:1;white-space:nowrap}.micromag-element-urbania-author-container .micromag-element-urbania-author-name{border-bottom-right-radius:40px;border-top-right-radius:40px;font-weight:700;line-height:1;margin-left:-7px;padding:6px 8px 3px 13px;text-transform:uppercase}.micromag-element-urbania-author-container .micromag-element-urbania-author-name p{display:inline;font-size:inherit;font-weight:inherit;margin:0;text-transform:inherit}.micromag-element-urbania-author-container .micromag-element-urbania-author-collaborator{background-color:transparent;color:var(--mm-white);padding-top:2px;position:absolute}.micromag-element-urbania-author-container .micromag-element-urbania-author-collaborator .micromag-element-urbania-author-collaboratorText{font-size:.9em;line-height:1;padding-left:7.3px}.micromag-element-urbania-author-container .micromag-element-urbania-author-collaborator .micromag-element-urbania-author-collaboratorText p{display:inline;font-size:inherit;line-height:inherit}.micromag-element-urbania-author-container .micromag-element-urbania-author-prefix{border-bottom-left-radius:40px;border-top-left-radius:40px;margin-right:-5px;padding:6px 12px 3px 8px}.micromag-element-urbania-author-container.micromag-element-urbania-author-isSmall{font-size:9px}.micromag-element-urbania-author-container.micromag-element-urbania-author-isSmall .micromag-element-urbania-author-name,.micromag-element-urbania-author-container.micromag-element-urbania-author-isSmall .micromag-element-urbania-author-prefix{font-size:9px;white-space:normal}.micromag-element-urbania-author-container.micromag-element-urbania-author-isSmall .micromag-element-urbania-author-image{max-width:2.2em}.micromag-element-urbania-author-container.micromag-element-urbania-author-withoutImage .micromag-element-urbania-author-name{margin-left:0;padding-left:0}.micromag-element-urbania-author-container.micromag-element-urbania-author-withoutImage .micromag-element-urbania-author-prefix{margin-right:0;padding-right:.4em}.micromag-element-urbania-author-container.micromag-element-urbania-author-withoutBackground .micromag-element-urbania-author-collaborator,.micromag-element-urbania-author-container.micromag-element-urbania-author-withoutBackground .micromag-element-urbania-author-name,.micromag-element-urbania-author-container.micromag-element-urbania-author-withoutBackground .micromag-element-urbania-author-prefix{background-color:transparent}
package/es/index.js CHANGED
@@ -1,12 +1,13 @@
1
1
  import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
+ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
2
3
  import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
3
4
  import classNames from 'classnames';
4
- import React from 'react';
5
5
  import { useIntl } from 'react-intl';
6
6
  import { getOptimalImageUrl, pascalCase, isTextFilled } from '@micromag/core/utils';
7
7
  import Link from '@micromag/element-link';
8
8
  import Text from '@micromag/element-text';
9
9
  import { useSetting } from '@micromag/core/contexts';
10
+ import { jsx, jsxs } from 'react/jsx-runtime';
10
11
 
11
12
  var styles$1 = {"container":"micromag-element-urbania-author-avatar-container","shapeCircle":"micromag-element-urbania-author-avatar-shapeCircle","shape":"micromag-element-urbania-author-avatar-shape"};
12
13
 
@@ -34,16 +35,17 @@ function Avatar(_ref) {
34
35
  supportsWebp: supportsWebp
35
36
  });
36
37
  var finalShape = shape !== null ? pascalCase(shape) : null;
37
- return /*#__PURE__*/React.createElement("span", {
38
+ return /*#__PURE__*/jsx("span", {
38
39
  className: classNames([styles$1.container, _defineProperty(_defineProperty({
39
40
  className: className
40
- }, styles$1["shape".concat(finalShape)], finalShape !== null), styles$1.isTag, isTag)])
41
- }, /*#__PURE__*/React.createElement("span", {
42
- className: styles$1.shape,
43
- style: {
44
- backgroundImage: shouldLoad ? "url(\"".concat(imageAtSize, "\")") : null
45
- }
46
- }));
41
+ }, styles$1["shape".concat(finalShape)], finalShape !== null), styles$1.isTag, isTag)]),
42
+ children: /*#__PURE__*/jsx("span", {
43
+ className: styles$1.shape,
44
+ style: {
45
+ backgroundImage: shouldLoad ? "url(\"".concat(imageAtSize, "\")") : null
46
+ }
47
+ })
48
+ });
47
49
  }
48
50
 
49
51
  var styles = {"container":"micromag-element-urbania-author-container","image":"micromag-element-urbania-author-image","link":"micromag-element-urbania-author-link","right":"micromag-element-urbania-author-right","name":"micromag-element-urbania-author-name","prefix":"micromag-element-urbania-author-prefix","collaborator":"micromag-element-urbania-author-collaborator","collaboratorText":"micromag-element-urbania-author-collaboratorText","isSmall":"micromag-element-urbania-author-isSmall","withoutImage":"micromag-element-urbania-author-withoutImage","withoutBackground":"micromag-element-urbania-author-withoutBackground"};
@@ -91,35 +93,42 @@ function UrbaniaAuthor(_ref) {
91
93
  "value": "By"
92
94
  }]
93
95
  });
94
- var authorText = isTextFilled(name) ? /*#__PURE__*/React.createElement(Text, Object.assign({
96
+ var authorText = isTextFilled(name) ? /*#__PURE__*/jsx(Text, _objectSpread({
95
97
  className: classNames([styles.name, backgroundClassName])
96
98
  }, name)) : null;
97
- var collaboratorText = isTextFilled(collaborator) ? /*#__PURE__*/React.createElement(Text, Object.assign({
99
+ var collaboratorText = isTextFilled(collaborator) ? /*#__PURE__*/jsx(Text, _objectSpread(_objectSpread({
98
100
  className: styles.collaboratorText
99
- }, collaborator, {
101
+ }, collaborator), {}, {
100
102
  inline: true
101
103
  })) : null;
102
- return /*#__PURE__*/React.createElement("div", Object.assign({
104
+ return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
103
105
  className: classNames([styles.container, className, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.isSmall, isSmall), styles.withoutAvatar, withAvatar), styles.withoutImage, !withImage || image === null), styles.withoutBackground, withoutBackground)])
104
- }, otherProps), !withoutPrefix ? /*#__PURE__*/React.createElement(Text, Object.assign({}, name, {
105
- className: classNames([styles.prefix, backgroundClassName]),
106
- body: "<span>".concat(prefix, "<span>")
107
- })) : null, withAvatar ? /*#__PURE__*/React.createElement(Avatar, {
108
- className: styles.image,
109
- image: image,
110
- shouldLoad: shouldLoad
111
- }) : null, /*#__PURE__*/React.createElement("div", {
112
- className: styles.right
113
- }, url !== null && !withoutLink ? /*#__PURE__*/React.createElement(Link, {
114
- className: styles.link,
115
- url: url,
116
- external: true,
117
- style: {
118
- backgroundImage: linkUnderlineColor !== null ? "linear-gradient(0deg, ".concat(linkUnderlineColor, " 0, ").concat(linkUnderlineColor, ")") : null
119
- }
120
- }, authorText) : /*#__PURE__*/React.createElement("div", null, authorText), collaboratorText !== null ? /*#__PURE__*/React.createElement("div", {
121
- className: classNames([styles.collaborator, collaboratorClassName])
122
- }, collaboratorText !== null ? collaboratorText : null) : null));
106
+ }, otherProps), {}, {
107
+ children: [!withoutPrefix ? /*#__PURE__*/jsx(Text, _objectSpread(_objectSpread({}, name), {}, {
108
+ className: classNames([styles.prefix, backgroundClassName]),
109
+ body: "<span>".concat(prefix, "<span>")
110
+ })) : null, withAvatar ? /*#__PURE__*/jsx(Avatar, {
111
+ className: styles.image,
112
+ image: image,
113
+ shouldLoad: shouldLoad
114
+ }) : null, /*#__PURE__*/jsxs("div", {
115
+ className: styles.right,
116
+ children: [url !== null && !withoutLink ? /*#__PURE__*/jsx(Link, {
117
+ className: styles.link,
118
+ url: url,
119
+ external: true,
120
+ style: {
121
+ backgroundImage: linkUnderlineColor !== null ? "linear-gradient(0deg, ".concat(linkUnderlineColor, " 0, ").concat(linkUnderlineColor, ")") : null
122
+ },
123
+ children: authorText
124
+ }) : /*#__PURE__*/jsx("div", {
125
+ children: authorText
126
+ }), collaboratorText !== null ? /*#__PURE__*/jsx("div", {
127
+ className: classNames([styles.collaborator, collaboratorClassName]),
128
+ children: collaboratorText !== null ? collaboratorText : null
129
+ }) : null]
130
+ })]
131
+ }));
123
132
  }
124
133
 
125
134
  export { UrbaniaAuthor as default };
package/es/styles.css CHANGED
@@ -1,2 +1,2 @@
1
1
  .micromag-element-urbania-author-avatar-container{display:inline-block;position:relative;width:100%;z-index:1}.micromag-element-urbania-author-avatar-container.micromag-element-urbania-author-avatar-shapeCircle .micromag-element-urbania-author-avatar-shape{background-color:#fff;background-position:top;border-radius:50%;overflow:hidden}.micromag-element-urbania-author-avatar-container .micromag-element-urbania-author-avatar-shape{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;-webkit-box-shadow:0 0 4px rgba(0,0,0,.2);box-shadow:0 0 4px rgba(0,0,0,.2);display:block;height:0;padding-bottom:100%;width:100%}
2
- .micromag-element-urbania-author-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;color:#222;font-family:Agrandir,sans-serif;vertical-align:center}.micromag-element-urbania-author-container .micromag-element-urbania-author-image{max-width:4em;min-width:2.2em}.micromag-element-urbania-author-container .micromag-element-urbania-author-link{color:#222;display:inline-block;-webkit-text-decoration:none;text-decoration:none}.micromag-element-urbania-author-container .micromag-element-urbania-author-right{display:block}.micromag-element-urbania-author-container .micromag-element-urbania-author-name,.micromag-element-urbania-author-container .micromag-element-urbania-author-prefix{min-height:20px}.micromag-element-urbania-author-container .micromag-element-urbania-author-collaborator,.micromag-element-urbania-author-container .micromag-element-urbania-author-name,.micromag-element-urbania-author-container .micromag-element-urbania-author-prefix{background-color:#efefef;font-family:Agrandir,sans-serif;font-size:10px;letter-spacing:.04em;line-height:1;white-space:nowrap}.micromag-element-urbania-author-container .micromag-element-urbania-author-name{border-bottom-right-radius:40px;border-top-right-radius:40px;font-weight:700;line-height:1;margin-left:-7px;padding:6px 8px 3px 13px;text-transform:uppercase}.micromag-element-urbania-author-container .micromag-element-urbania-author-name p{display:inline;font-size:inherit;font-weight:inherit;margin:0;text-transform:inherit}.micromag-element-urbania-author-container .micromag-element-urbania-author-collaborator{background-color:transparent;color:var(--mm-white);padding-top:2px;position:absolute}.micromag-element-urbania-author-container .micromag-element-urbania-author-collaborator .micromag-element-urbania-author-collaboratorText{font-size:.9em;line-height:1;padding-left:7.3px}.micromag-element-urbania-author-container .micromag-element-urbania-author-collaborator .micromag-element-urbania-author-collaboratorText p{display:inline;font-size:inherit;line-height:inherit}.micromag-element-urbania-author-container .micromag-element-urbania-author-prefix{border-bottom-left-radius:40px;border-top-left-radius:40px;margin-right:-5px;padding:6px 12px 3px 8px}.micromag-element-urbania-author-container.micromag-element-urbania-author-isSmall{font-size:9px}.micromag-element-urbania-author-container.micromag-element-urbania-author-isSmall .micromag-element-urbania-author-name,.micromag-element-urbania-author-container.micromag-element-urbania-author-isSmall .micromag-element-urbania-author-prefix{font-size:9px;white-space:normal}.micromag-element-urbania-author-container.micromag-element-urbania-author-isSmall .micromag-element-urbania-author-image{max-width:2.2em}.micromag-element-urbania-author-container.micromag-element-urbania-author-withoutImage .micromag-element-urbania-author-name{margin-left:0;padding-left:0}.micromag-element-urbania-author-container.micromag-element-urbania-author-withoutImage .micromag-element-urbania-author-prefix{margin-right:0;padding-right:.4em}.micromag-element-urbania-author-container.micromag-element-urbania-author-withoutBackground .micromag-element-urbania-author-collaborator,.micromag-element-urbania-author-container.micromag-element-urbania-author-withoutBackground .micromag-element-urbania-author-name,.micromag-element-urbania-author-container.micromag-element-urbania-author-withoutBackground .micromag-element-urbania-author-prefix{background-color:transparent}
2
+ .micromag-element-urbania-author-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;color:#222;font-family:Agrandir,sans-serif;vertical-align:center}.micromag-element-urbania-author-container .micromag-element-urbania-author-image{max-height:4em;max-width:4em;min-width:2.2em}.micromag-element-urbania-author-container .micromag-element-urbania-author-link{color:#222;display:inline-block;-webkit-text-decoration:none;text-decoration:none}.micromag-element-urbania-author-container .micromag-element-urbania-author-right{display:block}.micromag-element-urbania-author-container .micromag-element-urbania-author-name,.micromag-element-urbania-author-container .micromag-element-urbania-author-prefix{min-height:20px}.micromag-element-urbania-author-container .micromag-element-urbania-author-collaborator,.micromag-element-urbania-author-container .micromag-element-urbania-author-name,.micromag-element-urbania-author-container .micromag-element-urbania-author-prefix{background-color:#efefef;font-family:Agrandir,sans-serif;font-size:10px;letter-spacing:.04em;line-height:1;white-space:nowrap}.micromag-element-urbania-author-container .micromag-element-urbania-author-name{border-bottom-right-radius:40px;border-top-right-radius:40px;font-weight:700;line-height:1;margin-left:-7px;padding:6px 8px 3px 13px;text-transform:uppercase}.micromag-element-urbania-author-container .micromag-element-urbania-author-name p{display:inline;font-size:inherit;font-weight:inherit;margin:0;text-transform:inherit}.micromag-element-urbania-author-container .micromag-element-urbania-author-collaborator{background-color:transparent;color:var(--mm-white);padding-top:2px;position:absolute}.micromag-element-urbania-author-container .micromag-element-urbania-author-collaborator .micromag-element-urbania-author-collaboratorText{font-size:.9em;line-height:1;padding-left:7.3px}.micromag-element-urbania-author-container .micromag-element-urbania-author-collaborator .micromag-element-urbania-author-collaboratorText p{display:inline;font-size:inherit;line-height:inherit}.micromag-element-urbania-author-container .micromag-element-urbania-author-prefix{border-bottom-left-radius:40px;border-top-left-radius:40px;margin-right:-5px;padding:6px 12px 3px 8px}.micromag-element-urbania-author-container.micromag-element-urbania-author-isSmall{font-size:9px}.micromag-element-urbania-author-container.micromag-element-urbania-author-isSmall .micromag-element-urbania-author-name,.micromag-element-urbania-author-container.micromag-element-urbania-author-isSmall .micromag-element-urbania-author-prefix{font-size:9px;white-space:normal}.micromag-element-urbania-author-container.micromag-element-urbania-author-isSmall .micromag-element-urbania-author-image{max-width:2.2em}.micromag-element-urbania-author-container.micromag-element-urbania-author-withoutImage .micromag-element-urbania-author-name{margin-left:0;padding-left:0}.micromag-element-urbania-author-container.micromag-element-urbania-author-withoutImage .micromag-element-urbania-author-prefix{margin-right:0;padding-right:.4em}.micromag-element-urbania-author-container.micromag-element-urbania-author-withoutBackground .micromag-element-urbania-author-collaborator,.micromag-element-urbania-author-container.micromag-element-urbania-author-withoutBackground .micromag-element-urbania-author-name,.micromag-element-urbania-author-container.micromag-element-urbania-author-withoutBackground .micromag-element-urbania-author-prefix{background-color:transparent}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/element-urbania-author",
3
- "version": "0.4.49",
3
+ "version": "0.4.51",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [
@@ -60,10 +60,10 @@
60
60
  },
61
61
  "dependencies": {
62
62
  "@babel/runtime": "^7.28.6",
63
- "@micromag/core": "^0.4.49",
64
- "@micromag/element-button": "^0.4.49",
65
- "@micromag/element-link": "^0.4.49",
66
- "@micromag/element-text": "^0.4.49",
63
+ "@micromag/core": "^0.4.51",
64
+ "@micromag/element-button": "^0.4.51",
65
+ "@micromag/element-link": "^0.4.51",
66
+ "@micromag/element-text": "^0.4.51",
67
67
  "classnames": "^2.2.6",
68
68
  "lodash": "^4.17.23",
69
69
  "react-intl": "^8.1.3 || ^10.0.0",
@@ -73,6 +73,6 @@
73
73
  "access": "public",
74
74
  "registry": "https://registry.npmjs.org/"
75
75
  },
76
- "gitHead": "0a225ff29387217cccb0fcc5a731e23c74bd202e",
76
+ "gitHead": "985a2370829c9ac8901ea97bf20bfc98ab158439",
77
77
  "types": "es/index.d.ts"
78
78
  }