@micromag/screen-urbania-horoscope 0.3.95 → 0.3.96
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/assets/css/styles.css +1 -1
- package/es/index.js +38 -30
- package/lib/index.js +38 -30
- package/package.json +3 -3
package/assets/css/styles.css
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
.micromag-screen-urbania-horoscope-sign-modal-container{width:100%;height:100%;overflow:hidden}.micromag-screen-urbania-horoscope-sign-modal-disabled.micromag-screen-urbania-horoscope-sign-modal-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-horoscope-sign-modal-hidden.micromag-screen-urbania-horoscope-sign-modal-container{display:none;visibility:hidden}.micromag-screen-urbania-horoscope-sign-modal-placeholder.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-content{position:relative;padding:6px}.micromag-screen-urbania-horoscope-sign-modal-container{position:relative;z-index:4}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-backButton{position:absolute;top:7px;left:5px;height:36px;padding-left:10%;border-radius:25px;background-color:#fff;-webkit-box-shadow:0 0 0 2px hsla(0,0%,100%,.85),0 0 4px #010f66;box-shadow:0 0 0 2px hsla(0,0%,100%,.85),0 0 4px #010f66;color:#010f66;font-family:Agrandir Tight,sans-serif;font-weight:400;line-height:1}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-arrow{padding-right:5px;font-size:20px;vertical-align:middle}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-modalContainer{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;margin:60px 18px 30px;padding:10px;border-radius:22px;background-color:#0ff;-webkit-box-shadow:0 0 4px #010f66;box-shadow:0 0 4px #010f66;color:#1d3af2}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-signName{padding:7px auto 5px;font-family:Agrandir Tight,sans-serif;font-weight:900;text-transform:uppercase}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-wordContainer{margin-bottom:5px;padding:8px 6px 6px;border:1px solid #1d3af2;border-radius:9px;text-transform:uppercase}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-wordTitle{padding-bottom:2px;font-family:Agrandir Tight,sans-serif;font-size:8px;font-weight:500;letter-spacing:.03rem}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-word{font-family:Agrandir Narrow,sans-serif;font-size:16px;font-weight:700}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-description{padding-bottom:5px;font-family:Roboto,sans-serif;font-size:12px;line-height:1.2}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-description p{margin-bottom:1em}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-description p:last-child{margin-bottom:0}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-image{width:85%;height:auto;margin:0 auto}
|
|
2
|
-
.micromag-screen-urbania-horoscope-signs-grid-container{width:100%;height:100%;overflow:hidden}.micromag-screen-urbania-horoscope-signs-grid-disabled.micromag-screen-urbania-horoscope-signs-grid-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-horoscope-signs-grid-hidden.micromag-screen-urbania-horoscope-signs-grid-container{display:none;visibility:hidden}.micromag-screen-urbania-horoscope-signs-grid-placeholder.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-content{position:relative;padding:6px}.micromag-screen-urbania-horoscope-signs-grid-container{display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;z-index:2;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;text-align:center}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-closeButton{position:absolute;z-index:5;top:
|
|
2
|
+
.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-closeButton{display:inline-block;position:relative;padding:0;border:0;background:rgba(0,0,0,0);color:inherit;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.micromag-screen-urbania-horoscope-signs-grid-container{width:100%;height:100%;overflow:hidden}.micromag-screen-urbania-horoscope-signs-grid-disabled.micromag-screen-urbania-horoscope-signs-grid-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-horoscope-signs-grid-hidden.micromag-screen-urbania-horoscope-signs-grid-container{display:none;visibility:hidden}.micromag-screen-urbania-horoscope-signs-grid-placeholder.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-content{position:relative;padding:6px}.micromag-screen-urbania-horoscope-signs-grid-container{display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;z-index:2;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;text-align:center}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-closeButton{position:absolute;z-index:5;top:5px;right:5px;color:#222}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-gridContainer{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:30px}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-gridContainer.micromag-screen-urbania-horoscope-signs-grid-isPlaceholder{padding:0}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-signPlaceholder{width:30px;height:30px;margin:1px;background-color:#b3b3b3}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-gridElement{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;width:80px;height:85px;margin-bottom:8px;padding:5px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;border:0;border-radius:16px;background-color:#1d3af2}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-gridElement:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-image{max-height:44px;padding-bottom:4px}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-signName{width:100%;margin-bottom:4px;padding:2px 5px 1px;border-radius:24px;background-color:#fffc00;-webkit-box-shadow:0 0 0 2px rgba(255,250,0,.6);box-shadow:0 0 0 2px rgba(255,250,0,.6);color:#222;font-family:Agrandir Tight,sans-serif;font-size:12px;font-weight:700}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-date{color:#fffa00;font-family:Agrandir,sans-serif;font-size:8px}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-backButton{position:absolute;z-index:5;top:10px;left:0;height:34px;padding-left:20px;border-top-right-radius:25px;border-bottom-right-radius:25px;background-color:#fff;-webkit-box-shadow:0 0 0 2px hsla(0,0%,100%,.85),0 0 4px #010f66;box-shadow:0 0 0 2px hsla(0,0%,100%,.85),0 0 4px #010f66;color:#010f66;font-family:Agrandir Tight,sans-serif;font-size:12px;font-weight:400;line-height:1}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-arrow{padding-right:5px;padding-bottom:2px;font-size:20px;vertical-align:middle}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-arrow,.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-backLabel{display:inline-block}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-modalContainer{position:absolute;top:0;right:0;left:0}.micromag-screen-urbania-horoscope-signs-grid-gridContainer.micromag-screen-urbania-horoscope-signs-grid-enter{z-index:1;-webkit-transition:opacity .5s ease-out;-o-transition:opacity .5s ease-out;transition:opacity .5s ease-out;opacity:0}.micromag-screen-urbania-horoscope-signs-grid-gridContainer.micromag-screen-urbania-horoscope-signs-grid-enterActive{opacity:1}.micromag-screen-urbania-horoscope-signs-grid-gridContainer.micromag-screen-urbania-horoscope-signs-grid-exit{z-index:2;-webkit-transition:opacity .8s ease-out;-o-transition:opacity .8s ease-out;transition:opacity .8s ease-out;opacity:1}.micromag-screen-urbania-horoscope-signs-grid-gridContainer.micromag-screen-urbania-horoscope-signs-grid-exitActive{opacity:0}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-enter .micromag-screen-urbania-horoscope-signs-grid-signModal{z-index:1;-webkit-transform:scale(20%);-ms-transform:scale(20%);transform:scale(20%);-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-enter .micromag-screen-urbania-horoscope-signs-grid-backButton{z-index:1;-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px);-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;opacity:0}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-enterActive .micromag-screen-urbania-horoscope-signs-grid-signModal{-webkit-transform:scale(100%);-ms-transform:scale(100%);transform:scale(100%)}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-enterActive .micromag-screen-urbania-horoscope-signs-grid-backButton{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-exit{z-index:2;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-exit .micromag-screen-urbania-horoscope-signs-grid-backButton,.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-exit .micromag-screen-urbania-horoscope-signs-grid-signModal{z-index:2;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;opacity:1}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-exitActive .micromag-screen-urbania-horoscope-signs-grid-signModal{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-exitActive .micromag-screen-urbania-horoscope-signs-grid-backButton{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px);opacity:0}
|
|
3
3
|
.micromag-screen-urbania-horoscope-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-urbania-horoscope-disabled.micromag-screen-urbania-horoscope-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-horoscope-hidden.micromag-screen-urbania-horoscope-container{display:none;visibility:hidden}.micromag-screen-urbania-horoscope-placeholder.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-content{position:relative;padding:6px}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-emptyText,.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-emptyTitle{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-layout{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;text-align:center}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-emptyText,.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-emptyTitle{width:100%;margin:10px auto}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-emptyTitle{height:100px}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-emptyText{height:50px}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-headerContainer{width:280px}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-title{color:#0ff;font-family:Agrandir Tight,sans-serif;font-size:48px;font-weight:700;letter-spacing:-1px;text-shadow:-3px -3px 0 #000f66;text-transform:uppercase;-webkit-text-stroke:1px #000f66}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-title,.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-titleImage{-webkit-filter:drop-shadow(0 0 6px rgba(0,0,0,.7));filter:drop-shadow(0 0 6px rgba(0,0,0,.7))}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-titleImage{width:100%;height:auto}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-titlePlaceholder{padding:10px;background-color:#343434}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-description{margin-bottom:8px;padding:10px;color:#0ff;font-family:Agrandir Tight,sans-serif;font-size:18px;font-weight:700;-webkit-filter:drop-shadow(0 0 3px rgba(0,0,0,.7));filter:drop-shadow(0 0 3px rgba(0,0,0,.7))}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-descriptionPlaceholder{padding:10px 10px 30px}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-author{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;-webkit-filter:drop-shadow(0 0 3px rgba(0,0,0,.7));filter:drop-shadow(0 0 3px rgba(0,0,0,.7))}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-button{padding:8px 15px 4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;border-radius:24px;background-color:#fffc00;-webkit-box-shadow:0 0 0 6px rgba(255,250,0,.6);box-shadow:0 0 0 6px rgba(255,250,0,.6)}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-button .micromag-screen-urbania-horoscope-buttonLabel{color:#000;font-family:Agrandir Tight,sans-serif;font-size:22px;font-weight:700;letter-spacing:.03rem}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-button:hover{-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02)}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-signsGrid{position:absolute;bottom:0;left:0}.micromag-screen-urbania-horoscope-container.micromag-screen-urbania-horoscope-isPlaceholder .micromag-screen-urbania-horoscope-layout{padding:10px}.micromag-screen-urbania-horoscope-enter{z-index:1;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out}.micromag-screen-urbania-horoscope-enterActive,.micromag-screen-urbania-horoscope-exit{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.micromag-screen-urbania-horoscope-exit{z-index:2;-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out}.micromag-screen-urbania-horoscope-exitActive{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}
|
package/es/index.js
CHANGED
|
@@ -131,52 +131,60 @@ SignModal.propTypes = propTypes$3;
|
|
|
131
131
|
SignModal.defaultProps = defaultProps$3;
|
|
132
132
|
|
|
133
133
|
var propTypes$2 = {
|
|
134
|
-
|
|
134
|
+
stroke: PropTypes.string,
|
|
135
|
+
border: PropTypes.string,
|
|
136
|
+
fill: PropTypes.string,
|
|
135
137
|
className: PropTypes.string
|
|
136
138
|
};
|
|
137
139
|
var defaultProps$2 = {
|
|
138
|
-
|
|
140
|
+
stroke: 'currentColor',
|
|
141
|
+
border: 'rgba(255,255,255,0.67)',
|
|
142
|
+
fill: '#fff',
|
|
139
143
|
className: null
|
|
140
144
|
};
|
|
141
145
|
|
|
142
146
|
var Close = function Close(_ref) {
|
|
143
|
-
var
|
|
147
|
+
var stroke = _ref.stroke,
|
|
148
|
+
border = _ref.border,
|
|
149
|
+
fill = _ref.fill,
|
|
144
150
|
className = _ref.className;
|
|
145
151
|
return /*#__PURE__*/React.createElement("svg", {
|
|
146
152
|
xmlns: "http://www.w3.org/2000/svg",
|
|
147
|
-
width: "
|
|
148
|
-
height: "
|
|
149
|
-
viewBox: "0 0
|
|
153
|
+
width: "42.9",
|
|
154
|
+
height: "42.9",
|
|
155
|
+
viewBox: "0 0 42.9 42.9",
|
|
150
156
|
className: className
|
|
151
157
|
}, /*#__PURE__*/React.createElement("g", {
|
|
152
|
-
|
|
153
|
-
"data-name": "Groupe 34",
|
|
154
|
-
transform: "translate(1.414 1.414)"
|
|
158
|
+
transform: "translate(-352.531 -47.531)"
|
|
155
159
|
}, /*#__PURE__*/React.createElement("path", {
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
160
|
+
fill: border,
|
|
161
|
+
d: "M374,47.5c11.9,0,21.5,9.6,21.5,21.5s-9.6,21.5-21.5,21.5s-21.5-9.6-21.5-21.5c0,0,0,0,0,0 C352.5,57.1,362.1,47.5,374,47.5z"
|
|
162
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
163
|
+
fill: fill,
|
|
164
|
+
d: "M374,50c10.5,0,19,8.5,19,19s-8.5,19-19,19s-19-8.5-19-19S363.5,50,374,50z"
|
|
165
|
+
}), /*#__PURE__*/React.createElement("g", {
|
|
166
|
+
transform: "translate(366.893 61.893)"
|
|
167
|
+
}, /*#__PURE__*/React.createElement("g", {
|
|
168
|
+
transform: "translate(0 0)"
|
|
169
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
170
|
+
fill: fill,
|
|
171
|
+
stroke: stroke,
|
|
172
|
+
strokeWidth: "2",
|
|
162
173
|
strokeLinecap: "round",
|
|
163
|
-
|
|
174
|
+
d: "M14.2,0.3L0,13.9"
|
|
164
175
|
}), /*#__PURE__*/React.createElement("path", {
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
transform: "translate(0.275 14.214) rotate(-90)",
|
|
169
|
-
fill: "#fff",
|
|
170
|
-
stroke: color,
|
|
176
|
+
fill: fill,
|
|
177
|
+
stroke: stroke,
|
|
178
|
+
strokeWidth: "2",
|
|
171
179
|
strokeLinecap: "round",
|
|
172
|
-
|
|
173
|
-
})));
|
|
180
|
+
d: "M0.3,0l13.7,14.2"
|
|
181
|
+
})))));
|
|
174
182
|
};
|
|
175
183
|
|
|
176
184
|
Close.propTypes = propTypes$2;
|
|
177
185
|
Close.defaultProps = defaultProps$2;
|
|
178
186
|
|
|
179
|
-
var styles$1 = {"container":"micromag-screen-urbania-horoscope-signs-grid-container","
|
|
187
|
+
var styles$1 = {"container":"micromag-screen-urbania-horoscope-signs-grid-container","closeButton":"micromag-screen-urbania-horoscope-signs-grid-closeButton","disabled":"micromag-screen-urbania-horoscope-signs-grid-disabled","hidden":"micromag-screen-urbania-horoscope-signs-grid-hidden","placeholder":"micromag-screen-urbania-horoscope-signs-grid-placeholder","content":"micromag-screen-urbania-horoscope-signs-grid-content","gridContainer":"micromag-screen-urbania-horoscope-signs-grid-gridContainer","isPlaceholder":"micromag-screen-urbania-horoscope-signs-grid-isPlaceholder","signPlaceholder":"micromag-screen-urbania-horoscope-signs-grid-signPlaceholder","gridElement":"micromag-screen-urbania-horoscope-signs-grid-gridElement","image":"micromag-screen-urbania-horoscope-signs-grid-image","signName":"micromag-screen-urbania-horoscope-signs-grid-signName","date":"micromag-screen-urbania-horoscope-signs-grid-date","backButton":"micromag-screen-urbania-horoscope-signs-grid-backButton","arrow":"micromag-screen-urbania-horoscope-signs-grid-arrow","backLabel":"micromag-screen-urbania-horoscope-signs-grid-backLabel","modalContainer":"micromag-screen-urbania-horoscope-signs-grid-modalContainer","enter":"micromag-screen-urbania-horoscope-signs-grid-enter","enterActive":"micromag-screen-urbania-horoscope-signs-grid-enterActive","exit":"micromag-screen-urbania-horoscope-signs-grid-exit","exitActive":"micromag-screen-urbania-horoscope-signs-grid-exitActive","signModal":"micromag-screen-urbania-horoscope-signs-grid-signModal"};
|
|
180
188
|
|
|
181
189
|
var defaultBackground = {
|
|
182
190
|
image: {
|
|
@@ -269,9 +277,7 @@ var SignsGrid = function SignsGrid(_ref) {
|
|
|
269
277
|
}, !isPlaceholder ? /*#__PURE__*/React.createElement(Button, {
|
|
270
278
|
onClick: closeButton,
|
|
271
279
|
className: styles$1.closeButton
|
|
272
|
-
}, /*#__PURE__*/React.createElement(Close, {
|
|
273
|
-
className: styles$1.closeX
|
|
274
|
-
})) : null, /*#__PURE__*/React.createElement(TransitionGroup, null, !activeSignId ? /*#__PURE__*/React.createElement(CSSTransition, {
|
|
280
|
+
}, /*#__PURE__*/React.createElement(Close, null)) : null, /*#__PURE__*/React.createElement(TransitionGroup, null, !activeSignId ? /*#__PURE__*/React.createElement(CSSTransition, {
|
|
275
281
|
key: "grid",
|
|
276
282
|
classNames: styles$1,
|
|
277
283
|
timeout: transitionDisabled ? 0 : 1000
|
|
@@ -330,13 +336,15 @@ var SignsGrid = function SignsGrid(_ref) {
|
|
|
330
336
|
className: styles$1.backButton
|
|
331
337
|
}, /*#__PURE__*/React.createElement("span", {
|
|
332
338
|
className: styles$1.arrow
|
|
333
|
-
}, "\u2190"), /*#__PURE__*/React.createElement(
|
|
339
|
+
}, "\u2190"), /*#__PURE__*/React.createElement("span", {
|
|
340
|
+
className: styles$1.backLabel
|
|
341
|
+
}, /*#__PURE__*/React.createElement(FormattedMessage, {
|
|
334
342
|
id: "keK5s0",
|
|
335
343
|
defaultMessage: [{
|
|
336
344
|
"type": 0,
|
|
337
345
|
"value": "Back to the Signs"
|
|
338
346
|
}]
|
|
339
|
-
})), /*#__PURE__*/React.createElement(SignModal, {
|
|
347
|
+
}))), /*#__PURE__*/React.createElement(SignModal, {
|
|
340
348
|
width: width,
|
|
341
349
|
height: height,
|
|
342
350
|
className: styles$1.signModal,
|
package/lib/index.js
CHANGED
|
@@ -165,52 +165,60 @@ SignModal.propTypes = propTypes$3;
|
|
|
165
165
|
SignModal.defaultProps = defaultProps$3;
|
|
166
166
|
|
|
167
167
|
var propTypes$2 = {
|
|
168
|
-
|
|
168
|
+
stroke: PropTypes__default["default"].string,
|
|
169
|
+
border: PropTypes__default["default"].string,
|
|
170
|
+
fill: PropTypes__default["default"].string,
|
|
169
171
|
className: PropTypes__default["default"].string
|
|
170
172
|
};
|
|
171
173
|
var defaultProps$2 = {
|
|
172
|
-
|
|
174
|
+
stroke: 'currentColor',
|
|
175
|
+
border: 'rgba(255,255,255,0.67)',
|
|
176
|
+
fill: '#fff',
|
|
173
177
|
className: null
|
|
174
178
|
};
|
|
175
179
|
|
|
176
180
|
var Close = function Close(_ref) {
|
|
177
|
-
var
|
|
181
|
+
var stroke = _ref.stroke,
|
|
182
|
+
border = _ref.border,
|
|
183
|
+
fill = _ref.fill,
|
|
178
184
|
className = _ref.className;
|
|
179
185
|
return /*#__PURE__*/React__default["default"].createElement("svg", {
|
|
180
186
|
xmlns: "http://www.w3.org/2000/svg",
|
|
181
|
-
width: "
|
|
182
|
-
height: "
|
|
183
|
-
viewBox: "0 0
|
|
187
|
+
width: "42.9",
|
|
188
|
+
height: "42.9",
|
|
189
|
+
viewBox: "0 0 42.9 42.9",
|
|
184
190
|
className: className
|
|
185
191
|
}, /*#__PURE__*/React__default["default"].createElement("g", {
|
|
186
|
-
|
|
187
|
-
"data-name": "Groupe 34",
|
|
188
|
-
transform: "translate(1.414 1.414)"
|
|
192
|
+
transform: "translate(-352.531 -47.531)"
|
|
189
193
|
}, /*#__PURE__*/React__default["default"].createElement("path", {
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
194
|
+
fill: border,
|
|
195
|
+
d: "M374,47.5c11.9,0,21.5,9.6,21.5,21.5s-9.6,21.5-21.5,21.5s-21.5-9.6-21.5-21.5c0,0,0,0,0,0 C352.5,57.1,362.1,47.5,374,47.5z"
|
|
196
|
+
}), /*#__PURE__*/React__default["default"].createElement("path", {
|
|
197
|
+
fill: fill,
|
|
198
|
+
d: "M374,50c10.5,0,19,8.5,19,19s-8.5,19-19,19s-19-8.5-19-19S363.5,50,374,50z"
|
|
199
|
+
}), /*#__PURE__*/React__default["default"].createElement("g", {
|
|
200
|
+
transform: "translate(366.893 61.893)"
|
|
201
|
+
}, /*#__PURE__*/React__default["default"].createElement("g", {
|
|
202
|
+
transform: "translate(0 0)"
|
|
203
|
+
}, /*#__PURE__*/React__default["default"].createElement("path", {
|
|
204
|
+
fill: fill,
|
|
205
|
+
stroke: stroke,
|
|
206
|
+
strokeWidth: "2",
|
|
196
207
|
strokeLinecap: "round",
|
|
197
|
-
|
|
208
|
+
d: "M14.2,0.3L0,13.9"
|
|
198
209
|
}), /*#__PURE__*/React__default["default"].createElement("path", {
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
transform: "translate(0.275 14.214) rotate(-90)",
|
|
203
|
-
fill: "#fff",
|
|
204
|
-
stroke: color,
|
|
210
|
+
fill: fill,
|
|
211
|
+
stroke: stroke,
|
|
212
|
+
strokeWidth: "2",
|
|
205
213
|
strokeLinecap: "round",
|
|
206
|
-
|
|
207
|
-
})));
|
|
214
|
+
d: "M0.3,0l13.7,14.2"
|
|
215
|
+
})))));
|
|
208
216
|
};
|
|
209
217
|
|
|
210
218
|
Close.propTypes = propTypes$2;
|
|
211
219
|
Close.defaultProps = defaultProps$2;
|
|
212
220
|
|
|
213
|
-
var styles$1 = {"container":"micromag-screen-urbania-horoscope-signs-grid-container","
|
|
221
|
+
var styles$1 = {"container":"micromag-screen-urbania-horoscope-signs-grid-container","closeButton":"micromag-screen-urbania-horoscope-signs-grid-closeButton","disabled":"micromag-screen-urbania-horoscope-signs-grid-disabled","hidden":"micromag-screen-urbania-horoscope-signs-grid-hidden","placeholder":"micromag-screen-urbania-horoscope-signs-grid-placeholder","content":"micromag-screen-urbania-horoscope-signs-grid-content","gridContainer":"micromag-screen-urbania-horoscope-signs-grid-gridContainer","isPlaceholder":"micromag-screen-urbania-horoscope-signs-grid-isPlaceholder","signPlaceholder":"micromag-screen-urbania-horoscope-signs-grid-signPlaceholder","gridElement":"micromag-screen-urbania-horoscope-signs-grid-gridElement","image":"micromag-screen-urbania-horoscope-signs-grid-image","signName":"micromag-screen-urbania-horoscope-signs-grid-signName","date":"micromag-screen-urbania-horoscope-signs-grid-date","backButton":"micromag-screen-urbania-horoscope-signs-grid-backButton","arrow":"micromag-screen-urbania-horoscope-signs-grid-arrow","backLabel":"micromag-screen-urbania-horoscope-signs-grid-backLabel","modalContainer":"micromag-screen-urbania-horoscope-signs-grid-modalContainer","enter":"micromag-screen-urbania-horoscope-signs-grid-enter","enterActive":"micromag-screen-urbania-horoscope-signs-grid-enterActive","exit":"micromag-screen-urbania-horoscope-signs-grid-exit","exitActive":"micromag-screen-urbania-horoscope-signs-grid-exitActive","signModal":"micromag-screen-urbania-horoscope-signs-grid-signModal"};
|
|
214
222
|
|
|
215
223
|
var defaultBackground = {
|
|
216
224
|
image: {
|
|
@@ -303,9 +311,7 @@ var SignsGrid = function SignsGrid(_ref) {
|
|
|
303
311
|
}, !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
|
|
304
312
|
onClick: closeButton,
|
|
305
313
|
className: styles$1.closeButton
|
|
306
|
-
}, /*#__PURE__*/React__default["default"].createElement(Close, {
|
|
307
|
-
className: styles$1.closeX
|
|
308
|
-
})) : null, /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.TransitionGroup, null, !activeSignId ? /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.CSSTransition, {
|
|
314
|
+
}, /*#__PURE__*/React__default["default"].createElement(Close, null)) : null, /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.TransitionGroup, null, !activeSignId ? /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.CSSTransition, {
|
|
309
315
|
key: "grid",
|
|
310
316
|
classNames: styles$1,
|
|
311
317
|
timeout: transitionDisabled ? 0 : 1000
|
|
@@ -364,13 +370,15 @@ var SignsGrid = function SignsGrid(_ref) {
|
|
|
364
370
|
className: styles$1.backButton
|
|
365
371
|
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
366
372
|
className: styles$1.arrow
|
|
367
|
-
}, "\u2190"), /*#__PURE__*/React__default["default"].createElement(
|
|
373
|
+
}, "\u2190"), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
374
|
+
className: styles$1.backLabel
|
|
375
|
+
}, /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
|
|
368
376
|
id: "keK5s0",
|
|
369
377
|
defaultMessage: [{
|
|
370
378
|
"type": 0,
|
|
371
379
|
"value": "Back to the Signs"
|
|
372
380
|
}]
|
|
373
|
-
})), /*#__PURE__*/React__default["default"].createElement(SignModal, {
|
|
381
|
+
}))), /*#__PURE__*/React__default["default"].createElement(SignModal, {
|
|
374
382
|
width: width,
|
|
375
383
|
height: height,
|
|
376
384
|
className: styles$1.signModal,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-urbania-horoscope",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.96",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript"
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"@micromag/core": "^0.3.91",
|
|
54
54
|
"@micromag/element-background": "^0.3.91",
|
|
55
55
|
"@micromag/element-button": "^0.3.91",
|
|
56
|
-
"@micromag/element-call-to-action": "^0.3.
|
|
56
|
+
"@micromag/element-call-to-action": "^0.3.96",
|
|
57
57
|
"@micromag/element-container": "^0.3.91",
|
|
58
58
|
"@micromag/element-grid": "^0.3.91",
|
|
59
59
|
"@micromag/element-heading": "^0.3.91",
|
|
@@ -72,5 +72,5 @@
|
|
|
72
72
|
"publishConfig": {
|
|
73
73
|
"access": "public"
|
|
74
74
|
},
|
|
75
|
-
"gitHead": "
|
|
75
|
+
"gitHead": "26d3c0febab77e493e09208c5e1aff0781f13330"
|
|
76
76
|
}
|