@micromag/screen-title 0.4.89 → 0.4.90-alpha.1

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 (4) hide show
  1. package/assets/css/styles.css +1 -1
  2. package/es/index.js +2 -0
  3. package/es/styles.css +1 -1
  4. package/package.json +11 -11
package/assets/css/styles.css CHANGED
@@ -1 +1 @@
1
- .micromag-screen-title-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-title-container .micromag-screen-title-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.micromag-screen-title-container .micromag-screen-title-content{z-index:1}.micromag-screen-title-container .micromag-screen-title-emptyDescription,.micromag-screen-title-container .micromag-screen-title-emptySubtitle,.micromag-screen-title-container .micromag-screen-title-emptyTitle{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:10px auto;width:100%}.micromag-screen-title-container .micromag-screen-title-emptyTitle{height:100px}.micromag-screen-title-container .micromag-screen-title-emptyDescription,.micromag-screen-title-container .micromag-screen-title-emptySubtitle{height:50px}.micromag-screen-title-container .micromag-screen-title-subtitle.micromag-screen-title-withMargin,.micromag-screen-title-container .micromag-screen-title-title.micromag-screen-title-withMargin{margin-bottom:.2em}.micromag-screen-title-container .micromag-screen-title-box{padding:.5em}.micromag-screen-title-container.micromag-screen-title-isPlaceholder .micromag-screen-title-layout{padding:10px}.micromag-screen-title-container.micromag-screen-title-isPlaceholder .micromag-screen-title-box{border:2px solid hsla(0,0%,100%,.5);mix-blend-mode:difference}
1
+ .micromag-screen-title-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-title-container .micromag-screen-title-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.micromag-screen-title-container .micromag-screen-title-content{z-index:1}.micromag-screen-title-container .micromag-screen-title-emptyDescription,.micromag-screen-title-container .micromag-screen-title-emptySubtitle,.micromag-screen-title-container .micromag-screen-title-emptyTitle{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:10px auto;width:100%}.micromag-screen-title-container .micromag-screen-title-emptyTitle{height:100px}.micromag-screen-title-container .micromag-screen-title-emptyDescription,.micromag-screen-title-container .micromag-screen-title-emptySubtitle{height:50px}.micromag-screen-title-container .micromag-screen-title-subtitle.micromag-screen-title-withMargin,.micromag-screen-title-container .micromag-screen-title-title.micromag-screen-title-withMargin{margin-bottom:.2em}.micromag-screen-title-container .micromag-screen-title-box{padding:.5em}.micromag-screen-title-container.micromag-screen-title-isPlaceholder .micromag-screen-title-layout{padding:1.5em;padding:var(--mm-screen-placeholder-padding,1.5em)}.micromag-screen-title-container.micromag-screen-title-isPlaceholder .micromag-screen-title-box{border:2px solid hsla(0,0%,100%,.5)}
package/es/index.js CHANGED
@@ -107,6 +107,7 @@ function TitleScreen({
107
107
  defaultMessage: "Subtitle"
108
108
  }),
109
109
  emptyClassName: styles.emptySubtitle,
110
+ placeholderClassName: "mt-3",
110
111
  isEmpty: !hasSubtitle,
