@bikdotai/bik-component-library 0.0.814-1 → 0.0.814-3

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 (9) hide show
  1. package/dist/cjs/editor/extensions/editorDropdown.styles.js +11 -16
  2. package/dist/cjs/editor/extensions/editorDropdown.styles.js.map +1 -1
  3. package/dist/cjs/src/components/bik-layout/MockMenus.d.ts +1 -0
  4. package/dist/cjs/src/editor/extensions/editorDropdown.styles.d.ts +8 -2
  5. package/dist/esm/editor/extensions/editorDropdown.styles.js +21 -26
  6. package/dist/esm/editor/extensions/editorDropdown.styles.js.map +1 -1
  7. package/dist/esm/src/components/bik-layout/MockMenus.d.ts +1 -0
  8. package/dist/esm/src/editor/extensions/editorDropdown.styles.d.ts +8 -2
  9. package/package.json +1 -1
package/dist/cjs/editor/extensions/editorDropdown.styles.js CHANGED
@@ -1,31 +1,28 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(e);const n=o.default.div`
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js"),r=require("../../components/TypographyStyle.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(e);const a=n.default.div`
2
2
  background: ${t.COLORS.surface.standard};
3
- border: 1px solid ${t.COLORS.stroke.primary};
4
- border-radius: 8px;
3
+ border-radius: 4px;
5
4
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
6
- padding: 4px;
7
5
  min-width: 330px;
8
6
  max-height: 260px;
9
7
  overflow-y: auto;
10
8
  font-size: 14px;
11
9
  color: ${t.COLORS.content.primary};
12
- `,a=o.default.div`
10
+ `,i=n.default.div`
13
11
  display: flex;
14
12
  align-items: center;
15
13
  gap: 8px;
16
- padding: 12px 16px;
14
+ padding: 8px;
17
15
  min-height: 43px;
18
- border-radius: 6px;
19
16
  cursor: pointer;
20
17
  color: ${t.COLORS.content.primary};
21
18
  background: ${e=>{let{$isActive:r}=e;return r?t.COLORS.surface.hovered:"transparent"}};
22
- `,i=o.default.img`
19
+ `,p=n.default.img`
23
20
  width: 24px;
24
21
  height: 24px;
25
22
  border-radius: 50%;
26
23
  object-fit: cover;
27
24
  flex-shrink: 0;
28
- `,p=o.default.div`
25
+ `,s=n.default.div`
29
26
  width: 24px;
30
27
  height: 24px;
31
28
  border-radius: 50%;
@@ -37,22 +34,20 @@
37
34
  font-weight: 600;
38
35
  color: ${t.COLORS.content.primary};
39
36
  flex-shrink: 0;
40
- `,s=o.default.span`
37
+ `,d=n.default.span`
41
38
  font-weight: 500;
42
39
  color: ${t.COLORS.content.primary};
43
- `,d=o.default.span`
40
+ `,l=n.default.span`
44
41
  width: 8px;
45
42
  height: 8px;
46
43
  border-radius: 50%;
47
44
  background: ${e=>{let{$online:r}=e;return r?t.COLORS.content.positive:t.COLORS.content.placeholder}};
48
45
  margin-left: auto;
49
46
  flex-shrink: 0;
50
- `,l=o.default.span`
51
- font-weight: 500;
47
+ `,c=n.default(r.BodyCaption)`
52
48
  color: ${t.COLORS.content.primary};
53
- `,c=o.default.span`
54
- font-size: 12px;
49
+ `,u=n.default(r.BodyCaption)`
55
50
  color: ${t.COLORS.content.secondary};
56
51
  margin-left: auto;
