@commercetools-uikit/flat-button 17.0.1 → 18.0.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 (4) hide show
  1. package/dist/commercetools-uikit-flat-button.cjs.dev.js +9 -9
  2. package/dist/commercetools-uikit-flat-button.cjs.prod.js +9 -9
  3. package/dist/commercetools-uikit-flat-button.esm.js +9 -9
  4. package/package.json +6 -6
package/dist/commercetools-uikit-flat-button.cjs.dev.js CHANGED
@@ -38,27 +38,27 @@ var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
38
38
 
39
39
  const getTextColor = props => {
40
40
  if (props.isIcon && props.isDisabled) {
41
- return designSystem.designTokens.fontColorForFlatButtonIconWhenDisabled;
41
+ return designSystem.designTokens.colorNeutral60;
42
42
  }
43
43
  if (props.isDisabled) {
44
- return designSystem.designTokens.fontColorForTextWhenDisabled;
44
+ return designSystem.designTokens.colorNeutral60;
45
45
  }
46
46
  switch (props.tone) {
47
47
  case 'primary':
48
- return props.isHover ? designSystem.designTokens.fontColorForFlatButtonAsPrimaryWhenHovered : designSystem.designTokens.fontColorForFlatButtonAsPrimary;
48
+ return props.isHover ? designSystem.designTokens.colorPrimary : designSystem.designTokens.colorPrimary30;
49
49
  case 'secondary':
50
- return designSystem.designTokens.fontColorForFlatButtonAsSecondary;
50
+ return designSystem.designTokens.colorSolid;
51
51
  case 'inverted':
52
- return designSystem.designTokens.fontColorForFlatButtonAsInverted;
52
+ return designSystem.designTokens.colorSurface;
53
53
  case 'critical':
54
- return props.isHover ? designSystem.designTokens.fontColorForFlatButtonAsCriticalWhenHovered : designSystem.designTokens.fontColorForFlatButtonAsCritical;
54
+ return props.isHover ? designSystem.designTokens.colorError25 : designSystem.designTokens.colorError;
55
55
  default:
56
56
  return 'inherit';
57
57
  }
58
58
  };
59
59
 
60
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
61
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
60
+ function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
61
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
62
62
  function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
63
63
  const propsToOmit = ['type'];
