sprintify-ui 0.6.50 → 0.6.52

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/dist/sprintify-ui.es.js +466 -460
  2. package/dist/types/src/components/BaseHeader.vue.d.ts +6 -3
  3. package/package.json +1 -1
  4. package/src/components/BaseHeader.stories.js +1 -0
  5. package/src/components/BaseHeader.vue +9 -5
package/dist/types/src/components/BaseHeader.vue.d.ts CHANGED
@@ -22,8 +22,9 @@ declare const _default: import("vue").DefineComponent<{
22
22
  };
23
23
  attributes: {
24
24
  type: import("vue").PropType<{
25
- icon: string;
25
+ icon?: string | undefined;
26
26
  label: string;
27
+ tooltip?: string | undefined;
27
28
  }[]>;
28
29
  default: undefined;
29
30
  };
@@ -58,8 +59,9 @@ declare const _default: import("vue").DefineComponent<{
58
59
  };
59
60
  attributes: {
60
61
  type: import("vue").PropType<{
61
- icon: string;
62
+ icon?: string | undefined;
62
63
  label: string;
64
+ tooltip?: string | undefined;
63
65
  }[]>;
64
66
  default: undefined;
65
67
  };
@@ -80,8 +82,9 @@ declare const _default: import("vue").DefineComponent<{
80
82
  breadcrumbs: Breadcrumb[];
81
83
  layout: 'default' | 'compact';
82
84
  attributes: {
83
- icon: string;
85
+ icon?: string;
84
86
  label: string;
87
+ tooltip?: string;
85
88
  }[];
86
89
  subtitle: string;
87
90
  badge: BaseBadgeProps;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sprintify-ui",
3
- "version": "0.6.50",
3
+ "version": "0.6.52",
4
4
  "scripts": {
5
5
  "build": "rimraf dist && vue-tsc && vite build",
6
6
  "build-fast": "rimraf dist && vite build",
package/src/components/BaseHeader.stories.js CHANGED
@@ -33,6 +33,7 @@ const attributes = [
33
33
  {
34
34
  label: 'Full Time',
35
35
  icon: 'heroicons:briefcase-solid',
36
+ tooltip: '40h a week',
36
37
  },
37
38
  {
38
39
  label: 'Remote',
package/src/components/BaseHeader.vue CHANGED
@@ -41,20 +41,23 @@
41
41
  : 'mt-2 flex-row flex-wrap space-x-4',
42
42
  ]"
43
43
  >
44
- <div
44
+ <BaseTooltip
45
45
  v-for="attribute in attributes"
46
46
  :key="attribute.label"
47
- class="flex items-center"
47
+ class="flex items-center gap-1.5"
48
+ :visible="!!attribute.tooltip"
49
+ :text="attribute.tooltip"
48
50
  >
49
51
  <BaseIcon
52
+ v-if="attribute.icon"
50
53
  :icon="attribute.icon"
51
- class="mr-1.5 h-4 w-4 shrink-0 text-slate-600"
54
+ class="h-4 w-4 shrink-0 text-slate-600"
52
55
  aria-hidden="true"
53
56
  />
54
57
  <span class="text-sm text-slate-600">
55
58
  {{ attribute.label }}
56
59
  </span>
57
- </div>
60
+ </BaseTooltip>
58
61
  </div>
59
62
  </div>
60
63
 
@@ -104,6 +107,7 @@ import BaseActionItemButton from './BaseActionItemButton.vue';
104
107
  import BaseBadge from './BaseBadge.vue';
105
108
  import BaseMenu from './BaseMenu.vue';
106
109
  import { cloneDeep } from 'lodash';
110
+ import BaseTooltip from './BaseTooltip.vue';
107
111
 
108
112
  type BaseBadgeProps = InstanceType<typeof BaseBadge>["$props"] & {
109
113
  label: string;
@@ -113,7 +117,7 @@ const props = withDefaults(
113
117
  defineProps<{
114
118
  title: string;
115
119
  subtitle?: string;
116
- attributes?: { icon: string; label: string }[];
120
+ attributes?: { icon?: string; label: string; tooltip?: string }[];
117
121
  actions?: ActionItem[];
118
122
  badge?: BaseBadgeProps;
119
123
  layout?: 'default' | 'compact';