57
- `;exports.DropdownContainer=n,exports.DropdownItem=a,exports.MentionAvatar=i,exports.MentionAvatarFallback=p,exports.MentionLabel=s,exports.MentionPresenceDot=d,exports.SlashDescription=c,exports.SlashLabel=l;
52
+ `;exports.DropdownContainer=a,exports.DropdownItem=i,exports.MentionAvatar=p,exports.MentionAvatarFallback=s,exports.MentionLabel=d,exports.MentionPresenceDot=l,exports.SlashDescription=u,exports.SlashLabel=c;
58
53
  //# sourceMappingURL=editorDropdown.styles.js.map
package/dist/cjs/editor/extensions/editorDropdown.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"editorDropdown.styles.js","sources":["../../../../src/editor/extensions/editorDropdown.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const DropdownContainer = styled.div`\n\tbackground: ${COLORS.surface.standard};\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 8px;\n\tbox-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n\tpadding: 4px;\n\tmin-width: 330px;\n\tmax-height: 260px;\n\toverflow-y: auto;\n\tfont-size: 14px;\n\tcolor: ${COLORS.content.primary};\n`;\n\nexport const DropdownItem = styled.div<{ $isActive?: boolean }>`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\tpadding: 12px 16px;\n\tmin-height: 43px;\n\tborder-radius: 6px;\n\tcursor: pointer;\n\tcolor: ${COLORS.content.primary};\n\tbackground: ${({ $isActive }) =>\n\t\t$isActive ? COLORS.surface.hovered : 'transparent'};\n`;\n\nexport const MentionAvatar = styled.img`\n\twidth: 24px;\n\theight: 24px;\n\tborder-radius: 50%;\n\tobject-fit: cover;\n\tflex-shrink: 0;\n`;\n\nexport const MentionAvatarFallback = styled.div`\n\twidth: 24px;\n\theight: 24px;\n\tborder-radius: 50%;\n\tbackground: ${COLORS.surface.hovered};\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tfont-size: 12px;\n\tfont-weight: 600;\n\tcolor: ${COLORS.content.primary};\n\tflex-shrink: 0;\n`;\n\nexport const MentionLabel = styled.span`\n\tfont-weight: 500;\n\tcolor: ${COLORS.content.primary};\n`;\n\nexport const MentionPresenceDot = styled.span<{ $online?: boolean }>`\n\twidth: 8px;\n\theight: 8px;\n\tborder-radius: 50%;\n\tbackground: ${({ $online }) =>\n\t\t$online ? COLORS.content.positive : COLORS.content.placeholder};\n\tmargin-left: auto;\n\tflex-shrink: 0;\n`;\n\nexport const SlashLabel = styled.span`\n\tfont-weight: 500;\n\tcolor: ${COLORS.content.primary};\n`;\n\nexport const SlashDescription = styled.span`\n\tfont-size: 12px;\n\tcolor: ${COLORS.content.secondary};\n\tmargin-left: auto;\n`;\n"],"names":["DropdownContainer","styled","div","COLORS","surface","standard","stroke","primary","content","DropdownItem","_ref","$isActive","hovered","MentionAvatar","img","MentionAvatarFallback","MentionLabel","span","MentionPresenceDot","_ref2","$online","positive","placeholder","SlashLabel","SlashDescription","secondary"],"mappings":"gOAGaA,MAAAA,EAAoBC,EAAM,QAACC,GAAG;eAC5BC,EAAMA,OAACC,QAAQC;qBACTF,EAAMA,OAACG,OAAOC;;;;;;;;UAQzBJ,EAAMA,OAACK,QAAQD;EAGZE,EAAeR,EAAM,QAACC,GAA4B;;;;;;;;UAQrDC,EAAMA,OAACK,QAAQD;eACVG,IAAA,IAACC,UAAEA,GAAWD,EAAA,OAC3BC,EAAYR,EAAMA,OAACC,QAAQQ,QAAU,aAAa;EAGvCC,EAAgBZ,EAAM,QAACa,GAAG;;;;;;EAQ1BC,EAAwBd,EAAM,QAACC,GAAG;;;;eAIhCC,EAAMA,OAACC,QAAQQ;;;;;;UAMpBT,EAAMA,OAACK,QAAQD;;EAIZS,EAAef,EAAM,QAACgB,IAAI;;UAE7Bd,EAAMA,OAACK,QAAQD;EAGZW,EAAqBjB,EAAM,QAACgB,IAA2B;;;;eAIrDE,IAAA,IAACC,QAAEA,GAASD,EAAA,OACzBC,EAAUjB,EAAAA,OAAOK,QAAQa,SAAWlB,EAAMA,OAACK,QAAQc,WAAW;;;EAKnDC,EAAatB,EAAM,QAACgB,IAAI;;UAE3Bd,EAAMA,OAACK,QAAQD;EAGZiB,EAAmBvB,EAAM,QAACgB,IAAI;;UAEjCd,EAAMA,OAACK,QAAQiB;;"}
1
+ {"version":3,"file":"editorDropdown.styles.js","sources":["../../../../src/editor/extensions/editorDropdown.styles.ts"],"sourcesContent":["import { BodyCaption } from '@src/index';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const DropdownContainer = styled.div`\n\tbackground: ${COLORS.surface.standard};\n\tborder-radius: 4px;\n\tbox-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n\tmin-width: 330px;\n\tmax-height: 260px;\n\toverflow-y: auto;\n\tfont-size: 14px;\n\tcolor: ${COLORS.content.primary};\n`;\n\nexport const DropdownItem = styled.div<{ $isActive?: boolean }>`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\tpadding: 8px;\n\tmin-height: 43px;\n\tcursor: pointer;\n\tcolor: ${COLORS.content.primary};\n\tbackground: ${({ $isActive }) =>\n\t\t$isActive ? COLORS.surface.hovered : 'transparent'};\n`;\n\nexport const MentionAvatar = styled.img`\n\twidth: 24px;\n\theight: 24px;\n\tborder-radius: 50%;\n\tobject-fit: cover;\n\tflex-shrink: 0;\n`;\n\nexport const MentionAvatarFallback = styled.div`\n\twidth: 24px;\n\theight: 24px;\n\tborder-radius: 50%;\n\tbackground: ${COLORS.surface.hovered};\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tfont-size: 12px;\n\tfont-weight: 600;\n\tcolor: ${COLORS.content.primary};\n\tflex-shrink: 0;\n`;\n\nexport const MentionLabel = styled.span`\n\tfont-weight: 500;\n\tcolor: ${COLORS.content.primary};\n`;\n\nexport const MentionPresenceDot = styled.span<{ $online?: boolean }>`\n\twidth: 8px;\n\theight: 8px;\n\tborder-radius: 50%;\n\tbackground: ${({ $online }) =>\n\t\t$online ? COLORS.content.positive : COLORS.content.placeholder};\n\tmargin-left: auto;\n\tflex-shrink: 0;\n`;\n\nexport const SlashLabel = styled(BodyCaption)`\n\tcolor: ${COLORS.content.primary};\n`;\n\nexport const SlashDescription = styled(BodyCaption)`\n\tcolor: ${COLORS.content.secondary};\n\tmargin-left: auto;\n`;\n"],"names":["DropdownContainer","styled","div","COLORS","surface","standard","content","primary","DropdownItem","_ref","$isActive","hovered","MentionAvatar","img","MentionAvatarFallback","MentionLabel","span","MentionPresenceDot","_ref2","$online","positive","placeholder","SlashLabel","BodyCaption","SlashDescription","secondary"],"mappings":"iRAIaA,MAAAA,EAAoBC,EAAM,QAACC,GAAG;eAC5BC,EAAMA,OAACC,QAAQC;;;;;;;UAOpBF,EAAMA,OAACG,QAAQC;EAGZC,EAAeP,EAAM,QAACC,GAA4B;;;;;;;UAOrDC,EAAMA,OAACG,QAAQC;eACVE,IAAA,IAACC,UAAEA,GAAWD,EAAA,OAC3BC,EAAYP,EAAMA,OAACC,QAAQO,QAAU,aAAa;EAGvCC,EAAgBX,EAAM,QAACY,GAAG;;;;;;EAQ1BC,EAAwBb,EAAM,QAACC,GAAG;;;;eAIhCC,EAAMA,OAACC,QAAQO;;;;;;UAMpBR,EAAMA,OAACG,QAAQC;;EAIZQ,EAAed,EAAM,QAACe,IAAI;;UAE7Bb,EAAMA,OAACG,QAAQC;EAGZU,EAAqBhB,EAAM,QAACe,IAA2B;;;;eAIrDE,IAAA,IAACC,QAAEA,GAASD,EAAA,OACzBC,EAAUhB,EAAAA,OAAOG,QAAQc,SAAWjB,EAAMA,OAACG,QAAQe,WAAW;;;EAKnDC,EAAarB,EAAAA,QAAOsB,EAAAA,YAAY;UACnCpB,EAAMA,OAACG,QAAQC;EAGZiB,EAAmBvB,EAAAA,QAAOsB,EAAAA,YAAY;UACzCpB,EAAMA,OAACG,QAAQmB;;"}
package/dist/cjs/src/components/bik-layout/MockMenus.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  export declare const Menus: ({
2
3
  displayName: string;
3
4
  key: number;
package/dist/cjs/src/editor/extensions/editorDropdown.styles.d.ts CHANGED
@@ -8,5 +8,11 @@ export declare const MentionLabel: import("styled-components").StyledComponent<"
8
8
  export declare const MentionPresenceDot: import("styled-components").StyledComponent<"span", any, {
9
9
  $online?: boolean | undefined;
10
10
  }, never>;
11
- export declare const SlashLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
12
- export declare const SlashDescription: import("styled-components").StyledComponent<"span", any, {}, never>;
11
+ export declare const SlashLabel: import("styled-components").StyledComponent<"div", any, {
12
+ numberOfLines?: number | undefined;
13
+ color?: string | undefined;
14
+ }, never>;
15
+ export declare const SlashDescription: import("styled-components").StyledComponent<"div", any, {
16
+ numberOfLines?: number | undefined;
17
+ color?: string | undefined;
18
+ }, never>;
package/dist/esm/editor/extensions/editorDropdown.styles.js CHANGED
@@ -1,58 +1,53 @@
1
- import r from"styled-components";import{COLORS as e}from"../../constants/Theme.js";const t=r.div`
2
- background: ${e.surface.standard};
3
- border: 1px solid ${e.stroke.primary};
4
- border-radius: 8px;
1
+ import r from"styled-components";import{COLORS as t}from"../../constants/Theme.js";import{BodyCaption as e}from"../../components/TypographyStyle.js";const o=r.div`
2
+ background: ${t.surface.standard};
3
+ border-radius: 4px;
5
4
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
6
- padding: 4px;
7
5
  min-width: 330px;
8
6
  max-height: 260px;
9
7
  overflow-y: auto;
10
8
  font-size: 14px;
11
- color: ${e.content.primary};
12
- `,o=r.div`
9
+ color: ${t.content.primary};
10
+ `,n=r.div`
13
11
  display: flex;
14
12
  align-items: center;
15
13
  gap: 8px;
16
- padding: 12px 16px;
14
+ padding: 8px;
17
15
  min-height: 43px;
18
- border-radius: 6px;
19
16
  cursor: pointer;
20
- color: ${e.content.primary};
21
- background: ${r=>{let{$isActive:t}=r;return t?e.surface.hovered:"transparent"}};
22
- `,n=r.img`
17
+ color: ${t.content.primary};
18
+ background: ${r=>{let{$isActive:e}=r;return e?t.surface.hovered:"transparent"}};
19
+ `,i=r.img`
23
20
  width: 24px;
24
21
  height: 24px;
25
22
  border-radius: 50%;
26
23
  object-fit: cover;
27
24
  flex-shrink: 0;
28
- `,i=r.div`
25
+ `,a=r.div`
29
26
  width: 24px;
30
27
  height: 24px;
31
28
  border-radius: 50%;
32
- background: ${e.surface.hovered};
29
+ background: ${t.surface.hovered};
33
30
  display: flex;
34
31
  align-items: center;
35
32
  justify-content: center;
36
33
  font-size: 12px;
37
34
  font-weight: 600;
38
- color: ${e.content.primary};
35
+ color: ${t.content.primary};
39
36
  flex-shrink: 0;
40
- `,a=r.span`
41
- font-weight: 500;
42
- color: ${e.content.primary};
43
37
  `,p=r.span`
38
+ font-weight: 500;
39
+ color: ${t.content.primary};
40
+ `,c=r.span`
44
41
  width: 8px;
45
42
  height: 8px;
46
43
  border-radius: 50%;
47
- background: ${r=>{let{$online:t}=r;return t?e.content.positive:e.content.placeholder}};
44
+ background: ${r=>{let{$online:e}=r;return e?t.content.positive:t.content.placeholder}};
48
45
  margin-left: auto;
49
46
  flex-shrink: 0;
50
- `,s=r.span`
51
- font-weight: 500;
52
- color: ${e.content.primary};
53
- `,d=r.span`
54
- font-size: 12px;
55
- color: ${e.content.secondary};
47
+ `,s=r(e)`
48
+ color: ${t.content.primary};
49
+ `,d=r(e)`
50
+ color: ${t.content.secondary};
56
51
  margin-left: auto;
57
- `;export{t as DropdownContainer,o as DropdownItem,n as MentionAvatar,i as MentionAvatarFallback,a as MentionLabel,p as MentionPresenceDot,d as SlashDescription,s as SlashLabel};
52
+ `;export{o as DropdownContainer,n as DropdownItem,i as MentionAvatar,a as MentionAvatarFallback,p as MentionLabel,c as MentionPresenceDot,d as SlashDescription,s as SlashLabel};
58
53
  //# sourceMappingURL=editorDropdown.styles.js.map
package/dist/esm/editor/extensions/editorDropdown.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"editorDropdown.styles.js","sources":["../../../../src/editor/extensions/editorDropdown.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const DropdownContainer = styled.div`\n\tbackground: ${COLORS.surface.standard};\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 8px;\n\tbox-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n\tpadding: 4px;\n\tmin-width: 330px;\n\tmax-height: 260px;\n\toverflow-y: auto;\n\tfont-size: 14px;\n\tcolor: ${COLORS.content.primary};\n`;\n\nexport const DropdownItem = styled.div<{ $isActive?: boolean }>`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\tpadding: 12px 16px;\n\tmin-height: 43px;\n\tborder-radius: 6px;\n\tcursor: pointer;\n\tcolor: ${COLORS.content.primary};\n\tbackground: ${({ $isActive }) =>\n\t\t$isActive ? COLORS.surface.hovered : 'transparent'};\n`;\n\nexport const MentionAvatar = styled.img`\n\twidth: 24px;\n\theight: 24px;\n\tborder-radius: 50%;\n\tobject-fit: cover;\n\tflex-shrink: 0;\n`;\n\nexport const MentionAvatarFallback = styled.div`\n\twidth: 24px;\n\theight: 24px;\n\tborder-radius: 50%;\n\tbackground: ${COLORS.surface.hovered};\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tfont-size: 12px;\n\tfont-weight: 600;\n\tcolor: ${COLORS.content.primary};\n\tflex-shrink: 0;\n`;\n\nexport const MentionLabel = styled.span`\n\tfont-weight: 500;\n\tcolor: ${COLORS.content.primary};\n`;\n\nexport const MentionPresenceDot = styled.span<{ $online?: boolean }>`\n\twidth: 8px;\n\theight: 8px;\n\tborder-radius: 50%;\n\tbackground: ${({ $online }) =>\n\t\t$online ? COLORS.content.positive : COLORS.content.placeholder};\n\tmargin-left: auto;\n\tflex-shrink: 0;\n`;\n\nexport const SlashLabel = styled.span`\n\tfont-weight: 500;\n\tcolor: ${COLORS.content.primary};\n`;\n\nexport const SlashDescription = styled.span`\n\tfont-size: 12px;\n\tcolor: ${COLORS.content.secondary};\n\tmargin-left: auto;\n`;\n"],"names":["DropdownContainer","styled","div","COLORS","surface","standard","stroke","primary","content","DropdownItem","_ref","$isActive","hovered","MentionAvatar","img","MentionAvatarFallback","MentionLabel","span","MentionPresenceDot","_ref2","$online","positive","placeholder","SlashLabel","SlashDescription","secondary"],"mappings":"mFAGaA,MAAAA,EAAoBC,EAAOC,GAAG;eAC5BC,EAAOC,QAAQC;qBACTF,EAAOG,OAAOC;;;;;;;;UAQzBJ,EAAOK,QAAQD;EAGZE,EAAeR,EAAOC,GAA4B;;;;;;;;UAQrDC,EAAOK,QAAQD;eACVG,IAAA,IAACC,UAAEA,GAAWD,EAAA,OAC3BC,EAAYR,EAAOC,QAAQQ,QAAU,aAAa;EAGvCC,EAAgBZ,EAAOa,GAAG;;;;;;EAQ1BC,EAAwBd,EAAOC,GAAG;;;;eAIhCC,EAAOC,QAAQQ;;;;;;UAMpBT,EAAOK,QAAQD;;EAIZS,EAAef,EAAOgB,IAAI;;UAE7Bd,EAAOK,QAAQD;EAGZW,EAAqBjB,EAAOgB,IAA2B;;;;eAIrDE,IAAA,IAACC,QAAEA,GAASD,EAAA,OACzBC,EAAUjB,EAAOK,QAAQa,SAAWlB,EAAOK,QAAQc,WAAW;;;EAKnDC,EAAatB,EAAOgB,IAAI;;UAE3Bd,EAAOK,QAAQD;EAGZiB,EAAmBvB,EAAOgB,IAAI;;UAEjCd,EAAOK,QAAQiB;;"}
1
+ {"version":3,"file":"editorDropdown.styles.js","sources":["../../../../src/editor/extensions/editorDropdown.styles.ts"],"sourcesContent":["import { BodyCaption } from '@src/index';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const DropdownContainer = styled.div`\n\tbackground: ${COLORS.surface.standard};\n\tborder-radius: 4px;\n\tbox-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n\tmin-width: 330px;\n\tmax-height: 260px;\n\toverflow-y: auto;\n\tfont-size: 14px;\n\tcolor: ${COLORS.content.primary};\n`;\n\nexport const DropdownItem = styled.div<{ $isActive?: boolean }>`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\tpadding: 8px;\n\tmin-height: 43px;\n\tcursor: pointer;\n\tcolor: ${COLORS.content.primary};\n\tbackground: ${({ $isActive }) =>\n\t\t$isActive ? COLORS.surface.hovered : 'transparent'};\n`;\n\nexport const MentionAvatar = styled.img`\n\twidth: 24px;\n\theight: 24px;\n\tborder-radius: 50%;\n\tobject-fit: cover;\n\tflex-shrink: 0;\n`;\n\nexport const MentionAvatarFallback = styled.div`\n\twidth: 24px;\n\theight: 24px;\n\tborder-radius: 50%;\n\tbackground: ${COLORS.surface.hovered};\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tfont-size: 12px;\n\tfont-weight: 600;\n\tcolor: ${COLORS.content.primary};\n\tflex-shrink: 0;\n`;\n\nexport const MentionLabel = styled.span`\n\tfont-weight: 500;\n\tcolor: ${COLORS.content.primary};\n`;\n\nexport const MentionPresenceDot = styled.span<{ $online?: boolean }>`\n\twidth: 8px;\n\theight: 8px;\n\tborder-radius: 50%;\n\tbackground: ${({ $online }) =>\n\t\t$online ? COLORS.content.positive : COLORS.content.placeholder};\n\tmargin-left: auto;\n\tflex-shrink: 0;\n`;\n\nexport const SlashLabel = styled(BodyCaption)`\n\tcolor: ${COLORS.content.primary};\n`;\n\nexport const SlashDescription = styled(BodyCaption)`\n\tcolor: ${COLORS.content.secondary};\n\tmargin-left: auto;\n`;\n"],"names":["DropdownContainer","styled","div","COLORS","surface","standard","content","primary","DropdownItem","_ref","$isActive","hovered","MentionAvatar","img","MentionAvatarFallback","MentionLabel","span","MentionPresenceDot","_ref2","$online","positive","placeholder","SlashLabel","BodyCaption","SlashDescription","secondary"],"mappings":"qJAIaA,MAAAA,EAAoBC,EAAOC,GAAG;eAC5BC,EAAOC,QAAQC;;;;;;;UAOpBF,EAAOG,QAAQC;EAGZC,EAAeP,EAAOC,GAA4B;;;;;;;UAOrDC,EAAOG,QAAQC;eACVE,IAAA,IAACC,UAAEA,GAAWD,EAAA,OAC3BC,EAAYP,EAAOC,QAAQO,QAAU,aAAa;EAGvCC,EAAgBX,EAAOY,GAAG;;;;;;EAQ1BC,EAAwBb,EAAOC,GAAG;;;;eAIhCC,EAAOC,QAAQO;;;;;;UAMpBR,EAAOG,QAAQC;;EAIZQ,EAAed,EAAOe,IAAI;;UAE7Bb,EAAOG,QAAQC;EAGZU,EAAqBhB,EAAOe,IAA2B;;;;eAIrDE,IAAA,IAACC,QAAEA,GAASD,EAAA,OACzBC,EAAUhB,EAAOG,QAAQc,SAAWjB,EAAOG,QAAQe,WAAW;;;EAKnDC,EAAarB,EAAOsB,EAAY;UACnCpB,EAAOG,QAAQC;EAGZiB,EAAmBvB,EAAOsB,EAAY;UACzCpB,EAAOG,QAAQmB;;"}
package/dist/esm/src/components/bik-layout/MockMenus.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  export declare const Menus: ({
2
3
  displayName: string;
3
4
  key: number;
package/dist/esm/src/editor/extensions/editorDropdown.styles.d.ts CHANGED
@@ -8,5 +8,11 @@ export declare const MentionLabel: import("styled-components").StyledComponent<"
8
8
  export declare const MentionPresenceDot: import("styled-components").StyledComponent<"span", any, {
9
9
  $online?: boolean | undefined;
10
10
  }, never>;
11
- export declare const SlashLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
12
- export declare const SlashDescription: import("styled-components").StyledComponent<"span", any, {}, never>;
11
+ export declare const SlashLabel: import("styled-components").StyledComponent<"div", any, {
12
+ numberOfLines?: number | undefined;
13
+ color?: string | undefined;
14
+ }, never>;
15
+ export declare const SlashDescription: import("styled-components").StyledComponent<"div", any, {
16
+ numberOfLines?: number | undefined;
17
+ color?: string | undefined;
18
+ }, never>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bikdotai/bik-component-library",
3
- "version": "0.0.814-1",
3
+ "version": "0.0.814-3",
4
4
  "description": "Bik Component Library",
5
5
  "repository": {
6
6
  "type": "git",