superdesk-ui-framework 3.0.70 → 3.0.71
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/app/styles/_buttons.scss
CHANGED
|
@@ -146,32 +146,32 @@ $new-button-active-shadow-hollow: inset 0 0 0 1px;
|
|
|
146
146
|
--sd-btn-border: var(--sd-colour-interactive-btn-border);
|
|
147
147
|
--sd-btn-color: var(--sd-colour-interactive);
|
|
148
148
|
}
|
|
149
|
-
|
|
149
|
+
|
|
150
150
|
&.btn--success {
|
|
151
151
|
--sd-btn-border: var(--sd-colour-success-btn-border);
|
|
152
152
|
--sd-btn-color: var(--sd-colour-success);
|
|
153
153
|
}
|
|
154
|
-
|
|
154
|
+
|
|
155
155
|
&.btn--warning {
|
|
156
156
|
--sd-btn-border: var(--sd-colour-warning-btn-border);
|
|
157
157
|
--sd-btn-color: var(--sd-colour-warning);
|
|
158
158
|
}
|
|
159
|
-
|
|
159
|
+
|
|
160
160
|
&.btn--alert {
|
|
161
161
|
--sd-btn-border: var(--sd-colour-alert-btn-border);
|
|
162
162
|
--sd-btn-color: var(--sd-colour-alert);
|
|
163
163
|
}
|
|
164
|
-
|
|
164
|
+
|
|
165
165
|
&.btn--highlight {
|
|
166
166
|
--sd-btn-border: var(--sd-colour-highlight-btn-border);
|
|
167
167
|
--sd-btn-color: var(--sd-colour-highlight);
|
|
168
168
|
}
|
|
169
|
-
|
|
169
|
+
|
|
170
170
|
&.btn--sd-green {
|
|
171
171
|
--sd-btn-border: var(--sd-colour-superdesk-btn-border);
|
|
172
172
|
--sd-btn-color: var(--sd-colour-superdesk);
|
|
173
173
|
}
|
|
174
|
-
|
|
174
|
+
|
|
175
175
|
&.btn--secondary {
|
|
176
176
|
--sd-btn-border: var(--sd-colour-secondary-btn-border);
|
|
177
177
|
--sd-btn-color: var(--sd-colour-secondary);
|
|
@@ -201,27 +201,27 @@ $new-button-active-shadow-hollow: inset 0 0 0 1px;
|
|
|
201
201
|
&.btn--primary {
|
|
202
202
|
--sd-btn-hs: var(--sd-colour-primary-hs);
|
|
203
203
|
}
|
|
204
|
-
|
|
204
|
+
|
|
205
205
|
&.btn--success {
|
|
206
206
|
--sd-btn-hs: var(--sd-colour-success-hs);
|
|
207
207
|
}
|
|
208
|
-
|
|
208
|
+
|
|
209
209
|
&.btn--warning {
|
|
210
210
|
--sd-btn-hs: var(--sd-colour-warning-hs);
|
|
211
211
|
}
|
|
212
|
-
|
|
212
|
+
|
|
213
213
|
&.btn--alert {
|
|
214
214
|
--sd-btn-hs: var(--sd-colour-alert-hs);
|
|
215
215
|
}
|
|
216
|
-
|
|
216
|
+
|
|
217
217
|
&.btn--highlight {
|
|
218
218
|
--sd-btn-hs: var(--sd-colour-highlight-hs);
|
|
219
219
|
}
|
|
220
|
-
|
|
220
|
+
|
|
221
221
|
&.btn--sd-green {
|
|
222
222
|
--sd-btn-hs: var(--sd-colour-superdesk-hs);
|
|
223
223
|
}
|
|
224
|
-
|
|
224
|
+
|
|
225
225
|
&.btn--secondary {
|
|
226
226
|
--sd-btn-hs: var(--sd-colour-secondary-hs);
|
|
227
227
|
}
|
|
@@ -264,11 +264,15 @@ $new-button-active-shadow-hollow: inset 0 0 0 1px;
|
|
|
264
264
|
&.btn--disabled, &[disabled] {
|
|
265
265
|
opacity: $button-opacity-disabled;
|
|
266
266
|
cursor: not-allowed;
|
|
267
|
-
|
|
267
|
+
|
|
268
|
+
:not(.no-disable) {
|
|
269
|
+
pointer-events: none;
|
|
270
|
+
}
|
|
271
|
+
|
|
268
272
|
box-shadow: none !important;
|
|
269
273
|
|
|
270
274
|
&:hover, &:active {
|
|
271
|
-
|
|
275
|
+
cursor: not-allowed;
|
|
272
276
|
}
|
|
273
277
|
}
|
|
274
278
|
}
|
|
@@ -440,7 +444,7 @@ $new-button-active-shadow-hollow: inset 0 0 0 1px;
|
|
|
440
444
|
width: 2.4rem;
|
|
441
445
|
line-height: 2.4rem;
|
|
442
446
|
}
|
|
443
|
-
|
|
447
|
+
|
|
444
448
|
}
|
|
445
449
|
|
|
446
450
|
.icn-btn--outline {
|
|
@@ -491,7 +495,7 @@ $new-button-active-shadow-hollow: inset 0 0 0 1px;
|
|
|
491
495
|
}
|
|
492
496
|
}
|
|
493
497
|
|
|
494
|
-
// Button navigation
|
|
498
|
+
// Button navigation
|
|
495
499
|
.button-nav {
|
|
496
500
|
display: flex;
|
|
497
501
|
flex-direction: row;
|
|
@@ -529,7 +533,7 @@ $new-button-active-shadow-hollow: inset 0 0 0 1px;
|
|
|
529
533
|
}
|
|
530
534
|
}
|
|
531
535
|
|
|
532
|
-
// Button icon group
|
|
536
|
+
// Button icon group
|
|
533
537
|
.btn-icon-group {
|
|
534
538
|
display: flex;
|
|
535
539
|
align-items: center;
|
|
@@ -541,13 +545,13 @@ $new-button-active-shadow-hollow: inset 0 0 0 1px;
|
|
|
541
545
|
}
|
|
542
546
|
|
|
543
547
|
|
|
544
|
-
// BUTTON GROUPS
|
|
548
|
+
// BUTTON GROUPS
|
|
545
549
|
.button-group {
|
|
546
550
|
display: flex;
|
|
547
551
|
flex-direction: row;
|
|
548
552
|
align-items: center;
|
|
549
553
|
gap: $sd-base-increment;
|
|
550
|
-
|
|
554
|
+
|
|
551
555
|
.btn {
|
|
552
556
|
margin: 0;
|
|
553
557
|
}
|
|
@@ -776,7 +780,7 @@ $new-button-active-shadow-hollow: inset 0 0 0 1px;
|
|
|
776
780
|
.sd-spinner {
|
|
777
781
|
margin-inline-start: -0.3rem;
|
|
778
782
|
}
|
|
779
|
-
|
|
783
|
+
|
|
780
784
|
&.btn--icon-only {
|
|
781
785
|
.sd-spinner {
|
|
782
786
|
margin-inline-start: 0;
|
package/dist/examples.bundle.js
CHANGED
|
@@ -144238,7 +144238,7 @@ exports.ResizablePanelsDoc = ResizablePanelsDoc;
|
|
|
144238
144238
|
/* 693 */
|
|
144239
144239
|
/***/ (function(module, exports) {
|
|
144240
144240
|
|
|
144241
|
-
module.exports = {"name":"superdesk-ui-framework","version":"3.0.
|
|
144241
|
+
module.exports = {"name":"superdesk-ui-framework","version":"3.0.71","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","playground-lint":"tsc -p examples/pages/playgrounds/react-playgrounds --noEmit","lint":"eslint --parser=@typescript-eslint/parser app && tslint -c tslint.json 'app-typescript/**/*.{ts,tsx}' && npm run playground-lint","lint-fix":"tsc -p tsconfig.json --noEmit && tslint --fix -c tslint.json 'app-typescript/**/*.{ts,tsx}'","prepublishOnly":"npm run build","unit-test":"mocha","debug-unit-tests":"mocha --inspect-brk"},"devDependencies":{"@types/assert":"^1.5.6","@types/chart.js":"^2.9.24","@types/classnames":"^2.2.9","@types/enzyme":"^3.10.12","@types/lodash":"^4.14.161","@types/mocha":"^9.1.1","@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.58.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","jsdom":"20.0.3","jsdom-global":"3.0.2","lodash":"4.17.21","mocha":"^8.4.0","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","ts-node":"^10.9.1","tslint":"^5.18.0","typescript":"4.9.5","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-12","@superdesk/react-resizable-panels":"0.0.39","@types/enzyme-adapter-react-16":"^1.0.6","@types/node":"^14.10.2","chart.js":"^2.9.3","date-fns":"2.7.0","enzyme":"^3.11.0","enzyme-adapter-react-16":"^1.15.7","moment":"^2.29.3","popper-max-size-modifier":"^0.2.0","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"}}
|
|
144242
144242
|
|
|
144243
144243
|
/***/ }),
|
|
144244
144244
|
/* 694 */
|
|
@@ -18344,8 +18344,9 @@ h6 {
|
|
|
18344
18344
|
.btn.btn--disabled, .btn[disabled] {
|
|
18345
18345
|
opacity: 0.6;
|
|
18346
18346
|
cursor: not-allowed;
|
|
18347
|
-
pointer-events: none;
|
|
18348
18347
|
box-shadow: none !important; }
|
|
18348
|
+
.btn.btn--disabled :not(.no-disable), .btn[disabled] :not(.no-disable) {
|
|
18349
|
+
pointer-events: none; }
|
|
18349
18350
|
.btn.btn--disabled:hover, .btn.btn--disabled:active, .btn[disabled]:hover, .btn[disabled]:active {
|
|
18350
18351
|
cursor: not-allowed; }
|
|
18351
18352
|
|