baseui 0.0.0-next-dfc9b64 → 0.0.0-next-ced4128

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 (15) hide show
  1. package/button/styled-components.js +2 -2
  2. package/button/styled-components.js.flow +2 -2
  3. package/es/button/styled-components.js +2 -2
  4. package/es/themes/dark-theme/color-semantic-tokens.js +5 -1
  5. package/es/themes/light-theme/color-semantic-tokens.js +5 -1
  6. package/esm/button/styled-components.js +2 -2
  7. package/esm/themes/dark-theme/color-semantic-tokens.js +5 -1
  8. package/esm/themes/light-theme/color-semantic-tokens.js +5 -1
  9. package/package.json +1 -1
  10. package/themes/dark-theme/color-semantic-tokens.js +5 -1
  11. package/themes/dark-theme/color-semantic-tokens.js.flow +4 -0
  12. package/themes/light-theme/color-semantic-tokens.js +5 -1
  13. package/themes/light-theme/color-semantic-tokens.js.flow +4 -0
  14. package/themes/types.d.ts +4 -0
  15. package/themes/types.js.flow +4 -0
package/button/styled-components.js CHANGED
@@ -90,7 +90,7 @@ var EndEnhancer = (0, _styles.styled)('div', function (_ref2) {
90
90
  var marginDirection = $theme.direction === 'rtl' ? 'marginRight' : 'marginLeft';
91
91
  return _defineProperty({
92
92
  display: 'flex'
93
- }, marginDirection, $theme.sizing.scale500);
93
+ }, marginDirection, $theme.sizing.scale300);
94
94
  });
95
95
  exports.EndEnhancer = EndEnhancer;
96
96
  EndEnhancer.displayName = "EndEnhancer";
@@ -100,7 +100,7 @@ var StartEnhancer = (0, _styles.styled)('div', function (_ref4) {
100
100
  var marginDirection = $theme.direction === 'rtl' ? 'marginLeft' : 'marginRight';
101
101
  return _defineProperty({
102
102
  display: 'flex'
103
- }, marginDirection, $theme.sizing.scale500);
103
+ }, marginDirection, $theme.sizing.scale300);
104
104
  });
105
105
  exports.StartEnhancer = StartEnhancer;
106
106
  StartEnhancer.displayName = "StartEnhancer";
package/button/styled-components.js.flow CHANGED
@@ -72,7 +72,7 @@ export const EndEnhancer = styled<SharedStylePropsT>('div', ({ $theme }) => {
72
72
  const marginDirection: string = $theme.direction === 'rtl' ? 'marginRight' : 'marginLeft';
73
73
  return {
74
74
  display: 'flex',
75
- [marginDirection]: $theme.sizing.scale500,
75
+ [marginDirection]: $theme.sizing.scale300,
76
76
  };
77
77
  });
78
78
 
@@ -80,7 +80,7 @@ export const StartEnhancer = styled<SharedStylePropsT>('div', ({ $theme }) => {
80
80
  const marginDirection: string = $theme.direction === 'rtl' ? 'marginLeft' : 'marginRight';
81
81
  return {
82
82
  display: 'flex',
83
- [marginDirection]: $theme.sizing.scale500,
83
+ [marginDirection]: $theme.sizing.scale300,
84
84
  };
85
85
  });
86
86
 
