sprintify-ui 0.0.63 → 0.0.64

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 +2 -1
  2. package/package.json +1 -1
  3. package/src/components/BaseAvatar.vue +5 -1
  4. package/src/components/BaseAvatarGroup.stories.js +27 -18
  5. package/src/components/BaseAvatarGroup.vue +1 -0
package/dist/sprintify-ui.es.js CHANGED
@@ -2615,7 +2615,7 @@ const us = { class: "relative" }, cs = { class: "relative" }, ds = ["value", "pl
2615
2615
  });
2616
2616
  return (a, s) => (b(), ee(Nt(e.to ? "RouterLink" : "div"), {
2617
2617
  to: e.to,
2618
- class: "flex items-center"
2618
+ class: "flex shrink-0 items-center"
2619
2619
  }, {
2620
2620
  default: H(() => [
2621
2621
  v("img", {
@@ -2677,6 +2677,7 @@ const us = { class: "relative" }, cs = { class: "relative" }, ds = ["value", "pl
2677
2677
  (b(!0), T(fe, null, ve(e.users, (a, s) => (b(), T("div", {
2678
2678
  key: a.email + "-" + s,
2679
2679
  role: "tooltip",
2680
+ class: "shrink-0",
2680
2681
  "aria-label": a.full_name + `
2681
2682
  ` + a.email,
2682
2683
  style: je({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sprintify-ui",
3
- "version": "0.0.63",
3
+ "version": "0.0.64",
4
4
  "scripts": {
5
5
  "build": "rimraf dist && vue-tsc && vite build",
6
6
  "build-fast": "rimraf dist && vite build",
package/src/components/BaseAvatar.vue CHANGED
@@ -1,5 +1,9 @@
1
1
  <template>
2
- <component :is="to ? 'RouterLink' : 'div'" :to="to" class="flex items-center">
2
+ <component
3
+ :is="to ? 'RouterLink' : 'div'"
4
+ :to="to"
5
+ class="flex shrink-0 items-center"
6
+ >
3
7
  <img
4
8
  :src="user.avatar_url"
5
9
  :class="[sizeClass, detailsPosition == 'left' ? 'order-2' : 'order-1']"
package/src/components/BaseAvatarGroup.stories.js CHANGED
@@ -10,25 +10,30 @@ export default {
10
10
  },
11
11
  },
12
12
  };
13
+
14
+ const user = {
15
+ email: 'jane@witify.io',
16
+ full_name: 'Jane Doe',
17
+ avatar_url:
18
+ 'https://images.unsplash.com/photo-1494790108377-be9c29b29330??auto=format&fit=crop&w=200&h=200&q=80&g=face',
19
+ };
20
+
13
21
  const users = [
14
- {
15
- email: 'jane@witify.io',
16
- full_name: 'Jane Doe',
17
- avatar_url:
18
- 'https://images.unsplash.com/photo-1494790108377-be9c29b29330??auto=format&fit=crop&w=200&h=200&q=80&g=face',
19
- },
20
- {
21
- email: 'jane@witify.io',
22
- full_name: 'Jane Doe',
23
- avatar_url:
24
- 'https://images.unsplash.com/photo-1494790108377-be9c29b29330??auto=format&fit=crop&w=200&h=200&q=80&g=face',
25
- },
26
- {
27
- email: 'jane@witify.io',
28
- full_name: 'Jane Doe',
29
- avatar_url:
30
- 'https://images.unsplash.com/photo-1494790108377-be9c29b29330??auto=format&fit=crop&w=200&h=200&q=80&g=face',
31
- },
22
+ user,
23
+ user,
24
+ user,
25
+ user,
26
+ user,
27
+ user,
28
+ user,
29
+ user,
30
+ user,
31
+ user,
32
+ user,
33
+ user,
34
+ user,
35
+ user,
36
+ user,
32
37
  ];
33
38
 
34
39
  const Template = (args) => ({
@@ -37,7 +42,11 @@ const Template = (args) => ({
37
42
  return { args };
38
43
  },
39
44
  template: `
45
+ <p class="text-sm mt-2">Demo</p>
40
46
  <BaseAvatarGroup v-bind="args"></BaseAvatarGroup>
47
+
48
+ <p class="text-sm mt-2">With small container</p>
49
+ <div style="max-width: 200px; overflow: hidden;"><BaseAvatarGroup v-bind="args"></BaseAvatarGroup></div>
41
50
  `,
42
51
  });
43
52
 
package/src/components/BaseAvatarGroup.vue CHANGED
@@ -4,6 +4,7 @@
4
4
  v-for="(user, index) in users"
5
5
  :key="user.email + '-' + index"
6
6
  role="tooltip"
7
+ class="shrink-0"
7
8
  :aria-label="user.full_name + '\n' + user.email"
8
9
  :style="{
9
10
  marginLeft: index === 0 ? '0' : '-' + spacing,