superdesk-ui-framework 3.0.1-beta.20 → 3.0.1-beta.23
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 +10 -5
- package/app/styles/_icon-font.scss +1 -1
- package/app/styles/grids/_grid-layout.scss +6 -0
- package/app-typescript/index.ts +1 -0
- package/dist/examples.bundle.css +1 -1
- package/dist/examples.bundle.js +21171 -21169
- package/dist/react/MultiSelect.tsx +5 -5
- package/dist/superdesk-ui.bundle.css +17 -10
- package/dist/superdesk-ui.bundle.js +4113 -2422
- package/dist/vendor.bundle.js +14 -14
- package/examples/pages/react/MultiSelect.tsx +5 -5
- package/package.json +1 -1
- package/react/components/MultiSelect.d.ts +40 -0
- package/react/components/MultiSelect.js +70 -0
- package/react/index.d.ts +1 -0
- package/react/index.js +3 -0
package/app/styles/_buttons.scss
CHANGED
|
@@ -328,12 +328,12 @@ $new-button-active-shadow-hollow: inset 0 0 0 1px;
|
|
|
328
328
|
background-color: transparent;
|
|
329
329
|
opacity: 0.75;
|
|
330
330
|
background-color: hsla(214, 13%, 55%, 0);
|
|
331
|
-
color:
|
|
331
|
+
color: var(--color-icon-default);
|
|
332
332
|
text-decoration: none;
|
|
333
333
|
cursor: pointer;
|
|
334
334
|
flex-shrink: 0;
|
|
335
335
|
[class^="icon-"], [class*=" icon-"] {
|
|
336
|
-
color:
|
|
336
|
+
color: var(--color-icon-default) !important;
|
|
337
337
|
vertical-align: baseline !important;
|
|
338
338
|
}
|
|
339
339
|
&:hover {
|
|
@@ -382,7 +382,6 @@ $new-button-active-shadow-hollow: inset 0 0 0 1px;
|
|
|
382
382
|
height: $height__button--x-large;
|
|
383
383
|
width: $height__button--x-large;
|
|
384
384
|
[class^="icon-"], [class*=" icon-"] {
|
|
385
|
-
color: inherit;
|
|
386
385
|
vertical-align: baseline !important;
|
|
387
386
|
font-size: 2.4rem;
|
|
388
387
|
height: 2.4rem;
|
|
@@ -398,12 +397,18 @@ $new-button-active-shadow-hollow: inset 0 0 0 1px;
|
|
|
398
397
|
}
|
|
399
398
|
}
|
|
400
399
|
&--outlineWhite {
|
|
401
|
-
color: hsla(214, 13%, 95%, 0.8);
|
|
400
|
+
color: hsla(214, 13%, 95%, 0.8) !important;
|
|
402
401
|
border: 1px solid currentColor;
|
|
402
|
+
[class^="icon-"], [class*=" icon-"] {
|
|
403
|
+
color: hsla(214, 13%, 95%, 0.8) !important;
|
|
404
|
+
}
|
|
403
405
|
&:hover:not(.icn-btn--disabled) {
|
|
404
|
-
color: hsla(214, 13%, 95%, 1);
|
|
406
|
+
color: hsla(214, 13%, 95%, 1) !important;
|
|
405
407
|
border-color: hsla(214, 13%, 95%, 1);
|
|
406
408
|
background-color: hsla(0, 0%, 0%, 0.4);
|
|
409
|
+
[class^="icon-"], [class*=" icon-"] {
|
|
410
|
+
color: hsla(214, 13%, 95%, 1) !important;
|
|
411
|
+
}
|
|
407
412
|
}
|
|
408
413
|
&:active:not(.icn-btn--disabled) {
|
|
409
414
|
border-color: var(--sd-colour-interactive);
|
|
@@ -216,6 +216,12 @@
|
|
|
216
216
|
transition-delay: 0;
|
|
217
217
|
}
|
|
218
218
|
}
|
|
219
|
+
&.sd-column-box__slide-in-column--light {
|
|
220
|
+
background-color: var(--sd-colour-panel-bg--000);
|
|
221
|
+
.sd-column-box__slide-in-column-inner {
|
|
222
|
+
background-color: var(--sd-colour-panel-bg--000);
|
|
223
|
+
}
|
|
224
|
+
}
|
|
219
225
|
}
|
|
220
226
|
.sd-slide-in-panel {
|
|
221
227
|
display: flex;
|
package/app-typescript/index.ts
CHANGED
|
@@ -90,6 +90,7 @@ export { BottomNav } from './components/Navigation/BottomNav';
|
|
|
90
90
|
export { TreeSelect } from './components/TreeSelect';
|
|
91
91
|
export { TableList, TableListItem } from './components/Lists/TableList';
|
|
92
92
|
export { ContentListItem } from './components/Lists/ContentList';
|
|
93
|
+
export { MultiSelect } from './components/MultiSelect';
|
|
93
94
|
|
|
94
95
|
// declare non-typescript exports to prevent errors
|
|
95
96
|
export declare const ToggleBoxNext: any;
|
package/dist/examples.bundle.css
CHANGED
|
@@ -11107,7 +11107,7 @@ doc-react-playground {
|
|
|
11107
11107
|
|
|
11108
11108
|
.icn-mix {
|
|
11109
11109
|
position: relative;
|
|
11110
|
-
display: inline-
|
|
11110
|
+
display: inline-flex !important;
|
|
11111
11111
|
font-size: 16px;
|
|
11112
11112
|
height: 16px; }
|
|
11113
11113
|
.icn-mix .icn-mix__icn {
|