@itfin/components 1.2.8 → 1.2.11

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 (4) hide show
  1. package/package.json +1 -1
  2. package/src/assets/scss/directives/tooltip.scss +4 -4
  3. package/src/components/datepicker/MonthPicker.vue +2 -0
  4. package/src/components/modal/Modal.vue +4 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itfin/components",
3
- "version": "1.2.8",
3
+ "version": "1.2.11",
4
4
  "author": "Vitalii Savchuk <esvit666@gmail.com>",
5
5
  "scripts": {
6
6
  "serve": "vue-cli-service serve",
package/src/assets/scss/directives/tooltip.scss CHANGED
@@ -5,14 +5,14 @@ $dark-tooltip-color: #7b52eb;
5
5
 
6
6
  :root {
7
7
  --itf-tooltip-shadow: 0 0 20px 4px rgba(154, 161, 177, .15), 0 4px 80px -8px rgba(36, 40, 47, .25), 0 4px 4px -2px rgba(91, 94, 105, .15);
8
- --itf-tooltip-color: $body-color;
9
- --itf-tooltip-bg-color: $tooltip-color;
8
+ --itf-tooltip-color: #{$body-color};
9
+ --itf-tooltip-bg-color: #{$tooltip-color};
10
10
  }
11
11
 
12
12
  [data-theme="dark"] {
13
13
  --itf-tooltip-shadow: 0 0 20px 4px rgba(87, 78, 101, 0.15), 0 4px 80px -8px rgba(211, 208, 219, 0.25), 0 4px 4px -2px rgba(156, 150, 164, 0.15);
14
- --itf-tooltip-color: $dark-body-color;
15
- --itf-tooltip-bg-color: $dark-tooltip-color;
14
+ --itf-tooltip-color: #{$dark-body-color};
15
+ --itf-tooltip-bg-color: #{$dark-tooltip-color};
16
16
  }
17
17
 
18
18
  .tippy-box[data-theme~=itfin] {
package/src/components/datepicker/MonthPicker.vue CHANGED
@@ -8,6 +8,7 @@
8
8
  <input
9
9
  ref="input"
10
10
  readonly
11
+ :disabled="disabled"
11
12
  class="form-control"
12
13
  :class="{ 'is-invalid': isInvalid(), 'is-valid': isSuccess() }"
13
14
  @focus="onFocus"
@@ -82,6 +83,7 @@ class itfMonthPicker extends Vue {
82
83
  @Inject({ default: null }) itemLabel;
83
84
 
84
85
  @Prop({ type: String }) value;
86
+ @Prop({ type: Boolean }) disabled;
85
87
  @Prop({ type: String, default: 'ISO' }) valueFormat;
86
88
  @Prop({ type: String, default: 'MMMM, yyyy' }) displayFormat;
87
89
  @Prop({ type: String, default: '' }) placeholder;
package/src/components/modal/Modal.vue CHANGED
@@ -2,8 +2,8 @@
2
2
 
3
3
  <div class="itf-modal modal fade" ref="modal" tabindex="-1" :aria-labelledby="modalId" aria-hidden="true">
4
4
  <div
5
- class="modal-dialog modal-fullscreen-sm-down"
6
- :class="{[`modal-${size}`]: size}"
5
+ class="modal-dialog"
6
+ :class="{[`modal-${size}`]: size, 'modal-fullscreen': fullscreen, 'modal-fullscreen-sm-down': !fullscreen}"
7
7
  >
8
8
  <div class="modal-content itf-append-context" ref="content">
9
9
  <div class="modal-header">
@@ -58,7 +58,8 @@ class itfModal extends Vue {
58
58
  @Prop({ type: String, default: '', validator: (value) => ['', 'sm', 'lg', 'xl'].includes(value) }) size;
59
59
 
60
60
  @Prop({ type: Number, default: 500 }) animationDuration
61
- @Prop({ type: Boolean, default: false }) basic
61
+ @Prop({ type: Boolean, default: false }) fullscreen;
62
+ @Prop({ type: Boolean, default: false }) basic;
62
63
  @Prop({ type: Boolean, default: false }) image;
63
64
  @Prop({ type: Boolean, default: false }) closable
64
65
  @Prop({ type: Boolean, default: false }) closeIcon