@micromag/element-share-options 0.3.348 → 0.3.351

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 +19 -7
  3. package/lib/index.js +19 -7
  4. package/package.json +2 -2
package/assets/css/styles.css CHANGED
@@ -1 +1 @@
1
- .micromag-element-share-options-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}.micromag-element-share-options-item+.micromag-element-share-options-item{margin-top:.5rem}.micromag-element-share-options-button{-ms-flex-align:center;align-items:center;background-color:transparent;color:#fff;display:-ms-inline-flexbox;display:inline-flex;font-size:1rem;font-weight:400;text-align:left;-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition:-webkit-transform .3s cubic-bezier(0,.6,.5,1);transition:-webkit-transform .3s cubic-bezier(0,.6,.5,1);-o-transition:transform .3s cubic-bezier(0,.6,.5,1);transition:transform .3s cubic-bezier(0,.6,.5,1);transition:transform .3s cubic-bezier(0,.6,.5,1),-webkit-transform .3s cubic-bezier(0,.6,.5,1)}@media (hover:hover){.micromag-element-share-options-button:hover .micromag-element-share-options-icon,.micromag-element-share-options-button:hover .micromag-element-share-options-label{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:-webkit-transform .3s cubic-bezier(.21,2.59,0,.9);transition:-webkit-transform .3s cubic-bezier(.21,2.59,0,.9);-o-transition:transform .3s cubic-bezier(.21,2.59,0,.9);transition:transform .3s cubic-bezier(.21,2.59,0,.9);transition:transform .3s cubic-bezier(.21,2.59,0,.9),-webkit-transform .3s cubic-bezier(.21,2.59,0,.9)}}.micromag-element-share-options-button:active .micromag-element-share-options-icon,.micromag-element-share-options-button:active .micromag-element-share-options-label{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s cubic-bezier(.41,1.69,.04,.67);transition:-webkit-transform .3s cubic-bezier(.41,1.69,.04,.67);-o-transition:transform .3s cubic-bezier(.41,1.69,.04,.67);transition:transform .3s cubic-bezier(.41,1.69,.04,.67);transition:transform .3s cubic-bezier(.41,1.69,.04,.67),-webkit-transform .3s cubic-bezier(.41,1.69,.04,.67)}.micromag-element-share-options-icon{-ms-flex-negative:0;display:block;flex-shrink:0;position:relative}.micromag-element-share-options-icon,.micromag-element-share-options-label{-webkit-transition:-webkit-transform .3s cubic-bezier(0,.6,.5,1);transition:-webkit-transform .3s cubic-bezier(0,.6,.5,1);-o-transition:transform .3s cubic-bezier(0,.6,.5,1);transition:transform .3s cubic-bezier(0,.6,.5,1);transition:transform .3s cubic-bezier(0,.6,.5,1),-webkit-transform .3s cubic-bezier(0,.6,.5,1)}.micromag-element-share-options-label{-ms-flex-positive:1;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;flex-grow:1;font-size:1rem;margin-left:.5em;padding:.5rem .25rem;-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%}.micromag-element-share-options-labelText{-ms-flex-negative:0;flex-shrink:0;margin-right:1rem}
1
+ .micromag-element-share-options-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}.micromag-element-share-options-item+.micromag-element-share-options-item{margin-top:.25rem}.micromag-element-share-options-button{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background-color:transparent;color:#fff;display:-ms-inline-flexbox;display:inline-flex;font-size:1rem;font-weight:400;justify-content:center;-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition:-webkit-transform .3s cubic-bezier(0,.6,.5,1);transition:-webkit-transform .3s cubic-bezier(0,.6,.5,1);-o-transition:transform .3s cubic-bezier(0,.6,.5,1);transition:transform .3s cubic-bezier(0,.6,.5,1);transition:transform .3s cubic-bezier(0,.6,.5,1),-webkit-transform .3s cubic-bezier(0,.6,.5,1)}@media (hover:hover){.micromag-element-share-options-button:hover .micromag-element-share-options-icon,.micromag-element-share-options-button:hover .micromag-element-share-options-label{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:-webkit-transform .3s cubic-bezier(.21,2.59,0,.9);transition:-webkit-transform .3s cubic-bezier(.21,2.59,0,.9);-o-transition:transform .3s cubic-bezier(.21,2.59,0,.9);transition:transform .3s cubic-bezier(.21,2.59,0,.9);transition:transform .3s cubic-bezier(.21,2.59,0,.9),-webkit-transform .3s cubic-bezier(.21,2.59,0,.9)}}.micromag-element-share-options-button:active .micromag-element-share-options-icon,.micromag-element-share-options-button:active .micromag-element-share-options-label{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s cubic-bezier(.41,1.69,.04,.67);transition:-webkit-transform .3s cubic-bezier(.41,1.69,.04,.67);-o-transition:transform .3s cubic-bezier(.41,1.69,.04,.67);transition:transform .3s cubic-bezier(.41,1.69,.04,.67);transition:transform .3s cubic-bezier(.41,1.69,.04,.67),-webkit-transform .3s cubic-bezier(.41,1.69,.04,.67)}.micromag-element-share-options-icon{-ms-flex-negative:0;display:block;flex-shrink:0;position:relative}.micromag-element-share-options-icon,.micromag-element-share-options-spacer{height:100%;width:50px}.micromag-element-share-options-icon,.micromag-element-share-options-label{-webkit-transition:-webkit-transform .3s cubic-bezier(0,.6,.5,1);transition:-webkit-transform .3s cubic-bezier(0,.6,.5,1);-o-transition:transform .3s cubic-bezier(0,.6,.5,1);transition:transform .3s cubic-bezier(0,.6,.5,1);transition:transform .3s cubic-bezier(0,.6,.5,1),-webkit-transform .3s cubic-bezier(0,.6,.5,1)}.micromag-element-share-options-label{-ms-flex-positive:1;-ms-flex-align:center;-ms-flex-pack:center;align-items:center;display:-ms-flexbox;display:flex;flex-grow:1;justify-content:center;margin-left:.25em;margin-right:.25em;padding:.25rem;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.micromag-element-share-options-labelText{-ms-flex-negative:0;flex-shrink:0;margin-left:.25em;margin-right:.25em}
package/es/index.js CHANGED
@@ -46,7 +46,7 @@ var ShareLinkIcon = function ShareLinkIcon(_ref) {
46
46
  ShareLinkIcon.propTypes = propTypes$1;
47
47
  ShareLinkIcon.defaultProps = defaultProps$1;
48
48
 
49
- var styles = {"button":"micromag-element-share-options-button","item":"micromag-element-share-options-item","icon":"micromag-element-share-options-icon","label":"micromag-element-share-options-label","labelText":"micromag-element-share-options-labelText"};
49
+ var styles = {"button":"micromag-element-share-options-button","item":"micromag-element-share-options-item","icon":"micromag-element-share-options-icon","label":"micromag-element-share-options-label","spacer":"micromag-element-share-options-spacer","labelText":"micromag-element-share-options-labelText"};
50
50
 
51
51
  var propTypes = {
52
52
  className: PropTypes.string,
@@ -160,7 +160,9 @@ var ShareOptions = function ShareOptions(_ref) {
160
160
  style: finalStyles
161
161
  }), /*#__PURE__*/React.createElement(FacebookIcon, shareIconProps), /*#__PURE__*/React.createElement("div", {
162
162
  className: classNames([styles.label, _defineProperty({}, labelClassName, labelClassName !== null)])
163
- }, "Facebook"))
163
+ }, "Facebook"), /*#__PURE__*/React.createElement("div", {
164
+ className: styles.spacer
165
+ }))
164
166
  }, {
165
167
  id: 'twitter',
166
168
  button: /*#__PURE__*/React.createElement(TwitterShareButton, Object.assign({}, shareButtonProps, {
@@ -173,7 +175,9 @@ var ShareOptions = function ShareOptions(_ref) {
173
175
  style: finalStyles
174
176
  }), /*#__PURE__*/React.createElement(TwitterIcon, shareIconProps), /*#__PURE__*/React.createElement("div", {
175
177
  className: classNames([styles.label, _defineProperty({}, labelClassName, labelClassName !== null)])
176
- }, "Twitter"))
178
+ }, "Twitter"), /*#__PURE__*/React.createElement("div", {
179
+ className: styles.spacer
180
+ }))
177
181
  }, {
178
182
  id: 'linkedin',
179
183
  button: /*#__PURE__*/React.createElement(LinkedinShareButton, Object.assign({}, shareButtonProps, {
@@ -186,7 +190,9 @@ var ShareOptions = function ShareOptions(_ref) {
186
190
  style: finalStyles
187
191
  }), /*#__PURE__*/React.createElement(LinkedinIcon, shareIconProps), /*#__PURE__*/React.createElement("div", {
188
192
  className: classNames([styles.label, _defineProperty({}, labelClassName, labelClassName !== null)])
189
- }, "LinkedIn"))
193
+ }, "LinkedIn"), /*#__PURE__*/React.createElement("div", {
194
+ className: styles.spacer
195
+ }))
190
196
  }, {
191
197
  id: 'whatsapp',
192
198
  button: /*#__PURE__*/React.createElement(WhatsappShareButton, Object.assign({}, shareButtonProps, {
@@ -199,7 +205,9 @@ var ShareOptions = function ShareOptions(_ref) {
199
205
  style: finalStyles
200
206
  }), /*#__PURE__*/React.createElement(WhatsappIcon, shareIconProps), /*#__PURE__*/React.createElement("div", {
201
207
  className: classNames([styles.label, _defineProperty({}, labelClassName, labelClassName !== null)])
202
- }, "Whatsapp"))
208
+ }, "Whatsapp"), /*#__PURE__*/React.createElement("div", {
209
+ className: styles.spacer
210
+ }))
203
211
  },
