@dataloop-ai/components 0.19.208 → 0.19.210

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/components/compound/DlSearches/DlSmartSearch/components/DlSmartSearchInput.vue +18 -17
  3. package/src/components/compound/DlStepper/components/DlStepperContent.vue +2 -5
  4. package/src/components/shared/DlTooltip/DlTooltip.vue +10 -10
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dataloop-ai/components",
3
- "version": "0.19.208",
3
+ "version": "0.19.210",
4
4
  "exports": {
5
5
  ".": "./index.ts",
6
6
  "./models": "./models.ts",
package/src/components/compound/DlSearches/DlSmartSearch/components/DlSmartSearchInput.vue CHANGED
@@ -17,7 +17,7 @@
17
17
  ? defaultIconColor
18
18
  : statusIconColor || defaultIconColor
19
19
  "
20
- size="12px"
20
+ size="16px"
21
21
  :inline="false"
22
22
  />
23
23
  </div>
@@ -52,24 +52,25 @@
52
52
  </div>
53
53
  <dl-tooltip
54
54
  v-if="!focused"
55
- border="1px solid var(--dl-color-separator)"
56
- background-color="dl-color-panel-background"
57
- color="dl-color-darker"
55
+ :style="`
56
+ background-color: var(--dl-color-panel-background);
57
+ border: 1px solid var(--dl-color-separator);
58
+ color: var(--dl-color-darker);
59
+ padding: 16px;
60
+ `"
58
61
  max-width="340px"
59
62
  anchor="bottom left"
60
63
  self="top left"
61
64
  >
62
- <div style="padding: 10px">
63
- <div class="tooltip-title">
64
- <dl-icon :icon="defaultIcon" />
65
- Smart Search Query
66
- </div>
67
- <div class="tooltip-subtitle">
68
- A powerful and flexible search language used in
69
- Dataloop. The smart search allows users to construct
70
- queries to search based on various criteria such as
71
- status, metadata, labels and other.
72
- </div>
65
+ <div class="tooltip-title">
66
+ <dl-icon :icon="defaultIcon" />
67
+ Smart Search Query
68
+ </div>
69
+ <div class="tooltip-subtitle">
70
+ A powerful and flexible search. Allows users to
71
+ construct queries based on specific field selection
72
+ following schema rules. Does not enable free text
73
+ search.
73
74
  </div>
74
75
  </dl-tooltip>
75
76
  </div>
@@ -1160,8 +1161,8 @@ export default defineComponent({
1160
1161
  &__status-icon-wrapper {
1161
1162
  display: flex;
1162
1163
  line-height: 15px;
1163
- margin: 3px 8px 0px 0px;
1164
- align-items: center;
1164
+ margin: 6px 8px 0px 0px;
1165
+ align-items: flex-start;
1165
1166
  div:first-child {
1166
1167
  display: flex;
1167
1168
  align-items: center;
package/src/components/compound/DlStepper/components/DlStepperContent.vue CHANGED
@@ -1,9 +1,6 @@
1
1
  <template>
2
2
  <div class="stepper-content">
3
- <slot
4
- v-if="!hide"
5
- name="header"
6
- >
3
+ <slot v-if="!hide" name="header">
7
4
  <div class="stepper-content--header">
8
5
  <dl-typography
9
6
  size="h3"
@@ -64,7 +61,7 @@ export default defineComponent({
64
61
  </script>
65
62
  <style scoped lang="scss">
66
63
  .stepper-content {
67
- padding: 20px 50px;
64
+ padding: 20px 30px;
68
65
  // max-height: calc(100vh - 175px);
69
66
 
70
67
  display: flex;
package/src/components/shared/DlTooltip/DlTooltip.vue CHANGED
@@ -1,6 +1,12 @@
1
1
  <template>
2
- <dl-teleport v-if="portalIsActive" :to="portalEl">
3
- <transition name="fade" appear>
2
+ <dl-teleport
3
+ v-if="portalIsActive"
4
+ :to="portalEl"
5
+ >
6
+ <transition
7
+ name="fade"
8
+ appear
9
+ >
4
10
  <div
5
11
  v-if="showing"
6
12
  :id="uuid"
@@ -135,10 +141,6 @@ export default defineComponent({
135
141
  triggerPercentage: {
136
142
  type: Number,
137
143
  default: 1
138
- },
139
- border: {
140
- type: String,
141
- default: null
142
144
  }
143
145
  },
144
146
  setup(props, { emit, attrs }) {
@@ -358,7 +360,7 @@ export default defineComponent({
358
360
 
359
361
  function configureScrollTarget() {
360
362
  if (anchorEl.value !== null || props.scrollTarget) {
361
- ;(localScrollTarget as Ref<any>).value = getScrollTarget(
363
+ (localScrollTarget as Ref<any>).value = getScrollTarget(
362
364
  anchorEl.value as HTMLElement,
363
365
  props.scrollTarget as Element
364
366
  )
@@ -412,8 +414,7 @@ export default defineComponent({
412
414
  '--dl-tooltip-text-align': props.textAlignment,
413
415
  '--dl-tooltip-text-transform': props.capitalized
414
416
  ? 'capitalize'
415
- : 'none',
416
- '--dl-tooltip-border': props.border
417
+ : 'none'
417
418
  }
418
419
  ] as any
419
420
  }
@@ -434,7 +435,6 @@ export default defineComponent({
434
435
  line-height: 16px;
435
436
  color: var(--dl-tooltip-color);
436
437
  background: var(--dl-tooltip-background);
437
- border: var(--dl-tooltip-border);
438
438
  border-radius: 2px;
439
439
  text-transform: none;
440
440
  font-family: 'Roboto', sans-serif;