@bikdotai/bik-component-library 0.0.639--beta0.6 → 0.0.639--beta0.7
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/components/dropdown/MenuItem/MenuItem.d.ts +1 -0
- package/dist/cjs/components/dropdown/MenuItem/MenuItem.js +17 -2
- package/dist/cjs/components/template-context-mapper/styles/TemplateAnalyticsStyles.js +3 -3
- package/dist/esm/components/dropdown/MenuItem/MenuItem.d.ts +1 -0
- package/dist/esm/components/dropdown/MenuItem/MenuItem.js +18 -3
- package/dist/esm/components/template-context-mapper/styles/TemplateAnalyticsStyles.js +3 -3
- package/package.json +1 -1
|
@@ -1,5 +1,20 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../assets/icons/horizontal_dots.svg.js"),o=require("../../../assets/icons/vertical_dots.svg.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../assets/icons/horizontal_dots.svg.js"),o=require("../../../assets/icons/vertical_dots.svg.js"),t=require("styled-components"),n=require("../DropdownPopover/index.js");require("../Dropdown.js"),require("../ChipDropdown.js"),require("react"),require("../../zeroState/ZeroState.js"),require("../../TypographyStyle.js");var s=require("../../../constants/Theme.js");require("../OpenedDropdown/components/description/Description.styled.js"),require("../../checkBox/CheckBox.styled.js"),require("../../list-item/ListItem.js"),require("../OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../OpenedDropdown/components/menu/MenuItem.js"),require("../OpenedDropdown/components/menu/MenuList.styled.js"),require("../../button/Button.js"),require("../OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../OpenedDropdown/components/OpennedDropdown.styled.js");var i=require("../../icon-button/IconButton.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../input/Input.js");const u=d(t).default.div`
|
|
2
2
|
:hover {
|
|
3
3
|
background: ${s.COLORS.surface.subdued};
|
|
4
4
|
}
|
|
5
|
-
|
|
5
|
+
position: ${e=>e.isNewTag?"":"relative"};
|
|
6
|
+
.new--tag {
|
|
7
|
+
box-sizing: border-box;
|
|
8
|
+
position: absolute;
|
|
9
|
+
right: -8px;
|
|
10
|
+
top: -5px;
|
|
11
|
+
border-radius: 50%;
|
|
12
|
+
width: 14px;
|
|
13
|
+
height: 14px;
|
|
14
|
+
background: ${s.COLORS.background.negative.vibrant};
|
|
15
|
+
border: 1.25px solid ${s.COLORS.surface.standard};
|
|
16
|
+
display: flex;
|
|
17
|
+
justify-content: center;
|
|
18
|
+
align-items: center;
|
|
19
|
+
}
|
|
20
|
+
`,p=t=>e.jsx(u,Object.assign({isNewTag:t.isNewTag},{children:e.jsxs(n.DropdownPopover,Object.assign({},t,{children:[e.jsx("div",{children:e.jsx(i.IconButton,{Icon:t.isHorizontal?r.default:o.default,bordered:!(null==t?void 0:t.hideBorder)})}),t.isNewTag?e.jsx("div",{className:"new--tag"}):null]}))}));p.displayName="MenuItemDropdown",exports.MenuItemDropdown=p;
|
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../TypographyStyle.js"),t=require("../../../constants/Theme.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(require("styled-components"));const r=n.default.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
padding: 16px 0px;
|
|
4
|
-
.align--center {
|
|
5
|
-
align-items: center;
|
|
6
|
-
}
|
|
7
4
|
`,a=n.default.div`
|
|
8
5
|
max-width: 450px;
|
|
9
6
|
height: 456px;
|
|
@@ -31,6 +28,9 @@
|
|
|
31
28
|
justify-content: center;
|
|
32
29
|
border-radius: 4px;
|
|
33
30
|
}
|
|
31
|
+
.align--center {
|
|
32
|
+
align-items: center;
|
|
33
|
+
}
|
|
34
34
|
`,o=n.default.div`
|
|
35
35
|
padding: 0px 23px 32px 23px;
|
|
36
36
|
flex: 1;
|
|
@@ -1,5 +1,20 @@
|
|
|
1
|
-
import{jsx as o}from"react/jsx-runtime";import t from"../../../assets/icons/horizontal_dots.svg.js";import
|
|
1
|
+
import{jsx as o,jsxs as e}from"react/jsx-runtime";import t from"../../../assets/icons/horizontal_dots.svg.js";import n from"../../../assets/icons/vertical_dots.svg.js";import r from"styled-components";import{DropdownPopover as s}from"../DropdownPopover/index.js";import"../Dropdown.js";import"../ChipDropdown.js";import"react";import"../../zeroState/ZeroState.js";import"../../TypographyStyle.js";import{COLORS as i}from"../../../constants/Theme.js";import"../OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../OpenedDropdown/components/menu/MenuItem.js";import"../OpenedDropdown/components/menu/MenuList.styled.js";import"../../button/Button.js";import"../OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../OpenedDropdown/components/OpennedDropdown.styled.js";import{IconButton as p}from"../../icon-button/IconButton.js";import"../../input/Input.js";const d=r.div`
|
|
2
2
|
:hover {
|
|
3
|
-
background: ${
|
|
3
|
+
background: ${i.surface.subdued};
|
|
4
4
|
}
|
|
5
|
-
|
|
5
|
+
position: ${o=>o.isNewTag?"":"relative"};
|
|
6
|
+
.new--tag {
|
|
7
|
+
box-sizing: border-box;
|
|
8
|
+
position: absolute;
|
|
9
|
+
right: -8px;
|
|
10
|
+
top: -5px;
|
|
11
|
+
border-radius: 50%;
|
|
12
|
+
width: 14px;
|
|
13
|
+
height: 14px;
|
|
14
|
+
background: ${i.background.negative.vibrant};
|
|
15
|
+
border: 1.25px solid ${i.surface.standard};
|
|
16
|
+
display: flex;
|
|
17
|
+
justify-content: center;
|
|
18
|
+
align-items: center;
|
|
19
|
+
}
|
|
20
|
+
`,m=r=>o(d,Object.assign({isNewTag:r.isNewTag},{children:e(s,Object.assign({},r,{children:[o("div",{children:o(p,{Icon:r.isHorizontal?t:n,bordered:!(null==r?void 0:r.hideBorder)})}),r.isNewTag?o("div",{className:"new--tag"}):null]}))}));m.displayName="MenuItemDropdown";export{m as MenuItemDropdown};
|
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
import{TitleMedium as e}from"../../TypographyStyle.js";import{COLORS as i}from"../../../constants/Theme.js";import t from"styled-components";const n=t.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
padding: 16px 0px;
|
|
4
|
-
.align--center {
|
|
5
|
-
align-items: center;
|
|
6
|
-
}
|
|
7
4
|
`,r=t.div`
|
|
8
5
|
max-width: 450px;
|
|
9
6
|
height: 456px;
|
|
@@ -31,6 +28,9 @@ import{TitleMedium as e}from"../../TypographyStyle.js";import{COLORS as i}from".
|
|
|
31
28
|
justify-content: center;
|
|
32
29
|
border-radius: 4px;
|
|
33
30
|
}
|
|
31
|
+
.align--center {
|
|
32
|
+
align-items: center;
|
|
33
|
+
}
|
|
34
34
|
`,o=t.div`
|
|
35
35
|
padding: 0px 23px 32px 23px;
|
|
36
36
|
flex: 1;
|