@desynova-digital/components 8.13.0 → 8.13.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 (2) hide show
  1. package/atoms/popup/popup.js +9 -6
  2. package/package.json +2 -2
package/atoms/popup/popup.js CHANGED
@@ -10,7 +10,7 @@ var _templateObject = _taggedTemplateLiteral(['\n margin: 0;\n'], ['\n margin:
10
10
  _templateObject2 = _taggedTemplateLiteral(['\n margin: 0;\n background: ', ';\n border-color: ', ';\n color: ', ';\n transition: all 0.4s ease-in-out;\n &:hover {\n background: ', ';\n border-color: ', ';\n box-shadow: none;\n color: ', ';\n }\n'], ['\n margin: 0;\n background: ', ';\n border-color: ', ';\n color: ', ';\n transition: all 0.4s ease-in-out;\n &:hover {\n background: ', ';\n border-color: ', ';\n box-shadow: none;\n color: ', ';\n }\n']),
11
11
  _templateObject3 = _taggedTemplateLiteral(['\n position: fixed;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 1000;\n'], ['\n position: fixed;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 1000;\n']),
12
12
  _templateObject4 = _taggedTemplateLiteral(['\n background: ', ';\n width: 100%;\n height: 100%;\n'], ['\n background: ', ';\n width: 100%;\n height: 100%;\n']),
13
- _templateObject5 = _taggedTemplateLiteral(['\n position: absolute;\n z-index: 3;\n max-width: 650px;\n min-width: 440px;\n left: 50%;\n top: 50%;\n -webkit-transform: translate(-50%, -50%);\n -ms-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n\n width: 440px;\n border-radius: 10px;\n background: ', ';\n\n .popup-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n box-sizing: border-box;\n padding: 40px;\n\n .header-title {\n font-family: SFUIText-Light;\n font-size: 18px;\n line-height: 1;\n color: ', ';\n }\n .display-flex {\n display: flex;\n .pr-20{\n padding-right: 20px;\n }\n }\n .count-wrapper {\n font-size: 14px;\n line-height: 24px;\n }\n ', ' {\n margin: 0;\n background: transparent;\n border-color: transparent;\n padding: 0;\n path {\n fill: ', ';\n }\n &:hover {\n background: transparent;\n border-color: transparent;\n }\n }\n }\n .popup-body {\n padding: 0 40px 40px 40px;\n .popup-action-block {\n margin: 0 auto;\n display: flex;\n justify-content: center;\n \n button {\n padding: 10px 0;\n margin: 0 10px;\n min-width: 150px;\n }\n }\n .popup-message {\n font-family: SFUIText-Light;\n font-size: 14px;\n line-height: 1.5;\n text-align: center;\n color: ', ';\n margin-bottom: 40px;\n }\n }\n\n .loading-box{\n position: absolute;\n top: 0px;\n width: 100%;\n height: 100%;position: absolute;\n top: 0px;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: wait;\n background-color: rgb(21 21 21 / 60%);\n border-radius: 10px;\n }\n'], ['\n position: absolute;\n z-index: 3;\n max-width: 650px;\n min-width: 440px;\n left: 50%;\n top: 50%;\n -webkit-transform: translate(-50%, -50%);\n -ms-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n\n width: 440px;\n border-radius: 10px;\n background: ', ';\n\n .popup-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n box-sizing: border-box;\n padding: 40px;\n\n .header-title {\n font-family: SFUIText-Light;\n font-size: 18px;\n line-height: 1;\n color: ', ';\n }\n .display-flex {\n display: flex;\n .pr-20{\n padding-right: 20px;\n }\n }\n .count-wrapper {\n font-size: 14px;\n line-height: 24px;\n }\n ', ' {\n margin: 0;\n background: transparent;\n border-color: transparent;\n padding: 0;\n path {\n fill: ', ';\n }\n &:hover {\n background: transparent;\n border-color: transparent;\n }\n }\n }\n .popup-body {\n padding: 0 40px 40px 40px;\n .popup-action-block {\n margin: 0 auto;\n display: flex;\n justify-content: center;\n \n button {\n padding: 10px 0;\n margin: 0 10px;\n min-width: 150px;\n }\n }\n .popup-message {\n font-family: SFUIText-Light;\n font-size: 14px;\n line-height: 1.5;\n text-align: center;\n color: ', ';\n margin-bottom: 40px;\n }\n }\n\n .loading-box{\n position: absolute;\n top: 0px;\n width: 100%;\n height: 100%;position: absolute;\n top: 0px;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: wait;\n background-color: rgb(21 21 21 / 60%);\n border-radius: 10px;\n }\n']);
13
+ _templateObject5 = _taggedTemplateLiteral(['\n position: absolute;\n z-index: 3;\n max-width: 650px;\n min-width: 440px;\n left: 50%;\n top: 50%;\n -webkit-transform: translate(-50%, -50%);\n -ms-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n\n width: 440px;\n border-radius: 10px;\n background: ', ';\n\n .popup-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n box-sizing: border-box;\n padding: 40px;\n\n .header-title {\n font-family: SFUIText-Light;\n font-size: 18px;\n line-height: 1;\n color: ', ';\n }\n .display-flex {\n display: flex;\n .pr-20{\n padding-right: 20px;\n }\n }\n .cursor-p{\n cursor: pointer;\n }\n \n \n .count-wrapper {\n font-size: 14px;\n line-height: 24px;\n color: #AFB2BA;\n font-family: \'SFUIText-Light\';\n }\n ', ' {\n margin: 0;\n background: transparent;\n border-color: transparent;\n padding: 0;\n path {\n fill: ', ';\n }\n &:hover {\n background: transparent;\n border-color: transparent;\n }\n }\n }\n .popup-body {\n padding: 0 40px 40px 40px;\n .popup-action-block {\n margin: 0 auto;\n display: flex;\n justify-content: center;\n \n button {\n padding: 10px 0;\n margin: 0 10px;\n min-width: 150px;\n }\n }\n .popup-message {\n font-family: SFUIText-Light;\n font-size: 14px;\n line-height: 1.5;\n text-align: center;\n color: ', ';\n margin-bottom: 40px;\n }\n }\n\n .loading-box{\n position: absolute;\n top: 0px;\n width: 100%;\n height: 100%;position: absolute;\n top: 0px;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: wait;\n background-color: rgb(21 21 21 / 60%);\n border-radius: 10px;\n }\n'], ['\n position: absolute;\n z-index: 3;\n max-width: 650px;\n min-width: 440px;\n left: 50%;\n top: 50%;\n -webkit-transform: translate(-50%, -50%);\n -ms-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n\n width: 440px;\n border-radius: 10px;\n background: ', ';\n\n .popup-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n box-sizing: border-box;\n padding: 40px;\n\n .header-title {\n font-family: SFUIText-Light;\n font-size: 18px;\n line-height: 1;\n color: ', ';\n }\n .display-flex {\n display: flex;\n .pr-20{\n padding-right: 20px;\n }\n }\n .cursor-p{\n cursor: pointer;\n }\n \n \n .count-wrapper {\n font-size: 14px;\n line-height: 24px;\n color: #AFB2BA;\n font-family: \'SFUIText-Light\';\n }\n ', ' {\n margin: 0;\n background: transparent;\n border-color: transparent;\n padding: 0;\n path {\n fill: ', ';\n }\n &:hover {\n background: transparent;\n border-color: transparent;\n }\n }\n }\n .popup-body {\n padding: 0 40px 40px 40px;\n .popup-action-block {\n margin: 0 auto;\n display: flex;\n justify-content: center;\n \n button {\n padding: 10px 0;\n margin: 0 10px;\n min-width: 150px;\n }\n }\n .popup-message {\n font-family: SFUIText-Light;\n font-size: 14px;\n line-height: 1.5;\n text-align: center;\n color: ', ';\n margin-bottom: 40px;\n }\n }\n\n .loading-box{\n position: absolute;\n top: 0px;\n width: 100%;\n height: 100%;position: absolute;\n top: 0px;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: wait;\n background-color: rgb(21 21 21 / 60%);\n border-radius: 10px;\n }\n']);
14
14
 
15
15
  var _react = require('react');
16
16
 
@@ -152,18 +152,21 @@ var Popup = function (_Component) {
152
152
  _react2.default.createElement(
153
153
  'div',
154
154
  { className: 'display-flex' },
155
- showSharedUsers ? _react2.default.createElement(
155
+ showSharedUsers && sharedUserCount > 0 ? _react2.default.createElement(
156
156
  'div',
157
- { className: 'display-flex pr-20' },
157
+ {
158
+ className: 'display-flex pr-20 cursor-p',
159
+ onClick: function onClick() {
160
+ openPopup('SHARED_USERS');
161
+ }
162
+ },
158
163
  _react2.default.createElement(_button2.default, {
159
164
  appearance: 'cta',
160
165
  iconWidth: 18,
161
166
  iconHeight: 18,
162
167
  icon: 'users',
163
168
  iconBackground: 'tansparent',
164
- onClick: function onClick() {
165
- openPopup('SHARED_USERS');
166
- }
169
+ label: 'Shared with'
167
170
  }),
168
171
  _react2.default.createElement(
169
172
  'p',
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@desynova-digital/components",
3
- "version": "8.13.0",
3
+ "version": "8.13.3",
4
4
  "description": "Components for Desynova Digital",
5
5
  "main": "index.js",
6
6
  "author": "desynova-digital",
7
7
  "license": "MIT",
8
8
  "repository": "desynova-digital",
9
9
  "dependencies": {
10
- "@desynova-digital/tokens": "8.13.0",
10
+ "@desynova-digital/tokens": "8.13.3",
11
11
  "prop-types": "^15.7.2",
12
12
  "styled-components": "^4.3.2"
13
13
  },