package/es/button/styled-components.js CHANGED
@@ -86,7 +86,7 @@ export const EndEnhancer = styled('div', ({
86
86
  const marginDirection = $theme.direction === 'rtl' ? 'marginRight' : 'marginLeft';
87
87
  return {
88
88
  display: 'flex',
89
- [marginDirection]: $theme.sizing.scale500
89
+ [marginDirection]: $theme.sizing.scale300
90
90
  };
91
91
  });
92
92
  EndEnhancer.displayName = "EndEnhancer";
@@ -97,7 +97,7 @@ export const StartEnhancer = styled('div', ({
97
97
  const marginDirection = $theme.direction === 'rtl' ? 'marginLeft' : 'marginRight';
98
98
  return {
99
99
  display: 'flex',
100
- [marginDirection]: $theme.sizing.scale500
100
+ [marginDirection]: $theme.sizing.scale300
101
101
  };
102
102
  });
103
103
  StartEnhancer.displayName = "StartEnhancer";
package/es/themes/dark-theme/color-semantic-tokens.js CHANGED
@@ -81,7 +81,11 @@ foundation = defaultFoundationColorTokens) => {
81
81
  };
82
82
  const deprecated = {
83
83
  backgroundOverlayLight: coreExtensions.backgroundOverlay,
84
- backgroundOverlayDark: coreExtensions.backgroundOverlay
84
+ backgroundOverlayDark: coreExtensions.backgroundOverlay,
85
+ backgroundLightAccent: coreExtensions.backgroundAccentLight,
86
+ backgroundLightPositive: coreExtensions.backgroundPositiveLight,
87
+ backgroundLightWarning: coreExtensions.backgroundWarningLight,
88
+ backgroundLightNegative: coreExtensions.backgroundNegativeLight
85
89
  };
86
90
  return { ...core,
87
91
  ...coreExtensions,
package/es/themes/light-theme/color-semantic-tokens.js CHANGED
@@ -81,7 +81,11 @@ foundation = defaultFoundationColorTokens) => {
81
81
  };
82
82
  const deprecated = {
83
83
  backgroundOverlayLight: coreExtensions.backgroundOverlay,
84
- backgroundOverlayDark: coreExtensions.backgroundOverlay
84
+ backgroundOverlayDark: coreExtensions.backgroundOverlay,
85
+ backgroundLightAccent: coreExtensions.backgroundAccentLight,
86
+ backgroundLightPositive: coreExtensions.backgroundPositiveLight,
87
+ backgroundLightWarning: coreExtensions.backgroundWarningLight,
88
+ backgroundLightNegative: coreExtensions.backgroundNegativeLight
85
89
  };
86
90
  return { ...core,
87
91
  ...coreExtensions,
package/esm/button/styled-components.js CHANGED
@@ -86,7 +86,7 @@ export var EndEnhancer = styled('div', function (_ref2) {
86
86
  var marginDirection = $theme.direction === 'rtl' ? 'marginRight' : 'marginLeft';
87
87
  return _defineProperty({
88
88
  display: 'flex'
89
- }, marginDirection, $theme.sizing.scale500);
89
+ }, marginDirection, $theme.sizing.scale300);
90
90
  });
91
91
  EndEnhancer.displayName = "EndEnhancer";
92
92
  EndEnhancer.displayName = 'EndEnhancer';
@@ -95,7 +95,7 @@ export var StartEnhancer = styled('div', function (_ref4) {
95
95
  var marginDirection = $theme.direction === 'rtl' ? 'marginLeft' : 'marginRight';
96
96
  return _defineProperty({
97
97
  display: 'flex'
98
- }, marginDirection, $theme.sizing.scale500);
98
+ }, marginDirection, $theme.sizing.scale300);
99
99
  });
100
100
  StartEnhancer.displayName = "StartEnhancer";
101
101
  StartEnhancer.displayName = 'StartEnhancer';
package/esm/themes/dark-theme/color-semantic-tokens.js CHANGED
@@ -87,7 +87,11 @@ export default (function () {
87
87
  };
88
88
  var deprecated = {
89
89
  backgroundOverlayLight: coreExtensions.backgroundOverlay,
90
- backgroundOverlayDark: coreExtensions.backgroundOverlay
90
+ backgroundOverlayDark: coreExtensions.backgroundOverlay,
91
+ backgroundLightAccent: coreExtensions.backgroundAccentLight,
92
+ backgroundLightPositive: coreExtensions.backgroundPositiveLight,
93
+ backgroundLightWarning: coreExtensions.backgroundWarningLight,
94
+ backgroundLightNegative: coreExtensions.backgroundNegativeLight
91
95
  };
92
96
  return _objectSpread(_objectSpread(_objectSpread({}, core), coreExtensions), deprecated);
93
97
  });
