superdesk-ui-framework 3.0.32 → 3.0.35
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/components/_theme-selector.scss +7 -3
- package/app/styles/form-elements/_inputs.scss +5 -0
- package/app/styles/primereact/_pr-datepicker.scss +3 -4
- package/app-typescript/components/TimePicker.tsx +23 -21
- package/dist/examples.bundle.js +1 -1
- package/dist/superdesk-ui.bundle.css +7 -2
- package/package.json +1 -1
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
box-shadow: var(--sd-shadow--z1);
|
|
97
97
|
border-color: var(--sd-colour-line--strong);
|
|
98
98
|
}
|
|
99
|
-
|
|
99
|
+
|
|
100
100
|
}
|
|
101
101
|
}
|
|
102
102
|
input:checked {
|
|
@@ -145,6 +145,10 @@
|
|
|
145
145
|
}
|
|
146
146
|
|
|
147
147
|
[data-theme="dark-ui"] {
|
|
148
|
+
input[type="time"]::-webkit-calendar-picker-indicator {
|
|
149
|
+
filter: invert(1);
|
|
150
|
+
}
|
|
151
|
+
|
|
148
152
|
figure[data-theme="dark-ui"] {
|
|
149
153
|
--color-text: hsla(0, 0%, 96%, 1);
|
|
150
154
|
--color-text-light: hsla(214, 13%, 96%, 0.75);
|
|
@@ -173,7 +177,7 @@
|
|
|
173
177
|
--sd-colour--shadow-line: hsla(214, 13%, 70%, 0);
|
|
174
178
|
--sd-colour-line--medium: hsla(214, 13%, 20%, 0.2);
|
|
175
179
|
|
|
176
|
-
|
|
180
|
+
|
|
177
181
|
}
|
|
178
182
|
figure[data-theme="contrast-light-ui"] {
|
|
179
183
|
--color-text: hsla(0, 0%, 0%, 1);
|
|
@@ -186,4 +190,4 @@
|
|
|
186
190
|
--sd-colour--shadow-line: hsla(214, 13%, 60%, 0);
|
|
187
191
|
--sd-colour-line--medium: hsla(214, 13%, 20%, 0.4);
|
|
188
192
|
}
|
|
189
|
-
}
|
|
193
|
+
}
|
|
@@ -653,11 +653,16 @@
|
|
|
653
653
|
grid-row: 2/3;
|
|
654
654
|
grid-column: 2/4;
|
|
655
655
|
}
|
|
656
|
+
|
|
656
657
|
.sd-input__input-container {
|
|
657
658
|
grid-row: 2/3;
|
|
658
659
|
grid-column: 2/4;
|
|
659
660
|
}
|
|
660
661
|
|
|
662
|
+
.sd-input__input-container:has(input[type="time"]) {
|
|
663
|
+
min-width: 110px;
|
|
664
|
+
}
|
|
665
|
+
|
|
661
666
|
textarea {
|
|
662
667
|
&.sd-input__input {
|
|
663
668
|
height: auto;
|
|
@@ -29,7 +29,6 @@
|
|
|
29
29
|
transition: all 0.2s ease-out, color 0.1s ease-out;
|
|
30
30
|
&:hover {
|
|
31
31
|
background-color: hsla(214, 13%, 55%, 0.2);
|
|
32
|
-
|
|
33
32
|
}
|
|
34
33
|
&:active {
|
|
35
34
|
background-color: hsla(214, 13%, 55%, 0.3);
|
|
@@ -154,7 +153,7 @@
|
|
|
154
153
|
.p-calendar {
|
|
155
154
|
@include pr-input-item-base;
|
|
156
155
|
.p-inputtext {
|
|
157
|
-
color:
|
|
156
|
+
color: var(--color-text);
|
|
158
157
|
height: $height-input--default;
|
|
159
158
|
background-color: transparent;
|
|
160
159
|
border: none;
|
|
@@ -178,7 +177,7 @@
|
|
|
178
177
|
margin: 0 4px 0 0;
|
|
179
178
|
[class^="icon-"],
|
|
180
179
|
[class*=" icon-"] {
|
|
181
|
-
color:
|
|
180
|
+
color: var(--color-text);
|
|
182
181
|
margin-top: -2px;
|
|
183
182
|
opacity: 0.75;
|
|
184
183
|
}
|
|
@@ -193,4 +192,4 @@
|
|
|
193
192
|
}
|
|
194
193
|
.p-datepicker-calendar {
|
|
195
194
|
margin-bottom: 8px;
|
|
196
|
-
}
|
|
195
|
+
}
|
|
@@ -24,29 +24,31 @@ export class TimePicker extends React.PureComponent<IProps> {
|
|
|
24
24
|
render() {
|
|
25
25
|
return (
|
|
26
26
|
<InputWrapper
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
required={this.props.required}
|
|
30
|
-
disabled={this.props.disabled}
|
|
31
|
-
invalid={this.props.invalid}
|
|
32
|
-
info={this.props.info}
|
|
33
|
-
inlineLabel={this.props.inlineLabel}
|
|
34
|
-
labelHidden={this.props.labelHidden}
|
|
35
|
-
fullWidth={this.props.fullWidth}
|
|
36
|
-
htmlId={this.htmlId}
|
|
37
|
-
tabindex={this.props.tabindex}>
|
|
38
|
-
<input
|
|
39
|
-
id={this.htmlId}
|
|
40
|
-
aria-labelledby={this.htmlId + 'label'}
|
|
41
|
-
type="time"
|
|
42
|
-
step={this.props.allowSeconds ? 1 : undefined}
|
|
43
|
-
className="sd-input__input"
|
|
44
|
-
value={this.props.value}
|
|
27
|
+
label={this.props.label}
|
|
28
|
+
error={this.props.error}
|
|
45
29
|
required={this.props.required}
|
|
46
30
|
disabled={this.props.disabled}
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
}
|
|
31
|
+
invalid={this.props.invalid}
|
|
32
|
+
info={this.props.info}
|
|
33
|
+
inlineLabel={this.props.inlineLabel}
|
|
34
|
+
labelHidden={this.props.labelHidden}
|
|
35
|
+
fullWidth={this.props.fullWidth}
|
|
36
|
+
htmlId={this.htmlId}
|
|
37
|
+
tabindex={this.props.tabindex}
|
|
38
|
+
>
|
|
39
|
+
<input
|
|
40
|
+
id={this.htmlId}
|
|
41
|
+
aria-labelledby={this.htmlId + 'label'}
|
|
42
|
+
type="time"
|
|
43
|
+
step={this.props.allowSeconds ? 1 : undefined}
|
|
44
|
+
className="sd-input__input"
|
|
45
|
+
value={this.props.value}
|
|
46
|
+
required={this.props.required}
|
|
47
|
+
disabled={this.props.disabled}
|
|
48
|
+
onChange={(event) => {
|
|
49
|
+
this.props.onChange(event.target.value);
|
|
50
|
+
}}
|
|
51
|
+
/>
|
|
50
52
|
</InputWrapper>
|
|
51
53
|
);
|
|
52
54
|
}
|
package/dist/examples.bundle.js
CHANGED
|
@@ -142949,7 +142949,7 @@ exports.ResizablePanelsDoc = ResizablePanelsDoc;
|
|
|
142949
142949
|
/* 681 */
|
|
142950
142950
|
/***/ (function(module, exports) {
|
|
142951
142951
|
|
|
142952
|
-
module.exports = {"name":"superdesk-ui-framework","version":"3.0.
|
|
142952
|
+
module.exports = {"name":"superdesk-ui-framework","version":"3.0.35","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","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-10","@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"}}
|
|
142953
142953
|
|
|
142954
142954
|
/***/ }),
|
|
142955
142955
|
/* 682 */
|
|
@@ -47269,6 +47269,9 @@ textarea.sd-media-carousel__media-title {
|
|
|
47269
47269
|
opacity: 0.4;
|
|
47270
47270
|
border-color: var(--color-checkbox-border) !important; }
|
|
47271
47271
|
|
|
47272
|
+
[data-theme="dark-ui"] input[type="time"]::-webkit-calendar-picker-indicator {
|
|
47273
|
+
filter: invert(1); }
|
|
47274
|
+
|
|
47272
47275
|
[data-theme="dark-ui"] figure[data-theme="dark-ui"] {
|
|
47273
47276
|
--color-text: hsla(0, 0%, 96%, 1);
|
|
47274
47277
|
--color-text-light: hsla(214, 13%, 96%, 0.75);
|
|
@@ -48982,6 +48985,8 @@ textarea.sd-media-carousel__media-title {
|
|
|
48982
48985
|
.sd-input .sd-input__input-container {
|
|
48983
48986
|
grid-row: 2/3;
|
|
48984
48987
|
grid-column: 2/4; }
|
|
48988
|
+
.sd-input .sd-input__input-container:has(input[type="time"]) {
|
|
48989
|
+
min-width: 110px; }
|
|
48985
48990
|
.sd-input textarea.sd-input__input {
|
|
48986
48991
|
height: auto;
|
|
48987
48992
|
min-height: 3.2rem; }
|
|
@@ -63083,7 +63088,7 @@ i.sd-sidetab-menu__helper-icon {
|
|
|
63083
63088
|
box-shadow: 0 1px 0 0 var(--sd-colour-interactive);
|
|
63084
63089
|
border-color: var(--sd-colour-interactive); }
|
|
63085
63090
|
.p-calendar .p-inputtext, .p-calendar .p-datepicker-trigger {
|
|
63086
|
-
color:
|
|
63091
|
+
color: var(--color-text);
|
|
63087
63092
|
height: 3.2rem;
|
|
63088
63093
|
background-color: transparent;
|
|
63089
63094
|
border: none;
|
|
@@ -63102,7 +63107,7 @@ i.sd-sidetab-menu__helper-icon {
|
|
|
63102
63107
|
margin: 0 4px 0 0; }
|
|
63103
63108
|
.p-calendar-w-btn .p-datepicker-trigger [class^="icon-"],
|
|
63104
63109
|
.p-calendar-w-btn .p-datepicker-trigger [class*=" icon-"] {
|
|
63105
|
-
color:
|
|
63110
|
+
color: var(--color-text);
|
|
63106
63111
|
margin-top: -2px;
|
|
63107
63112
|
opacity: 0.75; }
|
|
63108
63113
|
.p-calendar-w-btn .p-datepicker-trigger:hover [class^="icon-"],
|