carbon-react 114.10.1 → 114.12.0

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 (40) hide show
  1. package/esm/__internal__/form-field/form-field.component.d.ts +1 -1
  2. package/esm/__spec_helper__/test-utils.d.ts +1 -1
  3. package/esm/__spec_helper__/test-utils.js +1 -1
  4. package/esm/components/button/button-types.style.js +2 -2
  5. package/esm/components/button/button.component.js +1 -1
  6. package/esm/components/button/button.style.js +3 -2
  7. package/esm/components/button-minor/button-minor.component.d.ts +7 -0
  8. package/esm/components/button-minor/button-minor.component.js +355 -0
  9. package/esm/components/button-minor/button-minor.style.d.ts +3 -0
  10. package/esm/components/button-minor/button-minor.style.js +75 -0
  11. package/esm/components/button-minor/index.d.ts +2 -0
  12. package/esm/components/button-minor/index.js +1 -0
  13. package/esm/components/image/image.component.d.ts +1 -1
  14. package/esm/components/image/image.component.js +4 -1
  15. package/esm/components/image/image.style.d.ts +2 -0
  16. package/esm/components/link/link.component.d.ts +1 -1
  17. package/esm/components/menu/menu-item/menu-item.d.ts +1 -1
  18. package/esm/style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.d.ts +1 -1
  19. package/esm/style/utils/color.d.ts +1 -1
  20. package/lib/__internal__/form-field/form-field.component.d.ts +1 -1
  21. package/lib/__spec_helper__/test-utils.d.ts +1 -1
  22. package/lib/__spec_helper__/test-utils.js +1 -1
  23. package/lib/components/button/button-types.style.js +2 -2
  24. package/lib/components/button/button.component.js +1 -1
  25. package/lib/components/button/button.style.js +3 -2
  26. package/lib/components/button-minor/button-minor.component.d.ts +7 -0
  27. package/lib/components/button-minor/button-minor.component.js +367 -0
  28. package/lib/components/button-minor/button-minor.style.d.ts +3 -0
  29. package/lib/components/button-minor/button-minor.style.js +92 -0
  30. package/lib/components/button-minor/index.d.ts +2 -0
  31. package/lib/components/button-minor/index.js +15 -0
  32. package/lib/components/button-minor/package.json +6 -0
  33. package/lib/components/image/image.component.d.ts +1 -1
  34. package/lib/components/image/image.component.js +4 -1
  35. package/lib/components/image/image.style.d.ts +2 -0
  36. package/lib/components/link/link.component.d.ts +1 -1
  37. package/lib/components/menu/menu-item/menu-item.d.ts +1 -1
  38. package/lib/style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.d.ts +1 -1
  39. package/lib/style/utils/color.d.ts +1 -1
  40. package/package.json +1 -1
@@ -15,7 +15,7 @@ var _enzyme = require("enzyme");
15
15
 
16
16
  var _sprintfJs = require("sprintf-js");
17
17
 
18
- var _baseTheme = require("style/themes/base/base-theme.config");
18
+ var _baseTheme = require("../style/themes/base/base-theme.config");
19
19
 
20
20
  var _themes = require("../style/themes");
21
21
 
@@ -73,7 +73,7 @@ var _default = (isDisabled, destructive) => ({
73
73
  ${makeColors("var(--colorsSemanticNegativeYang100)")};
74
74
  }
75
75
  ` : ""}
76
-
76
+
77
77
  ${isDisabled ? `
78
78
  border-color: var(--colorsActionDisabled500);
79
79
  ${makeColors("var(--colorsActionMajorYin030)")};
@@ -137,7 +137,7 @@ var _default = (isDisabled, destructive) => ({
137
137
  background: var(--colorsActionMajor600);
138
138
  ${makeColors("var(--colorsActionMajorYang100)")}
139
139
  }
140
-
140
+
141
141
  ${isDisabled ? `
142
142
  background: var(--colorsActionDisabled500);
143
143
  ${makeColors("var(--colorsActionMajorYin030)")};
@@ -60,7 +60,7 @@ function renderChildren({
60
60
  };
61
61
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, iconType && iconPosition === "before" && children && /*#__PURE__*/_react.default.createElement(_icon.default, _extends({
62
62
  type: iconType
63
- }, iconProps)), /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("span", {
63
+ }, iconProps)), children && /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("span", {
64
64
  "data-element": "main-text"
65
65
  }, children), size === "large" && /*#__PURE__*/_react.default.createElement(_button.StyledButtonSubtext, {
66
66
  "data-element": "subtext"
@@ -77,9 +77,10 @@ function stylingForType({
77
77
  `}
78
78
 
79
79
  ${size === "large" && (0, _styledComponents.css)`
80
- font-size: 16px;
80
+ font-size: var(--fontSizes200);
81
81
  min-height: 48px;
82
82
  `}
83
+
83
84
  ${iconOnly && stylingForIconOnly(size)}
84
85
  `;
85
86
  }
@@ -106,7 +107,7 @@ const StyledButton = _styledComponents.default.button`
106
107
  }) => fullWidth && (0, _styledComponents.css)`
107
108
  width: 100%;
108
109
  `}