204
212
  // {
205
213
  // id: 'facebookMessenger',
@@ -245,7 +253,9 @@ var ShareOptions = function ShareOptions(_ref) {
245
253
  "type": 0,
246
254
  "value": "Email"
247
255
  }]
248
- })))
256
+ })), /*#__PURE__*/React.createElement("div", {
257
+ className: styles.spacer
258
+ }))
249
259
  }];
250
260
  var hasShareLink = options !== null ? options.includes('copylink') : true; // default is true
251
261
  var selectedOptions = options !== null ? shareOptions.filter(function (opt) {
@@ -279,7 +289,9 @@ var ShareOptions = function ShareOptions(_ref) {
279
289
  "type": 0,
280
290
  "value": "Link copied!"
281
291
  }]
282
- }) : null)))) : null, selectedOptions.map(function (_ref15) {
292
+ }) : null)), /*#__PURE__*/React.createElement("div", {
293
+ className: styles.spacer
294
+ }))) : null, selectedOptions.map(function (_ref15) {
283
295
  var id = _ref15.id,
284
296
  button = _ref15.button;
285
297
  return /*#__PURE__*/React.createElement("div", {
package/lib/index.js CHANGED
@@ -57,7 +57,7 @@ var ShareLinkIcon = function ShareLinkIcon(_ref) {
57
57
  ShareLinkIcon.propTypes = propTypes$1;
58
58
  ShareLinkIcon.defaultProps = defaultProps$1;
59
59
 
60
- var styles = {"button":"micromag-element-share-options-button","item":"micromag-element-share-options-item","icon":"micromag-element-share-options-icon","label":"micromag-element-share-options-label","labelText":"micromag-element-share-options-labelText"};
60
+ var styles = {"button":"micromag-element-share-options-button","item":"micromag-element-share-options-item","icon":"micromag-element-share-options-icon","label":"micromag-element-share-options-label","spacer":"micromag-element-share-options-spacer","labelText":"micromag-element-share-options-labelText"};
61
61
 
62
62
  var propTypes = {
63
63
  className: PropTypes__default["default"].string,
@@ -171,7 +171,9 @@ var ShareOptions = function ShareOptions(_ref) {
171
171
  style: finalStyles
172
172
  }), /*#__PURE__*/React__default["default"].createElement(reactShare.FacebookIcon, shareIconProps), /*#__PURE__*/React__default["default"].createElement("div", {
173
173
  className: classNames__default["default"]([styles.label, _defineProperty__default["default"]({}, labelClassName, labelClassName !== null)])
174
- }, "Facebook"))
174
+ }, "Facebook"), /*#__PURE__*/React__default["default"].createElement("div", {
175
+ className: styles.spacer
176
+ }))
175
177
  }, {
176
178
  id: 'twitter',
177
179
  button: /*#__PURE__*/React__default["default"].createElement(reactShare.TwitterShareButton, Object.assign({}, shareButtonProps, {
@@ -184,7 +186,9 @@ var ShareOptions = function ShareOptions(_ref) {
184
186
  style: finalStyles
185
187
  }), /*#__PURE__*/React__default["default"].createElement(reactShare.TwitterIcon, shareIconProps), /*#__PURE__*/React__default["default"].createElement("div", {
186
188
  className: classNames__default["default"]([styles.label, _defineProperty__default["default"]({}, labelClassName, labelClassName !== null)])
187
- }, "Twitter"))
189
+ }, "Twitter"), /*#__PURE__*/React__default["default"].createElement("div", {
190
+ className: styles.spacer
191
+ }))
188
192
  }, {
189
193
  id: 'linkedin',
190
194
  button: /*#__PURE__*/React__default["default"].createElement(reactShare.LinkedinShareButton, Object.assign({}, shareButtonProps, {
@@ -197,7 +201,9 @@ var ShareOptions = function ShareOptions(_ref) {
197
201
  style: finalStyles
198
202
  }), /*#__PURE__*/React__default["default"].createElement(reactShare.LinkedinIcon, shareIconProps), /*#__PURE__*/React__default["default"].createElement("div", {
199
203
  className: classNames__default["default"]([styles.label, _defineProperty__default["default"]({}, labelClassName, labelClassName !== null)])
200
- }, "LinkedIn"))
204
+ }, "LinkedIn"), /*#__PURE__*/React__default["default"].createElement("div", {
205
+ className: styles.spacer
206
+ }))
201
207
  }, {
202
208
  id: 'whatsapp',
203
209
  button: /*#__PURE__*/React__default["default"].createElement(reactShare.WhatsappShareButton, Object.assign({}, shareButtonProps, {
@@ -210,7 +216,9 @@ var ShareOptions = function ShareOptions(_ref) {
210
216
  style: finalStyles
211
217
  }), /*#__PURE__*/React__default["default"].createElement(reactShare.WhatsappIcon, shareIconProps), /*#__PURE__*/React__default["default"].createElement("div", {
212
218
  className: classNames__default["default"]([styles.label, _defineProperty__default["default"]({}, labelClassName, labelClassName !== null)])
213
- }, "Whatsapp"))
219
+ }, "Whatsapp"), /*#__PURE__*/React__default["default"].createElement("div", {
220
+ className: styles.spacer
221
+ }))
214
222
  },
