@itfin/components 1.3.61 → 1.3.63

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.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/src/assets/scss/_dark-theme.scss +1 -1
  3. package/src/components/datepicker/MonthPicker.vue +1 -16
  4. package/src/components/panels/Panel.vue +1 -1
  5. package/src/components/table/table2.scss +3 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itfin/components",
3
- "version": "1.3.61",
3
+ "version": "1.3.63",
4
4
  "author": "Vitalii Savchuk <esvit666@gmail.com>",
5
5
  "scripts": {
6
6
  "serve": "vue-cli-service serve",
package/src/assets/scss/_dark-theme.scss CHANGED
@@ -4,7 +4,7 @@ body[data-theme="dark"] {
4
4
  --bs-primary: $primary !important;
5
5
  --bs-link-color-rgb: 255, 232, 112 !important;
6
6
 
7
- --bs-body-bg: #{$dark-body-bg};
7
+ --bs-body-bg: #1b1f22;
8
8
  --bs-body-color: #{$dark-body-color};
9
9
  --bs-link-color: #{$dark-link-color};
10
10
  --bs-link-hover-color: #{darken($dark-link-color, 10%)};
package/src/components/datepicker/MonthPicker.vue CHANGED
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div class="itf-monthpicker input-group" :class="{'with-addon addon-start': prependIcon, 'with-addon addon-end': clearable}">
2
+ <div class="itf-monthpicker" :class="{'with-addon addon-start': prependIcon}">
3
3
  <div class="addon" v-if="prependIcon">
4
4
  <slot name="addon">
5
5
  <itf-icon :name="prependIcon" />
@@ -16,17 +16,6 @@
16
16
  :value="displayValue"
17
17
  :placeholder="placeholder"
18
18
  />
19
- <div class="addon-end" v-if="clearable && value">
20
- <slot name="clear">
21
- <itf-button
22
- icon
23
- small
24
- @click="$emit('input', '')"
25
- >
26
- <itf-icon name="close" />
27
- </itf-button>
28
- </slot>
29
- </div>
30
19
  <div style="display: none">
31
20
  <div ref="dropdown" class="itf-monthpicker__dropdown border rounded">
32
21
  <div>
@@ -53,12 +42,10 @@ import { DateTime } from 'luxon';
53
42
  import tippy from 'tippy.js';
54
43
  import itfIcon from '../icon/Icon';
55
44
  import itfDatePickerInline from './DatePickerInline.vue';
56
- import itfButton from "../button/Button.vue";
57
45
 
58
46
  export default @Component({
59
47
  name: 'itfMonthPicker',
60
48
  components: {
61
- itfButton,
62
49
  itfIcon,
63
50
  itfDatePickerInline
64
51
  },
@@ -77,8 +64,6 @@ class itfMonthPicker extends Vue {
77
64
  @Prop({ type: String, default: '' }) prependIcon;
78
65
  @Prop({ type: String, default: 'bottom-start' }) placement;
79
66
 
80
- @Prop(Boolean) clearable;
81
-
82
67
  focused = false;
83
68
 
84
69
  tooltip = null;
package/src/components/panels/Panel.vue CHANGED
@@ -14,7 +14,7 @@
14
14
  <slot name="header">
15
15
  <div>
16
16
  <slot name="title">
17
- <div class="b-panel__title" v-text="title"></div>
17
+ <div class="b-panel__title ps-2" v-text="title"></div>
18
18
  </slot>
19
19
  </div>
20
20
  <div class="d-flex gap-1">
package/src/components/table/table2.scss CHANGED
@@ -26,10 +26,12 @@
26
26
  }
27
27
  // dark
28
28
  body[data-theme="dark"] {
29
+ --itf-table-bg: var(--bs-body-bg);
30
+ --itf-table-alt-bg: #121212;
29
31
  --itf-table-hover-bg: #393b41;
30
32
  --itf-table-header-bg: #0f0f0f;
31
33
  --itf-table-hover-header-bg: #252525;
32
- --itf-table-border-color: var(--bs-card-border-color);
34
+ --itf-table-border-color: #383b41;
33
35
  --itf-table-input-focus-border-color: #252525;
34
36
  --itf-table-selected-bg: #011534;
35
37
  --itf-table-summary-text: #82909d80;