beem-component 1.3.7 → 1.3.8

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 (4) hide show
  1. package/dist/components/dropdownButton.js +13 -19
  2. package/package.json +1 -1
  3. package/src/App.js +2 -0
  4. package/src/lib/components/dropdownButton.js +9 -18
package/dist/components/dropdownButton.js CHANGED
@@ -35,16 +35,17 @@ var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject
35
35
 
36
36
  var Drop = (0, _styledComponents.default)(_buttonIconsOnly.BmBtnIcon)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n background: ", ";\n border: 0.071rem solid\n ", ";\n border-left: 0.071rem solid\n ", ";\n border-top-left-radius: 0.071rem; */}\n border-bottom-left-radius: 0.071rem; */}\n padding: 0rem */}\n"])), function (_ref) {
37
37
  var variant = _ref.variant,
38
- disabled = _ref.disabled;
38
+ disabled = _ref.disabled,
39
+ color = _ref.color;
39
40
 
40
41
  if (!disabled) {
41
- if (variant === "primary") return "".concat(_colors.BmPrimaryBlue);
42
+ if (variant === "primary") return "".concat(color ? color : _colors.BmPrimaryBlue);
42
43
  if (variant === "secondary") return "none";
43
44
  if (variant === "tertiary") return "none";
44
45
  if (variant === "destructive") return "".concat(_colors.BmSecondaryRed);
45
46
  if (variant === "success") return "".concat(_colors.BmSecondaryDarkGreen);
46
47
  if (variant === "neutral") return "".concat(_colors.BmPrimaryWhite);
47
- return "".concat(_colors.BmPrimaryBlue);
48
+ return "".concat(color ? color : _colors.BmPrimaryBlue);
48
49
  } else {
49
50
  if (variant === "primary") return "".concat(_colors.BmGrey100);
50
51
  if (variant === "secondary") return "none";
@@ -53,16 +54,17 @@ var Drop = (0, _styledComponents.default)(_buttonIconsOnly.BmBtnIcon)(_templateO
53
54
  }
54
55
  }, function (_ref2) {
55
56
  var variant = _ref2.variant,
56
- disabled = _ref2.disabled;
57
+ disabled = _ref2.disabled,
58
+ color = _ref2.color;
57
59
 
58
60
  if (!disabled) {
59
- if (variant === "primary") return "".concat(_colors.BmPrimaryBlue);
60
- if (variant === "secondary") return "".concat(_colors.BmPrimaryBlue);
61
+ if (variant === "primary") return "".concat(color ? color : _colors.BmPrimaryBlue);
62
+ if (variant === "secondary") return "".concat(color ? color : _colors.BmPrimaryBlue);
61
63
  if (variant === "tertiary") return "transparent";
62
64
  if (variant === "destructive") return "".concat(_colors.BmSecondaryRed);
63
65
  if (variant === "success") return "".concat(_colors.BmSecondaryDarkGreen);
64
66
  if (variant === "neutral") return "".concat(_colors.BmGrey400);
65
- return "".concat(_colors.BmPrimaryBlue);
67
+ return "".concat(color ? color : _colors.BmPrimaryBlue);
66
68
  } else {
67
69
  if (variant === "primary") return "".concat(_colors.BmGrey100);
68
70
  if (variant === "secondary") return "".concat(_colors.BmGrey400);
@@ -70,11 +72,12 @@ var Drop = (0, _styledComponents.default)(_buttonIconsOnly.BmBtnIcon)(_templateO
70
72
  }
71
73
  }, function (_ref3) {
72
74
  var variant = _ref3.variant,
73
- disabled = _ref3.disabled;
75
+ disabled = _ref3.disabled,
76
+ color = _ref3.color;
74
77
 
75
78
  if (!disabled) {
76
79
  if (variant === "primary") return "".concat(_colors.BmPrimaryWhite);
77
- if (variant === "secondary") return "".concat(_colors.BmPrimaryBlue);
80
+ if (variant === "secondary") return "".concat(color ? color : _colors.BmPrimaryBlue);
78
81
  if (variant === "tertiary") return "transparent";
79
82
  if (variant === "destructive") return "".concat(_colors.BmSecondaryRed);
80
83
  if (variant === "success") return "".concat(_colors.BmSecondaryDarkGreen);
@@ -87,16 +90,7 @@ var Drop = (0, _styledComponents.default)(_buttonIconsOnly.BmBtnIcon)(_templateO
87
90
  }
88
91
  });
89
92
  exports.Drop = Drop;
90
- var Button = (0, _styledComponents.default)(_buttons.BmButton)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n border-top-right-radius: 0.071rem; */}\n border-bottom-right-radius: 0.071rem; */}\n ", "\n ", "\n border-radius: none;\n border-right: none;\n"])), ""
91
- /* padding: 0.714rem 1.143rem 0.714rem 1.714rem; */
92
- , ""
93
- /* padding: ${({ size }) => {
94
- if (size === "large") return "0.714rem 1.714rem";
95
- if (size === "medium") return "0.5rem 1.143rem";
96
- if (size === "small") return "0.429rem 0.857rem";
97
- return "0.714rem 1.714rem";
98
- }}; */
99
- );
93
+ var Button = (0, _styledComponents.default)(_buttons.BmButton)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n border-top-right-radius: 0.071rem; */}\n border-bottom-right-radius: 0.071rem; */}\n border-radius: none;\n border-right: none;\n"])));
100
94
  exports.Button = Button;
