@zendeskgarden/react-loaders 9.1.0 → 9.1.1

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.
@@ -31,7 +31,7 @@ const Progress = React.forwardRef((_ref, ref) => {
31
31
  return (
32
32
  React.createElement(StyledProgressBackground, Object.assign({
33
33
  "data-garden-id": COMPONENT_ID,
34
- "data-garden-version": '9.1.0',
34
+ "data-garden-version": '9.1.1',
35
35
  "aria-valuemax": 100,
36
36
  "aria-valuemin": 0,
37
37
  "aria-valuenow": percentage,
@@ -38,7 +38,7 @@ const StyledCircle = styled.circle.attrs({
38
38
  })([""]);
39
39
  const StyledInline = styled.svg.attrs(props => ({
40
40
  'data-garden-id': COMPONENT_ID,
41
- 'data-garden-version': '9.1.0',
41
+ 'data-garden-version': '9.1.1',
42
42
  viewBox: '0 0 16 4',
43
43
  width: props.size,
44
44
  height: props.size * 0.25
@@ -10,7 +10,7 @@ import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
10
10
  const COMPONENT_ID = 'loaders.loading_placeholder';
11
11
  const StyledLoadingPlaceholder = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.1.0',
13
+ 'data-garden-version': '9.1.1',
14
14
  role: 'progressbar'
15
15
  }).withConfig({
16
16
  displayName: "StyledLoadingPlaceholder",
@@ -55,7 +55,7 @@ const colorStyles = _ref => {
55
55
  };
56
56
  const StyledProgressBackground = styled.div.attrs(props => ({
57
57
  'data-garden-id': PROGRESS_BACKGROUND_COMPONENT_ID,
58
- 'data-garden-version': '9.1.0',
58
+ 'data-garden-version': '9.1.1',
59
59
  borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
60
60
  })).withConfig({
61
61
  displayName: "StyledProgress__StyledProgressBackground",
@@ -64,7 +64,7 @@ const StyledProgressBackground = styled.div.attrs(props => ({
64
64
  const PROGESS_INDICATOR_COMPONENT_ID = 'loaders.progress_indicator';
65
65
  const StyledProgressIndicator = styled.div.attrs(props => ({
66
66
  'data-garden-id': PROGESS_INDICATOR_COMPONENT_ID,
67
- 'data-garden-version': '9.1.0',
67
+ 'data-garden-version': '9.1.1',
68
68
  height: props.height || sizeToHeight(props.size, props.theme),
69
69
  borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
70
70
  })).withConfig({
@@ -22,7 +22,7 @@ const colorStyles = _ref => {
22
22
  return css(["color:", ";"], getColor(options));
23
23
  };
24
24
  const StyledSVG = styled.svg.attrs(props => ({
25
- 'data-garden-version': '9.1.0',
25
+ 'data-garden-version': '9.1.1',
26
26
  xmlns: 'http://www.w3.org/2000/svg',
27
27
  width: props.width,
28
28
  height: props.height,
@@ -52,7 +52,7 @@ const gradientStyles = props => {
52
52
  };
53
53
  const StyledSkeleton = styled.div.attrs({
54
54
  'data-garden-id': COMPONENT_ID,
55
- 'data-garden-version': '9.1.0'
55
+ 'data-garden-version': '9.1.1'
56
56
  }).withConfig({
57
57
  displayName: "StyledSkeleton",
58
58
  componentId: "sc-1raozze-0"
package/dist/index.cjs.js CHANGED
@@ -54,7 +54,7 @@ const StyledDotsCircleThree = styled__default.default(StyledDotsCircle).attrs(()
54
54
  const COMPONENT_ID$5 = 'loaders.loading_placeholder';
55
55
  const StyledLoadingPlaceholder = styled__default.default.div.attrs({
56
56
  'data-garden-id': COMPONENT_ID$5,
57
- 'data-garden-version': '9.1.0',
57
+ 'data-garden-version': '9.1.1',
58
58
  role: 'progressbar'
59
59
  }).withConfig({
60
60
  displayName: "StyledLoadingPlaceholder",
@@ -109,7 +109,7 @@ const colorStyles$2 = _ref => {
109
109
  };
110
110
  const StyledProgressBackground = styled__default.default.div.attrs(props => ({
111
111
  'data-garden-id': PROGRESS_BACKGROUND_COMPONENT_ID,
112
- 'data-garden-version': '9.1.0',
112
+ 'data-garden-version': '9.1.1',
113
113
  borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
114
114
  })).withConfig({
115
115
  displayName: "StyledProgress__StyledProgressBackground",
@@ -118,7 +118,7 @@ const StyledProgressBackground = styled__default.default.div.attrs(props => ({
118
118
  const PROGESS_INDICATOR_COMPONENT_ID = 'loaders.progress_indicator';
119
119
  const StyledProgressIndicator = styled__default.default.div.attrs(props => ({
120
120
  'data-garden-id': PROGESS_INDICATOR_COMPONENT_ID,
121
- 'data-garden-version': '9.1.0',
121
+ 'data-garden-version': '9.1.1',
122
122
  height: props.height || sizeToHeight(props.size, props.theme),
123
123
  borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
124
124
  })).withConfig({
@@ -171,7 +171,7 @@ const gradientStyles = props => {
171
171
  };
172
172
  const StyledSkeleton = styled__default.default.div.attrs({
173
173
  'data-garden-id': COMPONENT_ID$4,
174
- 'data-garden-version': '9.1.0'
174
+ 'data-garden-version': '9.1.1'
175
175
  }).withConfig({
176
176
  displayName: "StyledSkeleton",
177
177
  componentId: "sc-1raozze-0"
@@ -207,7 +207,7 @@ const colorStyles$1 = _ref => {
207
207
  return styled.css(["color:", ";"], reactTheming.getColor(options));
208
208
  };
209
209
  const StyledSVG = styled__default.default.svg.attrs(props => ({
210
- 'data-garden-version': '9.1.0',
210
+ 'data-garden-version': '9.1.1',
211
211
  xmlns: 'http://www.w3.org/2000/svg',
212
212
  width: props.width,
213
213
  height: props.height,
@@ -250,7 +250,7 @@ const StyledCircle = styled__default.default.circle.attrs({
250
250
  })([""]);
251
251
  const StyledInline = styled__default.default.svg.attrs(props => ({
252
252
  'data-garden-id': COMPONENT_ID$3,
253
- 'data-garden-version': '9.1.0',
253
+ 'data-garden-version': '9.1.1',
254
254
  viewBox: '0 0 16 4',
255
255
  width: props.size,
256
256
  height: props.size * 0.25
@@ -349,7 +349,7 @@ const Progress = React__default.default.forwardRef((_ref, ref) => {
349
349
  return (
350
350
  React__default.default.createElement(StyledProgressBackground, Object.assign({
351
351
  "data-garden-id": COMPONENT_ID$1,
352
- "data-garden-version": '9.1.0',
352
+ "data-garden-version": '9.1.1',
353
353
  "aria-valuemax": 100,
354
354
  "aria-valuemin": 0,
355
355
  "aria-valuenow": percentage,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-loaders",
3
- "version": "9.1.0",
3
+ "version": "9.1.1",
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>",
@@ -26,13 +26,13 @@
26
26
  "prop-types": "^15.5.7"
27
27
  },
28
28
  "peerDependencies": {
29
- "@zendeskgarden/react-theming": ">=9.0.0-next",
29
+ "@zendeskgarden/react-theming": ">=9.0.0",
30
30
  "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
31
31
  "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
32
32
  "styled-components": "^5.3.1"
33
33
  },
34
34
  "devDependencies": {
35
- "@zendeskgarden/react-theming": "^9.1.0"
35
+ "@zendeskgarden/react-theming": "^9.1.1"
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": "a2842d18615ad057d75988fde4df5a0c79d2714e"
47
+ "gitHead": "21eaf7b57f27f1a846ed332f1b8e655d6bc0a13b"
48
48
  }