@micromag/screen-article 0.4.89 → 0.4.90-alpha.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.
Files changed (5) hide show
  1. package/assets/css/styles.css +1 -1
  2. package/es/index.d.ts +4 -0
  3. package/es/index.js +7 -0
  4. package/es/styles.css +1 -1
  5. package/package.json +15 -15
package/assets/css/styles.css CHANGED
@@ -1 +1 @@
1
- .micromag-screen-article-container{position:relative}.micromag-screen-article-container .micromag-screen-article-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.micromag-screen-article-container .micromag-screen-article-content{z-index:1}.micromag-screen-article-container .micromag-screen-article-layout{position:relative}.micromag-screen-article-container .micromag-screen-article-emptyAuthor,.micromag-screen-article-container .micromag-screen-article-emptySubtitle,.micromag-screen-article-container .micromag-screen-article-emptyText,.micromag-screen-article-container .micromag-screen-article-emptyTitle{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:10px auto;padding:12px 0 10px;width:100%}.micromag-screen-article-container .micromag-screen-article-emptyDate,.micromag-screen-article-container .micromag-screen-article-emptySurtitle{width:50%;-ms-flex-negative:0;border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);flex-shrink:0;margin:5px auto;padding:4px 0}.micromag-screen-article-container .micromag-screen-article-main.micromag-screen-article-hasText{margin-bottom:30px}.micromag-screen-article-container .micromag-screen-article-visualContainer{height:auto;left:0;position:absolute;top:0;width:100%;z-index:-1}.micromag-screen-article-container .micromag-screen-article-surtitle{font-size:12px;width:100%}.micromag-screen-article-container .micromag-screen-article-subtitle{font-size:12px;margin:10px 0 0;width:100%}.micromag-screen-article-container .micromag-screen-article-date{font-size:12px;text-align:right;width:100%}.micromag-screen-article-container .micromag-screen-article-title{margin:10px 0}.micromag-screen-article-container .micromag-screen-article-author{width:100%}.micromag-screen-article-container .micromag-screen-article-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.micromag-screen-article-container .micromag-screen-article-text blockquote,.micromag-screen-article-container .micromag-screen-article-text h2,.micromag-screen-article-container .micromag-screen-article-text h3,.micromag-screen-article-container .micromag-screen-article-text img,.micromag-screen-article-container .micromag-screen-article-text ol,.micromag-screen-article-container .micromag-screen-article-text p,.micromag-screen-article-container .micromag-screen-article-text ul{margin-bottom:1rem}.micromag-screen-article-container .micromag-screen-article-text blockquote:last-child,.micromag-screen-article-container .micromag-screen-article-text h2:last-child,.micromag-screen-article-container .micromag-screen-article-text h3:last-child,.micromag-screen-article-container .micromag-screen-article-text img:last-child,.micromag-screen-article-container .micromag-screen-article-text ol:last-child,.micromag-screen-article-container .micromag-screen-article-text p:last-child,.micromag-screen-article-container .micromag-screen-article-text ul:last-child{margin-bottom:0}.micromag-screen-article-container .micromag-screen-article-text h2{font-size:2em}.micromag-screen-article-container .micromag-screen-article-text h3{font-size:1.5em}.micromag-screen-article-container .micromag-screen-article-text ol,.micromag-screen-article-container .micromag-screen-article-text ul{list-style-position:inside}.micromag-screen-article-container .micromag-screen-article-text blockquote{border-left:1px solid;padding-left:.5em}.micromag-screen-article-container .micromag-screen-article-topContent{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.micromag-screen-article-container .micromag-screen-article-footer{-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.micromag-screen-article-container .micromag-screen-article-footer a{padding:0}.micromag-screen-article-container .micromag-screen-article-footer.micromag-screen-article-disabled{opacity:0;pointer-events:none}.micromag-screen-article-container.micromag-screen-article-isPlaceholder .micromag-screen-article-layout{padding:10px}
1
+ .micromag-screen-article-container{position:relative}.micromag-screen-article-container .micromag-screen-article-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.micromag-screen-article-container .micromag-screen-article-content{z-index:1}.micromag-screen-article-container .micromag-screen-article-layout{position:relative}.micromag-screen-article-container .micromag-screen-article-emptyAuthor,.micromag-screen-article-container .micromag-screen-article-emptySubtitle,.micromag-screen-article-container .micromag-screen-article-emptyText,.micromag-screen-article-container .micromag-screen-article-emptyTitle{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:10px auto;padding:12px 0 10px;width:100%}.micromag-screen-article-container .micromag-screen-article-emptyDate,.micromag-screen-article-container .micromag-screen-article-emptySurtitle{width:50%;-ms-flex-negative:0;border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);flex-shrink:0;margin:5px auto;padding:4px 0}.micromag-screen-article-container .micromag-screen-article-main.micromag-screen-article-hasText{margin-bottom:30px}.micromag-screen-article-container .micromag-screen-article-visualContainer{height:auto;left:0;position:absolute;top:0;width:100%;z-index:-1}.micromag-screen-article-container .micromag-screen-article-surtitle{font-size:12px;width:100%}.micromag-screen-article-container .micromag-screen-article-subtitle{font-size:12px;margin:10px 0 0;width:100%}.micromag-screen-article-container .micromag-screen-article-date{font-size:12px;text-align:right;width:100%}.micromag-screen-article-container .micromag-screen-article-title{margin:10px 0}.micromag-screen-article-container .micromag-screen-article-author{width:100%}.micromag-screen-article-container .micromag-screen-article-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.micromag-screen-article-container .micromag-screen-article-text blockquote,.micromag-screen-article-container .micromag-screen-article-text h2,.micromag-screen-article-container .micromag-screen-article-text h3,.micromag-screen-article-container .micromag-screen-article-text img,.micromag-screen-article-container .micromag-screen-article-text ol,.micromag-screen-article-container .micromag-screen-article-text p,.micromag-screen-article-container .micromag-screen-article-text ul{margin-bottom:1rem}.micromag-screen-article-container .micromag-screen-article-text blockquote:last-child,.micromag-screen-article-container .micromag-screen-article-text h2:last-child,.micromag-screen-article-container .micromag-screen-article-text h3:last-child,.micromag-screen-article-container .micromag-screen-article-text img:last-child,.micromag-screen-article-container .micromag-screen-article-text ol:last-child,.micromag-screen-article-container .micromag-screen-article-text p:last-child,.micromag-screen-article-container .micromag-screen-article-text ul:last-child{margin-bottom:0}.micromag-screen-article-container .micromag-screen-article-text h2{font-size:2em}.micromag-screen-article-container .micromag-screen-article-text h3{font-size:1.5em}.micromag-screen-article-container .micromag-screen-article-text ol,.micromag-screen-article-container .micromag-screen-article-text ul{list-style-position:inside}.micromag-screen-article-container .micromag-screen-article-text blockquote{border-left:1px solid;padding-left:.5em}.micromag-screen-article-container .micromag-screen-article-topContent{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.micromag-screen-article-container .micromag-screen-article-footer{-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.micromag-screen-article-container .micromag-screen-article-footer a{padding:0}.micromag-screen-article-container .micromag-screen-article-footer.micromag-screen-article-disabled{opacity:0;pointer-events:none}.micromag-screen-article-container.micromag-screen-article-isPlaceholder .micromag-screen-article-layout{padding:1.5em;padding:var(--mm-screen-placeholder-padding,1.5em)}
package/es/index.d.ts CHANGED
@@ -48,6 +48,7 @@ declare const _default: {
48
48
  };
49
49
  inline?: undefined;
50
50
  theme?: undefined;
51
+ isSection?: undefined;
51
52
  } | {
52
53
  name: string;
53
54
  type: string;
@@ -61,6 +62,7 @@ declare const _default: {
61
62
  defaultMessage: string;
62
63
  description: string;
63
64
  };
65
+ isSection?: undefined;
64
66
  } | {
65
67
  name: string;
66
68
  type: string;
@@ -68,6 +70,7 @@ declare const _default: {
68
70
  defaultMessage: string;
69
71
  description: string;
70
72
  };
73
+ isSection: boolean;
71
74
  theme: {
72
75
  badge: {
73
76
  label: {
@@ -97,6 +100,7 @@ declare const _default: {
97
100
  badge?: undefined;
98
101
  };
99
102
  inline?: undefined;
103
+ isSection?: undefined;
100
104
  })[];
101
105
  }[];
102
106
 
package/es/index.js CHANGED
@@ -125,6 +125,7 @@ function ArticleScreen({
125
125
  defaultMessage: "Image"
126
126
  }),
127
127
  emptyClassName: styles.emptyText,
128
+ placeholderClassName: "fs-1 mb-3",
128
129
  isEmpty: !hasImage,
129
130
  children: /*#__PURE__*/jsx("div", {
130
131
  ref: imageCntRef,
@@ -148,6 +149,7 @@ function ArticleScreen({
148
149
  defaultMessage: "Title"
149
150
  }),
150
151
  emptyClassName: styles.emptyTitle,
152
+ placeholderClassName: "mb-3",
151
153
  isEmpty: !hasTitle,
152
154
  children: hasTitle ? /*#__PURE__*/jsx(Heading, {
153
155
  className: styles.title,
@@ -161,6 +163,7 @@ function ArticleScreen({
161
163
  defaultMessage: "Surtitle"
162
164
  }),
163
165
  emptyClassName: styles.emptySurtitle,
166
+ placeholderClassName: "mb-2",
164
167
  isEmpty: !hasSurtitle,
165
168
  children: hasSurtitle ? /*#__PURE__*/jsx(Text, {
166
169
  className: styles.surtitle,
@@ -174,6 +177,7 @@ function ArticleScreen({
174
177
  defaultMessage: "Subtitle"
175
178
  }),
176
179
  emptyClassName: styles.emptySubtitle,
180
+ placeholderClassName: "mb-2",
177
181
  isEmpty: !hasSubtitle,
178
182
  children: hasSubtitle ? /*#__PURE__*/jsx(Text, {
179
183
  className: styles.subtitle,
@@ -187,6 +191,7 @@ function ArticleScreen({
187
191
  defaultMessage: "Date"
188
192
  }),
189
193
  emptyClassName: styles.emptyDate,
194
+ placeholderClassName: "mb-2",
190
195
  isEmpty: !hasDate,
191
196
  children: hasDate ? /*#__PURE__*/jsx(Text, {
192
197
  className: styles.date,
@@ -201,6 +206,7 @@ function ArticleScreen({
201
206
  defaultMessage: "Author"
202
207
  }),
203
208
  emptyClassName: styles.emptyAuthor,
209
+ placeholderClassName: "mb-2",
204
210
  isEmpty: !hasAuthor && !hasSimpleAuthor,
205
211
  children: [hasSimpleAuthor ? /*#__PURE__*/jsx(Text, {
206
212
  className: styles.author,
@@ -425,6 +431,7 @@ var definition = [{
425
431
  id: "rhuDxI",
426
432
  defaultMessage: "Header"
427
433
  }),
434
+ isSection: true,
428
435
  theme: {
429
436
  badge: {
430
437
  label: {
package/es/styles.css CHANGED
@@ -1 +1 @@
1
- .micromag-screen-article-container{position:relative}.micromag-screen-article-container .micromag-screen-article-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.micromag-screen-article-container .micromag-screen-article-content{z-index:1}.micromag-screen-article-container .micromag-screen-article-layout{position:relative}.micromag-screen-article-container .micromag-screen-article-emptyAuthor,.micromag-screen-article-container .micromag-screen-article-emptySubtitle,.micromag-screen-article-container .micromag-screen-article-emptyText,.micromag-screen-article-container .micromag-screen-article-emptyTitle{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:10px auto;padding:12px 0 10px;width:100%}.micromag-screen-article-container .micromag-screen-article-emptyDate,.micromag-screen-article-container .micromag-screen-article-emptySurtitle{width:50%;-ms-flex-negative:0;border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);flex-shrink:0;margin:5px auto;padding:4px 0}.micromag-screen-article-container .micromag-screen-article-main.micromag-screen-article-hasText{margin-bottom:30px}.micromag-screen-article-container .micromag-screen-article-visualContainer{height:auto;left:0;position:absolute;top:0;width:100%;z-index:-1}.micromag-screen-article-container .micromag-screen-article-surtitle{font-size:12px;width:100%}.micromag-screen-article-container .micromag-screen-article-subtitle{font-size:12px;margin:10px 0 0;width:100%}.micromag-screen-article-container .micromag-screen-article-date{font-size:12px;text-align:right;width:100%}.micromag-screen-article-container .micromag-screen-article-title{margin:10px 0}.micromag-screen-article-container .micromag-screen-article-author{width:100%}.micromag-screen-article-container .micromag-screen-article-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.micromag-screen-article-container .micromag-screen-article-text blockquote,.micromag-screen-article-container .micromag-screen-article-text h2,.micromag-screen-article-container .micromag-screen-article-text h3,.micromag-screen-article-container .micromag-screen-article-text img,.micromag-screen-article-container .micromag-screen-article-text ol,.micromag-screen-article-container .micromag-screen-article-text p,.micromag-screen-article-container .micromag-screen-article-text ul{margin-bottom:1rem}.micromag-screen-article-container .micromag-screen-article-text blockquote:last-child,.micromag-screen-article-container .micromag-screen-article-text h2:last-child,.micromag-screen-article-container .micromag-screen-article-text h3:last-child,.micromag-screen-article-container .micromag-screen-article-text img:last-child,.micromag-screen-article-container .micromag-screen-article-text ol:last-child,.micromag-screen-article-container .micromag-screen-article-text p:last-child,.micromag-screen-article-container .micromag-screen-article-text ul:last-child{margin-bottom:0}.micromag-screen-article-container .micromag-screen-article-text h2{font-size:2em}.micromag-screen-article-container .micromag-screen-article-text h3{font-size:1.5em}.micromag-screen-article-container .micromag-screen-article-text ol,.micromag-screen-article-container .micromag-screen-article-text ul{list-style-position:inside}.micromag-screen-article-container .micromag-screen-article-text blockquote{border-left:1px solid;padding-left:.5em}.micromag-screen-article-container .micromag-screen-article-topContent{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.micromag-screen-article-container .micromag-screen-article-footer{-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.micromag-screen-article-container .micromag-screen-article-footer a{padding:0}.micromag-screen-article-container .micromag-screen-article-footer.micromag-screen-article-disabled{opacity:0;pointer-events:none}.micromag-screen-article-container.micromag-screen-article-isPlaceholder .micromag-screen-article-layout{padding:10px}
1
+ .micromag-screen-article-container{position:relative}.micromag-screen-article-container .micromag-screen-article-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.micromag-screen-article-container .micromag-screen-article-content{z-index:1}.micromag-screen-article-container .micromag-screen-article-layout{position:relative}.micromag-screen-article-container .micromag-screen-article-emptyAuthor,.micromag-screen-article-container .micromag-screen-article-emptySubtitle,.micromag-screen-article-container .micromag-screen-article-emptyText,.micromag-screen-article-container .micromag-screen-article-emptyTitle{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:10px auto;padding:12px 0 10px;width:100%}.micromag-screen-article-container .micromag-screen-article-emptyDate,.micromag-screen-article-container .micromag-screen-article-emptySurtitle{width:50%;-ms-flex-negative:0;border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);flex-shrink:0;margin:5px auto;padding:4px 0}.micromag-screen-article-container .micromag-screen-article-main.micromag-screen-article-hasText{margin-bottom:30px}.micromag-screen-article-container .micromag-screen-article-visualContainer{height:auto;left:0;position:absolute;top:0;width:100%;z-index:-1}.micromag-screen-article-container .micromag-screen-article-surtitle{font-size:12px;width:100%}.micromag-screen-article-container .micromag-screen-article-subtitle{font-size:12px;margin:10px 0 0;width:100%}.micromag-screen-article-container .micromag-screen-article-date{font-size:12px;text-align:right;width:100%}.micromag-screen-article-container .micromag-screen-article-title{margin:10px 0}.micromag-screen-article-container .micromag-screen-article-author{width:100%}.micromag-screen-article-container .micromag-screen-article-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.micromag-screen-article-container .micromag-screen-article-text blockquote,.micromag-screen-article-container .micromag-screen-article-text h2,.micromag-screen-article-container .micromag-screen-article-text h3,.micromag-screen-article-container .micromag-screen-article-text img,.micromag-screen-article-container .micromag-screen-article-text ol,.micromag-screen-article-container .micromag-screen-article-text p,.micromag-screen-article-container .micromag-screen-article-text ul{margin-bottom:1rem}.micromag-screen-article-container .micromag-screen-article-text blockquote:last-child,.micromag-screen-article-container .micromag-screen-article-text h2:last-child,.micromag-screen-article-container .micromag-screen-article-text h3:last-child,.micromag-screen-article-container .micromag-screen-article-text img:last-child,.micromag-screen-article-container .micromag-screen-article-text ol:last-child,.micromag-screen-article-container .micromag-screen-article-text p:last-child,.micromag-screen-article-container .micromag-screen-article-text ul:last-child{margin-bottom:0}.micromag-screen-article-container .micromag-screen-article-text h2{font-size:2em}.micromag-screen-article-container .micromag-screen-article-text h3{font-size:1.5em}.micromag-screen-article-container .micromag-screen-article-text ol,.micromag-screen-article-container .micromag-screen-article-text ul{list-style-position:inside}.micromag-screen-article-container .micromag-screen-article-text blockquote{border-left:1px solid;padding-left:.5em}.micromag-screen-article-container .micromag-screen-article-topContent{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.micromag-screen-article-container .micromag-screen-article-footer{-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.micromag-screen-article-container .micromag-screen-article-footer a{padding:0}.micromag-screen-article-container .micromag-screen-article-footer.micromag-screen-article-disabled{opacity:0;pointer-events:none}.micromag-screen-article-container.micromag-screen-article-isPlaceholder .micromag-screen-article-layout{padding:1.5em;padding:var(--mm-screen-placeholder-padding,1.5em)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-article",
3
- "version": "0.4.89",
3
+ "version": "0.4.90-alpha.3",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [
@@ -58,19 +58,19 @@
58
58
  },
59
59
  "dependencies": {
60
60
  "@babel/runtime": "^7.28.6",
61
- "@micromag/core": "^0.4.88",
62
- "@micromag/element-author": "^0.4.89",
63
- "@micromag/element-background": "^0.4.88",
64
- "@micromag/element-container": "^0.4.88",
65
- "@micromag/element-footer": "^0.4.89",
66
- "@micromag/element-header": "^0.4.88",
67
- "@micromag/element-heading": "^0.4.88",
68
- "@micromag/element-layout": "^0.4.88",
69
- "@micromag/element-scroll": "^0.4.89",
70
- "@micromag/element-stack": "^0.4.88",
71
- "@micromag/element-text": "^0.4.88",
72
- "@micromag/element-visual": "^0.4.89",
73
- "@micromag/transforms": "^0.4.88",
61
+ "@micromag/core": "^0.4.90-alpha.3",
62
+ "@micromag/element-author": "^0.4.90-alpha.3",
63
+ "@micromag/element-background": "^0.4.90-alpha.3",
64
+ "@micromag/element-container": "^0.4.90-alpha.3",
65
+ "@micromag/element-footer": "^0.4.90-alpha.3",
66
+ "@micromag/element-header": "^0.4.90-alpha.3",
67
+ "@micromag/element-heading": "^0.4.90-alpha.3",
68
+ "@micromag/element-layout": "^0.4.90-alpha.3",
69
+ "@micromag/element-scroll": "^0.4.90-alpha.3",
70
+ "@micromag/element-stack": "^0.4.90-alpha.3",
71
+ "@micromag/element-text": "^0.4.90-alpha.3",
72
+ "@micromag/element-visual": "^0.4.90-alpha.3",
73
+ "@micromag/transforms": "^0.4.90-alpha.3",
74
74
  "classnames": "^2.2.6",
75
75
  "dayjs": "^1.11.10",
76
76
  "lodash": "^4.17.23",
@@ -81,6 +81,6 @@
81
81
  "access": "public",
82
82
  "registry": "https://registry.npmjs.org/"
83
83
  },
84
- "gitHead": "b22ccb83a7c0679970a453b09e2be779ed68f839",
84
+ "gitHead": "689d8c3e98fba05ccc291aa1c9997d0b89bb5fc1",
85
85
  "types": "es/index.d.ts"
86
86
  }