@mattermost/compass-ui 0.1.0-alpha.20 → 0.1.0-alpha.22
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/dist/components/combobox/Combobox.cjs +1 -1
- package/dist/components/combobox/Combobox.cjs.map +1 -1
- package/dist/components/combobox/Combobox.css +1 -1
- package/dist/components/combobox/Combobox.d.ts +55 -3
- package/dist/components/combobox/Combobox.d.ts.map +1 -1
- package/dist/components/combobox/Combobox.js +299 -272
- package/dist/components/combobox/Combobox.js.map +1 -1
- package/dist/components/combobox/Combobox.module.scss.cjs +1 -1
- package/dist/components/combobox/Combobox.module.scss.js +25 -25
- package/dist/components/combobox/index.d.ts +1 -1
- package/dist/components/combobox/index.d.ts.map +1 -1
- package/dist/components/date-range-picker/DateRangePicker.css +1 -1
- package/dist/components/date-range-picker/DateRangePicker.module.scss.cjs +1 -1
- package/dist/components/date-range-picker/DateRangePicker.module.scss.js +26 -26
- package/dist/components/emoji-popover/EmojiPopover.css +1 -1
- package/dist/components/emoji-popover/EmojiPopover.module.scss.cjs +1 -1
- package/dist/components/emoji-popover/EmojiPopover.module.scss.js +21 -21
- package/dist/components/menu-item/MenuItem.cjs.map +1 -1
- package/dist/components/menu-item/MenuItem.css +1 -1
- package/dist/components/menu-item/MenuItem.d.ts +6 -1
- package/dist/components/menu-item/MenuItem.d.ts.map +1 -1
- package/dist/components/menu-item/MenuItem.js.map +1 -1
- package/dist/components/menu-item/MenuItem.module.scss.cjs +1 -1
- package/dist/components/menu-item/MenuItem.module.scss.js +18 -18
- package/dist/components/modal/Modal.cjs +1 -1
- package/dist/components/modal/Modal.cjs.map +1 -1
- package/dist/components/modal/Modal.d.ts.map +1 -1
- package/dist/components/modal/Modal.js +91 -93
- package/dist/components/modal/Modal.js.map +1 -1
- package/dist/components/modal/ModalOverlay.cjs +2 -0
- package/dist/components/modal/ModalOverlay.cjs.map +1 -0
- package/dist/components/modal/ModalOverlay.css +1 -1
- package/dist/components/modal/ModalOverlay.d.ts +43 -0
- package/dist/components/modal/ModalOverlay.d.ts.map +1 -0
- package/dist/components/modal/ModalOverlay.js +59 -0
- package/dist/components/modal/ModalOverlay.js.map +1 -0
- package/dist/components/modal/ModalOverlay.module.scss.cjs +1 -1
- package/dist/components/modal/ModalOverlay.module.scss.js +3 -3
- package/dist/components/modal/index.cjs +1 -1
- package/dist/components/modal/index.d.ts +2 -0
- package/dist/components/modal/index.d.ts.map +1 -1
- package/dist/components/modal/index.js +4 -2
- package/dist/components/modal/index.js.map +1 -1
- package/dist/components/password-input/PasswordInput.css +1 -1
- package/dist/components/password-input/PasswordInput.module.scss.cjs +1 -1
- package/dist/components/password-input/PasswordInput.module.scss.js +12 -12
- package/dist/components/popover-menu/PopoverMenu.cjs +1 -1
- package/dist/components/popover-menu/PopoverMenu.cjs.map +1 -1
- package/dist/components/popover-menu/PopoverMenu.css +1 -1
- package/dist/components/popover-menu/PopoverMenu.d.ts +6 -2
- package/dist/components/popover-menu/PopoverMenu.d.ts.map +1 -1
- package/dist/components/popover-menu/PopoverMenu.js +29 -29
- package/dist/components/popover-menu/PopoverMenu.js.map +1 -1
- package/dist/components/popover-menu/PopoverMenu.module.scss.cjs +1 -1
- package/dist/components/popover-menu/PopoverMenu.module.scss.js +13 -12
- package/dist/components/popover-menu/PopoverMenu.module.scss.js.map +1 -1
- package/dist/components/profile-popover/ProfilePopover.css +1 -1
- package/dist/components/profile-popover/ProfilePopover.module.scss.cjs +1 -1
- package/dist/components/profile-popover/ProfilePopover.module.scss.js +33 -33
- package/dist/components/search-input/SearchInput.css +1 -1
- package/dist/components/search-input/SearchInput.module.scss.cjs +1 -1
- package/dist/components/search-input/SearchInput.module.scss.js +15 -15
- package/dist/components/team-avatar/TeamAvatar.cjs +1 -1
- package/dist/components/team-avatar/TeamAvatar.cjs.map +1 -1
- package/dist/components/team-avatar/TeamAvatar.css +1 -1
- package/dist/components/team-avatar/TeamAvatar.d.ts +8 -1
- package/dist/components/team-avatar/TeamAvatar.d.ts.map +1 -1
- package/dist/components/team-avatar/TeamAvatar.js +23 -21
- package/dist/components/team-avatar/TeamAvatar.js.map +1 -1
- package/dist/components/team-avatar/TeamAvatar.module.scss.cjs +1 -1
- package/dist/components/team-avatar/TeamAvatar.module.scss.js +17 -16
- package/dist/components/team-avatar/TeamAvatar.module.scss.js.map +1 -1
- package/dist/components/team-avatar/index.d.ts +1 -1
- package/dist/components/team-avatar/index.d.ts.map +1 -1
- package/dist/components/text-area/TextArea.css +1 -1
- package/dist/components/text-area/TextArea.module.scss.cjs +1 -1
- package/dist/components/text-area/TextArea.module.scss.js +12 -12
- package/dist/components/text-input/TextInput.css +1 -1
- package/dist/components/text-input/TextInput.module.scss.cjs +1 -1
- package/dist/components/text-input/TextInput.module.scss.js +19 -19
- package/dist/components/tile-button/TileButton.cjs +2 -0
- package/dist/components/tile-button/TileButton.cjs.map +1 -0
- package/dist/components/tile-button/TileButton.css +1 -0
- package/dist/components/tile-button/TileButton.d.ts +54 -0
- package/dist/components/tile-button/TileButton.d.ts.map +1 -0
- package/dist/components/tile-button/TileButton.js +74 -0
- package/dist/components/tile-button/TileButton.js.map +1 -0
- package/dist/components/tile-button/TileButton.module.scss.cjs +2 -0
- package/dist/components/tile-button/TileButton.module.scss.cjs.map +1 -0
- package/dist/components/tile-button/TileButton.module.scss.js +12 -0
- package/dist/components/tile-button/TileButton.module.scss.js.map +1 -0
- package/dist/components/{action-button → tile-button}/index.cjs +1 -1
- package/dist/components/tile-button/index.d.ts +3 -0
- package/dist/components/tile-button/index.d.ts.map +1 -0
- package/dist/components/tile-button/index.js +5 -0
- package/dist/components/tour-point/TourPoint.css +1 -1
- package/dist/components/tour-point/TourPoint.module.scss.cjs +1 -1
- package/dist/components/tour-point/TourPoint.module.scss.js +28 -28
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +111 -109
- package/dist/index.js.map +1 -1
- package/dist/utils/scrollLock.cjs +2 -0
- package/dist/utils/scrollLock.cjs.map +1 -0
- package/dist/utils/scrollLock.d.ts +9 -0
- package/dist/utils/scrollLock.d.ts.map +1 -0
- package/dist/utils/scrollLock.js +38 -0
- package/dist/utils/scrollLock.js.map +1 -0
- package/dist/utils/slot.cjs.map +1 -1
- package/dist/utils/slot.d.ts +1 -1
- package/dist/utils/slot.js.map +1 -1
- package/dist/utils/useOnExited.cjs +2 -0
- package/dist/utils/useOnExited.cjs.map +1 -0
- package/dist/utils/useOnExited.d.ts +7 -0
- package/dist/utils/useOnExited.d.ts.map +1 -0
- package/dist/utils/useOnExited.js +14 -0
- package/dist/utils/useOnExited.js.map +1 -0
- package/package.json +5 -4
- package/dist/components/action-button/ActionButton.cjs +0 -2
- package/dist/components/action-button/ActionButton.cjs.map +0 -1
- package/dist/components/action-button/ActionButton.css +0 -1
- package/dist/components/action-button/ActionButton.d.ts +0 -54
- package/dist/components/action-button/ActionButton.d.ts.map +0 -1
- package/dist/components/action-button/ActionButton.js +0 -74
- package/dist/components/action-button/ActionButton.js.map +0 -1
- package/dist/components/action-button/ActionButton.module.scss.cjs +0 -2
- package/dist/components/action-button/ActionButton.module.scss.cjs.map +0 -1
- package/dist/components/action-button/ActionButton.module.scss.js +0 -12
- package/dist/components/action-button/ActionButton.module.scss.js.map +0 -1
- package/dist/components/action-button/index.d.ts +0 -3
- package/dist/components/action-button/index.d.ts.map +0 -1
- package/dist/components/action-button/index.js +0 -5
- /package/dist/components/{action-button → tile-button}/index.cjs.map +0 -0
- /package/dist/components/{action-button → tile-button}/index.js.map +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopoverMenu.js","sources":["../../../src/components/popover-menu/PopoverMenu.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport type { HTMLAttributes, ReactNode } from 'react';\nimport { usePopoverTransition } from '@/hooks/use-popover-transition';\nimport Scrollbar from '@/components/scrollbar/Scrollbar';\nimport styles from './PopoverMenu.module.scss';\n\nexport interface PopoverMenuProps extends HTMLAttributes<HTMLDivElement> {\n /** Parent menus use Elevation 4; nested child menus use Elevation 5. */\n variant?: 'parent' | 'child';\n /**\n * Controlled visibility with the Compass popover transition (scale + fade in,\n * reverse on close); the menu unmounts after the exit. Omit to always render\n * without transition. The host owns the state and positioning.\n */\n open?: boolean;\n /** Called after the exit transition finishes and the menu unmounts (only when `open` is controlled). */\n onExited?: () => void;\n children: ReactNode;\n}\n\n/**\n * Surface container for popover-style menus — border, fill, elevation, and width\n * constraints per Compass. Compose with {@link MenuItem} rows and optional\n * titles, group labels, and dividers. Use {@link PopoverMenuScroll} when the item\n * list should scroll while a {@link PopoverMenuTitle} stays pinned.\n */\nexport default function PopoverMenu({\n variant = 'parent',\n open,\n onExited,\n children,\n className = '',\n ...rest\n}: PopoverMenuProps) {\n const { mounted, visible } = usePopoverTransition(open ?? true);\n const transitioned = open !== undefined;\n const wasMounted = useRef(mounted);\n const onExitedRef = useRef(onExited);\n onExitedRef.current = onExited;\n\n useEffect(() => {\n if (wasMounted.current && !mounted && transitioned) {\n onExitedRef.current?.();\n }\n wasMounted.current = mounted;\n }, [mounted, transitioned]);\n\n if (transitioned && !mounted) return null;\n\n const rootClass = [\n styles['popover-menu'],\n variant === 'child'\n ? styles['popover-menu--child']\n : styles['popover-menu--parent'],\n transitioned && styles['popover-menu--transition'],\n transitioned && visible && styles['popover-menu--visible'],\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div className={rootClass} {...rest}>\n {children}\n </div>\n );\n}\n\nexport interface PopoverMenuScrollProps {\n children: ReactNode;\n /** Maximum height of the scrollable region (coerces numbers to px). */\n maxHeight: string | number;\n className?: string;\n}\n\n
|
|
1
|
+
{"version":3,"file":"PopoverMenu.js","sources":["../../../src/components/popover-menu/PopoverMenu.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport type { HTMLAttributes, ReactNode } from 'react';\nimport { usePopoverTransition } from '@/hooks/use-popover-transition';\nimport Scrollbar from '@/components/scrollbar/Scrollbar';\nimport styles from './PopoverMenu.module.scss';\n\nexport interface PopoverMenuProps extends HTMLAttributes<HTMLDivElement> {\n /** Parent menus use Elevation 4; nested child menus use Elevation 5. */\n variant?: 'parent' | 'child';\n /**\n * Controlled visibility with the Compass popover transition (scale + fade in,\n * reverse on close); the menu unmounts after the exit. Omit to always render\n * without transition. The host owns the state and positioning.\n */\n open?: boolean;\n /** Called after the exit transition finishes and the menu unmounts (only when `open` is controlled). */\n onExited?: () => void;\n children: ReactNode;\n}\n\n/**\n * Surface container for popover-style menus — border, fill, elevation, and width\n * constraints per Compass. Compose with {@link MenuItem} rows and optional\n * titles, group labels, and dividers. Use {@link PopoverMenuScroll} when the item\n * list should scroll while a {@link PopoverMenuTitle} stays pinned.\n */\nexport default function PopoverMenu({\n variant = 'parent',\n open,\n onExited,\n children,\n className = '',\n ...rest\n}: PopoverMenuProps) {\n const { mounted, visible } = usePopoverTransition(open ?? true);\n const transitioned = open !== undefined;\n const wasMounted = useRef(mounted);\n const onExitedRef = useRef(onExited);\n onExitedRef.current = onExited;\n\n useEffect(() => {\n if (wasMounted.current && !mounted && transitioned) {\n onExitedRef.current?.();\n }\n wasMounted.current = mounted;\n }, [mounted, transitioned]);\n\n if (transitioned && !mounted) return null;\n\n const rootClass = [\n styles['popover-menu'],\n variant === 'child'\n ? styles['popover-menu--child']\n : styles['popover-menu--parent'],\n transitioned && styles['popover-menu--transition'],\n transitioned && visible && styles['popover-menu--visible'],\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div className={rootClass} {...rest}>\n {children}\n </div>\n );\n}\n\nexport interface PopoverMenuScrollProps {\n children: ReactNode;\n /** Maximum height of the scrollable region, including its vertical padding (coerces numbers to px). */\n maxHeight: string | number;\n className?: string;\n}\n\n/**\n * Scrollable region for long item lists; keeps a sibling title visible when used with `maxHeight`.\n * It owns the menu's vertical padding, so the region runs edge to edge and rows scroll under the\n * border instead of stopping 8px short of it.\n */\nexport function PopoverMenuScroll({\n maxHeight,\n children,\n className = '',\n}: PopoverMenuScrollProps) {\n const maxH = typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight;\n return (\n <Scrollbar\n className={[styles['popover-menu__scroll'], className]\n .filter(Boolean)\n .join(' ')}\n style={{ maxHeight: maxH }}\n >\n <div className={styles['popover-menu__scroll-content']}>{children}</div>\n </Scrollbar>\n );\n}\n\nexport interface PopoverMenuTitleProps extends HTMLAttributes<HTMLParagraphElement> {\n children: ReactNode;\n}\n\n/** Optional heading above menu items; keep pinned outside a scrolling body when using `maxHeight` on `PopoverMenu`. */\nexport function PopoverMenuTitle({\n children,\n className = '',\n ...rest\n}: PopoverMenuTitleProps) {\n return (\n <p\n className={[styles['popover-menu__title'], className]\n .filter(Boolean)\n .join(' ')}\n {...rest}\n >\n {children}\n </p>\n );\n}\n\nexport interface PopoverMenuGroupProps extends HTMLAttributes<HTMLDivElement> {\n children: ReactNode;\n /** Accessible label when the group has no visible `PopoverMenuGroupTitle`. */\n 'aria-label'?: string;\n}\n\n/** Groups related menu items. */\nexport function PopoverMenuGroup({\n children,\n className = '',\n ...rest\n}: PopoverMenuGroupProps) {\n return (\n <div\n role=\"group\"\n className={[styles['popover-menu__group'], className]\n .filter(Boolean)\n .join(' ')}\n {...rest}\n >\n {children}\n </div>\n );\n}\n\nexport interface PopoverMenuGroupTitleProps extends HTMLAttributes<HTMLParagraphElement> {\n children: ReactNode;\n}\n\n/** Optional label for a `PopoverMenuGroup`. */\nexport function PopoverMenuGroupTitle({\n children,\n className = '',\n ...rest\n}: PopoverMenuGroupTitleProps) {\n return (\n <p\n className={[styles['popover-menu__group-title'], className]\n .filter(Boolean)\n .join(' ')}\n {...rest}\n >\n {children}\n </p>\n );\n}\n\nexport type PopoverMenuDividerProps = HTMLAttributes<HTMLDivElement>;\n\n/** Horizontal rule between groups or below a menu title. */\nexport function PopoverMenuDivider({\n className = '',\n ...rest\n}: PopoverMenuDividerProps) {\n return (\n <div\n className={[styles['popover-menu__divider'], className]\n .filter(Boolean)\n .join(' ')}\n role=\"separator\"\n {...rest}\n />\n );\n}\n"],"names":["PopoverMenu","variant","open","onExited","children","className","rest","mounted","visible","usePopoverTransition","transitioned","wasMounted","useRef","onExitedRef","useEffect","_a","rootClass","styles","PopoverMenuScroll","maxHeight","maxH","jsx","Scrollbar","PopoverMenuTitle","PopoverMenuGroup","PopoverMenuGroupTitle","PopoverMenuDivider"],"mappings":";;;;;AA0BA,SAAwBA,EAAY;AAAA,EAClC,SAAAC,IAAU;AAAA,EACV,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAqB;AACnB,QAAM,EAAE,SAAAC,GAAS,SAAAC,EAAA,IAAYC,EAAqBP,KAAQ,EAAI,GACxDQ,IAAeR,MAAS,QACxBS,IAAaC,EAAOL,CAAO,GAC3BM,IAAcD,EAAOT,CAAQ;AAUnC,MATAU,EAAY,UAAUV,GAEtBW,EAAU,MAAM;;AACd,IAAIH,EAAW,WAAW,CAACJ,KAAWG,OACpCK,IAAAF,EAAY,YAAZ,QAAAE,EAAA,KAAAF,KAEFF,EAAW,UAAUJ;AAAA,EACvB,GAAG,CAACA,GAASG,CAAY,CAAC,GAEtBA,KAAgB,CAACH,EAAS,QAAO;AAErC,QAAMS,IAAY;AAAA,IAChBC,EAAO,cAAc;AAAA,IACrBhB,MAAY,UACRgB,EAAO,qBAAqB,IAC5BA,EAAO,sBAAsB;AAAA,IACjCP,KAAgBO,EAAO,0BAA0B;AAAA,IACjDP,KAAgBF,KAAWS,EAAO,uBAAuB;AAAA,IACzDZ;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,2BACG,OAAA,EAAI,WAAWW,GAAY,GAAGV,GAC5B,UAAAF,GACH;AAEJ;AAcO,SAASc,EAAkB;AAAA,EAChC,WAAAC;AAAA,EACA,UAAAf;AAAA,EACA,WAAAC,IAAY;AACd,GAA2B;AACzB,QAAMe,IAAO,OAAOD,KAAc,WAAW,GAAGA,CAAS,OAAOA;AAChE,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAW,CAACL,EAAO,sBAAsB,GAAGZ,CAAS,EAClD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACX,OAAO,EAAE,WAAWe,EAAA;AAAA,MAEpB,4BAAC,OAAA,EAAI,WAAWH,EAAO,8BAA8B,GAAI,UAAAb,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAGxE;AAOO,SAASmB,EAAiB;AAAA,EAC/B,UAAAnB;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAA0B;AACxB,SACE,gBAAAe;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAACJ,EAAO,qBAAqB,GAAGZ,CAAS,EACjD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;AASO,SAASoB,EAAiB;AAAA,EAC/B,UAAApB;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAA0B;AACxB,SACE,gBAAAe;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW,CAACJ,EAAO,qBAAqB,GAAGZ,CAAS,EACjD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;AAOO,SAASqB,EAAsB;AAAA,EACpC,UAAArB;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAA+B;AAC7B,SACE,gBAAAe;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAACJ,EAAO,2BAA2B,GAAGZ,CAAS,EACvD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;AAKO,SAASsB,EAAmB;AAAA,EACjC,WAAArB,IAAY;AAAA,EACZ,GAAGC;AACL,GAA4B;AAC1B,SACE,gBAAAe;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAACJ,EAAO,uBAAuB,GAAGZ,CAAS,EACnD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACX,MAAK;AAAA,MACJ,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./PopoverMenu.css');const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./PopoverMenu.css');const o={"popover-menu":"_popover-menu_1ato7_2","popover-menu__scroll":"_popover-menu__scroll_1ato7_16","popover-menu__title":"_popover-menu__title_1ato7_20","popover-menu--parent":"_popover-menu--parent_1ato7_23","popover-menu--child":"_popover-menu--child_1ato7_26","popover-menu--transition":"_popover-menu--transition_1ato7_29","popover-menu--visible":"_popover-menu--visible_1ato7_42","popover-menu__scroll-content":"_popover-menu__scroll-content_1ato7_57","popover-menu__group":"_popover-menu__group_1ato7_71","popover-menu__group-title":"_popover-menu__group-title_1ato7_76","popover-menu__divider":"_popover-menu__divider_1ato7_88"};exports.default=o;
|
|
2
2
|
//# sourceMappingURL=PopoverMenu.module.scss.cjs.map
|
|
@@ -1,16 +1,17 @@
|
|
|
1
|
-
import './PopoverMenu.css';const
|
|
2
|
-
"popover-menu": "_popover-
|
|
3
|
-
"popover-
|
|
4
|
-
"popover-
|
|
5
|
-
"popover-menu--
|
|
6
|
-
"popover-menu--
|
|
7
|
-
"popover-
|
|
8
|
-
"popover-
|
|
9
|
-
"popover-
|
|
10
|
-
"popover-menu__group
|
|
11
|
-
"popover-
|
|
1
|
+
import './PopoverMenu.css';const o = {
|
|
2
|
+
"popover-menu": "_popover-menu_1ato7_2",
|
|
3
|
+
"popover-menu__scroll": "_popover-menu__scroll_1ato7_16",
|
|
4
|
+
"popover-menu__title": "_popover-menu__title_1ato7_20",
|
|
5
|
+
"popover-menu--parent": "_popover-menu--parent_1ato7_23",
|
|
6
|
+
"popover-menu--child": "_popover-menu--child_1ato7_26",
|
|
7
|
+
"popover-menu--transition": "_popover-menu--transition_1ato7_29",
|
|
8
|
+
"popover-menu--visible": "_popover-menu--visible_1ato7_42",
|
|
9
|
+
"popover-menu__scroll-content": "_popover-menu__scroll-content_1ato7_57",
|
|
10
|
+
"popover-menu__group": "_popover-menu__group_1ato7_71",
|
|
11
|
+
"popover-menu__group-title": "_popover-menu__group-title_1ato7_76",
|
|
12
|
+
"popover-menu__divider": "_popover-menu__divider_1ato7_88"
|
|
12
13
|
};
|
|
13
14
|
export {
|
|
14
|
-
|
|
15
|
+
o as default
|
|
15
16
|
};
|
|
16
17
|
//# sourceMappingURL=PopoverMenu.module.scss.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopoverMenu.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PopoverMenu.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes _profile-popover-
|
|
1
|
+
@keyframes _profile-popover-enter_1r9ql_1{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes _profile-popover-exit_1r9ql_1{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}._profile-popover_1r9ql_22{position:relative;display:flex;flex-direction:column;width:272px;padding-top:var(--spacing-m);background-color:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.16);border-radius:var(--radius-m);box-shadow:var(--elevation-6);animation:_profile-popover-enter_1r9ql_1 var(--duration-quick) var(--ease-entrance)}._profile-popover--closing_1r9ql_34{animation:_profile-popover-exit_1r9ql_1 var(--duration-quick) var(--ease-exit) forwards}._profile-popover__role-tag_1r9ql_37{display:flex;padding:0 var(--spacing-m)}._profile-popover__close_1r9ql_41{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs)}._profile-popover__primary_1r9ql_46{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-m) var(--spacing-l) var(--spacing-xxl);border-bottom:1px solid rgba(var(--center-channel-color-rgb),.08)}._profile-popover__last-online_1r9ql_54{margin:0;font-size:var(--font-size-50);line-height:var(--line-height-50);color:rgba(var(--center-channel-color-rgb),.64);text-align:center}._profile-popover__names_1r9ql_61{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xxxs);width:100%;text-align:center;color:var(--center-channel-color)}._profile-popover__name_1r9ql_61{margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-400);line-height:var(--line-height-400);font-weight:var(--font-weight-semibold)}._profile-popover__handle_1r9ql_77,._profile-popover__title_1r9ql_77{margin:0;font-size:var(--font-size-100);line-height:var(--line-height-100)}._profile-popover__secondary_1r9ql_82{display:flex;flex-direction:column;gap:var(--spacing-m);padding:var(--spacing-l);border-bottom:1px solid rgba(var(--center-channel-color-rgb),.08)}._profile-popover__titles_1r9ql_89{display:flex;flex-direction:column;gap:var(--spacing-xxs)}._profile-popover__meta-item_1r9ql_94{display:flex;align-items:center;gap:var(--spacing-m);overflow:hidden}._profile-popover__meta-item--stacked_1r9ql_100{align-items:flex-start}._profile-popover__meta-icon_1r9ql_103{display:inline-flex;flex-shrink:0;color:var(--center-channel-color)}._profile-popover__phone-body_1r9ql_108{display:flex;flex-direction:column;gap:var(--spacing-xxxxs);flex:1 0 0;min-width:0}._profile-popover__phone-body_1r9ql_108 ._profile-popover__meta-link_1r9ql_115{flex:none;width:100%}._profile-popover__phone-sub_1r9ql_119{font-size:var(--font-size-75);line-height:var(--line-height-75);color:rgba(var(--center-channel-color-rgb),.75)}._profile-popover__meta-text_1r9ql_124,._profile-popover__meta-link_1r9ql_115{flex:1 0 0;min-width:0;font-size:var(--font-size-100);line-height:var(--line-height-100);color:var(--center-channel-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._profile-popover__meta-link_1r9ql_115{color:var(--link-color);text-decoration:none}._profile-popover__meta-link_1r9ql_115:hover{text-decoration:underline}._profile-popover_1r9ql_22 button._profile-popover__meta-link_1r9ql_115{padding:0;background:none;border:0;font:inherit;text-align:left;cursor:pointer}._profile-popover__section-label_1r9ql_149{margin:0;font-size:var(--font-size-50);line-height:var(--line-height-50);font-weight:var(--font-weight-semibold);color:var(--center-channel-color)}._profile-popover__local-time_1r9ql_156,._profile-popover__custom-status_1r9ql_156{display:flex;flex-direction:column;gap:var(--spacing-xxxs);color:var(--center-channel-color)}._profile-popover__time_1r9ql_162{display:flex;gap:var(--spacing-xxxs);font-size:var(--font-size-100);line-height:var(--line-height-100)}._profile-popover__status-row_1r9ql_168{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-100);line-height:var(--line-height-100)}._profile-popover__status-emoji_1r9ql_175{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size-16);height:var(--icon-size-16);font-size:var(--font-size-200);line-height:1}._profile-popover__footer_1r9ql_184{display:flex;padding:var(--spacing-l)}._profile-popover__footer--others_1r9ql_188{align-items:center;justify-content:space-between}._profile-popover__footer--you_1r9ql_192{align-items:flex-start;gap:var(--spacing-xs)}._profile-popover__primary-action_1r9ql_196{display:flex}._profile-popover__primary-action--others_1r9ql_199{width:132px;flex-shrink:0}._profile-popover__primary-action--you_1r9ql_203{flex:1 0 0;min-width:0}._profile-popover__primary-button_1r9ql_207{width:100%}._profile-popover__secondary-actions_1r9ql_210{display:flex;align-items:center;gap:var(--spacing-xxxxs)}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ProfilePopover.css');const o={"profile-popover":"_profile-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ProfilePopover.css');const o={"profile-popover":"_profile-popover_1r9ql_22","profile-popover--closing":"_profile-popover--closing_1r9ql_34","profile-popover__role-tag":"_profile-popover__role-tag_1r9ql_37","profile-popover__close":"_profile-popover__close_1r9ql_41","profile-popover__primary":"_profile-popover__primary_1r9ql_46","profile-popover__last-online":"_profile-popover__last-online_1r9ql_54","profile-popover__names":"_profile-popover__names_1r9ql_61","profile-popover__name":"_profile-popover__name_1r9ql_61","profile-popover__handle":"_profile-popover__handle_1r9ql_77","profile-popover__title":"_profile-popover__title_1r9ql_77","profile-popover__secondary":"_profile-popover__secondary_1r9ql_82","profile-popover__titles":"_profile-popover__titles_1r9ql_89","profile-popover__meta-item":"_profile-popover__meta-item_1r9ql_94","profile-popover__meta-item--stacked":"_profile-popover__meta-item--stacked_1r9ql_100","profile-popover__meta-icon":"_profile-popover__meta-icon_1r9ql_103","profile-popover__phone-body":"_profile-popover__phone-body_1r9ql_108","profile-popover__meta-link":"_profile-popover__meta-link_1r9ql_115","profile-popover__phone-sub":"_profile-popover__phone-sub_1r9ql_119","profile-popover__meta-text":"_profile-popover__meta-text_1r9ql_124","profile-popover__section-label":"_profile-popover__section-label_1r9ql_149","profile-popover__local-time":"_profile-popover__local-time_1r9ql_156","profile-popover__custom-status":"_profile-popover__custom-status_1r9ql_156","profile-popover__time":"_profile-popover__time_1r9ql_162","profile-popover__status-row":"_profile-popover__status-row_1r9ql_168","profile-popover__status-emoji":"_profile-popover__status-emoji_1r9ql_175","profile-popover__footer":"_profile-popover__footer_1r9ql_184","profile-popover__footer--others":"_profile-popover__footer--others_1r9ql_188","profile-popover__footer--you":"_profile-popover__footer--you_1r9ql_192","profile-popover__primary-action":"_profile-popover__primary-action_1r9ql_196","profile-popover__primary-action--others":"_profile-popover__primary-action--others_1r9ql_199","profile-popover__primary-action--you":"_profile-popover__primary-action--you_1r9ql_203","profile-popover__primary-button":"_profile-popover__primary-button_1r9ql_207","profile-popover__secondary-actions":"_profile-popover__secondary-actions_1r9ql_210"};exports.default=o;
|
|
2
2
|
//# sourceMappingURL=ProfilePopover.module.scss.cjs.map
|
|
@@ -1,37 +1,37 @@
|
|
|
1
1
|
import './ProfilePopover.css';const o = {
|
|
2
|
-
"profile-popover": "_profile-
|
|
3
|
-
"profile-popover--closing": "_profile-popover--
|
|
4
|
-
"profile-popover__role-tag": "_profile-popover__role-
|
|
5
|
-
"profile-popover__close": "_profile-
|
|
6
|
-
"profile-popover__primary": "_profile-
|
|
7
|
-
"profile-popover__last-online": "_profile-popover__last-
|
|
8
|
-
"profile-popover__names": "_profile-
|
|
9
|
-
"profile-popover__name": "_profile-
|
|
10
|
-
"profile-popover__handle": "_profile-
|
|
11
|
-
"profile-popover__title": "_profile-
|
|
12
|
-
"profile-popover__secondary": "_profile-
|
|
13
|
-
"profile-popover__titles": "_profile-
|
|
14
|
-
"profile-popover__meta-item": "_profile-popover__meta-
|
|
15
|
-
"profile-popover__meta-item--stacked": "_profile-popover__meta-item--
|
|
16
|
-
"profile-popover__meta-icon": "_profile-popover__meta-
|
|
17
|
-
"profile-popover__phone-body": "_profile-popover__phone-
|
|
18
|
-
"profile-popover__meta-link": "_profile-popover__meta-
|
|
19
|
-
"profile-popover__phone-sub": "_profile-popover__phone-
|
|
20
|
-
"profile-popover__meta-text": "_profile-popover__meta-
|
|
21
|
-
"profile-popover__section-label": "_profile-popover__section-
|
|
22
|
-
"profile-popover__local-time": "_profile-popover__local-
|
|
23
|
-
"profile-popover__custom-status": "_profile-popover__custom-
|
|
24
|
-
"profile-popover__time": "_profile-
|
|
25
|
-
"profile-popover__status-row": "_profile-popover__status-
|
|
26
|
-
"profile-popover__status-emoji": "_profile-popover__status-
|
|
27
|
-
"profile-popover__footer": "_profile-
|
|
28
|
-
"profile-popover__footer--others": "_profile-popover__footer--
|
|
29
|
-
"profile-popover__footer--you": "_profile-popover__footer--
|
|
30
|
-
"profile-popover__primary-action": "_profile-popover__primary-
|
|
31
|
-
"profile-popover__primary-action--others": "_profile-popover__primary-action--
|
|
32
|
-
"profile-popover__primary-action--you": "_profile-popover__primary-action--
|
|
33
|
-
"profile-popover__primary-button": "_profile-popover__primary-
|
|
34
|
-
"profile-popover__secondary-actions": "_profile-popover__secondary-
|
|
2
|
+
"profile-popover": "_profile-popover_1r9ql_22",
|
|
3
|
+
"profile-popover--closing": "_profile-popover--closing_1r9ql_34",
|
|
4
|
+
"profile-popover__role-tag": "_profile-popover__role-tag_1r9ql_37",
|
|
5
|
+
"profile-popover__close": "_profile-popover__close_1r9ql_41",
|
|
6
|
+
"profile-popover__primary": "_profile-popover__primary_1r9ql_46",
|
|
7
|
+
"profile-popover__last-online": "_profile-popover__last-online_1r9ql_54",
|
|
8
|
+
"profile-popover__names": "_profile-popover__names_1r9ql_61",
|
|
9
|
+
"profile-popover__name": "_profile-popover__name_1r9ql_61",
|
|
10
|
+
"profile-popover__handle": "_profile-popover__handle_1r9ql_77",
|
|
11
|
+
"profile-popover__title": "_profile-popover__title_1r9ql_77",
|
|
12
|
+
"profile-popover__secondary": "_profile-popover__secondary_1r9ql_82",
|
|
13
|
+
"profile-popover__titles": "_profile-popover__titles_1r9ql_89",
|
|
14
|
+
"profile-popover__meta-item": "_profile-popover__meta-item_1r9ql_94",
|
|
15
|
+
"profile-popover__meta-item--stacked": "_profile-popover__meta-item--stacked_1r9ql_100",
|
|
16
|
+
"profile-popover__meta-icon": "_profile-popover__meta-icon_1r9ql_103",
|
|
17
|
+
"profile-popover__phone-body": "_profile-popover__phone-body_1r9ql_108",
|
|
18
|
+
"profile-popover__meta-link": "_profile-popover__meta-link_1r9ql_115",
|
|
19
|
+
"profile-popover__phone-sub": "_profile-popover__phone-sub_1r9ql_119",
|
|
20
|
+
"profile-popover__meta-text": "_profile-popover__meta-text_1r9ql_124",
|
|
21
|
+
"profile-popover__section-label": "_profile-popover__section-label_1r9ql_149",
|
|
22
|
+
"profile-popover__local-time": "_profile-popover__local-time_1r9ql_156",
|
|
23
|
+
"profile-popover__custom-status": "_profile-popover__custom-status_1r9ql_156",
|
|
24
|
+
"profile-popover__time": "_profile-popover__time_1r9ql_162",
|
|
25
|
+
"profile-popover__status-row": "_profile-popover__status-row_1r9ql_168",
|
|
26
|
+
"profile-popover__status-emoji": "_profile-popover__status-emoji_1r9ql_175",
|
|
27
|
+
"profile-popover__footer": "_profile-popover__footer_1r9ql_184",
|
|
28
|
+
"profile-popover__footer--others": "_profile-popover__footer--others_1r9ql_188",
|
|
29
|
+
"profile-popover__footer--you": "_profile-popover__footer--you_1r9ql_192",
|
|
30
|
+
"profile-popover__primary-action": "_profile-popover__primary-action_1r9ql_196",
|
|
31
|
+
"profile-popover__primary-action--others": "_profile-popover__primary-action--others_1r9ql_199",
|
|
32
|
+
"profile-popover__primary-action--you": "_profile-popover__primary-action--you_1r9ql_203",
|
|
33
|
+
"profile-popover__primary-button": "_profile-popover__primary-button_1r9ql_207",
|
|
34
|
+
"profile-popover__secondary-actions": "_profile-popover__secondary-actions_1r9ql_210"
|
|
35
35
|
};
|
|
36
36
|
export {
|
|
37
37
|
o as default
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._search-
|
|
1
|
+
._search-input_1c95e_2{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}._search-input__wrapper_1c95e_8{position:relative;display:flex;flex-direction:column;min-height:0;background-color:var(--center-channel-bg);border-radius:var(--radius-s);box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.16);transition:box-shadow var(--duration-quick) var(--ease-transition)}._search-input_1c95e_2:has(._search-input__input_1c95e_18:not(:disabled)):hover:not(:focus-within) ._search-input__wrapper_1c95e_8{box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.24)}._search-input_1c95e_2:has(._search-input__input_1c95e_18:focus-visible) ._search-input__wrapper_1c95e_8{box-shadow:inset 0 0 0 1px var(--focus-ring-color),0 0 0 1px var(--focus-ring-color)}._search-input_1c95e_2:has(._search-input__input_1c95e_18:disabled) ._search-input__wrapper_1c95e_8{background-color:var(--center-channel-bg);opacity:.56}._search-input__label_1c95e_28{position:absolute;left:var(--spacing-xs);top:50%;padding:0 var(--spacing-xxxs);transform:translateY(-50%);margin:0;font-family:Open Sans,sans-serif;font-size:var(--font-size-75);line-height:var(--line-height-25);font-weight:var(--font-weight-regular);color:rgba(var(--center-channel-color-rgb),.64);background-color:var(--center-channel-bg);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 24px);transition:transform var(--duration-quick) var(--ease-transition),font-size var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition),top var(--duration-quick) var(--ease-transition),left var(--duration-quick) var(--ease-transition)}._search-input--label-floated_1c95e_48 ._search-input__label_1c95e_28{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px;color:rgba(var(--center-channel-color-rgb),.64)}._search-input__inner_1c95e_55{display:flex;align-items:center;flex:1;min-width:0}._search-input__input_1c95e_18{flex:1 1 0;min-width:0;margin:0;padding:0;border:0;background:transparent;font-family:Open Sans,sans-serif;font-size:var(--font-size-75);line-height:var(--line-height-25);font-weight:var(--font-weight-regular);color:var(--center-channel-color)}._search-input__input_1c95e_18::-webkit-search-decoration,._search-input__input_1c95e_18::-webkit-search-cancel-button{-webkit-appearance:none}._search-input__input_1c95e_18:focus{outline:none}._search-input__input_1c95e_18::placeholder{color:rgba(var(--center-channel-color-rgb),.64)}._search-input__input_1c95e_18:disabled{cursor:not-allowed}._search-input__leading-icon_1c95e_86,._search-input__trailing-icon_1c95e_86{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:rgba(var(--center-channel-color-rgb),.64)}._search-input__leading-icon_1c95e_86{margin-right:var(--spacing-xs);pointer-events:none}._search-input__trailing-icon_1c95e_86{margin-left:var(--spacing-xs)}._search-input--size-small_1c95e_100 ._search-input__wrapper_1c95e_8{min-height:32px}._search-input--size-small_1c95e_100 ._search-input__inner_1c95e_55{padding:var(--spacing-xs) var(--spacing-m)}._search-input--size-small_1c95e_100 ._search-input__input_1c95e_18{font-size:var(--font-size-75);line-height:var(--line-height-25)}._search-input--size-small_1c95e_100._search-input--label-floated_1c95e_48 ._search-input__label_1c95e_28{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._search-input--size-medium_1c95e_116 ._search-input__wrapper_1c95e_8{min-height:40px}._search-input--size-medium_1c95e_116 ._search-input__inner_1c95e_55{padding:var(--spacing-s) var(--spacing-l)}._search-input--size-medium_1c95e_116 ._search-input__input_1c95e_18{font-size:var(--font-size-100);line-height:var(--line-height-100)}._search-input--size-medium_1c95e_116 ._search-input__label_1c95e_28{font-size:var(--font-size-100);left:var(--spacing-m)}._search-input--size-medium_1c95e_116._search-input--label-floated_1c95e_48 ._search-input__label_1c95e_28{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._search-input--size-large_1c95e_136 ._search-input__wrapper_1c95e_8{min-height:48px}._search-input--size-large_1c95e_136 ._search-input__inner_1c95e_55{padding:var(--spacing-m) var(--spacing-l)}._search-input--size-large_1c95e_136 ._search-input__input_1c95e_18{font-size:var(--font-size-200);line-height:var(--line-height-200)}._search-input--size-large_1c95e_136 ._search-input__label_1c95e_28{font-size:var(--font-size-200);line-height:var(--line-height-200);left:var(--spacing-m)}._search-input--size-large_1c95e_136._search-input--label-floated_1c95e_48 ._search-input__label_1c95e_28{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._search-input--has-leading-icon_1c95e_157 ._search-input__label_1c95e_28{left:28px}._search-input--has-leading-icon_1c95e_157._search-input--label-floated_1c95e_48 ._search-input__label_1c95e_28{left:var(--spacing-xs)}._search-input--has-leading-icon_1c95e_157._search-input--size-medium_1c95e_116 ._search-input__label_1c95e_28{left:36px}._search-input--has-leading-icon_1c95e_157._search-input--size-medium_1c95e_116._search-input--label-floated_1c95e_48 ._search-input__label_1c95e_28{left:var(--spacing-m)}._search-input--has-leading-icon_1c95e_157._search-input--size-large_1c95e_136 ._search-input__label_1c95e_28{left:40px}._search-input--has-leading-icon_1c95e_157._search-input--size-large_1c95e_136._search-input--label-floated_1c95e_48 ._search-input__label_1c95e_28{left:var(--spacing-m)}._search-input_1c95e_2:has(._search-input__input_1c95e_18:focus-visible) ._search-input__label_1c95e_28{color:var(--button-bg)}._search-input_1c95e_2:not(._search-input--label-floated_1c95e_48) ._search-input__label_1c95e_28~* ._search-input__input_1c95e_18::placeholder{color:transparent}._search-input--invalid_1c95e_181 ._search-input__wrapper_1c95e_8{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger))}._search-input--invalid_1c95e_181:has(._search-input__input_1c95e_18:focus-visible) ._search-input__wrapper_1c95e_8{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger)),0 0 0 1px var(--error-text, var(--color-danger))}._search-input--invalid_1c95e_181 ._search-input__label_1c95e_28{color:var(--error-text, var(--color-danger))}._search-input--invalid_1c95e_181:has(._search-input__input_1c95e_18:focus-visible) ._search-input__label_1c95e_28{color:var(--error-text, var(--color-danger))}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./SearchInput.css');const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./SearchInput.css');const e={"search-input":"_search-input_1c95e_2","search-input__wrapper":"_search-input__wrapper_1c95e_8","search-input__input":"_search-input__input_1c95e_18","search-input__label":"_search-input__label_1c95e_28","search-input--label-floated":"_search-input--label-floated_1c95e_48","search-input__inner":"_search-input__inner_1c95e_55","search-input__leading-icon":"_search-input__leading-icon_1c95e_86","search-input__trailing-icon":"_search-input__trailing-icon_1c95e_86","search-input--size-small":"_search-input--size-small_1c95e_100","search-input--size-medium":"_search-input--size-medium_1c95e_116","search-input--size-large":"_search-input--size-large_1c95e_136","search-input--has-leading-icon":"_search-input--has-leading-icon_1c95e_157","search-input--invalid":"_search-input--invalid_1c95e_181"};exports.default=e;
|
|
2
2
|
//# sourceMappingURL=SearchInput.module.scss.cjs.map
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import './SearchInput.css';const
|
|
2
|
-
"search-input": "_search-
|
|
3
|
-
"search-input__wrapper": "_search-
|
|
4
|
-
"search-input__input": "_search-
|
|
5
|
-
"search-input__label": "_search-
|
|
6
|
-
"search-input--label-floated": "_search-input--label-
|
|
7
|
-
"search-input__inner": "_search-
|
|
8
|
-
"search-input__leading-icon": "_search-input__leading-
|
|
9
|
-
"search-input__trailing-icon": "_search-input__trailing-
|
|
10
|
-
"search-input--size-small": "_search-input--size-
|
|
11
|
-
"search-input--size-medium": "_search-input--size-
|
|
12
|
-
"search-input--size-large": "_search-input--size-
|
|
13
|
-
"search-input--has-leading-icon": "_search-input--has-leading-
|
|
14
|
-
"search-input--invalid": "_search-input--
|
|
1
|
+
import './SearchInput.css';const e = {
|
|
2
|
+
"search-input": "_search-input_1c95e_2",
|
|
3
|
+
"search-input__wrapper": "_search-input__wrapper_1c95e_8",
|
|
4
|
+
"search-input__input": "_search-input__input_1c95e_18",
|
|
5
|
+
"search-input__label": "_search-input__label_1c95e_28",
|
|
6
|
+
"search-input--label-floated": "_search-input--label-floated_1c95e_48",
|
|
7
|
+
"search-input__inner": "_search-input__inner_1c95e_55",
|
|
8
|
+
"search-input__leading-icon": "_search-input__leading-icon_1c95e_86",
|
|
9
|
+
"search-input__trailing-icon": "_search-input__trailing-icon_1c95e_86",
|
|
10
|
+
"search-input--size-small": "_search-input--size-small_1c95e_100",
|
|
11
|
+
"search-input--size-medium": "_search-input--size-medium_1c95e_116",
|
|
12
|
+
"search-input--size-large": "_search-input--size-large_1c95e_136",
|
|
13
|
+
"search-input--has-leading-icon": "_search-input--has-leading-icon_1c95e_157",
|
|
14
|
+
"search-input--invalid": "_search-input--invalid_1c95e_181"
|
|
15
15
|
};
|
|
16
16
|
export {
|
|
17
|
-
|
|
17
|
+
e as default
|
|
18
18
|
};
|
|
19
19
|
//# sourceMappingURL=SearchInput.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),_=require("../mention-badge/MentionBadge.cjs"),a=require("./TeamAvatar.module.scss.cjs");function j({alt:l="",badge:s,className:d="",initials:r="Ac",size:i="40",src:u,state:m="default",variant:c="sidebar"}){const o=parseInt(i,10),t=c==="menu",n=m==="active"&&!t,v=s!=null&&s>0&&o<=64&&!n&&!t,f=[a.default["team-avatar"],a.default[`team-avatar--size-${i}`],n&&a.default["team-avatar--active"],t&&a.default["team-avatar--menu"],d].filter(Boolean).join(" ");return e.jsxs("div",{className:f,"aria-hidden":t||void 0,children:[e.jsx("div",{className:a.default["team-avatar__inner"],children:u?e.jsx("img",{src:u,alt:l,className:a.default["team-avatar__image"]}):e.jsx("div",{className:a.default["team-avatar__fallback"],"aria-label":l||r,children:r})}),v&&e.jsx(_.default,{count:s,size:"medium",className:a.default["team-avatar__badge"]})]})}exports.default=j;
|
|
2
2
|
//# sourceMappingURL=TeamAvatar.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TeamAvatar.cjs","sources":["../../../src/components/team-avatar/TeamAvatar.tsx"],"sourcesContent":["import MentionBadge from '../mention-badge/MentionBadge';\nimport styles from './TeamAvatar.module.scss';\n\nexport type TeamAvatarSize =\n | '24'\n | '28'\n | '32'\n | '40'\n | '48'\n | '56'\n | '64'\n | '72'\n | '96'\n | '120';\nexport type TeamAvatarState = 'default' | 'active';\n\nexport interface TeamAvatarProps {\n alt?: string;\n badge?: number;\n className?: string;\n initials?: string;\n size?: TeamAvatarSize;\n src?: string;\n state?: TeamAvatarState;\n}\n\n/**\n * Team Avatars identify a Team in Mattermost. Their rounded-square shape sets them apart\n * from circular User Avatars at a glance — same scanning rhythm, different kind of subject.\n */\nexport default function TeamAvatar({\n alt = '',\n badge,\n className = '',\n initials = 'Ac',\n size = '40',\n src,\n state = 'default',\n}: TeamAvatarProps) {\n const numSize = parseInt(size, 10);\n const isActive = state === 'active';\n const showBadge
|
|
1
|
+
{"version":3,"file":"TeamAvatar.cjs","sources":["../../../src/components/team-avatar/TeamAvatar.tsx"],"sourcesContent":["import MentionBadge from '../mention-badge/MentionBadge';\nimport styles from './TeamAvatar.module.scss';\n\nexport type TeamAvatarSize =\n | '24'\n | '28'\n | '32'\n | '40'\n | '48'\n | '56'\n | '64'\n | '72'\n | '96'\n | '120';\nexport type TeamAvatarState = 'default' | 'active';\nexport type TeamAvatarVariant = 'sidebar' | 'menu';\n\nexport interface TeamAvatarProps {\n alt?: string;\n badge?: number;\n className?: string;\n initials?: string;\n size?: TeamAvatarSize;\n src?: string;\n state?: TeamAvatarState;\n /**\n * `sidebar` (default) is interactive and uses sidebar colors. `menu` is decorative and uses\n * center-channel colors — for menu rows and other surfaces on `center-channel-bg`. It has no\n * hover or pointer affordance, is hidden from assistive tech, and ignores `state` and `badge`.\n */\n variant?: TeamAvatarVariant;\n}\n\n/**\n * Team Avatars identify a Team in Mattermost. Their rounded-square shape sets them apart\n * from circular User Avatars at a glance — same scanning rhythm, different kind of subject.\n */\nexport default function TeamAvatar({\n alt = '',\n badge,\n className = '',\n initials = 'Ac',\n size = '40',\n src,\n state = 'default',\n variant = 'sidebar',\n}: TeamAvatarProps) {\n const numSize = parseInt(size, 10);\n const isMenu = variant === 'menu';\n const isActive = state === 'active' && !isMenu;\n const showBadge =\n badge != null && badge > 0 && numSize <= 64 && !isActive && !isMenu;\n\n const rootClasses = [\n styles['team-avatar'],\n styles[`team-avatar--size-${size}`],\n isActive && styles['team-avatar--active'],\n isMenu && styles['team-avatar--menu'],\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div className={rootClasses} aria-hidden={isMenu || undefined}>\n <div className={styles['team-avatar__inner']}>\n {src ? (\n <img src={src} alt={alt} className={styles['team-avatar__image']} />\n ) : (\n <div\n className={styles['team-avatar__fallback']}\n aria-label={alt || initials}\n >\n {initials}\n </div>\n )}\n </div>\n {showBadge && (\n <MentionBadge\n count={badge!}\n size=\"medium\"\n className={styles['team-avatar__badge']}\n />\n )}\n </div>\n );\n}\n"],"names":["TeamAvatar","alt","badge","className","initials","size","src","state","variant","numSize","isMenu","isActive","showBadge","rootClasses","styles","jsx","MentionBadge"],"mappings":"yOAqCA,SAAwBA,EAAW,CACjC,IAAAC,EAAM,GACN,MAAAC,EACA,UAAAC,EAAY,GACZ,SAAAC,EAAW,KACX,KAAAC,EAAO,KACP,IAAAC,EACA,MAAAC,EAAQ,UACR,QAAAC,EAAU,SACZ,EAAoB,CAClB,MAAMC,EAAU,SAASJ,EAAM,EAAE,EAC3BK,EAASF,IAAY,OACrBG,EAAWJ,IAAU,UAAY,CAACG,EAClCE,EACJV,GAAS,MAAQA,EAAQ,GAAKO,GAAW,IAAM,CAACE,GAAY,CAACD,EAEzDG,EAAc,CAClBC,EAAAA,QAAO,aAAa,EACpBA,EAAAA,QAAO,qBAAqBT,CAAI,EAAE,EAClCM,GAAYG,EAAAA,QAAO,qBAAqB,EACxCJ,GAAUI,EAAAA,QAAO,mBAAmB,EACpCX,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,cACG,MAAA,CAAI,UAAWU,EAAa,cAAaH,GAAU,OAClD,SAAA,CAAAK,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,oBAAoB,EACxC,SAAAR,EACCS,EAAAA,IAAC,MAAA,CAAI,IAAAT,EAAU,IAAAL,EAAU,UAAWa,EAAAA,QAAO,oBAAoB,EAAG,EAElEC,EAAAA,IAAC,MAAA,CACC,UAAWD,EAAAA,QAAO,uBAAuB,EACzC,aAAYb,GAAOG,EAElB,SAAAA,CAAA,CAAA,EAGP,EACCQ,GACCG,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAOd,EACP,KAAK,SACL,UAAWY,EAAAA,QAAO,oBAAoB,CAAA,CAAA,CACxC,EAEJ,CAEJ"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._team-
|
|
1
|
+
._team-avatar_1cnye_2{position:relative;display:inline-flex;flex-shrink:0;cursor:pointer;outline-style:solid;outline-offset:0;outline-color:transparent;transition:outline-color var(--duration-quick) var(--ease-transition)}._team-avatar__inner_1cnye_12{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}._team-avatar__inner_1cnye_12:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;border-radius:inherit;border-style:solid;border-color:var(--sidebar-header-bg, #192a4d);border-width:0;pointer-events:none;z-index:1;transition:border-width var(--duration-quick) var(--ease-transition)}._team-avatar__image_1cnye_31{display:block;width:100%;height:100%;object-fit:cover}._team-avatar__fallback_1cnye_37{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:rgba(var(--sidebar-text-rgb),.16);color:var(--sidebar-text, white);font-family:Metropolis,sans-serif;font-weight:var(--font-weight-semibold);line-height:1;-webkit-user-select:none;user-select:none}._team-avatar__badge_1cnye_50{position:absolute;top:-4px;right:-4px;z-index:2;box-shadow:0 0 0 2px var(--sidebar-header-bg, #192a4d)}._team-avatar--size-24_1cnye_57{width:24px;height:24px;border-radius:4px;outline-width:2px}._team-avatar--size-24_1cnye_57 ._team-avatar__inner_1cnye_12{border-radius:4px}._team-avatar--size-24_1cnye_57 ._team-avatar__fallback_1cnye_37{font-size:11.2px}._team-avatar--size-24_1cnye_57:hover ._team-avatar__inner_1cnye_12:after,._team-avatar--size-24_1cnye_57._team-avatar--active_1cnye_69 ._team-avatar__inner_1cnye_12:after{border-width:2px}._team-avatar--size-24_1cnye_57:hover{outline-color:rgba(var(--sidebar-text-rgb),.16)}._team-avatar--size-24_1cnye_57._team-avatar--active_1cnye_69{outline-color:var(--sidebar-text-active-border, #5d89ea)}._team-avatar--size-28_1cnye_78{width:28px;height:28px;border-radius:4px;outline-width:2px}._team-avatar--size-28_1cnye_78 ._team-avatar__inner_1cnye_12{border-radius:4px}._team-avatar--size-28_1cnye_78 ._team-avatar__fallback_1cnye_37{font-size:13.07px}._team-avatar--size-28_1cnye_78:hover ._team-avatar__inner_1cnye_12:after,._team-avatar--size-28_1cnye_78._team-avatar--active_1cnye_69 ._team-avatar__inner_1cnye_12:after{border-width:2px}._team-avatar--size-28_1cnye_78:hover{outline-color:rgba(var(--sidebar-text-rgb),.16)}._team-avatar--size-28_1cnye_78._team-avatar--active_1cnye_69{outline-color:var(--sidebar-text-active-border, #5d89ea)}._team-avatar--size-32_1cnye_99{width:32px;height:32px;border-radius:6px;outline-width:3px}._team-avatar--size-32_1cnye_99 ._team-avatar__inner_1cnye_12{border-radius:6px}._team-avatar--size-32_1cnye_99 ._team-avatar__fallback_1cnye_37{font-size:14.93px}._team-avatar--size-32_1cnye_99:hover ._team-avatar__inner_1cnye_12:after,._team-avatar--size-32_1cnye_99._team-avatar--active_1cnye_69 ._team-avatar__inner_1cnye_12:after{border-width:3px}._team-avatar--size-32_1cnye_99:hover{outline-color:rgba(var(--sidebar-text-rgb),.16)}._team-avatar--size-32_1cnye_99._team-avatar--active_1cnye_69{outline-color:var(--sidebar-text-active-border, #5d89ea)}._team-avatar--size-40_1cnye_120{width:40px;height:40px;border-radius:8px;outline-width:3px}._team-avatar--size-40_1cnye_120 ._team-avatar__inner_1cnye_12{border-radius:8px}._team-avatar--size-40_1cnye_120 ._team-avatar__fallback_1cnye_37{font-size:18.67px}._team-avatar--size-40_1cnye_120:hover ._team-avatar__inner_1cnye_12:after,._team-avatar--size-40_1cnye_120._team-avatar--active_1cnye_69 ._team-avatar__inner_1cnye_12:after{border-width:3px}._team-avatar--size-40_1cnye_120:hover{outline-color:rgba(var(--sidebar-text-rgb),.16)}._team-avatar--size-40_1cnye_120._team-avatar--active_1cnye_69{outline-color:var(--sidebar-text-active-border, #5d89ea)}._team-avatar--size-48_1cnye_141{width:48px;height:48px;border-radius:9px;outline-width:3px}._team-avatar--size-48_1cnye_141 ._team-avatar__inner_1cnye_12{border-radius:9px}._team-avatar--size-48_1cnye_141 ._team-avatar__fallback_1cnye_37{font-size:22.4px}._team-avatar--size-48_1cnye_141:hover ._team-avatar__inner_1cnye_12:after,._team-avatar--size-48_1cnye_141._team-avatar--active_1cnye_69 ._team-avatar__inner_1cnye_12:after{border-width:3px}._team-avatar--size-48_1cnye_141:hover{outline-color:rgba(var(--sidebar-text-rgb),.16)}._team-avatar--size-48_1cnye_141._team-avatar--active_1cnye_69{outline-color:var(--sidebar-text-active-border, #5d89ea)}._team-avatar--size-56_1cnye_162{width:56px;height:56px;border-radius:10px;outline-width:3px}._team-avatar--size-56_1cnye_162 ._team-avatar__inner_1cnye_12{border-radius:10px}._team-avatar--size-56_1cnye_162 ._team-avatar__fallback_1cnye_37{font-size:26.13px}._team-avatar--size-56_1cnye_162:hover ._team-avatar__inner_1cnye_12:after,._team-avatar--size-56_1cnye_162._team-avatar--active_1cnye_69 ._team-avatar__inner_1cnye_12:after{border-width:3px}._team-avatar--size-56_1cnye_162:hover{outline-color:rgba(var(--sidebar-text-rgb),.16)}._team-avatar--size-56_1cnye_162._team-avatar--active_1cnye_69{outline-color:var(--sidebar-text-active-border, #5d89ea)}._team-avatar--size-64_1cnye_183{width:64px;height:64px;border-radius:11px;outline-width:3px}._team-avatar--size-64_1cnye_183 ._team-avatar__inner_1cnye_12{border-radius:11px}._team-avatar--size-64_1cnye_183 ._team-avatar__fallback_1cnye_37{font-size:29.87px}._team-avatar--size-64_1cnye_183:hover ._team-avatar__inner_1cnye_12:after,._team-avatar--size-64_1cnye_183._team-avatar--active_1cnye_69 ._team-avatar__inner_1cnye_12:after{border-width:3px}._team-avatar--size-64_1cnye_183:hover{outline-color:rgba(var(--sidebar-text-rgb),.16)}._team-avatar--size-64_1cnye_183._team-avatar--active_1cnye_69{outline-color:var(--sidebar-text-active-border, #5d89ea)}._team-avatar--size-72_1cnye_204{width:72px;height:72px;border-radius:12px;outline-width:3px}._team-avatar--size-72_1cnye_204 ._team-avatar__inner_1cnye_12{border-radius:12px}._team-avatar--size-72_1cnye_204 ._team-avatar__fallback_1cnye_37{font-size:33.6px}._team-avatar--size-72_1cnye_204:hover ._team-avatar__inner_1cnye_12:after,._team-avatar--size-72_1cnye_204._team-avatar--active_1cnye_69 ._team-avatar__inner_1cnye_12:after{border-width:3px}._team-avatar--size-72_1cnye_204:hover{outline-color:rgba(var(--sidebar-text-rgb),.16)}._team-avatar--size-72_1cnye_204._team-avatar--active_1cnye_69{outline-color:var(--sidebar-text-active-border, #5d89ea)}._team-avatar--size-96_1cnye_225{width:96px;height:96px;border-radius:18px;outline-width:3px}._team-avatar--size-96_1cnye_225 ._team-avatar__inner_1cnye_12{border-radius:20px}._team-avatar--size-96_1cnye_225 ._team-avatar__fallback_1cnye_37{font-size:44.8px}._team-avatar--size-96_1cnye_225:hover ._team-avatar__inner_1cnye_12:after,._team-avatar--size-96_1cnye_225._team-avatar--active_1cnye_69 ._team-avatar__inner_1cnye_12:after{border-width:3px}._team-avatar--size-96_1cnye_225:hover{outline-color:rgba(var(--sidebar-text-rgb),.16)}._team-avatar--size-96_1cnye_225._team-avatar--active_1cnye_69{outline-color:var(--sidebar-text-active-border, #5d89ea)}._team-avatar--size-120_1cnye_246{width:120px;height:120px;border-radius:24px;outline-width:3px}._team-avatar--size-120_1cnye_246 ._team-avatar__inner_1cnye_12{border-radius:24px}._team-avatar--size-120_1cnye_246 ._team-avatar__fallback_1cnye_37{font-size:56px}._team-avatar--size-120_1cnye_246:hover ._team-avatar__inner_1cnye_12:after,._team-avatar--size-120_1cnye_246._team-avatar--active_1cnye_69 ._team-avatar__inner_1cnye_12:after{border-width:3px}._team-avatar--size-120_1cnye_246:hover{outline-color:rgba(var(--sidebar-text-rgb),.16)}._team-avatar--size-120_1cnye_246._team-avatar--active_1cnye_69{outline-color:var(--sidebar-text-active-border, #5d89ea)}._team-avatar--menu_1cnye_267{cursor:default}._team-avatar--menu_1cnye_267:hover{outline-color:transparent}._team-avatar--menu_1cnye_267:hover ._team-avatar__inner_1cnye_12:after{border-width:0}._team-avatar--menu_1cnye_267 ._team-avatar__fallback_1cnye_37{background:rgba(var(--center-channel-color-rgb),.08);color:rgba(var(--center-channel-color-rgb),.72)}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export type TeamAvatarSize = '24' | '28' | '32' | '40' | '48' | '56' | '64' | '72' | '96' | '120';
|
|
2
2
|
export type TeamAvatarState = 'default' | 'active';
|
|
3
|
+
export type TeamAvatarVariant = 'sidebar' | 'menu';
|
|
3
4
|
export interface TeamAvatarProps {
|
|
4
5
|
alt?: string;
|
|
5
6
|
badge?: number;
|
|
@@ -8,10 +9,16 @@ export interface TeamAvatarProps {
|
|
|
8
9
|
size?: TeamAvatarSize;
|
|
9
10
|
src?: string;
|
|
10
11
|
state?: TeamAvatarState;
|
|
12
|
+
/**
|
|
13
|
+
* `sidebar` (default) is interactive and uses sidebar colors. `menu` is decorative and uses
|
|
14
|
+
* center-channel colors — for menu rows and other surfaces on `center-channel-bg`. It has no
|
|
15
|
+
* hover or pointer affordance, is hidden from assistive tech, and ignores `state` and `badge`.
|
|
16
|
+
*/
|
|
17
|
+
variant?: TeamAvatarVariant;
|
|
11
18
|
}
|
|
12
19
|
/**
|
|
13
20
|
* Team Avatars identify a Team in Mattermost. Their rounded-square shape sets them apart
|
|
14
21
|
* from circular User Avatars at a glance — same scanning rhythm, different kind of subject.
|
|
15
22
|
*/
|
|
16
|
-
export default function TeamAvatar({ alt, badge, className, initials, size, src, state, }: TeamAvatarProps): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export default function TeamAvatar({ alt, badge, className, initials, size, src, state, variant, }: TeamAvatarProps): import("react/jsx-runtime").JSX.Element;
|
|
17
24
|
//# sourceMappingURL=TeamAvatar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TeamAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/team-avatar/TeamAvatar.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,cAAc,GACtB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,CAAC;AACV,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEnD,MAAM,WAAW,eAAe;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"TeamAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/team-avatar/TeamAvatar.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,cAAc,GACtB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,CAAC;AACV,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,QAAQ,CAAC;AACnD,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,MAAM,CAAC;AAEnD,MAAM,WAAW,eAAe;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;;;OAIG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,GAAQ,EACR,KAAK,EACL,SAAc,EACd,QAAe,EACf,IAAW,EACX,GAAG,EACH,KAAiB,EACjB,OAAmB,GACpB,EAAE,eAAe,2CAwCjB"}
|
|
@@ -1,34 +1,36 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import
|
|
1
|
+
import { jsxs as _, jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import h from "../mention-badge/MentionBadge.js";
|
|
3
3
|
import a from "./TeamAvatar.module.scss.js";
|
|
4
|
-
function
|
|
5
|
-
alt:
|
|
6
|
-
badge:
|
|
7
|
-
className:
|
|
8
|
-
initials:
|
|
9
|
-
size:
|
|
10
|
-
src:
|
|
11
|
-
state:
|
|
4
|
+
function j({
|
|
5
|
+
alt: m = "",
|
|
6
|
+
badge: s,
|
|
7
|
+
className: c = "",
|
|
8
|
+
initials: r = "Ac",
|
|
9
|
+
size: i = "40",
|
|
10
|
+
src: n,
|
|
11
|
+
state: l = "default",
|
|
12
|
+
variant: v = "sidebar"
|
|
12
13
|
}) {
|
|
13
|
-
const
|
|
14
|
+
const d = parseInt(i, 10), e = v === "menu", o = l === "active" && !e, u = s != null && s > 0 && d <= 64 && !o && !e, f = [
|
|
14
15
|
a["team-avatar"],
|
|
15
|
-
a[`team-avatar--size-${
|
|
16
|
+
a[`team-avatar--size-${i}`],
|
|
16
17
|
o && a["team-avatar--active"],
|
|
17
|
-
|
|
18
|
+
e && a["team-avatar--menu"],
|
|
19
|
+
c
|
|
18
20
|
].filter(Boolean).join(" ");
|
|
19
|
-
return /* @__PURE__ */
|
|
20
|
-
/* @__PURE__ */
|
|
21
|
+
return /* @__PURE__ */ _("div", { className: f, "aria-hidden": e || void 0, children: [
|
|
22
|
+
/* @__PURE__ */ t("div", { className: a["team-avatar__inner"], children: n ? /* @__PURE__ */ t("img", { src: n, alt: m, className: a["team-avatar__image"] }) : /* @__PURE__ */ t(
|
|
21
23
|
"div",
|
|
22
24
|
{
|
|
23
25
|
className: a["team-avatar__fallback"],
|
|
24
|
-
"aria-label":
|
|
25
|
-
children:
|
|
26
|
+
"aria-label": m || r,
|
|
27
|
+
children: r
|
|
26
28
|
}
|
|
27
29
|
) }),
|
|
28
|
-
|
|
29
|
-
|
|
30
|
+
u && /* @__PURE__ */ t(
|
|
31
|
+
h,
|
|
30
32
|
{
|
|
31
|
-
count:
|
|
33
|
+
count: s,
|
|
32
34
|
size: "medium",
|
|
33
35
|
className: a["team-avatar__badge"]
|
|
34
36
|
}
|
|
@@ -36,6 +38,6 @@ function h({
|
|
|
36
38
|
] });
|
|
37
39
|
}
|
|
38
40
|
export {
|
|
39
|
-
|
|
41
|
+
j as default
|
|
40
42
|
};
|
|
41
43
|
//# sourceMappingURL=TeamAvatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TeamAvatar.js","sources":["../../../src/components/team-avatar/TeamAvatar.tsx"],"sourcesContent":["import MentionBadge from '../mention-badge/MentionBadge';\nimport styles from './TeamAvatar.module.scss';\n\nexport type TeamAvatarSize =\n | '24'\n | '28'\n | '32'\n | '40'\n | '48'\n | '56'\n | '64'\n | '72'\n | '96'\n | '120';\nexport type TeamAvatarState = 'default' | 'active';\n\nexport interface TeamAvatarProps {\n alt?: string;\n badge?: number;\n className?: string;\n initials?: string;\n size?: TeamAvatarSize;\n src?: string;\n state?: TeamAvatarState;\n}\n\n/**\n * Team Avatars identify a Team in Mattermost. Their rounded-square shape sets them apart\n * from circular User Avatars at a glance — same scanning rhythm, different kind of subject.\n */\nexport default function TeamAvatar({\n alt = '',\n badge,\n className = '',\n initials = 'Ac',\n size = '40',\n src,\n state = 'default',\n}: TeamAvatarProps) {\n const numSize = parseInt(size, 10);\n const isActive = state === 'active';\n const showBadge
|
|
1
|
+
{"version":3,"file":"TeamAvatar.js","sources":["../../../src/components/team-avatar/TeamAvatar.tsx"],"sourcesContent":["import MentionBadge from '../mention-badge/MentionBadge';\nimport styles from './TeamAvatar.module.scss';\n\nexport type TeamAvatarSize =\n | '24'\n | '28'\n | '32'\n | '40'\n | '48'\n | '56'\n | '64'\n | '72'\n | '96'\n | '120';\nexport type TeamAvatarState = 'default' | 'active';\nexport type TeamAvatarVariant = 'sidebar' | 'menu';\n\nexport interface TeamAvatarProps {\n alt?: string;\n badge?: number;\n className?: string;\n initials?: string;\n size?: TeamAvatarSize;\n src?: string;\n state?: TeamAvatarState;\n /**\n * `sidebar` (default) is interactive and uses sidebar colors. `menu` is decorative and uses\n * center-channel colors — for menu rows and other surfaces on `center-channel-bg`. It has no\n * hover or pointer affordance, is hidden from assistive tech, and ignores `state` and `badge`.\n */\n variant?: TeamAvatarVariant;\n}\n\n/**\n * Team Avatars identify a Team in Mattermost. Their rounded-square shape sets them apart\n * from circular User Avatars at a glance — same scanning rhythm, different kind of subject.\n */\nexport default function TeamAvatar({\n alt = '',\n badge,\n className = '',\n initials = 'Ac',\n size = '40',\n src,\n state = 'default',\n variant = 'sidebar',\n}: TeamAvatarProps) {\n const numSize = parseInt(size, 10);\n const isMenu = variant === 'menu';\n const isActive = state === 'active' && !isMenu;\n const showBadge =\n badge != null && badge > 0 && numSize <= 64 && !isActive && !isMenu;\n\n const rootClasses = [\n styles['team-avatar'],\n styles[`team-avatar--size-${size}`],\n isActive && styles['team-avatar--active'],\n isMenu && styles['team-avatar--menu'],\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div className={rootClasses} aria-hidden={isMenu || undefined}>\n <div className={styles['team-avatar__inner']}>\n {src ? (\n <img src={src} alt={alt} className={styles['team-avatar__image']} />\n ) : (\n <div\n className={styles['team-avatar__fallback']}\n aria-label={alt || initials}\n >\n {initials}\n </div>\n )}\n </div>\n {showBadge && (\n <MentionBadge\n count={badge!}\n size=\"medium\"\n className={styles['team-avatar__badge']}\n />\n )}\n </div>\n );\n}\n"],"names":["TeamAvatar","alt","badge","className","initials","size","src","state","variant","numSize","isMenu","isActive","showBadge","rootClasses","styles","jsx","MentionBadge"],"mappings":";;;AAqCA,SAAwBA,EAAW;AAAA,EACjC,KAAAC,IAAM;AAAA,EACN,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,KAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,SAAAC,IAAU;AACZ,GAAoB;AAClB,QAAMC,IAAU,SAASJ,GAAM,EAAE,GAC3BK,IAASF,MAAY,QACrBG,IAAWJ,MAAU,YAAY,CAACG,GAClCE,IACJV,KAAS,QAAQA,IAAQ,KAAKO,KAAW,MAAM,CAACE,KAAY,CAACD,GAEzDG,IAAc;AAAA,IAClBC,EAAO,aAAa;AAAA,IACpBA,EAAO,qBAAqBT,CAAI,EAAE;AAAA,IAClCM,KAAYG,EAAO,qBAAqB;AAAA,IACxCJ,KAAUI,EAAO,mBAAmB;AAAA,IACpCX;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,2BACG,OAAA,EAAI,WAAWU,GAAa,eAAaH,KAAU,QAClD,UAAA;AAAA,IAAA,gBAAAK,EAAC,OAAA,EAAI,WAAWD,EAAO,oBAAoB,GACxC,UAAAR,IACC,gBAAAS,EAAC,OAAA,EAAI,KAAAT,GAAU,KAAAL,GAAU,WAAWa,EAAO,oBAAoB,GAAG,IAElE,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWD,EAAO,uBAAuB;AAAA,QACzC,cAAYb,KAAOG;AAAA,QAElB,UAAAA;AAAA,MAAA;AAAA,IAAA,GAGP;AAAA,IACCQ,KACC,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAOd;AAAA,QACP,MAAK;AAAA,QACL,WAAWY,EAAO,oBAAoB;AAAA,MAAA;AAAA,IAAA;AAAA,EACxC,GAEJ;AAEJ;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./TeamAvatar.css');const a={"team-avatar":"_team-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./TeamAvatar.css');const a={"team-avatar":"_team-avatar_1cnye_2","team-avatar__inner":"_team-avatar__inner_1cnye_12","team-avatar__image":"_team-avatar__image_1cnye_31","team-avatar__fallback":"_team-avatar__fallback_1cnye_37","team-avatar__badge":"_team-avatar__badge_1cnye_50","team-avatar--size-24":"_team-avatar--size-24_1cnye_57","team-avatar--active":"_team-avatar--active_1cnye_69","team-avatar--size-28":"_team-avatar--size-28_1cnye_78","team-avatar--size-32":"_team-avatar--size-32_1cnye_99","team-avatar--size-40":"_team-avatar--size-40_1cnye_120","team-avatar--size-48":"_team-avatar--size-48_1cnye_141","team-avatar--size-56":"_team-avatar--size-56_1cnye_162","team-avatar--size-64":"_team-avatar--size-64_1cnye_183","team-avatar--size-72":"_team-avatar--size-72_1cnye_204","team-avatar--size-96":"_team-avatar--size-96_1cnye_225","team-avatar--size-120":"_team-avatar--size-120_1cnye_246","team-avatar--menu":"_team-avatar--menu_1cnye_267"};exports.default=a;
|
|
2
2
|
//# sourceMappingURL=TeamAvatar.module.scss.cjs.map
|
|
@@ -1,20 +1,21 @@
|
|
|
1
1
|
import './TeamAvatar.css';const a = {
|
|
2
|
-
"team-avatar": "_team-
|
|
3
|
-
"team-avatar__inner": "_team-
|
|
4
|
-
"team-avatar__image": "_team-
|
|
5
|
-
"team-avatar__fallback": "_team-
|
|
6
|
-
"team-avatar__badge": "_team-
|
|
7
|
-
"team-avatar--size-24": "_team-avatar--size-
|
|
8
|
-
"team-avatar--active": "_team-avatar--
|
|
9
|
-
"team-avatar--size-28": "_team-avatar--size-
|
|
10
|
-
"team-avatar--size-32": "_team-avatar--size-
|
|
11
|
-
"team-avatar--size-40": "_team-avatar--size-
|
|
12
|
-
"team-avatar--size-48": "_team-avatar--size-
|
|
13
|
-
"team-avatar--size-56": "_team-avatar--size-
|
|
14
|
-
"team-avatar--size-64": "_team-avatar--size-
|
|
15
|
-
"team-avatar--size-72": "_team-avatar--size-
|
|
16
|
-
"team-avatar--size-96": "_team-avatar--size-
|
|
17
|
-
"team-avatar--size-120": "_team-avatar--size-
|
|
2
|
+
"team-avatar": "_team-avatar_1cnye_2",
|
|
3
|
+
"team-avatar__inner": "_team-avatar__inner_1cnye_12",
|
|
4
|
+
"team-avatar__image": "_team-avatar__image_1cnye_31",
|
|
5
|
+
"team-avatar__fallback": "_team-avatar__fallback_1cnye_37",
|
|
6
|
+
"team-avatar__badge": "_team-avatar__badge_1cnye_50",
|
|
7
|
+
"team-avatar--size-24": "_team-avatar--size-24_1cnye_57",
|
|
8
|
+
"team-avatar--active": "_team-avatar--active_1cnye_69",
|
|
9
|
+
"team-avatar--size-28": "_team-avatar--size-28_1cnye_78",
|
|
10
|
+
"team-avatar--size-32": "_team-avatar--size-32_1cnye_99",
|
|
11
|
+
"team-avatar--size-40": "_team-avatar--size-40_1cnye_120",
|
|
12
|
+
"team-avatar--size-48": "_team-avatar--size-48_1cnye_141",
|
|
13
|
+
"team-avatar--size-56": "_team-avatar--size-56_1cnye_162",
|
|
14
|
+
"team-avatar--size-64": "_team-avatar--size-64_1cnye_183",
|
|
15
|
+
"team-avatar--size-72": "_team-avatar--size-72_1cnye_204",
|
|
16
|
+
"team-avatar--size-96": "_team-avatar--size-96_1cnye_225",
|
|
17
|
+
"team-avatar--size-120": "_team-avatar--size-120_1cnye_246",
|
|
18
|
+
"team-avatar--menu": "_team-avatar--menu_1cnye_267"
|
|
18
19
|
};
|
|
19
20
|
export {
|
|
20
21
|
a as default
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TeamAvatar.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TeamAvatar.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/team-avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/team-avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC"}
|