@bikdotai/bik-component-library 0.0.814-1 → 0.0.814-2
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 +5 -8
- package/dist/cjs/editor/extensions/editorDropdown.styles.js.map +1 -1
- package/dist/cjs/src/components/bik-layout/MockMenus.d.ts +1 -0
- package/dist/esm/editor/extensions/editorDropdown.styles.js +13 -16
- package/dist/esm/editor/extensions/editorDropdown.styles.js.map +1 -1
- package/dist/esm/src/components/bik-layout/MockMenus.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1,9 +1,7 @@
|
|
|
1
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`
|
|
2
2
|
background: ${t.COLORS.surface.standard};
|
|
3
|
-
border:
|
|
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;
|
|
@@ -13,9 +11,8 @@
|
|
|
13
11
|
display: flex;
|
|
14
12
|
align-items: center;
|
|
15
13
|
gap: 8px;
|
|
16
|
-
padding:
|
|
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"}};
|
|
@@ -25,7 +22,7 @@
|
|
|
25
22
|
border-radius: 50%;
|
|
26
23
|
object-fit: cover;
|
|
27
24
|
flex-shrink: 0;
|
|
28
|
-
`,
|
|
25
|
+
`,s=o.default.div`
|
|
29
26
|
width: 24px;
|
|
30
27
|
height: 24px;
|
|
31
28
|
border-radius: 50%;
|
|
@@ -37,7 +34,7 @@
|
|
|
37
34
|
font-weight: 600;
|
|
38
35
|
color: ${t.COLORS.content.primary};
|
|
39
36
|
flex-shrink: 0;
|
|
40
|
-
`,
|
|
37
|
+
`,p=o.default.span`
|
|
41
38
|
font-weight: 500;
|
|
42
39
|
color: ${t.COLORS.content.primary};
|
|
43
40
|
`,d=o.default.span`
|
|
@@ -54,5 +51,5 @@
|
|
|
54
51
|
font-size: 12px;
|
|
55
52
|
color: ${t.COLORS.content.secondary};
|
|
56
53
|
margin-left: auto;
|
|
57
|
-
`;exports.DropdownContainer=n,exports.DropdownItem=a,exports.MentionAvatar=i,exports.MentionAvatarFallback=
|
|
54
|
+
`;exports.DropdownContainer=n,exports.DropdownItem=a,exports.MentionAvatar=i,exports.MentionAvatarFallback=s,exports.MentionLabel=p,exports.MentionPresenceDot=d,exports.SlashDescription=c,exports.SlashLabel=l;
|
|
58
55
|
//# 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
|
|
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.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","content","primary","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;;;;;;;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,EAAM,QAACe,IAAI;;UAE3Bb,EAAMA,OAACG,QAAQC;EAGZgB,EAAmBtB,EAAM,QAACe,IAAI;;UAEjCb,EAAMA,OAACG,QAAQkB;;"}
|
|
@@ -1,31 +1,28 @@
|
|
|
1
|
-
import
|
|
1
|
+
import t from"styled-components";import{COLORS as e}from"../../constants/Theme.js";const r=t.div`
|
|
2
2
|
background: ${e.surface.standard};
|
|
3
|
-
border:
|
|
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: ${e.content.primary};
|
|
12
|
-
`,o=
|
|
10
|
+
`,o=t.div`
|
|
13
11
|
display: flex;
|
|
14
12
|
align-items: center;
|
|
15
13
|
gap: 8px;
|
|
16
|
-
padding:
|
|
14
|
+
padding: 8px;
|
|
17
15
|
min-height: 43px;
|
|
18
|
-
border-radius: 6px;
|
|
19
16
|
cursor: pointer;
|
|
20
17
|
color: ${e.content.primary};
|
|
21
|
-
background: ${
|
|
22
|
-
`,n=
|
|
18
|
+
background: ${t=>{let{$isActive:r}=t;return r?e.surface.hovered:"transparent"}};
|
|
19
|
+
`,n=t.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=
|
|
25
|
+
`,i=t.div`
|
|
29
26
|
width: 24px;
|
|
30
27
|
height: 24px;
|
|
31
28
|
border-radius: 50%;
|
|
@@ -37,22 +34,22 @@ import r from"styled-components";import{COLORS as e}from"../../constants/Theme.j
|
|
|
37
34
|
font-weight: 600;
|
|
38
35
|
color: ${e.content.primary};
|
|
39
36
|
flex-shrink: 0;
|
|
40
|
-
`,a=
|
|
37
|
+
`,a=t.span`
|
|
41
38
|
font-weight: 500;
|
|
42
39
|
color: ${e.content.primary};
|
|
43
|
-
`,p=
|
|
40
|
+
`,p=t.span`
|
|
44
41
|
width: 8px;
|
|
45
42
|
height: 8px;
|
|
46
43
|
border-radius: 50%;
|
|
47
|
-
background: ${
|
|
44
|
+
background: ${t=>{let{$online:r}=t;return r?e.content.positive:e.content.placeholder}};
|
|
48
45
|
margin-left: auto;
|
|
49
46
|
flex-shrink: 0;
|
|
50
|
-
`,s=
|
|
47
|
+
`,s=t.span`
|
|
51
48
|
font-weight: 500;
|
|
52
49
|
color: ${e.content.primary};
|
|
53
|
-
`,
|
|
50
|
+
`,c=t.span`
|
|
54
51
|
font-size: 12px;
|
|
55
52
|
color: ${e.content.secondary};
|
|
56
53
|
margin-left: auto;
|
|
57
|
-
`;export{
|
|
54
|
+
`;export{r as DropdownContainer,o as DropdownItem,n as MentionAvatar,i as MentionAvatarFallback,a as MentionLabel,p as MentionPresenceDot,c as SlashDescription,s as SlashLabel};
|
|
58
55
|
//# 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
|
|
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.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","content","primary","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;;;;;;;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,EAAOe,IAAI;;UAE3Bb,EAAOG,QAAQC;EAGZgB,EAAmBtB,EAAOe,IAAI;;UAEjCb,EAAOG,QAAQkB;;"}
|