109
-
110
+
110
111
  ${({
111
112
  iconOnly,
112
113
  iconPosition,
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ import { ButtonProps } from "../button";
3
+ export declare const ButtonMinor: {
4
+ ({ buttonType, size, ...rest }: ButtonProps): JSX.Element;
5
+ displayName: string;
6
+ };
7
+ export default ButtonMinor;
@@ -0,0 +1,367 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = exports.ButtonMinor = void 0;
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ var _propTypes = _interopRequireDefault(require("prop-types"));
11
+
12
+ var _buttonMinor = _interopRequireDefault(require("./button-minor.style"));
13
+
14
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
+
16
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
17
+
18
+ const ButtonMinor = ({
19
+ buttonType = "secondary",
20
+ size = "medium",
21
+ ...rest
22
+ }) => /*#__PURE__*/_react.default.createElement(_buttonMinor.default, _extends({
23
+ size: size,
24
+ buttonType: buttonType
25
+ }, rest));
26
+
27
+ exports.ButtonMinor = ButtonMinor;
28
+ ButtonMinor.propTypes = {
29
+ "aria-label": _propTypes.default.string,
30
+ "buttonType": _propTypes.default.oneOf(["darkBackground", "dashed", "primary", "secondary", "tertiary"]),
31
+ "children": _propTypes.default.node,
32
+ "destructive": _propTypes.default.bool,
33
+ "disabled": _propTypes.default.bool,
34
+ "forwardRef": _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
35
+ "current": _propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.object]).isRequired
36
+ })]),
37
+ "fullWidth": _propTypes.default.bool,
38
+ "href": _propTypes.default.string,
39
+ "iconPosition": _propTypes.default.oneOf(["after", "before"]),
40
+ "iconTooltipMessage": _propTypes.default.string,
41
+ "iconTooltipPosition": _propTypes.default.oneOf(["bottom", "left", "right", "top"]),
42
+ "iconType": _propTypes.default.oneOf(["add", "admin", "alert_on", "alert", "analysis", "arrow_bottom_right_circle", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_top_left_circle", "arrow_up", "arrow", "arrows_left_right", "attach", "bank_with_card", "bank", "basket_with_squares", "basket", "bed", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "box_arrow_left", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_today", "calendar", "call", "camera", "car_lock", "car_money", "car_repair", "card_view", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "cash", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "coins", "collaborate", "computer_clock", "connect", "construction", "contacts", "copy", "create", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "dashboard", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "drill", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "entry", "envelope_dollar", "envelope_euro", "error_square", "error", "euro", "expand", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "form_refresh", "gift", "go", "graduation_hat", "graph", "grid", "hand_cash_coins", "hand_cash_note", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "italic", "key", "laptop", "ledger_arrow_left", "ledger_arrow_right", "ledger", "lightbulb_off", "lightbulb_on", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "minus_large", "minus", "mobile", "money_bag", "none", "old_warning", "palm_tree", "pause_circle", "pause", "pdf", "people_switch", "people", "percentage_boxed", "person_info", "person_tick", "person", "petrol_pump", "phone", "piggy_bank", "plane", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "question_hollow", "question_mark", "question", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "services", "settings_old", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "sync", "tag", "talk", "theatre_masks", "three_boxes", "tick_circle", "tick_thick", "tick", "true_tick", "u_turn_left", "u_turn_right", "undo", "unlocked", "upload", "uploaded", "video", "view", "warning"]),
43
+ "id": _propTypes.default.string,
44
+ "m": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
45
+ "__@toStringTag": _propTypes.default.string.isRequired,
46
+ "description": _propTypes.default.string,
47
+ "toString": _propTypes.default.func.isRequired,
48
+ "valueOf": _propTypes.default.func.isRequired
49
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
50
+ "__@toStringTag": _propTypes.default.string.isRequired,
51
+ "description": _propTypes.default.string,
52
+ "toString": _propTypes.default.func.isRequired,
53
+ "valueOf": _propTypes.default.func.isRequired
54
+ }), _propTypes.default.string]),
55
+ "margin": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
56
+ "__@toStringTag": _propTypes.default.string.isRequired,
57
+ "description": _propTypes.default.string,
58
+ "toString": _propTypes.default.func.isRequired,
59
+ "valueOf": _propTypes.default.func.isRequired
60
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
61
+ "__@toStringTag": _propTypes.default.string.isRequired,
62
+ "description": _propTypes.default.string,
63
+ "toString": _propTypes.default.func.isRequired,
64
+ "valueOf": _propTypes.default.func.isRequired
65
+ }), _propTypes.default.string]),
66
+ "marginBottom": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
67
+ "__@toStringTag": _propTypes.default.string.isRequired,
68
+ "description": _propTypes.default.string,
69
+ "toString": _propTypes.default.func.isRequired,
70
+ "valueOf": _propTypes.default.func.isRequired
71
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
72
+ "__@toStringTag": _propTypes.default.string.isRequired,
73
+ "description": _propTypes.default.string,
74
+ "toString": _propTypes.default.func.isRequired,
75
+ "valueOf": _propTypes.default.func.isRequired
76
+ }), _propTypes.default.string]),
77
+ "marginLeft": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
78
+ "__@toStringTag": _propTypes.default.string.isRequired,
79
+ "description": _propTypes.default.string,
80
+ "toString": _propTypes.default.func.isRequired,
81
+ "valueOf": _propTypes.default.func.isRequired
82
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
83
+ "__@toStringTag": _propTypes.default.string.isRequired,
84
+ "description": _propTypes.default.string,
85
+ "toString": _propTypes.default.func.isRequired,
86
+ "valueOf": _propTypes.default.func.isRequired
87
+ }), _propTypes.default.string]),
88
+ "marginRight": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
89
+ "__@toStringTag": _propTypes.default.string.isRequired,
90
+ "description": _propTypes.default.string,
91
+ "toString": _propTypes.default.func.isRequired,
92
+ "valueOf": _propTypes.default.func.isRequired
93
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
94
+ "__@toStringTag": _propTypes.default.string.isRequired,
95
+ "description": _propTypes.default.string,
96
+ "toString": _propTypes.default.func.isRequired,
97
+ "valueOf": _propTypes.default.func.isRequired
98
+ }), _propTypes.default.string]),
99
+ "marginTop": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
100
+ "__@toStringTag": _propTypes.default.string.isRequired,
101
+ "description": _propTypes.default.string,
102
+ "toString": _propTypes.default.func.isRequired,
103
+ "valueOf": _propTypes.default.func.isRequired
104
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
105
+ "__@toStringTag": _propTypes.default.string.isRequired,
106
+ "description": _propTypes.default.string,
107
+ "toString": _propTypes.default.func.isRequired,
108
+ "valueOf": _propTypes.default.func.isRequired
109
+ }), _propTypes.default.string]),
110
+ "marginX": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
111
+ "__@toStringTag": _propTypes.default.string.isRequired,
112
+ "description": _propTypes.default.string,
113
+ "toString": _propTypes.default.func.isRequired,
114
+ "valueOf": _propTypes.default.func.isRequired
115
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
116
+ "__@toStringTag": _propTypes.default.string.isRequired,
117
+ "description": _propTypes.default.string,
118
+ "toString": _propTypes.default.func.isRequired,
119
+ "valueOf": _propTypes.default.func.isRequired
120
+ }), _propTypes.default.string]),
121
+ "marginY": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
122
+ "__@toStringTag": _propTypes.default.string.isRequired,
123
+ "description": _propTypes.default.string,
124
+ "toString": _propTypes.default.func.isRequired,
125
+ "valueOf": _propTypes.default.func.isRequired
126
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
127
+ "__@toStringTag": _propTypes.default.string.isRequired,
128
+ "description": _propTypes.default.string,
129
+ "toString": _propTypes.default.func.isRequired,
130
+ "valueOf": _propTypes.default.func.isRequired
131
+ }), _propTypes.default.string]),
132
+ "mb": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
133
+ "__@toStringTag": _propTypes.default.string.isRequired,
134
+ "description": _propTypes.default.string,
135
+ "toString": _propTypes.default.func.isRequired,
136
+ "valueOf": _propTypes.default.func.isRequired
137
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
138
+ "__@toStringTag": _propTypes.default.string.isRequired,
139
+ "description": _propTypes.default.string,
140
+ "toString": _propTypes.default.func.isRequired,
141
+ "valueOf": _propTypes.default.func.isRequired
142
+ }), _propTypes.default.string]),
143
+ "ml": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
144
+ "__@toStringTag": _propTypes.default.string.isRequired,
145
+ "description": _propTypes.default.string,
146
+ "toString": _propTypes.default.func.isRequired,
147
+ "valueOf": _propTypes.default.func.isRequired
148
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
149
+ "__@toStringTag": _propTypes.default.string.isRequired,
150
+ "description": _propTypes.default.string,
151
+ "toString": _propTypes.default.func.isRequired,
152
+ "valueOf": _propTypes.default.func.isRequired
153
+ }), _propTypes.default.string]),
154
+ "mr": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
155
+ "__@toStringTag": _propTypes.default.string.isRequired,
156
+ "description": _propTypes.default.string,
157
+ "toString": _propTypes.default.func.isRequired,
158
+ "valueOf": _propTypes.default.func.isRequired
159
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
160
+ "__@toStringTag": _propTypes.default.string.isRequired,
161
+ "description": _propTypes.default.string,
162
+ "toString": _propTypes.default.func.isRequired,
163
+ "valueOf": _propTypes.default.func.isRequired
164
+ }), _propTypes.default.string]),
165
+ "mt": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
166
+ "__@toStringTag": _propTypes.default.string.isRequired,
167
+ "description": _propTypes.default.string,
168
+ "toString": _propTypes.default.func.isRequired,
169
+ "valueOf": _propTypes.default.func.isRequired
170
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
171
+ "__@toStringTag": _propTypes.default.string.isRequired,
172
+ "description": _propTypes.default.string,
173
+ "toString": _propTypes.default.func.isRequired,
174
+ "valueOf": _propTypes.default.func.isRequired
175
+ }), _propTypes.default.string]),
176
+ "mx": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
177
+ "__@toStringTag": _propTypes.default.string.isRequired,
178
+ "description": _propTypes.default.string,
179
+ "toString": _propTypes.default.func.isRequired,
180
+ "valueOf": _propTypes.default.func.isRequired
181
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
182
+ "__@toStringTag": _propTypes.default.string.isRequired,
183
+ "description": _propTypes.default.string,
184
+ "toString": _propTypes.default.func.isRequired,
185
+ "valueOf": _propTypes.default.func.isRequired
186
+ }), _propTypes.default.string]),
187
+ "my": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
188
+ "__@toStringTag": _propTypes.default.string.isRequired,
189
+ "description": _propTypes.default.string,
190
+ "toString": _propTypes.default.func.isRequired,
191
+ "valueOf": _propTypes.default.func.isRequired
192
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
193
+ "__@toStringTag": _propTypes.default.string.isRequired,
194
+ "description": _propTypes.default.string,
195
+ "toString": _propTypes.default.func.isRequired,
196
+ "valueOf": _propTypes.default.func.isRequired
197
+ }), _propTypes.default.string]),
198
+ "name": _propTypes.default.string,
199
+ "noWrap": _propTypes.default.bool,
200
+ "onBlur": _propTypes.default.func,
201
+ "onChange": _propTypes.default.func,
202
+ "onClick": _propTypes.default.func,
203
+ "onFocus": _propTypes.default.func,
204
+ "onKeyDown": _propTypes.default.func,
205
+ "p": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
206
+ "__@toStringTag": _propTypes.default.string.isRequired,
207
+ "description": _propTypes.default.string,
208
+ "toString": _propTypes.default.func.isRequired,
209
+ "valueOf": _propTypes.default.func.isRequired
210
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
211
+ "__@toStringTag": _propTypes.default.string.isRequired,
212
+ "description": _propTypes.default.string,
213
+ "toString": _propTypes.default.func.isRequired,
214
+ "valueOf": _propTypes.default.func.isRequired
215
+ }), _propTypes.default.string]),
216
+ "padding": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
217
+ "__@toStringTag": _propTypes.default.string.isRequired,
218
+ "description": _propTypes.default.string,
219
+ "toString": _propTypes.default.func.isRequired,
220
+ "valueOf": _propTypes.default.func.isRequired
221
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
222
+ "__@toStringTag": _propTypes.default.string.isRequired,
223
+ "description": _propTypes.default.string,
224
+ "toString": _propTypes.default.func.isRequired,
225
+ "valueOf": _propTypes.default.func.isRequired
226
+ }), _propTypes.default.string]),
227
+ "paddingBottom": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
228
+ "__@toStringTag": _propTypes.default.string.isRequired,
229
+ "description": _propTypes.default.string,
230
+ "toString": _propTypes.default.func.isRequired,
231
+ "valueOf": _propTypes.default.func.isRequired
232
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
233
+ "__@toStringTag": _propTypes.default.string.isRequired,
234
+ "description": _propTypes.default.string,
235
+ "toString": _propTypes.default.func.isRequired,
236
+ "valueOf": _propTypes.default.func.isRequired
237
+ }), _propTypes.default.string]),
238
+ "paddingLeft": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
239
+ "__@toStringTag": _propTypes.default.string.isRequired,
240
+ "description": _propTypes.default.string,
241
+ "toString": _propTypes.default.func.isRequired,
242
+ "valueOf": _propTypes.default.func.isRequired
243
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
244
+ "__@toStringTag": _propTypes.default.string.isRequired,
245
+ "description": _propTypes.default.string,
246
+ "toString": _propTypes.default.func.isRequired,
247
+ "valueOf": _propTypes.default.func.isRequired
248
+ }), _propTypes.default.string]),
249
+ "paddingRight": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
250
+ "__@toStringTag": _propTypes.default.string.isRequired,
251
+ "description": _propTypes.default.string,
252
+ "toString": _propTypes.default.func.isRequired,
253
+ "valueOf": _propTypes.default.func.isRequired
254
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
255
+ "__@toStringTag": _propTypes.default.string.isRequired,
256
+ "description": _propTypes.default.string,
257
+ "toString": _propTypes.default.func.isRequired,
258
+ "valueOf": _propTypes.default.func.isRequired
259
+ }), _propTypes.default.string]),
260
+ "paddingTop": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
261
+ "__@toStringTag": _propTypes.default.string.isRequired,
262
+ "description": _propTypes.default.string,
263
+ "toString": _propTypes.default.func.isRequired,
264
+ "valueOf": _propTypes.default.func.isRequired
265
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
266
+ "__@toStringTag": _propTypes.default.string.isRequired,
267
+ "description": _propTypes.default.string,
268
+ "toString": _propTypes.default.func.isRequired,
269
+ "valueOf": _propTypes.default.func.isRequired
270
+ }), _propTypes.default.string]),
271
+ "paddingX": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
272
+ "__@toStringTag": _propTypes.default.string.isRequired,
273
+ "description": _propTypes.default.string,
274
+ "toString": _propTypes.default.func.isRequired,
275
+ "valueOf": _propTypes.default.func.isRequired
276
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
277
+ "__@toStringTag": _propTypes.default.string.isRequired,
278
+ "description": _propTypes.default.string,
279
+ "toString": _propTypes.default.func.isRequired,
280
+ "valueOf": _propTypes.default.func.isRequired
281
+ }), _propTypes.default.string]),
282
+ "paddingY": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
283
+ "__@toStringTag": _propTypes.default.string.isRequired,
284
+ "description": _propTypes.default.string,
285
+ "toString": _propTypes.default.func.isRequired,
286
+ "valueOf": _propTypes.default.func.isRequired
287
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
288
+ "__@toStringTag": _propTypes.default.string.isRequired,
289
+ "description": _propTypes.default.string,
290
+ "toString": _propTypes.default.func.isRequired,
291
+ "valueOf": _propTypes.default.func.isRequired
292
+ }), _propTypes.default.string]),
293
+ "pb": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
294
+ "__@toStringTag": _propTypes.default.string.isRequired,
295
+ "description": _propTypes.default.string,
296
+ "toString": _propTypes.default.func.isRequired,
297
+ "valueOf": _propTypes.default.func.isRequired
298
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
299
+ "__@toStringTag": _propTypes.default.string.isRequired,
300
+ "description": _propTypes.default.string,
301
+ "toString": _propTypes.default.func.isRequired,
302
+ "valueOf": _propTypes.default.func.isRequired
303
+ }), _propTypes.default.string]),
304
+ "pl": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
305
+ "__@toStringTag": _propTypes.default.string.isRequired,
306
+ "description": _propTypes.default.string,
307
+ "toString": _propTypes.default.func.isRequired,
308
+ "valueOf": _propTypes.default.func.isRequired
309
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
310
+ "__@toStringTag": _propTypes.default.string.isRequired,
311
+ "description": _propTypes.default.string,
312
+ "toString": _propTypes.default.func.isRequired,
313
+ "valueOf": _propTypes.default.func.isRequired
314
+ }), _propTypes.default.string]),
315
+ "pr": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
316
+ "__@toStringTag": _propTypes.default.string.isRequired,
317
+ "description": _propTypes.default.string,
318
+ "toString": _propTypes.default.func.isRequired,
319
+ "valueOf": _propTypes.default.func.isRequired
320
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
321
+ "__@toStringTag": _propTypes.default.string.isRequired,
322
+ "description": _propTypes.default.string,
323
+ "toString": _propTypes.default.func.isRequired,
324
+ "valueOf": _propTypes.default.func.isRequired
325
+ }), _propTypes.default.string]),
326
+ "pt": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
327
+ "__@toStringTag": _propTypes.default.string.isRequired,
328
+ "description": _propTypes.default.string,
329
+ "toString": _propTypes.default.func.isRequired,
330
+ "valueOf": _propTypes.default.func.isRequired
331
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
332
+ "__@toStringTag": _propTypes.default.string.isRequired,
333
+ "description": _propTypes.default.string,
334
+ "toString": _propTypes.default.func.isRequired,
335
+ "valueOf": _propTypes.default.func.isRequired
336
+ }), _propTypes.default.string]),
337
+ "px": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
338
+ "__@toStringTag": _propTypes.default.string.isRequired,
339
+ "description": _propTypes.default.string,
340
+ "toString": _propTypes.default.func.isRequired,
341
+ "valueOf": _propTypes.default.func.isRequired
342
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
343
+ "__@toStringTag": _propTypes.default.string.isRequired,
344
+ "description": _propTypes.default.string,
345
+ "toString": _propTypes.default.func.isRequired,
346
+ "valueOf": _propTypes.default.func.isRequired
347
+ }), _propTypes.default.string]),
348
+ "py": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
349
+ "__@toStringTag": _propTypes.default.string.isRequired,
350
+ "description": _propTypes.default.string,
351
+ "toString": _propTypes.default.func.isRequired,
352
+ "valueOf": _propTypes.default.func.isRequired
353
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
354
+ "__@toStringTag": _propTypes.default.string.isRequired,
355
+ "description": _propTypes.default.string,
356
+ "toString": _propTypes.default.func.isRequired,
357
+ "valueOf": _propTypes.default.func.isRequired
358
+ }), _propTypes.default.string]),
359
+ "rel": _propTypes.default.string,
360
+ "size": _propTypes.default.oneOf(["large", "medium", "small"]),
361
+ "subtext": _propTypes.default.string,
362
+ "target": _propTypes.default.string,
363
+ "type": _propTypes.default.string
364
+ };
365
+ ButtonMinor.displayName = "ButtonMinor";
366
+ var _default = ButtonMinor;
367
+ exports.default = _default;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ declare const StyledButtonMinor: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
3
+ export default StyledButtonMinor;
@@ -0,0 +1,92 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var _styledComponents = _interopRequireWildcard(require("styled-components"));
9
+
10
+ var _button = _interopRequireDefault(require("../button"));
11
+
12
+ var _icon = _interopRequireDefault(require("../icon/icon.style"));
13
+
14
+ var _loaderSquare = _interopRequireDefault(require("../loader/loader-square.style"));
15
+
16
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
+
18
+ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
19
+
20
+ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
21
+
22
+ function makeColors(color) {
23
+ return `
24
+ color: ${color};
25
+ ${_icon.default} {
26
+ color: ${color};
27
+ }
28
+ ${_loaderSquare.default} {
29
+ background-color: ${color};
30
+ }
31
+ `;
32
+ }
33
+
34
+ const StyledButtonMinor = (0, _styledComponents.default)(_button.default)`
35
+ ${({
36
+ buttonType,
37
+ destructive,
38
+ disabled
39
+ }) => !destructive && !disabled && (0, _styledComponents.css)`
40
+ ${buttonType === "primary" && `
41
+ background: var(--colorsActionMinor500);
42
+ border-color: var(--colorsActionMinorTransparent);
43
+ ${makeColors("var(--colorsActionMinorYang100)")}
44
+ &:hover {
45
+ background: var(--colorsActionMinor600);
46
+ }
47
+ `}
48
+
49
+ ${buttonType === "secondary" && `
50
+ background: transparent;
51
+ padding: var(--spacing100);
52
+ border-color: var(--colorsActionMinor500);
53
+ ${makeColors("var(--colorsActionMinor500)")}
54
+ &:hover {
55
+ color: var(--colorsActionMinorYang100);
56
+ background: var(--colorsActionMinor600);
57
+ }
58
+ `}
59
+
60
+ ${buttonType === "tertiary" && `
61
+ background: transparent;
62
+ padding: var(--spacing100);
63
+ ${makeColors("var(--colorsActionMinor500)")}
64
+ &:hover {
65
+ color: var(--colorsActionMinorYang100);
66
+ background: var(--colorsActionMinor600);
67
+ }
68
+ `}
69
+ `}
70
+
71
+ ${({
72
+ size
73
+ }) => (0, _styledComponents.css)`
74
+ ${size === "small" && `
75
+ min-height: 32px;
76
+ padding: var(--spacing000) var(--spacing100) var(--spacing000)
77
+ var(--spacing100);
78
+ `}
79
+
80
+ ${size === "medium" && `
81
+ padding-left: var(--spacing150);
82
+ padding-right: var(--spacing150);
83
+ `}
84
+
85
+ ${size === "large" && `
86
+ padding-left: var(--spacing200);
87
+ padding-right: var(--spacing200);
88
+ `}
89
+ `}
90
+ `;
91
+ var _default = StyledButtonMinor;
92
+ exports.default = _default;
@@ -0,0 +1,2 @@
1
+ export { default } from "./button-minor.component";
2
+ export type { ButtonProps as ButtonMinorProps } from "../button";
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "default", {
7
+ enumerable: true,
8
+ get: function () {
9
+ return _buttonMinor.default;
10
+ }
11
+ });
12
+
13
+ var _buttonMinor = _interopRequireDefault(require("./button-minor.component"));
14
+
15
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -0,0 +1,6 @@
1
+ {
2
+ "sideEffects": false,
3
+ "module": "../../../esm/components/button-minor/index.js",
4
+ "main": "./index.js",
5
+ "types": "./index.d.ts"
6
+ }
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { StyledImageProps } from "./image.style";
3
3
  export declare const Image: {
4
- ({ alt, src, children, ...rest }: StyledImageProps): JSX.Element;
4
+ ({ alt, decorative, src, children, ...rest }: StyledImageProps): JSX.Element;
5
5
  displayName: string;
6
6
  };
