@micromag/element-share-options 0.3.348 → 0.3.352

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 +23 -9
  3. package/lib/index.js +23 -9
  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.05);-ms-transform:scale(1.05);transform:scale(1.05);-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.05);-ms-transform:scale(1.05);transform:scale(1.05);-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:45px}.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;font-size:inherit;justify-content:center;line-height:1;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
@@ -16,7 +16,7 @@ var propTypes$1 = {
16
16
  };
17
17
  var defaultProps$1 = {
18
18
  className: null,
19
- size: 50
19
+ size: 45
20
20
  };
21
21
  var ShareLinkIcon = function ShareLinkIcon(_ref) {
22
22
  var className = _ref.className,
@@ -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) {
@@ -263,7 +273,9 @@ var ShareOptions = function ShareOptions(_ref) {
263
273
  focusable: focusable,
264
274
  style: finalStyles,
265
275
  withoutBootstrapStyles: true
266
- }, /*#__PURE__*/React.createElement(ShareLinkIcon, shareIconProps), /*#__PURE__*/React.createElement("div", {
276
+ }, /*#__PURE__*/React.createElement(ShareLinkIcon, Object.assign({
277
+ size: 45
278
+ }, shareIconProps)), /*#__PURE__*/React.createElement("div", {
267
279
  className: classNames([styles.label, _defineProperty({}, labelClassName, labelClassName !== null)])
268
280
  }, /*#__PURE__*/React.createElement("span", {
269
281
  className: styles.labelText
@@ -279,7 +291,9 @@ var ShareOptions = function ShareOptions(_ref) {
279
291
  "type": 0,
280
292
  "value": "Link copied!"
281
293
  }]
282
- }) : null)))) : null, selectedOptions.map(function (_ref15) {
294
+ }) : null)), /*#__PURE__*/React.createElement("div", {
295
+ className: styles.spacer
296
+ }))) : null, selectedOptions.map(function (_ref15) {
283
297
  var id = _ref15.id,
284
298
  button = _ref15.button;
285
299
  return /*#__PURE__*/React.createElement("div", {
package/lib/index.js CHANGED
@@ -27,7 +27,7 @@ var propTypes$1 = {
27
27
  };
28
28
  var defaultProps$1 = {
29
29
  className: null,
30
- size: 50
30
+ size: 45
31
31
  };
32
32
  var ShareLinkIcon = function ShareLinkIcon(_ref) {
33
33
  var className = _ref.className,
@@ -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) {
@@ -274,7 +284,9 @@ var ShareOptions = function ShareOptions(_ref) {
274
284
  focusable: focusable,
275
285
  style: finalStyles,
276
286
  withoutBootstrapStyles: true
277
- }, /*#__PURE__*/React__default["default"].createElement(ShareLinkIcon, shareIconProps), /*#__PURE__*/React__default["default"].createElement("div", {
287
+ }, /*#__PURE__*/React__default["default"].createElement(ShareLinkIcon, Object.assign({
288
+ size: 45
289
+ }, shareIconProps)), /*#__PURE__*/React__default["default"].createElement("div", {
278
290
  className: classNames__default["default"]([styles.label, _defineProperty__default["default"]({}, labelClassName, labelClassName !== null)])
279
291
  }, /*#__PURE__*/React__default["default"].createElement("span", {
280
292
  className: styles.labelText
@@ -290,7 +302,9 @@ var ShareOptions = function ShareOptions(_ref) {
290
302
  "type": 0,
291
303
  "value": "Link copied!"
292
304
  }]
293
- }) : null)))) : null, selectedOptions.map(function (_ref15) {
305
+ }) : null)), /*#__PURE__*/React__default["default"].createElement("div", {
306
+ className: styles.spacer
307
+ }))) : null, selectedOptions.map(function (_ref15) {
294
308
  var id = _ref15.id,
295
309
  button = _ref15.button;
296
310
  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.352",
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": "3099c64dac06de1d4c647ac1d6c70b229268968e"
67
67
  }