215
223
  // {
216
224
  // id: 'facebookMessenger',
@@ -256,7 +264,9 @@ var ShareOptions = function ShareOptions(_ref) {
256
264
  "type": 0,
257
265
  "value": "Email"
258
266
  }]
259
- })))
267
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
268
+ className: styles.spacer
269
+ }))
260
270
  }];
261
271
  var hasShareLink = options !== null ? options.includes('copylink') : true; // default is true
262
272
  var selectedOptions = options !== null ? shareOptions.filter(function (opt) {
@@ -290,7 +300,9 @@ var ShareOptions = function ShareOptions(_ref) {
290
300
  "type": 0,
291
301
  "value": "Link copied!"
292
302
  }]
293
- }) : null)))) : null, selectedOptions.map(function (_ref15) {
303
+ }) : null)), /*#__PURE__*/React__default["default"].createElement("div", {
304
+ className: styles.spacer
305
+ }))) : null, selectedOptions.map(function (_ref15) {
294
306
  var id = _ref15.id,
295
307
  button = _ref15.button;
296
308
  return /*#__PURE__*/React__default["default"].createElement("div", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/element-share-options",
3
- "version": "0.3.348",
3
+ "version": "0.3.351",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -63,5 +63,5 @@
63
63
  "publishConfig": {
64
64
  "access": "public"
65
65
  },
66
- "gitHead": "20ef008fdf5c678004b740f395f51cb548591dad"
66
+ "gitHead": "ec98f82a17d327b5f5308347e2da5050a5002538"
67
67
  }