@itfin/components 1.2.0 → 1.2.4
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/package.json +14 -13
- package/src/ITFSettings.js +8 -0
- package/src/assets/scss/_dark-theme.scss +2 -2
- package/src/assets/scss/_variables.scss +1 -0
- package/src/assets/scss/components/_search-input.scss +3 -2
- package/src/assets/scss/components/_selected.scss +3 -2
- package/src/assets/scss/directives/loading.scss +20 -13
- package/src/assets/scss/directives/tooltip.scss +17 -9
- package/src/assets/scss/main.scss +7 -6
- package/src/components/app/message.js +2 -2
- package/src/components/avatar/index.stories.js +4 -5
- package/src/components/button/Button.vue +48 -43
- package/src/components/datepicker/DatePicker.vue +10 -6
- package/src/components/datepicker/datepicker.scss +25 -23
- package/src/components/icon/components/backward10.vue +10 -0
- package/src/components/icon/components/forward10.vue +9 -0
- package/src/components/icon/components/pause.vue +10 -0
- package/src/components/icon/components/play.vue +7 -0
- package/src/components/modal/Modal.vue +1 -1
- package/src/components/pagination/Pagination.vue +0 -1
- package/src/components/pdf-viewer/pdfjs-dist/cmaps/CNS2-V.bcmap +2 -2
- package/src/components/pdf-viewer/pdfjs-dist/cmaps/ETenms-B5-H.bcmap +2 -2
- package/src/components/pdf-viewer/styles/_colors.scss +2 -2
- package/src/components/popover/Popover.vue +9 -5
- package/src/components/select/Dropdown.vue +1 -1
- package/src/components/select/Select.vue +6 -8
- package/src/components/table/Table.vue +4 -2
- package/src/components/tabs/tabs.scss +0 -2
- package/src/components/tree/TreeView.vue +0 -1
- package/src/components/wizard/wizard.scss +0 -2
- package/src/assets/scss/main.css +0 -3180
- package/src/components/datepicker/datepicker.css +0 -3665
|
@@ -146,8 +146,6 @@
|
|
|
146
146
|
<style lang="scss">
|
|
147
147
|
@import '../../assets/scss/variables';
|
|
148
148
|
@import '../../assets/scss/directives/loading';
|
|
149
|
-
@import '~bootstrap/scss/badge';
|
|
150
|
-
@import '~bootstrap/scss/dropdown';
|
|
151
149
|
@import '../../assets/scss/components/variables';
|
|
152
150
|
@import '../../assets/scss/components/component';
|
|
153
151
|
@import '../../assets/scss/components/animations';
|
|
@@ -248,7 +246,7 @@ export default {
|
|
|
248
246
|
* Contains the currently selected value. Very similar to a
|
|
249
247
|
* `value` attribute on an <input>. You can listen for changes
|
|
250
248
|
* with the 'input' event.
|
|
251
|
-
* @type {Object
|
|
249
|
+
* @type {Object|String|null}
|
|
252
250
|
*/
|
|
253
251
|
// eslint-disable-next-line vue/require-default-prop,vue/require-prop-types
|
|
254
252
|
value: {},
|
|
@@ -402,7 +400,7 @@ export default {
|
|
|
402
400
|
* `selected-option` slots.
|
|
403
401
|
*
|
|
404
402
|
* @type {Function}
|
|
405
|
-
* @param {Object
|
|
403
|
+
* @param {Object | String} option
|
|
406
404
|
* @return {String}
|
|
407
405
|
*/
|
|
408
406
|
getOptionLabel: {
|
|
@@ -434,7 +432,7 @@ export default {
|
|
|
434
432
|
* The result of this function *must* be unique.
|
|
435
433
|
*
|
|
436
434
|
* @type {Function}
|
|
437
|
-
* @param {Object
|
|
435
|
+
* @param {Object | String} option
|
|
438
436
|
* @return {String}
|
|
439
437
|
*/
|
|
440
438
|
getOptionKey: {
|
|
@@ -509,7 +507,7 @@ export default {
|
|
|
509
507
|
* match the current search text. Used to determine
|
|
510
508
|
* if the option should be displayed.
|
|
511
509
|
* @type {Function}
|
|
512
|
-
* @param {Object
|
|
510
|
+
* @param {Object | String} option
|
|
513
511
|
* @param {String} label
|
|
514
512
|
* @param {String} search
|
|
515
513
|
* @return {Boolean}
|
|
@@ -1235,7 +1233,7 @@ export default {
|
|
|
1235
1233
|
* Determine if an option exists
|
|
1236
1234
|
* within this.optionList array.
|
|
1237
1235
|
*
|
|
1238
|
-
* @param {Object
|
|
1236
|
+
* @param {Object | String} option
|
|
1239
1237
|
* @return {boolean}
|
|
1240
1238
|
*/
|
|
1241
1239
|
optionExists(option) {
|
|
@@ -1256,7 +1254,7 @@ export default {
|
|
|
1256
1254
|
* If push-tags is true, push the
|
|
1257
1255
|
* given option to `this.pushedTags`.
|
|
1258
1256
|
*
|
|
1259
|
-
* @param {Object
|
|
1257
|
+
* @param {Object | String} option
|
|
1260
1258
|
* @return {void}
|
|
1261
1259
|
*/
|
|
1262
1260
|
pushTag(option) {
|
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
<style lang="scss">
|
|
72
72
|
@import '../../assets/scss/variables';
|
|
73
73
|
|
|
74
|
-
|
|
74
|
+
:root {
|
|
75
75
|
--itf-table-background-color: #fff;
|
|
76
76
|
--itf-table-sticky-top: 0;
|
|
77
77
|
--itf-table-border-color: #e1e4e7;
|
|
@@ -82,8 +82,10 @@ html {
|
|
|
82
82
|
--itf-table-row-cursor: default;
|
|
83
83
|
--itf-table-sticky-shadow1: rgb(0 0 0 / 16%);
|
|
84
84
|
--itf-table-sticky-shadow2: rgb(0 0 0 / 23%);
|
|
85
|
+
}
|
|
85
86
|
|
|
86
|
-
|
|
87
|
+
@media (prefers-color-scheme: dark) {
|
|
88
|
+
.support-dark {
|
|
87
89
|
--itf-table-background-color: #{$dark-body-bg};
|
|
88
90
|
--itf-table-border-color: #666;
|
|
89
91
|
--itf-table-hover-color: #111;
|