@bikdotai/bik-component-library 0.0.6-beta.2 → 0.0.6-beta.4
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/fab-menu/FABMenu.d.ts +1 -1
- package/dist/cjs/components/fab-menu/FABMenu.js +1 -1
- package/dist/cjs/components/floating-action-button/FloatingActionButton.styles.js +5 -5
- package/dist/cjs/components/floating-action-button/index.d.ts +1 -0
- package/dist/cjs/components/stepper/WorkingStepper.d.ts +1 -0
- package/dist/cjs/index.d.ts +1 -0
- package/dist/cjs/index.js +1 -1
- package/dist/esm/components/fab-menu/FABMenu.d.ts +1 -1
- package/dist/esm/components/fab-menu/FABMenu.js +1 -1
- package/dist/esm/components/floating-action-button/FloatingActionButton.styles.js +2 -2
- package/dist/esm/components/floating-action-button/index.d.ts +1 -0
- package/dist/esm/components/stepper/WorkingStepper.d.ts +1 -0
- package/dist/esm/index.d.ts +1 -0
- package/dist/esm/index.js +1 -1
- package/package.json +1 -1
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { FAB_POSITION } from '../floating-action-button/FloatingActionButton.styles';
|
|
3
3
|
import { DropdownOption } from '../opennedDropdown/type';
|
|
4
4
|
export declare const FABMenu: React.FC<{
|
|
5
|
-
onSelect: () => void;
|
|
5
|
+
onSelect: (selected: any) => void;
|
|
6
6
|
menuOptions: DropdownOption[];
|
|
7
7
|
buttonWidth?: number;
|
|
8
8
|
buttonHeight?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),n=require("../floating-action-button/FloatingActionButton.js")
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),n=require("../floating-action-button/FloatingActionButton.js");require("../floating-action-button/FloatingActionButton.styles.js");var o=require("../opennedDropdown/components/OpennedDropdown.js");exports.FABMenu=e=>{const{onSelect:i,menuOptions:r,buttonWidth:u,buttonHeight:s,buttonColor:d,buttonPosition:c,menuWidth:a,menuHeight:l,buttonIcon:p,buttonPadding:g}=e;return t.jsx("div",{children:t.jsx(n.FloatingActionButton,Object.assign({icon:p,width:u,height:s,color:d,position:c,buttonPadding:g},{children:t.jsx(o.OpennedDropdown,{options:r,height:l||90,width:a,onSelect:i})}))})};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react-bootstrap"),o=require("styled-components"),e=require("../../constants/Theme.js");function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var i
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react-bootstrap"),o=require("styled-components"),e=require("../../constants/Theme.js");function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var n,i=r(o);exports.FAB_POSITION=void 0,(n=exports.FAB_POSITION||(exports.FAB_POSITION={})).TOP_LEFT="top left",n.TOP_RIGHT="top right",n.BOTTOM_LEFT="bottom left",n.BOTTOM_RIGHT="botton right";const d=i.default.div`
|
|
2
2
|
width: ${t=>t.width}px;
|
|
3
3
|
height: ${t=>t.height}px;
|
|
4
4
|
background: ${t=>t.color};
|
|
@@ -7,13 +7,13 @@
|
|
|
7
7
|
align-items: center;
|
|
8
8
|
cursor: pointer;
|
|
9
9
|
display: flex;
|
|
10
|
-
`,p=
|
|
10
|
+
`,p=i.default.div`
|
|
11
11
|
display: flex;
|
|
12
12
|
flex-direction: column;
|
|
13
13
|
align-items: flex-end;
|
|
14
14
|
position: absolute;
|
|
15
15
|
${t=>t.position===exports.FAB_POSITION.BOTTOM_RIGHT?`right: ${t.buttonPadding}px; bottom: ${t.buttonPadding}px`:t.position===exports.FAB_POSITION.BOTTOM_LEFT?`left: ${t.buttonPadding}px; bottom: ${t.buttonPadding}px`:t.position===exports.FAB_POSITION.TOP_LEFT?`left: ${t.buttonPadding}px; top: ${t.buttonPadding}px`:t.position===exports.FAB_POSITION.TOP_RIGHT?`right: ${t.buttonPadding}px; top: ${t.buttonPadding}px`:""}
|
|
16
|
-
`,a=
|
|
16
|
+
`,a=i.default(t.Dropdown)`
|
|
17
17
|
.filter-container {
|
|
18
18
|
.single-row {
|
|
19
19
|
display: flex;
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
text-decoration: none;
|
|
71
71
|
background-color: ${e.COLORS.background.positive.light};
|
|
72
72
|
}
|
|
73
|
-
|
|
73
|
+
`,s=i.default(t.Dropdown.Toggle)`
|
|
74
74
|
border-radius: 4px;
|
|
75
75
|
display: flex;
|
|
76
76
|
flex-direction: row;
|
|
@@ -80,4 +80,4 @@
|
|
|
80
80
|
font-weight: 400;
|
|
81
81
|
font-size: 14px;
|
|
82
82
|
line-height: 20px;
|
|
83
|
-
|
|
83
|
+
`;exports.DropdownToggleContainer=s,exports.FloatingActionButtonContainer=d,exports.FloatingActionButtonOuterContainer=p,exports.StyledDropdown=a;
|
package/dist/cjs/index.d.ts
CHANGED
package/dist/cjs/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("./constants/Theme.js"),o=require("./components/checkBox/CheckBox.js"),e=require("./components/list-item/ListItem.js"),n=require("./components/pagination/Pagination.js"),r=require("./components/radioButton/RadioButton.js"),i=require("./components/toaster/Toaster.js"),s=require("./components/tooltips/Tooltip.js"),p=require("./components/spinner/Spinner.js"),u=require("./components/stepper/Stepper.js"),a=require("./components/tag/Tag.js"),c=require("./components/icon-button/IconButton.js"),x=require("./components/fab-menu/FABMenu.js"),B=require("./components/floating-action-button/FloatingActionButton.js"),g=require("./components/floating-action-button/FloatingActionButton.styles.js");exports.BASE_COLORS=t.BASE_COLORS,exports.COLORS=t.COLORS,exports.DEFAULT_THEME=t.DEFAULT_THEME,exports.FONTS=t.FONTS,exports.CheckBox=o.CheckBox,exports.ListItem=e.ListItem,exports.Pagination=n.Pagination,exports.RadioButton=r.RadioButton,exports.Toaster=i.Toaster,exports.Tooltip=s.Tooltip,exports.Spinner=p.Spinner,exports.Stepper=u.Stepper,exports.Tag=a.Tag,exports.IconButton=c.IconButton,exports.FABMenu=x.FABMenu,exports.FloatingActionButton=B.FloatingActionButton,exports.DropdownToggleContainer=g.DropdownToggleContainer,Object.defineProperty(exports,"FAB_POSITION",{enumerable:!0,get:function(){return g.FAB_POSITION}}),exports.FloatingActionButtonContainer=g.FloatingActionButtonContainer,exports.FloatingActionButtonOuterContainer=g.FloatingActionButtonOuterContainer,exports.StyledDropdown=g.StyledDropdown;
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { FAB_POSITION } from '../floating-action-button/FloatingActionButton.styles';
|
|
3
3
|
import { DropdownOption } from '../opennedDropdown/type';
|
|
4
4
|
export declare const FABMenu: React.FC<{
|
|
5
|
-
onSelect: () => void;
|
|
5
|
+
onSelect: (selected: any) => void;
|
|
6
6
|
menuOptions: DropdownOption[];
|
|
7
7
|
buttonWidth?: number;
|
|
8
8
|
buttonHeight?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as t}from"react/jsx-runtime";import{FloatingActionButton as o}from"../floating-action-button/FloatingActionButton.js";import{OpennedDropdown as n}from"../opennedDropdown/components/OpennedDropdown.js";const i=i=>{const{onSelect:e,menuOptions:r,buttonWidth:
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import{FloatingActionButton as o}from"../floating-action-button/FloatingActionButton.js";import"../floating-action-button/FloatingActionButton.styles.js";import{OpennedDropdown as n}from"../opennedDropdown/components/OpennedDropdown.js";const i=i=>{const{onSelect:e,menuOptions:r,buttonWidth:c,buttonHeight:u,buttonColor:d,buttonPosition:s,menuWidth:p,menuHeight:h,buttonIcon:m,buttonPadding:g}=i;return t("div",{children:t(o,Object.assign({icon:m,width:c,height:u,color:d,position:s,buttonPadding:g},{children:t(n,{options:r,height:h||90,width:p,onSelect:e})}))})};export{i as FABMenu};
|
|
@@ -70,7 +70,7 @@ import{Dropdown as t}from"react-bootstrap";import o from"styled-components";impo
|
|
|
70
70
|
text-decoration: none;
|
|
71
71
|
background-color: ${e.background.positive.light};
|
|
72
72
|
}
|
|
73
|
-
|
|
73
|
+
`,p=o(t.Toggle)`
|
|
74
74
|
border-radius: 4px;
|
|
75
75
|
display: flex;
|
|
76
76
|
flex-direction: row;
|
|
@@ -80,4 +80,4 @@ import{Dropdown as t}from"react-bootstrap";import o from"styled-components";impo
|
|
|
80
80
|
font-weight: 400;
|
|
81
81
|
font-size: 14px;
|
|
82
82
|
line-height: 20px;
|
|
83
|
-
`;export{i as FAB_POSITION,n as FloatingActionButtonContainer,r as FloatingActionButtonOuterContainer,d as StyledDropdown};
|
|
83
|
+
`;export{p as DropdownToggleContainer,i as FAB_POSITION,n as FloatingActionButtonContainer,r as FloatingActionButtonOuterContainer,d as StyledDropdown};
|
package/dist/esm/index.d.ts
CHANGED
package/dist/esm/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{BASE_COLORS,COLORS,DEFAULT_THEME,FONTS}from"./constants/Theme.js";export{CheckBox}from"./components/checkBox/CheckBox.js";export{ListItem}from"./components/list-item/ListItem.js";export{Pagination}from"./components/pagination/Pagination.js";export{RadioButton}from"./components/radioButton/RadioButton.js";export{Toaster}from"./components/toaster/Toaster.js";export{Tooltip}from"./components/tooltips/Tooltip.js";export{Spinner}from"./components/spinner/Spinner.js";export{Stepper}from"./components/stepper/Stepper.js";export{Tag}from"./components/tag/Tag.js";export{IconButton}from"./components/icon-button/IconButton.js";export{FABMenu}from"./components/fab-menu/FABMenu.js";
|
|
1
|
+
export{BASE_COLORS,COLORS,DEFAULT_THEME,FONTS}from"./constants/Theme.js";export{CheckBox}from"./components/checkBox/CheckBox.js";export{ListItem}from"./components/list-item/ListItem.js";export{Pagination}from"./components/pagination/Pagination.js";export{RadioButton}from"./components/radioButton/RadioButton.js";export{Toaster}from"./components/toaster/Toaster.js";export{Tooltip}from"./components/tooltips/Tooltip.js";export{Spinner}from"./components/spinner/Spinner.js";export{Stepper}from"./components/stepper/Stepper.js";export{Tag}from"./components/tag/Tag.js";export{IconButton}from"./components/icon-button/IconButton.js";export{FABMenu}from"./components/fab-menu/FABMenu.js";export{FloatingActionButton}from"./components/floating-action-button/FloatingActionButton.js";export{DropdownToggleContainer,FAB_POSITION,FloatingActionButtonContainer,FloatingActionButtonOuterContainer,StyledDropdown}from"./components/floating-action-button/FloatingActionButton.styles.js";
|