64
64
  const defaultProps = {
@@ -153,7 +153,7 @@ FlatButton.defaultProps = defaultProps;
153
153
  var FlatButton$1 = FlatButton;
154
154
 
155
155
  // NOTE: This string will be replaced on build time with the package version.
156
- var version = "17.0.1";
156
+ var version = "18.0.0";
157
157
 
158
158
  exports["default"] = FlatButton$1;
159
159
  exports.version = version;
package/dist/commercetools-uikit-flat-button.cjs.prod.js CHANGED
@@ -37,27 +37,27 @@ var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
37
37
 
38
38
  const getTextColor = props => {
39
39
  if (props.isIcon && props.isDisabled) {
40
- return designSystem.designTokens.fontColorForFlatButtonIconWhenDisabled;
40
+ return designSystem.designTokens.colorNeutral60;
41
41
  }
42
42
  if (props.isDisabled) {
43
- return designSystem.designTokens.fontColorForTextWhenDisabled;
43
+ return designSystem.designTokens.colorNeutral60;
44
44
  }
45
45
  switch (props.tone) {
46
46
  case 'primary':
47
- return props.isHover ? designSystem.designTokens.fontColorForFlatButtonAsPrimaryWhenHovered : designSystem.designTokens.fontColorForFlatButtonAsPrimary;
47
+ return props.isHover ? designSystem.designTokens.colorPrimary : designSystem.designTokens.colorPrimary30;
48
48
  case 'secondary':
49
- return designSystem.designTokens.fontColorForFlatButtonAsSecondary;
49
+ return designSystem.designTokens.colorSolid;
50
50
  case 'inverted':
51
- return designSystem.designTokens.fontColorForFlatButtonAsInverted;
51
+ return designSystem.designTokens.colorSurface;
52
52
  case 'critical':
53
- return props.isHover ? designSystem.designTokens.fontColorForFlatButtonAsCriticalWhenHovered : designSystem.designTokens.fontColorForFlatButtonAsCritical;
53
+ return props.isHover ? designSystem.designTokens.colorError25 : designSystem.designTokens.colorError;
54
54
  default:
55
55
  return 'inherit';
56
56
  }
57
57
  };
58
58
 
59
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
60
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
59
+ function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
60
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
61
61
  const propsToOmit = ['type'];
62
62
  const defaultProps = {
63
63
  tone: 'primary',
@@ -128,7 +128,7 @@ FlatButton.defaultProps = defaultProps;
128
128
  var FlatButton$1 = FlatButton;
129
129
 
130
130
  // NOTE: This string will be replaced on build time with the package version.
131
- var version = "17.0.1";
131
+ var version = "18.0.0";
132
132
 
133
133
  exports["default"] = FlatButton$1;
134
134
  exports.version = version;
package/dist/commercetools-uikit-flat-button.esm.js CHANGED
@@ -19,27 +19,27 @@ import { jsxs, jsx } from '@emotion/react/jsx-runtime';
19
19
 
20
20
  const getTextColor = props => {
21
21
  if (props.isIcon && props.isDisabled) {
22
- return designTokens.fontColorForFlatButtonIconWhenDisabled;
22
+ return designTokens.colorNeutral60;
23
23
  }
24
24
  if (props.isDisabled) {
25
- return designTokens.fontColorForTextWhenDisabled;
25
+ return designTokens.colorNeutral60;
26
26
  }
27
27
  switch (props.tone) {
28
28
  case 'primary':
29
- return props.isHover ? designTokens.fontColorForFlatButtonAsPrimaryWhenHovered : designTokens.fontColorForFlatButtonAsPrimary;
29
+ return props.isHover ? designTokens.colorPrimary : designTokens.colorPrimary30;
30
30
  case 'secondary':
31
- return designTokens.fontColorForFlatButtonAsSecondary;
31
+ return designTokens.colorSolid;
32
32
  case 'inverted':
33
- return designTokens.fontColorForFlatButtonAsInverted;
33
+ return designTokens.colorSurface;
34
34
  case 'critical':
35
- return props.isHover ? designTokens.fontColorForFlatButtonAsCriticalWhenHovered : designTokens.fontColorForFlatButtonAsCritical;
35
+ return props.isHover ? designTokens.colorError25 : designTokens.colorError;
36
36
  default:
37
37
  return 'inherit';
38
38
  }
39
39
  };
40
40
 
41
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
42
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
41
+ function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
42
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
43
43
  function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
44
44
  const propsToOmit = ['type'];
45
45
  const defaultProps = {
@@ -134,6 +134,6 @@ FlatButton.defaultProps = defaultProps;
134
134
  var FlatButton$1 = FlatButton;
135
135
 
136
136
  // NOTE: This string will be replaced on build time with the package version.
137
- var version = "17.0.1";
137
+ var version = "18.0.0";
138
138
 
139
139
  export { FlatButton$1 as default, version };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/flat-button",
3
3
  "description": "Flat buttons are minimal and a flat variation of primary and secondary buttons.",
4
- "version": "17.0.1",
4
+ "version": "18.0.0",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -21,11 +21,11 @@
21
21
  "dependencies": {
22
22
  "@babel/runtime": "^7.20.13",
23
23
  "@babel/runtime-corejs3": "^7.20.13",
24
- "@commercetools-uikit/accessible-button": "17.0.1",
25
- "@commercetools-uikit/design-system": "17.0.1",
26
- "@commercetools-uikit/spacings-inline": "17.0.1",
27
- "@commercetools-uikit/text": "17.0.1",
28
- "@commercetools-uikit/utils": "17.0.1",
24
+ "@commercetools-uikit/accessible-button": "18.0.0",
25
+ "@commercetools-uikit/design-system": "18.0.0",
26
+ "@commercetools-uikit/spacings-inline": "18.0.0",
27
+ "@commercetools-uikit/text": "18.0.0",
28
+ "@commercetools-uikit/utils": "18.0.0",
29
29
  "@emotion/react": "^11.10.5",
30
30
  "@emotion/styled": "^11.10.5",
31
31
  "lodash": "4.17.21",