7
7
  export default Image;
@@ -19,14 +19,16 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
19
19
 
20
20
  const Image = ({
21
21
  alt,
22
+ decorative = false,
22
23
  src,
23
24
  children,
24
25
  ...rest
25
26
  }) => {
26
27
  !(!src || !children) ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, "The 'Image' component renders as an 'img' element when the 'src' prop is used and therefore does not accept children.") : (0, _invariant.default)(false) : void 0;
27
- !(!src || alt && typeof alt === "string") ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, "Please provide an 'alt' string when rendering the 'Image' component as an 'img' element.") : (0, _invariant.default)(false) : void 0;
28
+ !(!src || alt && typeof alt === "string" || decorative) ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, "Please use the 'decorative' prop if the 'alt' text should be an empty value or provide an 'alt' string when rendering the 'Image' component as an 'img' element.") : (0, _invariant.default)(false) : void 0;
28
29
  return /*#__PURE__*/_react.default.createElement(_image.StyledImage, _extends({
29
30
  alt: alt,
31
+ decorative: decorative,
30
32
  src: src
31
33
  }, rest), children);
32
34
  };
@@ -540,6 +542,7 @@ Image.propTypes = {
540
542
  "valueOf": _propTypes.default.func.isRequired
541
543
  }), _propTypes.default.string]),
