superdesk-ui-framework 3.0.1-beta.23 → 3.0.1-beta.24

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.
@@ -1,11 +1,11 @@
1
1
  .comment-box__reply-item {
2
- border-bottom: 1px solid rgba(123,123,123,0.2);
2
+ border-bottom: 1px solid var(--sd-colour-line--light);
3
3
  }
4
4
 
5
5
  .comment-box__input {
6
6
  padding: 0.4rem;
7
- border-radius: $border-radius__base--x-small;
8
- border: 1px solid rgba(123,123,123,0.4);
7
+ border-radius: $border-radius__base--small;
8
+ border: 1px solid var(--sd-colour-line--light);
9
9
  height: 2.8rem;
10
10
  resize: none;
11
11
  }
@@ -13,7 +13,10 @@
13
13
  display: none;
14
14
  padding-top: 1rem;
15
15
  &--active {
16
- display: block;
16
+ display: flex;
17
+ justify-content: flex-end;
18
+ align-items: center;
19
+ gap: var(--gap--small);
17
20
  }
18
21
  }
19
22
  .comment-box__button-toolbar {
@@ -22,6 +25,7 @@
22
25
  flex-direction: row;
23
26
  align-items: center;
24
27
  justify-content: flex-start;
28
+ gap: var(--gap--small);
25
29
  &--right {
26
30
  justify-content: flex-end;
27
31
  }
@@ -17,11 +17,11 @@ $editor-popup-padding: 1.6rem;
17
17
 
18
18
  .editor-popup__main {
19
19
  display: flex;
20
- color: $sd-text;
20
+ color: var(--color-text);
21
21
  width: 32rem;
22
22
  max-height: 100%;
23
23
  &.editor-popup__main--floating {
24
- background-color: $white;
24
+ background-color: var(--color-dropdown-menu-Bg);
25
25
  z-index: 2;
26
26
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
27
27
  }
@@ -84,6 +84,6 @@ $editor-popup-padding: 1.6rem;
84
84
  }
85
85
 
86
86
  .editor-popup__secondary-content {
87
- background-color: rgba(123,123,123,0.1);
88
- border-top: 1px solid rgba(123,123,123,0.2);
87
+ background-color: hsla(214, 13%, 48%, 0.05);
88
+ border-top: 1px solid var(--sd-colour-line--light);
89
89
  }
@@ -137913,7 +137913,7 @@ exports.WithSizeObserverDocs = WithSizeObserverDocs;
137913
137913
  /* 649 */
137914
137914
  /***/ (function(module, exports) {
137915
137915
 
137916
- module.exports = {"name":"superdesk-ui-framework","version":"3.0.1-beta.23","license":"AGPL-3.0","repository":{"type":"git","url":"https://github.com/superdesk/superdesk-ui-framework.git"},"main":"dist/superdesk-ui.bundle.js","types":"react/index.d.ts","contributors":["Nemanja Pavlovic","Vladimir Stefanovic","Darko Tomic","Aleksandar Jelicic","Tomas Kikutis","Dragana Zivkovic"],"scripts":{"start":"webpack-dev-server --config tasks/webpack.dev.js","server":"webpack --watch --config tasks/webpack.prod.js && tsc-watch","build":"webpack --config tasks/webpack.prod.js && tsc","build-ui":"webpack && tsc && npm run lint","lint":"eslint --parser=@typescript-eslint/parser app && tslint -c tslint.json 'app-typescript/**/*.{ts,tsx}'","lint-fix":"tsc -p tsconfig.json --noEmit && tslint --fix -c tslint.json 'app-typescript/**/*.{ts,tsx}'","prepublishOnly":"npm run build"},"devDependencies":{"@types/chart.js":"^2.9.24","@types/classnames":"^2.2.9","@types/lodash":"^4.14.161","@types/react":"16.8.23","@types/react-beautiful-dnd":"^13.1.2","@types/react-dom":"16.8.0","@types/react-router-dom":"^5.1.2","@types/react-scrollspy":"^3.3.5","@typescript-eslint/parser":"5.14.0","angular":"^1.7.9","angular-animate":"^1.7.9","angular-route":"^1.7.9","babel-core":"^6.26.0","babel-loader":"^7.1.2","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","classnames":"^2.2.5","clean-webpack-plugin":"^1.0.0","code-prettify":"^0.1.0","copy-webpack-plugin":"^4.6.0","css-loader":"^2.1.1","eslint":"^4.6.1","eslint-loader":"^1.9.0","eslint-plugin-angular":"^3.1.1","eslint-plugin-react":"^7.3.0","extract-text-webpack-plugin":"^3.0.2","file-loader":"^0.11.2","html-loader":"^0.5.1","html-webpack-plugin":"^2.30.1","jquery":"^3.1.1","jquery-ui":"^1.12.1","lodash":"4.17.21","node-sass":"6.0","prismjs":"^1.28.0","prop-types":"^15.6.0","react":"16.8.6","react-bootstrap":"^0.31.2","react-dom":"16.8.6","react-redux":"^5.0.6","react-router-dom":"^5.1.2","redux":"^3.7.2","redux-form":"^7.0.4","sass-loader":"^6.0.6","style-loader":"^0.18.2","superdesk-code-style":"^1.1.2","ts-loader":"^6.0.2","tslint":"^5.18.0","typescript":"4.5.2","url-loader":"^1.1.2","webpack":"^3.5.5","webpack-cli":"3.3.10","webpack-dev-server":"2.11.1","webpack-merge":"^4.2.1"},"dependencies":{"@material-ui/lab":"^4.0.0-alpha.56","@popperjs/core":"^2.4.0","@superdesk/primereact":"^5.0.2-6","@types/node":"^14.10.2","chart.js":"^2.9.3","date-fns":"2.7.0","moment":"^2.29.3","popper.js":"1.14.4","primeicons":"2.0.0","react-beautiful-dnd":"^13.0.0","react-id-generator":"^3.0.0","react-popper":"^2.2.3","react-scrollspy":"^3.4.3"}}
137916
+ module.exports = {"name":"superdesk-ui-framework","version":"3.0.1-beta.24","license":"AGPL-3.0","repository":{"type":"git","url":"https://github.com/superdesk/superdesk-ui-framework.git"},"main":"dist/superdesk-ui.bundle.js","types":"react/index.d.ts","contributors":["Nemanja Pavlovic","Vladimir Stefanovic","Darko Tomic","Aleksandar Jelicic","Tomas Kikutis","Dragana Zivkovic"],"scripts":{"start":"webpack-dev-server --config tasks/webpack.dev.js","server":"webpack --watch --config tasks/webpack.prod.js && tsc-watch","build":"webpack --config tasks/webpack.prod.js && tsc","build-ui":"webpack && tsc && npm run lint","lint":"eslint --parser=@typescript-eslint/parser app && tslint -c tslint.json 'app-typescript/**/*.{ts,tsx}'","lint-fix":"tsc -p tsconfig.json --noEmit && tslint --fix -c tslint.json 'app-typescript/**/*.{ts,tsx}'","prepublishOnly":"npm run build"},"devDependencies":{"@types/chart.js":"^2.9.24","@types/classnames":"^2.2.9","@types/lodash":"^4.14.161","@types/react":"16.8.23","@types/react-beautiful-dnd":"^13.1.2","@types/react-dom":"16.8.0","@types/react-router-dom":"^5.1.2","@types/react-scrollspy":"^3.3.5","@typescript-eslint/parser":"5.14.0","angular":"^1.7.9","angular-animate":"^1.7.9","angular-route":"^1.7.9","babel-core":"^6.26.0","babel-loader":"^7.1.2","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","classnames":"^2.2.5","clean-webpack-plugin":"^1.0.0","code-prettify":"^0.1.0","copy-webpack-plugin":"^4.6.0","css-loader":"^2.1.1","eslint":"^4.6.1","eslint-loader":"^1.9.0","eslint-plugin-angular":"^3.1.1","eslint-plugin-react":"^7.3.0","extract-text-webpack-plugin":"^3.0.2","file-loader":"^0.11.2","html-loader":"^0.5.1","html-webpack-plugin":"^2.30.1","jquery":"^3.1.1","jquery-ui":"^1.12.1","lodash":"4.17.21","node-sass":"6.0","prismjs":"^1.28.0","prop-types":"^15.6.0","react":"16.8.6","react-bootstrap":"^0.31.2","react-dom":"16.8.6","react-redux":"^5.0.6","react-router-dom":"^5.1.2","redux":"^3.7.2","redux-form":"^7.0.4","sass-loader":"^6.0.6","style-loader":"^0.18.2","superdesk-code-style":"^1.1.2","ts-loader":"^6.0.2","tslint":"^5.18.0","typescript":"4.5.2","url-loader":"^1.1.2","webpack":"^3.5.5","webpack-cli":"3.3.10","webpack-dev-server":"2.11.1","webpack-merge":"^4.2.1"},"dependencies":{"@material-ui/lab":"^4.0.0-alpha.56","@popperjs/core":"^2.4.0","@superdesk/primereact":"^5.0.2-6","@types/node":"^14.10.2","chart.js":"^2.9.3","date-fns":"2.7.0","moment":"^2.29.3","popper.js":"1.14.4","primeicons":"2.0.0","react-beautiful-dnd":"^13.0.0","react-id-generator":"^3.0.0","react-popper":"^2.2.3","react-scrollspy":"^3.4.3"}}
137917
137917
 
137918
137918
  /***/ }),
137919
137919
  /* 650 */
@@ -41932,7 +41932,7 @@ a.text-link {
41932
41932
  width: 32rem;
41933
41933
  max-height: 100%; }
41934
41934
  .editor-popup__main.editor-popup__main--floating {
41935
- background-color: #fff;
41935
+ background-color: var(--color-dropdown-menu-Bg);
41936
41936
  z-index: 2;
41937
41937
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4), 0 3px 1px -2px rgba(0, 0, 0, 0.1); }
41938
41938
 
