@apptegy/nuxt-navigation 1.0.0-alpha.0 → 1.0.0

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 (71) hide show
  1. package/README.md +70 -5
  2. package/dist/module.cjs +5 -0
  3. package/dist/module.d.mts +2 -3
  4. package/dist/module.d.ts +7 -0
  5. package/dist/module.json +2 -5
  6. package/dist/module.mjs +3 -7
  7. package/dist/runtime/assets/icons/24/Minus.svg +5 -0
  8. package/dist/runtime/assets/icons/24/Plus.svg +5 -0
  9. package/dist/runtime/assets/thrillshare-logo-white.svg +1 -22
  10. package/dist/runtime/components/Nav/Avatar.vue +23 -46
  11. package/dist/runtime/components/Nav/Header.vue +159 -161
  12. package/dist/runtime/components/Nav/HelpArticles.vue +61 -119
  13. package/dist/runtime/components/Nav/ImpersonateInfoPanel.vue +32 -45
  14. package/dist/runtime/components/Nav/OrgSelect.vue +117 -162
  15. package/dist/runtime/components/Nav/Sidebar.vue +109 -216
  16. package/dist/runtime/components/Nav/SidebarItem.vue +17 -44
  17. package/dist/runtime/components/Nav/SidebarSection.vue +38 -88
  18. package/dist/runtime/components/Nav/SubMenu.vue +4 -0
  19. package/dist/runtime/components/Nav/SubMenuItem.vue +7 -6
  20. package/dist/runtime/composables/accessibleActions.d.ts +33 -0
  21. package/dist/runtime/composables/accessibleActions.js +195 -0
  22. package/dist/types.d.mts +1 -3
  23. package/dist/types.d.ts +1 -0
  24. package/package.json +27 -26
  25. package/dist/runtime/api/brand.d.ts +0 -3
  26. package/dist/runtime/api/brand.js +0 -8
  27. package/dist/runtime/assets/checkmark.svg +0 -3
  28. package/dist/runtime/assets/hamburger.svg +0 -3
  29. package/dist/runtime/assets/iconPaths.json +0 -13
  30. package/dist/runtime/assets/icons/24/Metadata.svg +0 -4
  31. package/dist/runtime/assets/impersonation.svg +0 -6
  32. package/dist/runtime/assets/poweredby-icon.svg +0 -3
  33. package/dist/runtime/assets/poweredby.svg +0 -19
  34. package/dist/runtime/components/Nav/Avatar.vue.d.ts +0 -16
  35. package/dist/runtime/components/Nav/Breadcrumb.vue.d.ts +0 -12
  36. package/dist/runtime/components/Nav/Header.vue.d.ts +0 -39
  37. package/dist/runtime/components/Nav/HelpArticles.vue.d.ts +0 -14
  38. package/dist/runtime/components/Nav/Icons/ApptegyLogo.vue +0 -30
  39. package/dist/runtime/components/Nav/Icons/ApptegyLogo.vue.d.ts +0 -14
  40. package/dist/runtime/components/Nav/Icons/Pinned.vue +0 -9
  41. package/dist/runtime/components/Nav/Icons/Pinned.vue.d.ts +0 -2
  42. package/dist/runtime/components/Nav/Icons/SidebarToggle.vue +0 -15
  43. package/dist/runtime/components/Nav/Icons/SidebarToggle.vue.d.ts +0 -2
  44. package/dist/runtime/components/Nav/Icons/ThrillshareLogo.vue +0 -25
  45. package/dist/runtime/components/Nav/Icons/ThrillshareLogo.vue.d.ts +0 -2
  46. package/dist/runtime/components/Nav/Icons/Unpinned.vue +0 -9
  47. package/dist/runtime/components/Nav/Icons/Unpinned.vue.d.ts +0 -2
  48. package/dist/runtime/components/Nav/Icons/UserDropdownMenu.vue +0 -5
  49. package/dist/runtime/components/Nav/Icons/UserDropdownMenu.vue.d.ts +0 -2
  50. package/dist/runtime/components/Nav/ImpersonateInfoPanel.vue.d.ts +0 -12
  51. package/dist/runtime/components/Nav/OrgSelect.vue.d.ts +0 -16
  52. package/dist/runtime/components/Nav/Sidebar.vue.d.ts +0 -53
  53. package/dist/runtime/components/Nav/SidebarItem.vue.d.ts +0 -20
  54. package/dist/runtime/components/Nav/SidebarSection.vue.d.ts +0 -18
  55. package/dist/runtime/components/Nav/SidebarToggle.vue +0 -28
  56. package/dist/runtime/components/Nav/SidebarToggle.vue.d.ts +0 -2
  57. package/dist/runtime/components/Nav/SubMenu.vue.d.ts +0 -12
  58. package/dist/runtime/components/Nav/SubMenuItem.vue.d.ts +0 -22
  59. package/dist/runtime/components/Nav/UserDropdown.vue +0 -178
  60. package/dist/runtime/components/Nav/UserDropdown.vue.d.ts +0 -19
  61. package/dist/runtime/composables/useBranding.d.ts +0 -22
  62. package/dist/runtime/composables/useBranding.js +0 -35
  63. package/dist/runtime/composables/useDropdown.d.ts +0 -19
  64. package/dist/runtime/composables/useDropdown.js +0 -236
  65. package/dist/runtime/composables/useSidebar.d.ts +0 -5
  66. package/dist/runtime/composables/useSidebar.js +0 -13
  67. package/dist/runtime/types/index.d.ts +0 -13
  68. package/dist/runtime/types/index.js +0 -0
  69. package/locale/en.json +0 -20
  70. package/locale/index.js +0 -7
  71. /package/dist/runtime/assets/{icon.svg → thrillshare-icon-white.svg} +0 -0
package/README.md CHANGED
@@ -2,18 +2,83 @@
2
2
  Get your module up and running quickly.
3
3
 
4
4
  Find and replace all on all files (CMD+SHIFT+F):
5
- - Name: Navigation
6
- - Package name: @apptegy/nuxt-navigation
7
- - Description:Apptegy navigation components and patterns module.
5
+ - Name: My Module
6
+ - Package name: my-module
7
+ - Description: My new Nuxt module
8
8
  -->
9
9
 