542
544
  "children": _propTypes.default.node,
545
+ "decorative": _propTypes.default.bool,
543
546
  "display": _propTypes.default.oneOfType([_propTypes.default.oneOf(["-moz-initial", "-ms-flexbox", "-ms-grid", "-ms-inline-flexbox", "-ms-inline-grid", "-webkit-flex", "-webkit-inline-flex", "block", "contents", "flex", "flow-root", "flow", "grid", "inherit", "initial", "inline-block", "inline-flex", "inline-grid", "inline-list-item", "inline-table", "inline", "list-item", "none", "revert", "ruby-base-container", "ruby-base", "ruby-text-container", "ruby-text", "ruby", "run-in", "table-caption", "table-cell", "table-column-group", "table-column", "table-footer-group", "table-header-group", "table-row-group", "table-row", "table", "unset"]), _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(["-moz-initial", "-ms-flexbox", "-ms-grid", "-ms-inline-flexbox", "-ms-inline-grid", "-webkit-flex", "-webkit-inline-flex", "block", "contents", "flex", "flow-root", "flow", "grid", "inherit", "initial", "inline-block", "inline-flex", "inline-grid", "inline-list-item", "inline-table", "inline", "list-item", "none", "revert", "ruby-base-container", "ruby-base", "ruby-text-container", "ruby-text", "ruby", "run-in", "table-caption", "table-cell", "table-column-group", "table-column", "table-footer-group", "table-header-group", "table-row-group", "table-row", "table", "unset", null]), _propTypes.default.shape({
544
547
  "__@iterator": _propTypes.default.func.isRequired,
545
548
  "anchor": _propTypes.default.func.isRequired,
@@ -3,6 +3,8 @@ import { MarginProps, BackgroundProps, LayoutProps } from "styled-system";
3
3
  export interface StyledImageProps extends MarginProps, BackgroundProps, LayoutProps {
4
4
  /** HTML alt property to display when an img fails to load */
5
5
  alt?: string;
6
+ /** Prop to specify if the image is decorative */
7
+ decorative?: boolean;
6
8
  /** Any valid file path, passing this will render the component as an img element */
7
9
  src?: string;
8
10
  /** HTML hidden property to indicate whether to remain hidden visually and from screen readers */
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import { IconType } from "components/icon/icon-type";
2
+ import { IconType } from "../icon";
3
3
  import { StyledLinkProps } from "./link.style";
4
4
  export interface LinkProps extends StyledLinkProps, React.AriaAttributes {
5
5
  /** An href for an anchor tag. */
@@ -1,6 +1,6 @@
1
- import { IconType } from "components/icon/icon-type";
2
1
  import * as React from "react";
3
2
  import { FlexboxProps, LayoutProps } from "styled-system";
3
+ import { IconType } from "../../icon";
4
4
 
5
5
  export interface MenuItemBaseProps extends LayoutProps, FlexboxProps {
6
6
  /** Custom className */