@bikdotai/bik-component-library 0.0.814-2 → 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.
- package/dist/cjs/editor/extensions/editorDropdown.styles.js +9 -11
- package/dist/cjs/editor/extensions/editorDropdown.styles.js.map +1 -1
- package/dist/cjs/src/editor/extensions/editorDropdown.styles.d.ts +8 -2
- package/dist/esm/editor/extensions/editorDropdown.styles.js +19 -21
- package/dist/esm/editor/extensions/editorDropdown.styles.js.map +1 -1
- package/dist/esm/src/editor/extensions/editorDropdown.styles.d.ts +8 -2
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function
|
|
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
3
|
border-radius: 4px;
|
|
4
4
|
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
overflow-y: auto;
|
|
8
8
|
font-size: 14px;
|
|
9
9
|
color: ${t.COLORS.content.primary};
|
|
10
|
-
`,
|
|
10
|
+
`,i=n.default.div`
|
|
11
11
|
display: flex;
|
|
12
12
|
align-items: center;
|
|
13
13
|
gap: 8px;
|
|
@@ -16,13 +16,13 @@
|
|
|
16
16
|
cursor: pointer;
|
|
17
17
|
color: ${t.COLORS.content.primary};
|
|
18
18
|
background: ${e=>{let{$isActive:r}=e;return r?t.COLORS.surface.hovered:"transparent"}};
|
|
19
|
-
`,
|
|
19
|
+
`,p=n.default.img`
|
|
20
20
|
width: 24px;
|
|
21
21
|
height: 24px;
|
|
22
22
|
border-radius: 50%;
|
|
23
23
|
object-fit: cover;
|
|
24
24
|
flex-shrink: 0;
|
|
25
|
-
`,s=
|
|
25
|
+
`,s=n.default.div`
|
|
26
26
|
width: 24px;
|
|
27
27
|
height: 24px;
|
|
28
28
|
border-radius: 50%;
|
|
@@ -34,22 +34,20 @@
|
|
|
34
34
|
font-weight: 600;
|
|
35
35
|
color: ${t.COLORS.content.primary};
|
|
36
36
|
flex-shrink: 0;
|
|
37
|
-
`,
|
|
37
|
+
`,d=n.default.span`
|
|
38
38
|
font-weight: 500;
|
|
39
39
|
color: ${t.COLORS.content.primary};
|
|
40
|
-
`,
|
|
40
|
+
`,l=n.default.span`
|
|
41
41
|
width: 8px;
|
|
42
42
|
height: 8px;
|
|
43
43
|
border-radius: 50%;
|
|
44
44
|
background: ${e=>{let{$online:r}=e;return r?t.COLORS.content.positive:t.COLORS.content.placeholder}};
|
|
45
45
|
margin-left: auto;
|
|
46
46
|
flex-shrink: 0;
|
|
47
|
-
`,
|
|
48
|
-
font-weight: 500;
|
|
47
|
+
`,c=n.default(r.BodyCaption)`
|
|
49
48
|
color: ${t.COLORS.content.primary};
|
|
50
|
-
`,
|
|
51
|
-
font-size: 12px;
|
|
49
|
+
`,u=n.default(r.BodyCaption)`
|
|
52
50
|
color: ${t.COLORS.content.secondary};
|
|
53
51
|
margin-left: auto;
|
|
54
|
-
`;exports.DropdownContainer=
|
|
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;
|
|
55
53
|
//# sourceMappingURL=editorDropdown.styles.js.map
|
|
@@ -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-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
|
|
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;;"}
|
|
@@ -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<"
|
|
12
|
-
|
|
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>;
|
|
@@ -1,55 +1,53 @@
|
|
|
1
|
-
import
|
|
2
|
-
background: ${
|
|
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
3
|
border-radius: 4px;
|
|
4
4
|
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
|
|
5
5
|
min-width: 330px;
|
|
6
6
|
max-height: 260px;
|
|
7
7
|
overflow-y: auto;
|
|
8
8
|
font-size: 14px;
|
|
9
|
-
color: ${
|
|
10
|
-
`,
|
|
9
|
+
color: ${t.content.primary};
|
|
10
|
+
`,n=r.div`
|
|
11
11
|
display: flex;
|
|
12
12
|
align-items: center;
|
|
13
13
|
gap: 8px;
|
|
14
14
|
padding: 8px;
|
|
15
15
|
min-height: 43px;
|
|
16
16
|
cursor: pointer;
|
|
17
|
-
color: ${
|
|
18
|
-
background: ${
|
|
19
|
-
`,
|
|
17
|
+
color: ${t.content.primary};
|
|
18
|
+
background: ${r=>{let{$isActive:e}=r;return e?t.surface.hovered:"transparent"}};
|
|
19
|
+
`,i=r.img`
|
|
20
20
|
width: 24px;
|
|
21
21
|
height: 24px;
|
|
22
22
|
border-radius: 50%;
|
|
23
23
|
object-fit: cover;
|
|
24
24
|
flex-shrink: 0;
|
|
25
|
-
`,
|
|
25
|
+
`,a=r.div`
|
|
26
26
|
width: 24px;
|
|
27
27
|
height: 24px;
|
|
28
28
|
border-radius: 50%;
|
|
29
|
-
background: ${
|
|
29
|
+
background: ${t.surface.hovered};
|
|
30
30
|
display: flex;
|
|
31
31
|
align-items: center;
|
|
32
32
|
justify-content: center;
|
|
33
33
|
font-size: 12px;
|
|
34
34
|
font-weight: 600;
|
|
35
|
-
color: ${
|
|
35
|
+
color: ${t.content.primary};
|
|
36
36
|
flex-shrink: 0;
|
|
37
|
-
`,
|
|
37
|
+
`,p=r.span`
|
|
38
38
|
font-weight: 500;
|
|
39
|
-
color: ${
|
|
40
|
-
`,
|
|
39
|
+
color: ${t.content.primary};
|
|
40
|
+
`,c=r.span`
|
|
41
41
|
width: 8px;
|
|
42
42
|
height: 8px;
|
|
43
43
|
border-radius: 50%;
|
|
44
|
-
background: ${
|
|
44
|
+
background: ${r=>{let{$online:e}=r;return e?t.content.positive:t.content.placeholder}};
|
|
45
45
|
margin-left: auto;
|
|
46
46
|
flex-shrink: 0;
|
|
47
|
-
`,s=
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
font-size: 12px;
|
|
52
|
-
color: ${e.content.secondary};
|
|
47
|
+
`,s=r(e)`
|
|
48
|
+
color: ${t.content.primary};
|
|
49
|
+
`,d=r(e)`
|
|
50
|
+
color: ${t.content.secondary};
|
|
53
51
|
margin-left: auto;
|
|
54
|
-
`;export{
|
|
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};
|
|
55
53
|
//# sourceMappingURL=editorDropdown.styles.js.map
|
|
@@ -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-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
|
|
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;;"}
|
|
@@ -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<"
|
|
12
|
-
|
|
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>;
|