10
- # Navigation
10
+ # My Module
11
11
 
12
12
  [![npm version][npm-version-src]][npm-version-href]
13
13
  [![npm downloads][npm-downloads-src]][npm-downloads-href]
14
14
  [![License][license-src]][license-href]
15
15
  [![Nuxt][nuxt-src]][nuxt-href]
16
16
 
17
+ My new Nuxt module for doing amazing things.
17
18
 
18
- <!-- - [🏀 Online playground](https://stackblitz.com/github/your-org/@apptegy/nuxt-navigation?file=playground%2Fapp.vue) -->
19
+ - [ &nbsp;Release Notes](/CHANGELOG.md)
20
+ <!-- - [🏀 Online playground](https://stackblitz.com/github/your-org/my-module?file=playground%2Fapp.vue) -->
19
21
  <!-- - [📖 &nbsp;Documentation](https://example.com) -->
22
+
23
+ ## Features
24
+
25
+ <!-- Highlight some of the features your module provide here -->
26
+ - ⛰ &nbsp;Foo
27
+ - 🚠 &nbsp;Bar
28
+ - 🌲 &nbsp;Baz
29
+
30
+ ## Quick Setup
31
+
32
+ Install the module to your Nuxt application with one command:
33
+
34
+ ```bash
35
+ npx nuxi module add my-module
36
+ ```
37
+
38
+ That's it! You can now use My Module in your Nuxt app ✨
39
+
40
+
41
+ ## Contribution
42
+
43
+ <details>
44
+ <summary>Local development</summary>
45
+
46
+ ```bash
47
+ # Install dependencies
48
+ npm install
49
+
50
+ # Generate type stubs
51
+ npm run dev:prepare
52
+
53
+ # Develop with the playground
54
+ npm run dev
55
+
56
+ # Build the playground
57
+ npm run dev:build
58
+
59
+ # Run ESLint
60
+ npm run lint
61
+
62
+ # Run Vitest
63
+ npm run test
64
+ npm run test:watch
65
+
66
+ # Release new version
67
+ npm run release
68
+ ```
69
+
70
+ </details>
71
+
72
+
73
+ <!-- Badges -->
74
+ [npm-version-src]: https://img.shields.io/npm/v/my-module/latest.svg?style=flat&colorA=020420&colorB=00DC82
75
+ [npm-version-href]: https://npmjs.com/package/my-module
76
+
77
+ [npm-downloads-src]: https://img.shields.io/npm/dm/my-module.svg?style=flat&colorA=020420&colorB=00DC82
78
+ [npm-downloads-href]: https://npmjs.com/package/my-module
79
+
80
+ [license-src]: https://img.shields.io/npm/l/my-module.svg?style=flat&colorA=020420&colorB=00DC82
81
+ [license-href]: https://npmjs.com/package/my-module
82
+
83
+ [nuxt-src]: https://img.shields.io/badge/Nuxt-020420?logo=nuxt.js
84
+ [nuxt-href]: https://nuxt.com
@@ -0,0 +1,5 @@
1
+ module.exports = function(...args) {
2
+ return import('./module.mjs').then(m => m.default.call(this, ...args))
3
+ }
4
+ const _meta = module.exports.meta = require('./module.json')
5
+ module.exports.getMeta = () => Promise.resolve(_meta)
package/dist/module.d.mts CHANGED
@@ -2,7 +2,6 @@ import * as _nuxt_schema from '@nuxt/schema';
2
2
 
3
3
  interface ModuleOptions {
4
4
  }
5
- declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
5
+ declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
6
6
 
7
- export { _default as default };
8
- export type { ModuleOptions };
7
+ export { type ModuleOptions, _default as default };
@@ -0,0 +1,7 @@
1
+ import * as _nuxt_schema from '@nuxt/schema';
2
+
3
+ interface ModuleOptions {
4
+ }
5
+ declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
6
+
7
+ export { type ModuleOptions, _default as default };
package/dist/module.json CHANGED
@@ -1,12 +1,9 @@
1
1
  {
2
2
  "name": "@apptegy/nuxt-navigation",
3
- "compatibility": {
4
- "nuxt": ">=3.0.0"
5
- },
6
3
  "configKey": "@apptegy/nuxt-navigation",
7
- "version": "1.0.0-alpha.0",
4
+ "version": "1.0.0",
8
5
  "builder": {
9
- "@nuxt/module-builder": "1.0.1",
6
+ "@nuxt/module-builder": "0.8.1",
10
7
  "unbuild": "unknown"
11
8
  }
12
9
  }
package/dist/module.mjs CHANGED
@@ -1,14 +1,10 @@
1
- import { defineNuxtModule, installModule, createResolver, addComponentsDir, addImportsDir } from '@nuxt/kit';
1
+ import { defineNuxtModule, createResolver, addComponentsDir, addImportsDir } from '@nuxt/kit';
2
2
 
3
3
  const module = defineNuxtModule({
4
4
  meta: {
5
- name: "@apptegy/nuxt-navigation",
6
- compatibility: {
7
- nuxt: ">=3.0.0"
8
- }
5
+ name: "@apptegy/nuxt-navigation"
9
6
  },
10
- async setup(_options, nuxt) {
11
- await installModule("@nuxt/icon");
7
+ setup(_options, nuxt) {
12
8
  const resolver = createResolver(import.meta.url);
13
9
  addComponentsDir({ path: resolver.resolve("runtime/components") });
14
10
  addImportsDir(resolver.resolve("runtime/composables"));
@@ -0,0 +1,5 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g id="Icons / 24 / Minus">
3
+ <path id="Vector 154" d="M19 12L12 12H5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
4
+ </g>
5
+ </svg>
@@ -0,0 +1,5 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g id="Icons / 24 / Plus">
3
+ <path id="Vector 154" d="M12 5V12M12 12L12 19M12 12L19 12M12 12H5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
4
+ </g>
5
+ </svg>
@@ -1,22 +1 @@
1
- <svg width="148" height="32" viewBox="0 0 148 34" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M83.8405 31.9113C82.9458 31.9113 82.2747 31.5758 81.7528 30.8302V31.6876H80.709V22.5168H81.7528V26.0211C82.2374 25.3501 82.9085 24.9027 83.8777 24.9027C85.5553 24.9027 86.711 26.1702 86.711 28.407C86.711 30.6438 85.6299 31.9113 83.8405 31.9113ZM83.7659 31.0166C85.0334 31.0166 85.6299 29.8982 85.6299 28.407C85.6299 26.9158 85.0334 25.7974 83.7659 25.7974C82.4984 25.7974 81.641 26.9904 81.641 28.407C81.641 29.8236 82.3493 31.0166 83.7659 31.0166ZM88.5004 33.8871C88.0903 33.8871 87.8294 33.8871 87.5684 33.738V32.806H87.6057C87.7548 32.8806 87.9785 32.9551 88.314 32.9551C88.6495 32.9551 89.0596 32.806 89.3206 32.135L89.5815 31.4639L86.972 25.0146H88.0903L89.6561 29.1526C89.8798 29.7118 90.1034 30.4574 90.1034 30.4574C90.1034 30.4574 90.3271 29.7118 90.5508 29.1526L92.0793 25.0146H93.1976L90.3644 32.2095C89.8425 33.5889 89.3206 33.8498 88.5004 33.8498V33.8871ZM101.175 31.7622C100.504 31.7622 100.132 31.4639 100.02 30.7556C99.6097 31.2776 98.9387 31.7995 97.8203 31.7995C96.7019 31.7995 95.5835 31.203 95.5835 29.9355C95.5835 28.668 96.8138 28.0342 98.4914 27.7733C99.4233 27.6241 100.094 27.5496 100.094 26.804C100.094 26.0584 99.5725 25.6483 98.6032 25.6483C97.6339 25.6483 97.0002 26.0957 96.9629 27.1022H95.9563C95.9936 25.8347 96.851 24.8655 98.6032 24.8655C100.355 24.8655 101.064 25.3874 101.064 26.9904V30.1592C101.064 30.6811 101.175 30.9793 101.772 30.8675H101.809V31.6131C101.697 31.6503 101.511 31.7249 101.25 31.7249L101.175 31.7622ZM98.044 31.0166C99.4233 31.0166 100.057 30.01 100.057 29.2272V28.1088C99.7216 28.3325 99.1251 28.4816 98.5286 28.5934C97.4848 28.7798 96.6646 28.9662 96.6646 29.9355C96.6646 30.9048 97.373 31.0166 98.044 31.0166ZM102.518 33.8498V25.0891H103.561V26.0211C104.046 25.3501 104.717 24.94 105.686 24.94C107.364 24.94 108.557 26.2075 108.557 28.4443C108.557 30.6811 107.476 31.9486 105.649 31.9486C103.822 31.9486 104.121 31.6876 103.561 30.9793V33.8871H102.518V33.8498ZM105.612 31.0166C106.879 31.0166 107.513 29.8982 107.513 28.407C107.513 26.9158 106.879 25.7974 105.612 25.7974C104.344 25.7974 103.487 26.9904 103.487 28.407C103.487 29.8236 104.083 31.0166 105.612 31.0166ZM109.601 33.8498V25.0891H110.644V26.0211C111.129 25.3501 111.8 24.94 112.769 24.94C114.447 24.94 115.64 26.2075 115.64 28.4443C115.64 30.6811 114.559 31.9486 112.732 31.9486C110.905 31.9486 111.204 31.6876 110.644 30.9793V33.8871H109.601V33.8498ZM112.695 31.0166C113.962 31.0166 114.596 29.8982 114.596 28.407C114.596 26.9158 113.962 25.7974 112.695 25.7974C111.427 25.7974 110.57 26.9904 110.57 28.407C110.57 29.8236 111.166 31.0166 112.695 31.0166ZM116.087 25.9093V25.0519H117.057V22.9642H118.1V25.0519H119.368V25.9093H118.1V30.2337C118.1 30.6811 118.361 30.8675 118.771 30.8675C119.182 30.8675 119.219 30.8302 119.331 30.7929H119.368V31.6876C119.107 31.7249 118.846 31.7622 118.548 31.7622C117.69 31.7622 117.094 31.4267 117.094 30.4947V25.9466H116.125L116.087 25.9093ZM123.245 31.874C121.232 31.874 120.039 30.3083 120.039 28.3697C120.039 26.4312 121.306 24.8655 123.17 24.8655C125.034 24.8655 126.227 26.3939 126.227 28.5934H121.083C121.157 29.9355 121.903 30.9793 123.245 30.9793C124.587 30.9793 124.848 30.532 125.072 29.6H126.078C125.78 31.0166 124.736 31.8367 123.208 31.8367L123.245 31.874ZM123.17 25.7229C121.94 25.7229 121.269 26.6549 121.12 27.8478H125.109C125.034 26.5058 124.363 25.7229 123.17 25.7229ZM129.881 33.9244C128.166 33.9244 127.197 33.2161 127.085 32.0977H128.054C128.166 32.8433 128.837 33.1043 129.881 33.1043C130.925 33.1043 131.782 32.5451 131.782 31.3894V30.4574C131.297 31.0912 130.775 31.5012 129.806 31.5012C128.091 31.5012 126.898 30.1219 126.898 28.2206C126.898 26.3194 128.203 24.94 129.732 24.94C131.26 24.94 131.297 25.3128 131.745 25.9466V25.0891H132.789V31.3894C132.789 33.1415 131.633 33.9617 129.881 33.9617V33.9244ZM129.806 30.6065C131.335 30.6065 131.819 29.5254 131.819 28.1461C131.819 26.7667 131.186 25.7974 129.806 25.7974C128.427 25.7974 127.942 26.7667 127.942 28.2206C127.942 29.6745 128.613 30.6065 129.843 30.6065H129.806ZM135.063 33.8871C134.653 33.8871 134.392 33.8871 134.131 33.738V32.806H134.168C134.317 32.8806 134.541 32.9551 134.876 32.9551C135.212 32.9551 135.622 32.806 135.883 32.135L136.144 31.4639L133.534 25.0146H134.653L136.218 29.1526C136.442 29.7118 136.666 30.4574 136.666 30.4574C136.666 30.4574 136.889 29.7118 137.113 29.1526L138.641 25.0146H139.76L136.927 32.2095C136.405 33.5889 135.883 33.8498 135.063 33.8498V33.8871Z" fill="white"/>
3
- <mask id="mask0_1_3" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="148" height="30">
4
- <path d="M148 0H0V29.0781H148V0Z" fill="white"/>
5
- </mask>
6
- <g mask="url(#mask0_1_3)">
7
- <path d="M48.09 6.56122C48.761 6.56122 49.3948 6.67306 49.954 6.93401C50.5132 7.15769 50.9605 7.53049 51.3706 7.94056C51.7434 8.38792 52.0789 8.90983 52.3026 9.46903C52.5263 10.0655 52.6381 10.6993 52.6381 11.4076V19.9446H49.1711V11.9295C49.1711 11.2212 48.9847 10.6247 48.5746 10.2146C48.2018 9.76726 47.6054 9.54359 46.8971 9.54359C46.1887 9.54359 45.5177 9.80454 44.9958 10.3637C44.5112 10.9229 44.2502 11.6312 44.2502 12.526V19.9446H40.7832V1.78943H44.2502V8.08968H44.3248C45.7414 6.4121 48.1273 6.56122 48.1273 6.56122H48.09Z" fill="white"/>
8
- <path d="M100.764 6.56122C101.435 6.56122 102.069 6.67306 102.628 6.93401C103.187 7.15769 103.634 7.53049 104.044 7.94056C104.417 8.38792 104.753 8.90983 104.976 9.46903C105.2 10.0655 105.312 10.6993 105.312 11.4076V19.9446H101.845V11.9295C101.845 11.2212 101.659 10.6247 101.248 10.2146C100.876 9.76726 100.279 9.54359 99.5709 9.54359C98.8626 9.54359 98.1915 9.80454 97.6696 10.3637C97.185 10.9229 96.924 11.6312 96.924 12.526V19.9446H93.457V1.78943H96.924V8.08968H96.9986C98.4152 6.4121 100.801 6.56122 100.801 6.56122H100.764Z" fill="white"/>
9
- <path d="M58.0816 8.7235H58.1561C58.5289 7.97791 58.9017 7.64239 59.4236 7.26959C59.9083 6.8968 60.6166 6.74768 61.3994 6.74768C62.1823 6.74768 62.0332 6.74768 62.2196 6.85952V9.87917H62.145C61.0266 9.76733 60.0574 9.99101 59.3491 10.6248C58.6035 11.2212 58.2307 12.2278 58.2307 13.6071V19.9819H54.7637V6.93408H58.0816V8.76078V8.7235Z" fill="white"/>
10
- <path d="M123.357 8.7235H123.432C123.804 7.97791 124.177 7.64239 124.699 7.26959C125.184 6.8968 125.892 6.74768 126.675 6.74768C127.458 6.74768 127.309 6.74768 127.495 6.85952V9.87917H127.42C126.302 9.76733 125.333 9.99101 124.624 10.6248C123.879 11.2212 123.506 12.2278 123.506 13.6071V19.9819H120.039V6.93408H123.357V8.76078V8.7235Z" fill="white"/>
11
- <path d="M63.7109 1.78943H67.1779V4.88364H63.7109V1.78943ZM63.7109 6.93401H67.1779V19.9819H63.7109V6.93401Z" fill="white"/>
12
- <path d="M69.4512 1.78943H72.9182V19.9819H69.4512V1.78943Z" fill="white"/>
13
- <path d="M75.2676 1.78943H78.7346V19.9819H75.2676V1.78943Z" fill="white"/>
14
- <path d="M86.3386 20.3548C84.4374 20.3548 82.9462 19.9447 81.9024 19.0873C80.8585 18.2298 80.2993 17.1487 80.1875 15.7321H83.3935C83.5054 16.4777 83.8409 17.0369 84.3255 17.3724C84.8102 17.7079 85.4812 17.8943 86.2641 17.8943C87.0469 17.8943 87.6061 17.7825 88.0535 17.4842C88.4636 17.2233 88.6872 16.8505 88.6872 16.4031C88.6872 15.9558 88.5754 15.8439 88.389 15.6575C88.2026 15.4712 87.9417 15.322 87.6434 15.2102C87.3452 15.0984 86.9724 14.9865 86.525 14.912C86.0777 14.8374 85.6676 14.7628 85.2202 14.651C84.6238 14.5392 84.0646 14.39 83.5054 14.2409C82.9462 14.0918 82.4616 13.8681 82.0142 13.5699C81.5668 13.2717 81.2313 12.8989 80.9704 12.4515C80.7094 12.0041 80.5976 11.4077 80.5976 10.6994C80.5976 9.99105 80.7094 9.3573 81.0076 8.87266C81.2686 8.35075 81.6414 7.90339 82.126 7.56788C82.6107 7.19508 83.1699 6.9714 83.8409 6.78501C84.4746 6.63589 85.183 6.52405 85.9286 6.52405C87.6434 6.52405 89.0228 6.89684 89.9175 7.67972C90.8495 8.46259 91.4087 9.50642 91.5205 10.8112H88.389C88.3145 10.1029 88.0535 9.61825 87.6434 9.32002C87.2333 9.05906 86.6369 8.90994 85.8913 8.90994C85.1457 8.90994 84.661 9.02178 84.251 9.28274C83.8409 9.50642 83.6545 9.87921 83.6545 10.3638C83.6545 10.8485 83.7663 10.8858 83.9527 11.0349C84.1764 11.184 84.4374 11.3331 84.7729 11.445C85.1084 11.5568 85.4812 11.6314 85.9286 11.7059C86.3759 11.7805 86.786 11.855 87.2706 11.9669C87.8298 12.0787 88.3517 12.2278 88.9109 12.3769C89.4701 12.5261 89.9548 12.7497 90.4021 13.048C90.8495 13.3462 91.185 13.7563 91.4832 14.2036C91.7442 14.6883 91.8933 15.322 91.8933 16.0676C91.8933 16.8132 91.7814 17.2979 91.4832 17.857C91.2223 18.379 90.8495 18.8263 90.3648 19.1618C89.8802 19.5346 89.2837 19.7956 88.65 19.982C87.9789 20.1684 87.2333 20.2429 86.4132 20.2429L86.3386 20.3548Z" fill="white"/>
15
- <path d="M136.893 16.0303C136.706 16.5149 136.408 16.8877 136.035 17.1487C135.663 17.4096 135.103 17.5588 134.432 17.5588C133.463 17.5588 132.717 17.2978 132.196 16.7013C131.674 16.1421 131.338 15.3593 131.189 14.39H140.434C140.434 13.2343 140.322 12.2278 140.024 11.2958C139.763 10.3638 139.353 9.54365 138.831 8.87262C138.309 8.20158 137.638 7.67967 136.855 7.30687C136.073 6.93408 135.178 6.74768 134.134 6.74768C133.09 6.74768 132.345 6.93408 131.599 7.26959C130.816 7.60511 130.182 8.08975 129.623 8.68622C129.064 9.28269 128.654 9.99101 128.318 10.8112C128.02 11.6313 127.871 12.4887 127.871 13.458C127.871 14.4273 128.02 15.2847 128.318 16.1049C128.617 16.925 129.027 17.6333 129.586 18.2671C130.145 18.8635 130.816 19.3482 131.674 19.6837C132.494 20.0192 133.426 20.2056 134.507 20.2056C135.588 20.2056 136.073 20.0938 136.706 19.8701C137.377 19.6464 137.937 19.3482 138.421 18.9754C138.906 18.6026 139.316 18.1552 139.614 17.6333C139.838 17.2978 139.987 16.925 140.099 16.5522L136.893 16.0303ZM132.158 10.1028C132.643 9.61821 133.314 9.39453 134.209 9.39453C135.103 9.39453 135.625 9.65549 136.11 10.1401C136.595 10.6248 136.855 11.2958 136.93 12.1159H131.264C131.375 11.2585 131.711 10.5875 132.158 10.1028Z" fill="white"/>
16
- <path d="M31.9849 1.7522V6.71038H30.1582V9.58091H31.9849V16.8132C31.9849 16.8132 31.8731 19.46 34.5945 20.131C36.7194 20.6157 39.0307 19.721 39.0307 19.721L37.8378 16.7013C37.8378 16.7013 35.2655 17.9688 35.2655 15.6575V9.58091H37.9124L39.0307 6.71038H35.2655V1.7522H31.9476H31.9849Z" fill="white"/>
17
- <path d="M118.175 18.1551V11.7058C118.175 10.2146 117.765 9.05892 116.945 8.23877C116.087 7.41862 114.745 7.00854 112.844 7.00854C110.943 7.00854 111.129 7.12038 110.421 7.34406C109.713 7.56774 109.191 7.86598 108.743 8.27605C108.296 8.64885 107.961 9.0962 107.737 9.61812C107.662 9.76724 107.625 9.91635 107.55 10.1028L110.235 11.2211H110.346C110.384 10.6247 110.607 10.14 111.017 9.87907C111.428 9.58084 111.987 9.43172 112.807 9.43172C113.627 9.43172 114.037 9.54356 114.41 9.84179C114.783 10.1028 114.932 10.4755 114.932 10.9229C114.932 11.3703 114.671 11.7431 114.186 11.8922C113.702 12.0413 112.919 12.2277 111.838 12.3768C111.129 12.4886 110.458 12.6378 109.862 12.7869C109.228 12.9733 108.706 13.197 108.259 13.4952C107.774 13.7934 107.439 14.2035 107.178 14.6881C106.917 15.1728 106.768 15.7692 106.768 16.4403C106.768 17.7078 107.178 18.6771 107.998 19.3481C108.818 20.0191 109.899 20.3174 111.204 20.3174C111.204 20.3174 112.061 20.3174 112.844 20.2055C113.813 20.0191 114.708 19.5345 115.267 18.9753L115.379 20.0564H118.622V19.9446C118.324 19.7582 118.175 19.199 118.175 18.2297V18.1551ZM115.155 15.5829C115.155 15.8811 115.081 16.1793 114.969 16.4776C114.857 16.7758 114.634 17.0368 114.373 17.2604C114.112 17.4841 113.813 17.6705 113.441 17.8196C113.068 17.9687 112.658 18.0433 112.173 18.0433C111.688 18.0433 111.092 17.9315 110.719 17.6705C110.346 17.4096 110.16 16.9995 110.16 16.4403C110.16 15.8811 110.384 15.4337 110.794 15.1355C111.241 14.8745 111.875 14.6509 112.77 14.4272C113.217 14.3153 113.627 14.2035 114.037 14.1289C114.447 14.0171 114.82 13.868 115.118 13.6816V15.5829H115.155Z" fill="white"/>
18
- <path d="M24.7161 9.69275L20.578 2.57235C19.9443 1.45396 18.304 0.521973 16.9992 0.521973H8.76038C7.4556 0.521973 5.85257 1.45396 5.18154 2.57235L1.08078 9.69275C0.44703 10.8111 0.44703 12.6751 1.08078 13.7935L4.99514 20.5784C5.62889 21.6968 6.74728 23.5608 7.4556 24.6419L9.80421 28.4071C10.5125 29.5255 12.041 29.3764 12.041 28.0343V25.3502C12.041 24.0454 13.6067 22.9643 14.9115 22.9643H17.0365C18.3412 22.9643 19.9443 22.0323 20.6153 20.9139L24.7533 13.7935C25.3871 12.6378 25.3871 10.7739 24.7533 9.65547L24.7161 9.69275ZM10.8108 17.186C10.7362 17.4469 10.5871 17.6333 10.3634 17.7451C10.2143 17.8197 10.0652 17.857 9.87877 17.857C9.54325 17.857 9.24502 17.6706 9.05862 17.3723L6.22537 12.4514C5.96441 12.0041 6.11353 11.4076 6.59816 11.1467C6.74728 11.0721 6.8964 11.0348 7.0828 11.0348C7.41832 11.0348 7.75383 11.2212 7.90295 11.5195L10.7362 16.4404C10.848 16.664 10.8853 16.925 10.848 17.1487L10.8108 17.186ZM14.7997 17.857C14.6506 17.9315 14.5014 17.9688 14.315 17.9688C13.9795 17.9688 13.6813 17.7824 13.4949 17.4842L8.38759 8.57437C8.12663 8.12701 8.27575 7.53054 8.76038 7.26958C8.9095 7.19502 9.05862 7.15774 9.24502 7.15774C9.58053 7.15774 9.91605 7.34414 10.0652 7.64238L15.1725 16.5522C15.4334 16.9996 15.2843 17.596 14.7997 17.857ZM19.646 17.4096C19.5715 17.6706 19.4223 17.857 19.1987 17.9688C19.0496 18.0434 18.9004 18.0807 18.714 18.0807C18.3785 18.0807 18.0803 17.8943 17.8939 17.596L10.5125 4.73457C10.4007 4.51089 10.3634 4.24993 10.4007 4.02625C10.4752 3.80258 10.6244 3.5789 10.848 3.42978C10.9972 3.35522 11.1463 3.31794 11.3327 3.31794C11.6682 3.31794 12.0037 3.50434 12.1528 3.80258L19.5342 16.7013C19.646 16.925 19.6833 17.186 19.646 17.4096Z" fill="white"/>
19
- <path d="M142.52 2.90796H144.16C144.868 2.90796 145.316 3.31803 145.316 3.91451C145.316 4.51098 145.129 4.6601 144.645 4.80922C144.98 4.92106 145.129 5.10746 145.204 5.55481C145.241 6.07673 145.204 6.44952 145.353 6.52408H144.645C144.57 6.52408 144.533 6.07673 144.496 5.66665C144.496 5.29385 144.235 5.0329 143.787 5.0329H143.191V6.4868H142.445V2.90796H142.52ZM143.265 4.51098H144.048C144.458 4.51098 144.645 4.32458 144.645 4.02635C144.645 3.72811 144.458 3.50443 144.048 3.50443H143.265V4.51098Z" fill="white"/>
20
- <path fill-rule="evenodd" clip-rule="evenodd" d="M140.695 4.73452C140.695 6.52394 142.186 8.01513 143.975 8.01513C145.765 8.01513 147.256 6.56122 147.256 4.73452C147.256 2.90782 145.765 1.45392 143.975 1.45392C142.186 1.45392 140.695 2.90782 140.695 4.73452ZM139.986 4.73452C139.986 6.93402 141.776 8.72344 144.013 8.72344C146.249 8.72344 148.039 6.93402 148.039 4.73452C148.039 2.53503 146.249 0.745605 144.013 0.745605C141.776 0.745605 139.986 2.53503 139.986 4.73452Z" fill="white"/>
21
- </g>
22
- </svg>
1
+ <svg width="148" height="30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M50.268 6.343c.72 0 1.373.13 1.958.387a4.42 4.42 0 011.5 1.065c.413.453.737.99.971 1.612.234.622.351 1.306.351 2.052v8.925h-3.672V11.99c0-.746-.208-1.35-.622-1.811-.414-.462-1.008-.693-1.782-.693-.81 0-1.481.289-2.012.866-.532.577-.797 1.337-.797 2.278v7.753H42.49V1.334h3.673V7.95h.081c1.495-1.775 4.024-1.607 4.024-1.607zM106.038 6.343c.72 0 1.373.13 1.958.387a4.415 4.415 0 011.499 1.065c.414.453.738.99.972 1.612.234.622.351 1.306.351 2.052v8.925h-3.673V11.99c0-.746-.207-1.35-.621-1.811-.414-.462-1.009-.693-1.782-.693-.811 0-1.482.289-2.012.866-.532.577-.797 1.337-.797 2.278v7.753H98.26V1.334h3.673V7.95h.081c1.494-1.775 4.024-1.607 4.024-1.607zM60.855 8.624h.08c.415-.782.81-1.143 1.332-1.534.522-.39 1.262-.533 2.072-.533.378 0 .666.036.864.106v3.17h-.08c-1.207-.123-2.198.134-2.972.773-.774.64-1.161 1.679-1.161 3.117v6.661h-3.673V6.717h3.538v1.907zM129.955 8.624h.081c.414-.782.809-1.143 1.332-1.534.522-.39 1.261-.533 2.071-.533.379 0 .666.036.865.106v3.17h-.081c-1.207-.123-2.197.134-2.971.773-.775.64-1.162 1.679-1.162 3.117v6.661h-3.673V6.717h3.538v1.907zM66.797 1.334h3.673v3.25h-3.673v-3.25zm0 5.382h3.673v13.668h-3.673V6.716zM72.9 1.334h3.673v19.05H72.9V1.334zM79.058 1.334h3.673v19.05h-3.673V1.334zM90.779 20.784c-2.017 0-3.574-.44-4.672-1.32-1.099-.878-1.702-2.046-1.81-3.503H87.7c.126.8.454 1.377.986 1.732.53.355 1.21.533 2.039.533.81 0 1.436-.142 1.877-.427.44-.283.662-.665.662-1.145 0-.32-.104-.577-.31-.773a2.382 2.382 0 00-.811-.48 6.853 6.853 0 00-1.161-.306c-.442-.08-.896-.164-1.364-.253a25.951 25.951 0 01-1.823-.426 5.427 5.427 0 01-1.567-.693 3.47 3.47 0 01-1.107-1.172c-.28-.48-.419-1.092-.419-1.838s.144-1.39.432-1.932a3.885 3.885 0 011.202-1.359 5.432 5.432 0 011.796-.812 8.798 8.798 0 012.215-.267c1.836 0 3.25.409 4.24 1.226.99.817 1.557 1.918 1.701 3.304h-3.322c-.09-.746-.36-1.266-.81-1.56-.45-.292-1.071-.439-1.863-.439-.72 0-1.297.13-1.729.387-.432.257-.648.635-.648 1.132 0 .302.108.537.324.706.216.169.5.31.85.426.352.116.757.21 1.216.28.46.071.932.16 1.418.266.576.125 1.157.267 1.742.427.585.16 1.112.395 1.58.706.468.31.846.72 1.134 1.225.288.506.433 1.16.433 1.958 0 .693-.145 1.31-.433 1.852-.288.542-.688 1-1.201 1.372-.513.373-1.126.662-1.837.866-.711.204-1.499.306-2.363.306zM144.268 16.27a2.516 2.516 0 01-.917 1.188c-.42.293-.981.44-1.681.44-1.016 0-1.808-.293-2.377-.881-.57-.587-.924-1.4-1.064-2.436H148c0-1.192-.144-2.276-.433-3.252-.289-.975-.714-1.818-1.274-2.526a5.744 5.744 0 00-2.075-1.646c-.824-.388-1.778-.582-2.863-.582-.981 0-1.879.181-2.693.544a6.474 6.474 0 00-2.101 1.477 6.586 6.586 0 00-1.366 2.215 7.724 7.724 0 00-.486 2.76c0 .984.153 1.909.46 2.772a6.26 6.26 0 001.353 2.242c.595.63 1.326 1.127 2.193 1.49.866.362 1.86.544 2.981.544.858 0 1.637-.117 2.338-.35a6.144 6.144 0 001.825-.946 5.127 5.127 0 001.782-2.515l-3.373-.537zm-5.015-6.21c.49-.51 1.208-.765 2.154-.765.823 0 1.493.264 2.01.79.516.528.801 1.214.853 2.06h-5.989c.158-.88.482-1.576.972-2.085zM33.247 1.296v5.205h-1.925V9.5h1.925v7.554s-.13 2.754 2.775 3.464c2.237.518 4.7-.42 4.7-.42l-1.242-3.153s-2.74 1.332-2.74-1.077V9.5l2.803-.02 1.18-2.979H36.74V1.296h-3.493zM124.453 18.505V11.74l-.001.005v-.005c0-1.555-.442-2.76-1.326-3.615-.885-.855-2.334-1.283-4.348-1.283-.98 0-1.83.121-2.547.363-.719.242-1.314.562-1.786.959a3.987 3.987 0 00-1.264 1.87l2.825 1.187h.146c.052-.639.289-1.11.709-1.412.42-.302 1.05-.453 1.891-.453.753 0 1.318.142 1.694.427.377.285.565.67.565 1.153 0 .502-.262.839-.788 1.01-.525.174-1.348.338-2.469.493-.753.104-1.458.246-2.115.428a5.894 5.894 0 00-1.72.764c-.49.329-.876.743-1.156 1.244-.28.501-.42 1.114-.42 1.84 0 1.33.438 2.34 1.313 3.031.876.692 2.005 1.037 3.389 1.037 0 0 .917 0 1.754-.133 1.013-.184 1.967-.715 2.552-1.306l.133 1.128h.002-.001 3.441v-.129c-.315-.224-.473-.838-.473-1.84zm-3.179-2.722c0 .328-.07.644-.21.946-.14.302-.346.57-.617.803a3.263 3.263 0 01-.998.57c-.394.147-.845.22-1.353.22-.63 0-1.138-.125-1.523-.375-.386-.25-.578-.687-.578-1.31 0-.62.227-1.07.683-1.347.455-.276 1.155-.518 2.101-.725.455-.104.906-.211 1.353-.324a4.161 4.161 0 001.142-.453v1.995zM25.545 9.611L21.18 2.155C20.486.97 18.784 0 17.397 0H8.668c-1.387 0-3.09.97-3.783 2.155L.52 9.61c-.693 1.186-.693 3.125 0 4.31l4.155 7.098a175.81 175.81 0 002.595 4.267l2.49 3.942c.734 1.162 2.344.992 2.344-.376V26.02c0-1.368 1.64-2.488 3.028-2.488h2.265c1.387 0 3.09-.969 3.783-2.154l4.365-7.457c.693-1.185.693-3.124 0-4.31zm-14.737 7.837a1.012 1.012 0 01-1.842.232l-2.993-5.156a.987.987 0 01.373-1.353 1.011 1.011 0 011.372.368l2.992 5.155c.134.23.17.498.098.754zm4.22.718a1.01 1.01 0 01-1.372-.368L8.244 8.474a.985.985 0 01.373-1.352 1.014 1.014 0 011.372.367l5.411 9.323a.985.985 0 01-.372 1.354zm5.16-.482a.986.986 0 01-.47.6 1.015 1.015 0 01-1.373-.367L10.516 4.425a.972.972 0 01-.098-.753.99.99 0 01.472-.6 1.012 1.012 0 011.37.368l7.83 13.491c.134.23.169.497.098.753z" fill="#fff"/></svg>
@@ -1,37 +1,29 @@
1
1
  <template>
2
- <div class="avatar-container">
3
- <img v-if="src" :src="src" class="avatar-size" alt="">
4
- <span v-else class="avatar-size">
5
- {{ initials }}
6
- </span>
7
- <svg
8
- v-if="isImpersonated"
9
- class="impersonation-badge"
10
- width="14"
11
- height="12"
12
- viewBox="0 0 14 12"
13
- fill="none"
14
- xmlns="http://www.w3.org/2000/svg"
15
- aria-label="Impersonated user"
16
- >
17
- <path fill-rule="evenodd" clip-rule="evenodd" d="M12.6263 1.6087C13.0678 2.13532 13.3333 2.81151 13.3333 3.54897C13.3333 5.22916 11.9559 6.59105 10.2565 6.59105C10.1797 6.59105 10.1036 6.58826 10.0282 6.58278C10.1737 6.83855 10.2567 7.13375 10.2567 7.44821C10.2566 7.73741 10.1864 8.01033 10.0619 8.25129C11.0877 8.74406 11.795 9.78216 11.7952 10.9856C11.7952 11.5456 11.3356 12 10.7692 12H2.56467C1.99821 12 1.53867 11.5456 1.53867 10.9856C1.53881 9.78225 2.2461 8.74396 3.27171 8.25107C3.14726 8.01017 3.07705 7.73732 3.077 7.44821C3.077 7.13376 3.16002 6.83855 3.30555 6.58278C3.23004 6.58826 3.15377 6.59105 3.07683 6.59105C1.37761 6.59088 0 5.22905 0 3.54897C7.92599e-05 2.81135 0.265697 2.13503 0.707484 1.60836C0.585132 1.44137 0.513 1.23606 0.513 1.01408C0.513 0.454021 0.972207 0 1.53867 0H4.61567C5.18213 0 5.64133 0.454021 5.64133 1.01408C5.64133 1.2362 5.56911 1.44165 5.4466 1.6087C5.85423 2.09487 6.11177 2.70851 6.14899 3.38016H7.18434C7.22158 2.70836 7.47929 2.09458 7.88715 1.60836C7.7648 1.44137 7.69267 1.23605 7.69267 1.01408C7.69267 0.454021 8.15187 0 8.71833 0H11.7953C12.3618 0 12.821 0.454021 12.821 1.01408C12.821 1.2362 12.7488 1.44165 12.6263 1.6087ZM8.90015 2.02817C8.47434 2.39969 8.20577 2.94329 8.20567 3.54897C8.20567 4.66898 9.12373 5.57762 10.2565 5.57779C11.3894 5.57779 12.3085 4.66909 12.3085 3.54897C12.3084 2.94329 12.0396 2.39969 11.6136 2.02817H8.90015ZM5.64083 8.70988C5.64083 9.12681 6.24532 9.46433 6.66701 9.46433C7.0887 9.46433 7.69283 9.12681 7.69283 8.70988C7.69284 8.57344 7.74842 8.44248 7.84708 8.34709C7.94289 8.25457 8.07191 8.20267 8.20583 8.20267H8.46759C8.8892 8.20267 9.23051 7.86502 9.23067 7.44821C9.23067 7.03128 8.88929 6.6926 8.46759 6.6926H8.20583C7.96517 6.6926 7.75636 6.52752 7.70452 6.29516L7.28033 4.39457H6.05334L5.62915 6.29516C5.57734 6.52735 5.36945 6.69237 5.129 6.6926H4.86607C4.44452 6.69277 4.103 7.03138 4.103 7.44821C4.10316 7.86492 4.44462 8.2025 4.86607 8.20267H5.129L5.2295 8.21307C5.32786 8.23262 5.41926 8.28053 5.49126 8.35171C5.58728 8.44677 5.64082 8.57552 5.64083 8.70988ZM1.026 3.54897C1.0261 2.94329 1.29467 2.39969 1.72048 2.02817H4.43389C4.85992 2.39969 5.12874 2.94329 5.12883 3.54897C5.12883 4.66909 4.20975 5.57779 3.07683 5.57779C1.94407 5.57762 1.026 4.66898 1.026 3.54897Z" fill="black"/>
18
- <path d="M1.026 3.54897C1.0261 2.94329 1.29467 2.39969 1.72048 2.02817H4.43389C4.85992 2.39969 5.12874 2.94329 5.12883 3.54897C5.12883 4.66909 4.20975 5.57779 3.07683 5.57779C1.94407 5.57762 1.026 4.66898 1.026 3.54897Z" fill="#C8D5F0"/>
19
- <path d="M8.90015 2.02817C8.47434 2.39969 8.20577 2.94329 8.20567 3.54897C8.20567 4.66898 9.12373 5.57762 10.2565 5.57779C11.3894 5.57779 12.3085 4.66909 12.3085 3.54897C12.3084 2.94329 12.0396 2.39969 11.6136 2.02817H8.90015Z" fill="#C8D5F0"/>
20
- <path d="M5.64083 8.70988C5.64083 9.12681 6.24532 9.46433 6.66701 9.46433C7.0887 9.46433 7.69283 9.12681 7.69283 8.70988C7.69284 8.57344 7.74842 8.44248 7.84708 8.34709C7.94289 8.25457 8.07191 8.20267 8.20583 8.20267H8.46759C8.8892 8.20267 9.23051 7.86502 9.23067 7.44821C9.23067 7.03128 8.88929 6.6926 8.46759 6.6926H8.20583C7.96517 6.6926 7.75636 6.52752 7.70452 6.29516L7.28033 4.39457H6.05334L5.62915 6.29516C5.57734 6.52735 5.36945 6.69237 5.129 6.6926H4.86607C4.44452 6.69277 4.103 7.03138 4.103 7.44821C4.10316 7.86492 4.44462 8.2025 4.86607 8.20267H5.129L5.2295 8.21307C5.32786 8.23262 5.41926 8.28053 5.49126 8.35171C5.58728 8.44677 5.64082 8.57552 5.64083 8.70988Z" fill="#E4B7B7"/>
21
- </svg>
22
- </div>
2
+ <img v-if="src" :src="src" class="avatar-size" alt="">
3
+ <span v-else class="avatar-size">
4
+ {{ initials }}
5
+ </span>
23
6
  </template>
24
7
 
25
- <script setup>
26
- import { computed } from "vue";
27
- const props = defineProps({
28
- src: { type: String, required: false },
29
- name: { type: String, required: true },
30
- isImpersonated: { type: Boolean, required: false }
31
- });
8
+ <script setup lang="ts">
9
+ import { computed } from 'vue';
10
+
11
+ interface IAvatarProps {
12
+ /**
13
+ * Defines the src property of the image to be rendered.
14
+ */
15
+ src?: string;
16
+ /**
17
+ * Defines the name value that will be displayed as initials alongside the avatar.
18
+ */
19
+ name: string;
20
+ }
21
+
22
+ const props = defineProps<IAvatarProps>();
23
+
32
24
  const initials = computed(() => {
33
- const initials2 = props.name.match(/\b\w/g) || [];
34
- return ((initials2.shift() || "") + (initials2.pop() || "")).toUpperCase();
25
+ const initials = props.name.match(/\b\w/g) || [];
26
+ return ((initials.shift() || "") + (initials.pop() || "")).toUpperCase();
35
27
  });
36
28
  </script>
37
29
 
@@ -40,13 +32,6 @@ const initials = computed(() => {
40
32
  --size: 32px;
41
33
  }
42
34
 
43
- .avatar-container {
44
- position: relative;
45
- display: inline-flex;
46
- width: var(--size);
47
- height: var(--size);
48
- }
49
-
50
35
  span {
51
36
  display: inline-flex;
52
37
  align-items: center;
@@ -59,7 +44,7 @@ span {
59
44
  border-radius: 50%;
60
45
  background-color: var(--brand-1, var(--purple));
61
46
  color: var(--text-2, var(--primary-white));
62
- border: 1px solid var(--primary-white);
47
+ outline: 1px solid var(--primary-white);
63
48
  }
64
49
 
65
50
  img {
@@ -73,12 +58,4 @@ img {
73
58
  object-fit: cover;
74
59
  border: 2px solid var(--purple-20);
75
60
  }
76
-
77
- .impersonation-badge {
78
- position: absolute;
79
- top: -4px;
80
- left: 20px;
81
- width: 14px;
82
- height: 14px;
83
- }
84
61
  </style>