@dataloop-ai/components 0.17.19 → 0.17.20

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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dataloop-ai/components",
3
- "version": "0.17.19",
3
+ "version": "0.17.20",
4
4
  "exports": {
5
5
  ".": "./index.ts",
6
6
  "./models": "./models.ts",
@@ -32,6 +32,19 @@ body {
32
32
  }
33
33
  }
34
34
 
35
+ /* Inserting a collapsed row between two flex items will make
36
+ * the flex item that comes after it break to a new row */
37
+ .break {
38
+ flex-basis: 100%;
39
+ height: 0;
40
+ }
41
+
42
+ /* Use a collapsed column to break to a new column */
43
+ .break-column {
44
+ flex-basis: 100%;
45
+ width: 0;
46
+ }
47
+
35
48
  .scroll {
36
49
  overflow: auto;
37
50
  }
@@ -33,9 +33,16 @@
33
33
  </dl-tooltip>
34
34
  </span>
35
35
  </div>
36
+ <div
37
+ v-if="!!topMessage.length && !isSmall"
38
+ class="break"
39
+ />
36
40
  <div
37
41
  v-show="!!topMessage.length"
38
- class="dl-text-input__top-message-container"
42
+ :class="{
43
+ 'dl-text-input__top-message-container': true,
44
+ 'dl-text-input__top-message-container--s': isSmall
45
+ }"
39
46
  >
40
47
  <dl-info-error-message
41
48
  v-show="!!topMessage.length"
@@ -670,6 +677,10 @@ export default defineComponent({
670
677
  display: flex;
671
678
  margin-bottom: 10px;
672
679
  text-align: start;
680
+
681
+ &--s {
682
+ padding: 0px 10px;
683
+ }
673
684
  }
674
685
 
675
686
  &__input-wrapper {
@@ -2,7 +2,7 @@
2
2
  <div>
3
3
  <dl-input
4
4
  v-model="textInputValue"
5
- style="width: 220px"
5
+ style="width: 920px"
6
6
  placeholder="Select option"
7
7
  size="l"
8
8
  title="Input Title"