111
112
  children: hasSubtitle ? /*#__PURE__*/jsx(Heading, {
112
113
  className: classNames([styles.subtitle, {
@@ -121,6 +122,7 @@ function TitleScreen({
121
122
  emptyLabel: descriptionEmptyLabel,
122
123
  emptyClassName: styles.emptyDescription,
123
124
  isEmpty: !hasDescription,
125
+ placeholderClassName: "mt-4",
124
126
  children: hasDescription ? /*#__PURE__*/jsx(Text, {
125
127
  ...description
126
128
  }) : null
package/es/styles.css CHANGED
@@ -1 +1 @@
1
- .micromag-screen-title-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-title-container .micromag-screen-title-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.micromag-screen-title-container .micromag-screen-title-content{z-index:1}.micromag-screen-title-container .micromag-screen-title-emptyDescription,.micromag-screen-title-container .micromag-screen-title-emptySubtitle,.micromag-screen-title-container .micromag-screen-title-emptyTitle{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:10px auto;width:100%}.micromag-screen-title-container .micromag-screen-title-emptyTitle{height:100px}.micromag-screen-title-container .micromag-screen-title-emptyDescription,.micromag-screen-title-container .micromag-screen-title-emptySubtitle{height:50px}.micromag-screen-title-container .micromag-screen-title-subtitle.micromag-screen-title-withMargin,.micromag-screen-title-container .micromag-screen-title-title.micromag-screen-title-withMargin{margin-bottom:.2em}.micromag-screen-title-container .micromag-screen-title-box{padding:.5em}.micromag-screen-title-container.micromag-screen-title-isPlaceholder .micromag-screen-title-layout{padding:10px}.micromag-screen-title-container.micromag-screen-title-isPlaceholder .micromag-screen-title-box{border:2px solid hsla(0,0%,100%,.5);mix-blend-mode:difference}
1
+ .micromag-screen-title-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-title-container .micromag-screen-title-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.micromag-screen-title-container .micromag-screen-title-content{z-index:1}.micromag-screen-title-container .micromag-screen-title-emptyDescription,.micromag-screen-title-container .micromag-screen-title-emptySubtitle,.micromag-screen-title-container .micromag-screen-title-emptyTitle{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:10px auto;width:100%}.micromag-screen-title-container .micromag-screen-title-emptyTitle{height:100px}.micromag-screen-title-container .micromag-screen-title-emptyDescription,.micromag-screen-title-container .micromag-screen-title-emptySubtitle{height:50px}.micromag-screen-title-container .micromag-screen-title-subtitle.micromag-screen-title-withMargin,.micromag-screen-title-container .micromag-screen-title-title.micromag-screen-title-withMargin{margin-bottom:.2em}.micromag-screen-title-container .micromag-screen-title-box{padding:.5em}.micromag-screen-title-container.micromag-screen-title-isPlaceholder .micromag-screen-title-layout{padding:1.5em;padding:var(--mm-screen-placeholder-padding,1.5em)}.micromag-screen-title-container.micromag-screen-title-isPlaceholder .micromag-screen-title-box{border:2px solid hsla(0,0%,100%,.5)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-title",
3
- "version": "0.4.89",
3
+ "version": "0.4.90-alpha.1",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [
@@ -62,15 +62,15 @@
62
62
  },
63
63
  "dependencies": {
64
64
  "@babel/runtime": "^7.28.6",
65
- "@micromag/core": "^0.4.88",
66
- "@micromag/element-background": "^0.4.88",
67
- "@micromag/element-container": "^0.4.88",
68
- "@micromag/element-footer": "^0.4.89",
69
- "@micromag/element-header": "^0.4.88",
70
- "@micromag/element-heading": "^0.4.88",
71
- "@micromag/element-layout": "^0.4.88",
72
- "@micromag/element-text": "^0.4.88",
73
- "@micromag/transforms": "^0.4.88",
65
+ "@micromag/core": "^0.4.90-alpha.1",
66
+ "@micromag/element-background": "^0.4.90-alpha.1",
67
+ "@micromag/element-container": "^0.4.90-alpha.1",
68
+ "@micromag/element-footer": "^0.4.90-alpha.1",
69
+ "@micromag/element-header": "^0.4.90-alpha.1",
70
+ "@micromag/element-heading": "^0.4.90-alpha.1",
71
+ "@micromag/element-layout": "^0.4.90-alpha.1",
72
+ "@micromag/element-text": "^0.4.90-alpha.1",
73
+ "@micromag/transforms": "^0.4.90-alpha.1",
74
74
  "classnames": "^2.2.6",
75
75
  "lodash": "^4.17.23",
76
76
  "react-intl": "^8.1.3 || ^10.0.0",
@@ -80,6 +80,6 @@
80
80
  "access": "public",
81
81
  "registry": "https://registry.npmjs.org/"
82
82
  },
83
- "gitHead": "b22ccb83a7c0679970a453b09e2be779ed68f839",
83
+ "gitHead": "a13dd2242ee733dc3b3663354783f0b4395f9926",
84
84
  "types": "es/index.d.ts"
85
85
  }