package/esm/themes/light-theme/color-semantic-tokens.js CHANGED
@@ -87,7 +87,11 @@ export default (function () {
87
87
  };
88
88
  var deprecated = {
89
89
  backgroundOverlayLight: coreExtensions.backgroundOverlay,
90
- backgroundOverlayDark: coreExtensions.backgroundOverlay
90
+ backgroundOverlayDark: coreExtensions.backgroundOverlay,
91
+ backgroundLightAccent: coreExtensions.backgroundAccentLight,
92
+ backgroundLightPositive: coreExtensions.backgroundPositiveLight,
93
+ backgroundLightWarning: coreExtensions.backgroundWarningLight,
94
+ backgroundLightNegative: coreExtensions.backgroundNegativeLight
91
95
  };
92
96
  return _objectSpread(_objectSpread(_objectSpread({}, core), coreExtensions), deprecated);
93
97
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "baseui",
3
- "version": "0.0.0-next-dfc9b64",
3
+ "version": "0.0.0-next-ced4128",
4
4
  "description": "A React Component library implementing the Base design language",
5
5
  "keywords": [
6
6
  "react",
package/themes/dark-theme/color-semantic-tokens.js CHANGED
@@ -93,7 +93,11 @@ var _default = function _default() {
93
93
  };
94
94
  var deprecated = {
95
95
  backgroundOverlayLight: coreExtensions.backgroundOverlay,
96
- backgroundOverlayDark: coreExtensions.backgroundOverlay
96
+ backgroundOverlayDark: coreExtensions.backgroundOverlay,
97
+ backgroundLightAccent: coreExtensions.backgroundAccentLight,
98
+ backgroundLightPositive: coreExtensions.backgroundPositiveLight,
99
+ backgroundLightWarning: coreExtensions.backgroundWarningLight,
100
+ backgroundLightNegative: coreExtensions.backgroundNegativeLight
97
101
  };
98
102
  return _objectSpread(_objectSpread(_objectSpread({}, core), coreExtensions), deprecated);
99
103
  };
package/themes/dark-theme/color-semantic-tokens.js.flow CHANGED
@@ -95,6 +95,10 @@ export default (
95
95
  const deprecated: DeprecatedSemanticColorTokensT = {
96
96
  backgroundOverlayLight: coreExtensions.backgroundOverlay,
97
97
  backgroundOverlayDark: coreExtensions.backgroundOverlay,
98
+ backgroundLightAccent: coreExtensions.backgroundAccentLight,
99
+ backgroundLightPositive: coreExtensions.backgroundPositiveLight,
100
+ backgroundLightWarning: coreExtensions.backgroundWarningLight,
101
+ backgroundLightNegative: coreExtensions.backgroundNegativeLight,
98
102
  };
99
103
  return {
100
104
  ...core,
package/themes/light-theme/color-semantic-tokens.js CHANGED
@@ -93,7 +93,11 @@ var _default = function _default() {
93
93
  };
94
94
  var deprecated = {
95
95
  backgroundOverlayLight: coreExtensions.backgroundOverlay,
96
- backgroundOverlayDark: coreExtensions.backgroundOverlay
96
+ backgroundOverlayDark: coreExtensions.backgroundOverlay,
97
+ backgroundLightAccent: coreExtensions.backgroundAccentLight,
98
+ backgroundLightPositive: coreExtensions.backgroundPositiveLight,
99
+ backgroundLightWarning: coreExtensions.backgroundWarningLight,
100
+ backgroundLightNegative: coreExtensions.backgroundNegativeLight
97
101
  };
98
102
  return _objectSpread(_objectSpread(_objectSpread({}, core), coreExtensions), deprecated);
99
103
  };
package/themes/light-theme/color-semantic-tokens.js.flow CHANGED
@@ -95,6 +95,10 @@ export default (
95
95
  const deprecated: DeprecatedSemanticColorTokensT = {
96
96
  backgroundOverlayLight: coreExtensions.backgroundOverlay,
97
97
  backgroundOverlayDark: coreExtensions.backgroundOverlay,
98
+ backgroundLightAccent: coreExtensions.backgroundAccentLight,
99
+ backgroundLightPositive: coreExtensions.backgroundPositiveLight,
100
+ backgroundLightWarning: coreExtensions.backgroundWarningLight,
101
+ backgroundLightNegative: coreExtensions.backgroundNegativeLight,
98
102
  };
99
103
  return {
100
104
  ...core,
package/themes/types.d.ts CHANGED
@@ -127,6 +127,10 @@ export type CoreExtensionSemanticColorTokens = {
127
127
  export type DeprecatedSemanticColorTokens = {
128
128
  backgroundOverlayLight: string;
129
129
  backgroundOverlayDark: string;
130
+ backgroundLightAccent: string;
131
+ backgroundLightPositive: string;
132
+ backgroundLightWarning: string;
133
+ backgroundLightNegative: string;
130
134
  };
131
135
  export type SemanticColorTokens = {} & CoreSemanticColorTokens & CoreExtensionSemanticColorTokens & DeprecatedSemanticColorTokens;
132
136
  export type ComponentColorTokens = {
package/themes/types.js.flow CHANGED
@@ -173,6 +173,10 @@ export type CoreExtensionSemanticColorTokensT = {|
173
173
  export type DeprecatedSemanticColorTokensT = {|
174
174
  backgroundOverlayLight: ?string,
175
175
  backgroundOverlayDark: ?string,
176
+ backgroundLightAccent: ?string,
177
+ backgroundLightPositive: ?string,
178
+ backgroundLightWarning: ?string,
179
+ backgroundLightNegative: ?string,
176
180
  |};
177
181
 
178
182
  export type SemanticColorTokensT = {|