101
95
 
102
96
  var BmButtonDropDown = function BmButtonDropDown(_ref4) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "beem-component",
3
- "version": "1.3.7",
3
+ "version": "1.3.8",
4
4
  "private": false,
5
5
  "main": "dist/components/index.js",
6
6
  "scripts": {
package/src/App.js CHANGED
@@ -9,6 +9,7 @@ import {
9
9
  BmAccordion,
10
10
  BmBtnIcon,
11
11
  MainWrapper,
12
+ BmButtonDropDown,
12
13
  } from "./lib/components";
13
14
  import { GlobalStyle } from "./lib/components/globalStyles";
14
15
  import "./lib/assets/css/sidebar.scss";
@@ -21,6 +22,7 @@ export const App = () => {
21
22
  <>
22
23
  <GlobalStyle />
23
24
  {/* <MainWrapper> */}
25
+ <BmButtonDropDown color="green">Hello</BmButtonDropDown>
24
26
  <BmNoteBar type="warning" color="purple">
25
27
  Hello
26
28
  </BmNoteBar>
package/src/lib/components/dropdownButton.js CHANGED
@@ -19,15 +19,15 @@ const Wrapper = styled.div`
19
19
  `;
20
20
 
21
21
  export const Drop = styled(BmBtnIcon)`
22
- background: ${({ variant, disabled }) => {
22
+ background: ${({ variant, disabled, color }) => {
23
23
  if (!disabled) {
24
- if (variant === "primary") return `${BmPrimaryBlue}`;
24
+ if (variant === "primary") return `${color ? color : BmPrimaryBlue}`
25
25
  if (variant === "secondary") return "none";
26
26
  if (variant === "tertiary") return "none";
27
27
  if (variant === "destructive") return `${BmSecondaryRed}`;
28
28
  if (variant === "success") return `${BmSecondaryDarkGreen}`;
29
29
  if (variant === "neutral") return `${BmPrimaryWhite}`;
30
- return `${BmPrimaryBlue}`;
30
+ return `${color ? color : BmPrimaryBlue}`
31
31
  } else {
32
32
  if (variant === "primary") return `${BmGrey100}`;
33
33
  if (variant === "secondary") return "none";
@@ -36,15 +36,15 @@ export const Drop = styled(BmBtnIcon)`
36
36
  }
37
37
  }};
38
38
  border: 0.071rem solid
39
- ${({ variant, disabled }) => {
39
+ ${({ variant, disabled, color }) => {
40
40
  if (!disabled) {
41
- if (variant === "primary") return `${BmPrimaryBlue}`;
42
- if (variant === "secondary") return `${BmPrimaryBlue}`;
41
+ if (variant === "primary") return `${color ? color : BmPrimaryBlue}`
42
+ if (variant === "secondary") return `${color ? color : BmPrimaryBlue}`
43
43
  if (variant === "tertiary") return "transparent";
44
44
  if (variant === "destructive") return `${BmSecondaryRed}`;
45
45
  if (variant === "success") return `${BmSecondaryDarkGreen}`;
46
46
  if (variant === "neutral") return `${BmGrey400}`;
47
- return `${BmPrimaryBlue}`;
47
+ return `${color ? color : BmPrimaryBlue}`
48
48
  } else {
49
49
  if (variant === "primary") return `${BmGrey100}`;
50
50
  if (variant === "secondary") return `${BmGrey400}`;
@@ -52,10 +52,10 @@ export const Drop = styled(BmBtnIcon)`
52
52
  }
53
53
  }};
54
54
  border-left: 0.071rem solid
55
- ${({ variant, disabled }) => {
55
+ ${({ variant, disabled, color }) => {
56
56
  if (!disabled) {
57
57
  if (variant === "primary") return `${BmPrimaryWhite}`;
58
- if (variant === "secondary") return `${BmPrimaryBlue}`;
58
+ if (variant === "secondary") return `${color ? color : BmPrimaryBlue}`
59
59
  if (variant === "tertiary") return "transparent";
60
60
  if (variant === "destructive") return `${BmSecondaryRed}`;
61
61
  if (variant === "success") return `${BmSecondaryDarkGreen}`;
@@ -75,15 +75,6 @@ export const Drop = styled(BmBtnIcon)`
75
75
  export const Button = styled(BmButton)`
76
76
  border-top-right-radius: 0.071rem; */}
77
77
  border-bottom-right-radius: 0.071rem; */}
78
- ${"" /* padding: 0.714rem 1.143rem 0.714rem 1.714rem; */}
79
- ${
80
- "" /* padding: ${({ size }) => {
81
- if (size === "large") return "0.714rem 1.714rem";
82
- if (size === "medium") return "0.5rem 1.143rem";
83
- if (size === "small") return "0.429rem 0.857rem";
84
- return "0.714rem 1.714rem";
85
- }}; */
86
- }
87
78
  border-radius: none;
88
79
  border-right: none;
89
80
  `;