@@ -41987,16 +41987,16 @@ a.text-link {
41987
41987
  padding-top: 0; }
41988
41988
 
41989
41989
  .editor-popup__secondary-content {
41990
- background-color: rgba(123, 123, 123, 0.1);
41991
- border-top: 1px solid rgba(123, 123, 123, 0.2); }
41990
+ background-color: rgba(106, 120, 138, 0.05);
41991
+ border-top: 1px solid var(--sd-colour-line--light); }
41992
41992
 
41993
41993
  .comment-box__reply-item {
41994
- border-bottom: 1px solid rgba(123, 123, 123, 0.2); }
41994
+ border-bottom: 1px solid var(--sd-colour-line--light); }
41995
41995
 
41996
41996
  .comment-box__input {
41997
41997
  padding: 0.4rem;
41998
- border-radius: var(--b-radius--x-small);
41999
- border: 1px solid rgba(123, 123, 123, 0.4);
41998
+ border-radius: var(--b-radius--small);
41999
+ border: 1px solid var(--sd-colour-line--light);
42000
42000
  height: 2.8rem;
42001
42001
  resize: none; }
42002
42002
 
@@ -42004,14 +42004,18 @@ a.text-link {
42004
42004
  display: none;
42005
42005
  padding-top: 1rem; }
42006
42006
  .comment-box__reply-toolbar--active {
42007
- display: block; }
42007
+ display: flex;
42008
+ justify-content: flex-end;
42009
+ align-items: center;
42010
+ gap: var(--gap--small); }
42008
42011
 
42009
42012
  .comment-box__button-toolbar {
42010
42013
  margin-top: 1.2rem;
42011
42014
  display: flex;
42012
42015
  flex-direction: row;
42013
42016
  align-items: center;
42014
- justify-content: flex-start; }
42017
+ justify-content: flex-start;
42018
+ gap: var(--gap--small); }
42015
42019
  .comment-box__button-toolbar--right {
42016
42020
  justify-content: flex-end; }
42017
42021
  .comment-box__button-toolbar--small {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "superdesk-ui-framework",
3
- "version": "3.0.1-beta.23",
3
+ "version": "3.0.1-beta.24",
4
4
  "license": "AGPL-3.0",
5
5
  "repository": {
6
6
  "type": "git",