@zendeskgarden/react-loaders 9.0.0-next.5 → 9.0.0-next.6

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 (3) hide show
  1. package/dist/index.cjs.js +9 -9
  2. package/dist/index.esm.js +9 -9
  3. package/package.json +3 -3
package/dist/index.cjs.js CHANGED
@@ -83,7 +83,7 @@ StyledDotsCircleThree.defaultProps = {
83
83
  const COMPONENT_ID$5 = 'loaders.loading_placeholder';
84
84
  const StyledLoadingPlaceholder = styled__default.default.div.attrs({
85
85
  'data-garden-id': COMPONENT_ID$5,
86
- 'data-garden-version': '9.0.0-next.5',
86
+ 'data-garden-version': '9.0.0-next.6',
87
87
  role: 'progressbar'
88
88
  }).withConfig({
89
89
  displayName: "StyledLoadingPlaceholder",
@@ -107,7 +107,7 @@ const sizeToBorderRadius = (size, theme) => sizeToHeight(size, theme) / 2;
107
107
  const PROGRESS_BACKGROUND_COMPONENT_ID = 'loaders.progress_background';
108
108
  const StyledProgressBackground = styled__default.default.div.attrs(props => ({
109
109
  'data-garden-id': PROGRESS_BACKGROUND_COMPONENT_ID,
110
- 'data-garden-version': '9.0.0-next.5',
110
+ 'data-garden-version': '9.0.0-next.6',
111
111
  borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
112
112
  })).withConfig({
113
113
  displayName: "StyledProgress__StyledProgressBackground",
@@ -119,7 +119,7 @@ StyledProgressBackground.defaultProps = {
119
119
  const PROGESS_INDICATOR_COMPONENT_ID = 'loaders.progress_indicator';
120
120
  const StyledProgressIndicator = styled__default.default.div.attrs(props => ({
121
121
  'data-garden-id': PROGESS_INDICATOR_COMPONENT_ID,
122
- 'data-garden-version': '9.0.0-next.5',
122
+ 'data-garden-version': '9.0.0-next.6',
123
123
  height: props.height || sizeToHeight(props.size, props.theme),
124
124
  borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
125
125
  })).withConfig({
@@ -140,7 +140,7 @@ const retrieveSkeletonBackgroundColor = _ref => {
140
140
  isLight
141
141
  } = _ref;
142
142
  if (isLight) {
143
- return styled.css(["background-color:", ";"], polished.rgba(theme.colors.background, 0.2));
143
+ return styled.css(["background-color:", ";"], polished.rgba(reactTheming.getColorV8('background', 600 , theme), 0.2));
144
144
  }
145
145
  return styled.css(["background-color:", ";"], reactTheming.getColorV8('neutralHue', 800, theme, 0.1));
146
146
  };
@@ -158,11 +158,11 @@ const retrieveSkeletonGradient = _ref3 => {
158
158
  theme,
159
159
  isLight
160
160
  } = _ref3;
161
- return styled.css(["background-image:linear-gradient( ", ",transparent,", ",transparent );"], theme.rtl ? '-45deg' : '45deg', isLight ? reactTheming.getColorV8('chromeHue', 700, theme, 0.4) : polished.rgba(theme.colors.background, 0.6));
161
+ return styled.css(["background-image:linear-gradient( ", ",transparent,", ",transparent );"], theme.rtl ? '-45deg' : '45deg', isLight ? reactTheming.getColorV8('chromeHue', 700, theme, 0.4) : polished.rgba(reactTheming.getColorV8('background', 600 , theme), 0.6));
162
162
  };
163
163
  const StyledSkeleton = styled__default.default.div.attrs({
164
164
  'data-garden-id': COMPONENT_ID$4,
165
- 'data-garden-version': '9.0.0-next.5'
165
+ 'data-garden-version': '9.0.0-next.6'
166
166
  }).withConfig({
167
167
  displayName: "StyledSkeleton",
168
168
  componentId: "sc-1raozze-0"
@@ -190,7 +190,7 @@ StyledSpinnerCircle.defaultProps = {
190
190
  };
191
191
 
192
192
  const StyledSVG = styled__default.default.svg.attrs(props => ({
193
- 'data-garden-version': '9.0.0-next.5',
193
+ 'data-garden-version': '9.0.0-next.6',
194
194
  xmlns: 'http://www.w3.org/2000/svg',
195
195
  width: props.width,
196
196
  height: props.height,
@@ -220,7 +220,7 @@ StyledCircle.defaultProps = {
220
220
  };
221
221
  const StyledInline = styled__default.default.svg.attrs(props => ({
222
222
  'data-garden-id': COMPONENT_ID$3,
223
- 'data-garden-version': '9.0.0-next.5',
223
+ 'data-garden-version': '9.0.0-next.6',
224
224
  viewBox: '0 0 16 4',
225
225
  width: props.size,
226
226
  height: props.size * 0.25
@@ -322,7 +322,7 @@ const Progress = React__default.default.forwardRef((_ref, ref) => {
322
322
  return (
323
323
  React__default.default.createElement(StyledProgressBackground, _extends({
324
324
  "data-garden-id": COMPONENT_ID$1,
325
- "data-garden-version": '9.0.0-next.5',
325
+ "data-garden-version": '9.0.0-next.6',
326
326
  "aria-valuemax": 100,
327
327
  "aria-valuemin": 0,
328
328
  "aria-valuenow": percentage,
package/dist/index.esm.js CHANGED
@@ -75,7 +75,7 @@ StyledDotsCircleThree.defaultProps = {
75
75
  const COMPONENT_ID$5 = 'loaders.loading_placeholder';
76
76
  const StyledLoadingPlaceholder = styled.div.attrs({
77
77
  'data-garden-id': COMPONENT_ID$5,
78
- 'data-garden-version': '9.0.0-next.5',
78
+ 'data-garden-version': '9.0.0-next.6',
79
79
  role: 'progressbar'
80
80
  }).withConfig({
81
81
  displayName: "StyledLoadingPlaceholder",
@@ -99,7 +99,7 @@ const sizeToBorderRadius = (size, theme) => sizeToHeight(size, theme) / 2;
99
99
  const PROGRESS_BACKGROUND_COMPONENT_ID = 'loaders.progress_background';
100
100
  const StyledProgressBackground = styled.div.attrs(props => ({
101
101
  'data-garden-id': PROGRESS_BACKGROUND_COMPONENT_ID,
102
- 'data-garden-version': '9.0.0-next.5',
102
+ 'data-garden-version': '9.0.0-next.6',
103
103
  borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
104
104
  })).withConfig({
105
105
  displayName: "StyledProgress__StyledProgressBackground",
@@ -111,7 +111,7 @@ StyledProgressBackground.defaultProps = {
111
111
  const PROGESS_INDICATOR_COMPONENT_ID = 'loaders.progress_indicator';
112
112
  const StyledProgressIndicator = styled.div.attrs(props => ({
113
113
  'data-garden-id': PROGESS_INDICATOR_COMPONENT_ID,
114
- 'data-garden-version': '9.0.0-next.5',
114
+ 'data-garden-version': '9.0.0-next.6',
115
115
  height: props.height || sizeToHeight(props.size, props.theme),
116
116
  borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
117
117
  })).withConfig({
@@ -132,7 +132,7 @@ const retrieveSkeletonBackgroundColor = _ref => {
132
132
  isLight
133
133
  } = _ref;
134
134
  if (isLight) {
135
- return css(["background-color:", ";"], rgba(theme.colors.background, 0.2));
135
+ return css(["background-color:", ";"], rgba(getColorV8('background', 600 , theme), 0.2));
136
136
  }
137
137
  return css(["background-color:", ";"], getColorV8('neutralHue', 800, theme, 0.1));
138
138
  };
@@ -150,11 +150,11 @@ const retrieveSkeletonGradient = _ref3 => {
150
150
  theme,
151
151
  isLight
152
152
  } = _ref3;
153
- return css(["background-image:linear-gradient( ", ",transparent,", ",transparent );"], theme.rtl ? '-45deg' : '45deg', isLight ? getColorV8('chromeHue', 700, theme, 0.4) : rgba(theme.colors.background, 0.6));
153
+ return css(["background-image:linear-gradient( ", ",transparent,", ",transparent );"], theme.rtl ? '-45deg' : '45deg', isLight ? getColorV8('chromeHue', 700, theme, 0.4) : rgba(getColorV8('background', 600 , theme), 0.6));
154
154
  };
155
155
  const StyledSkeleton = styled.div.attrs({
156
156
  'data-garden-id': COMPONENT_ID$4,
157
- 'data-garden-version': '9.0.0-next.5'
157
+ 'data-garden-version': '9.0.0-next.6'
158
158
  }).withConfig({
159
159
  displayName: "StyledSkeleton",
160
160
  componentId: "sc-1raozze-0"
@@ -182,7 +182,7 @@ StyledSpinnerCircle.defaultProps = {
182
182
  };
183
183
 
184
184
  const StyledSVG = styled.svg.attrs(props => ({
185
- 'data-garden-version': '9.0.0-next.5',
185
+ 'data-garden-version': '9.0.0-next.6',
186
186
  xmlns: 'http://www.w3.org/2000/svg',
187
187
  width: props.width,
188
188
  height: props.height,
@@ -212,7 +212,7 @@ StyledCircle.defaultProps = {
212
212
  };
213
213
  const StyledInline = styled.svg.attrs(props => ({
214
214
  'data-garden-id': COMPONENT_ID$3,
215
- 'data-garden-version': '9.0.0-next.5',
215
+ 'data-garden-version': '9.0.0-next.6',
216
216
  viewBox: '0 0 16 4',
217
217
  width: props.size,
218
218
  height: props.size * 0.25
@@ -314,7 +314,7 @@ const Progress = React.forwardRef((_ref, ref) => {
314
314
  return (
315
315
  React.createElement(StyledProgressBackground, _extends({
316
316
  "data-garden-id": COMPONENT_ID$1,
317
- "data-garden-version": '9.0.0-next.5',
317
+ "data-garden-version": '9.0.0-next.6',
318
318
  "aria-valuemax": 100,
319
319
  "aria-valuemin": 0,
320
320
  "aria-valuenow": percentage,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-loaders",
3
- "version": "9.0.0-next.5",
3
+ "version": "9.0.0-next.6",
4
4
  "description": "Components relating to loaders in the Garden Design System",
5
5
  "license": "Apache-2.0",
6
6
  "author": "Zendesk Garden <garden@zendesk.com>",
@@ -32,7 +32,7 @@
32
32
  "styled-components": "^5.3.1"
33
33
  },
34
34
  "devDependencies": {
35
- "@zendeskgarden/react-theming": "^9.0.0-next.5"
35
+ "@zendeskgarden/react-theming": "^9.0.0-next.6"
36
36
  },
37
37
  "keywords": [
38
38
  "components",
@@ -44,5 +44,5 @@
44
44
  "access": "public"
45
45
  },
46
46
  "zendeskgarden:src": "src/index.ts",
47
- "gitHead": "806fa33feb06142c3f69b6a87b53628469117e4d"
47
+ "gitHead": "45c56ad1c73af40afba8e5415f529a2c9601c83f"
48
48
  }