@zendeskgarden/react-avatars 8.38.0 → 8.40.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.
Files changed (3) hide show
  1. package/dist/index.cjs.js +10 -18
  2. package/dist/index.esm.js +10 -18
  3. package/package.json +3 -3
package/dist/index.cjs.js CHANGED
@@ -75,31 +75,20 @@ function _objectWithoutProperties(source, excluded) {
75
75
  return target;
76
76
  }
77
77
 
78
- function _taggedTemplateLiteral(strings, raw) {
79
- if (!raw) {
80
- raw = strings.slice(0);
81
- }
82
-
83
- return Object.freeze(Object.defineProperties(strings, {
84
- raw: {
85
- value: Object.freeze(raw)
86
- }
87
- }));
88
- }
89
-
90
- var _templateObject$1;
91
78
  var COMPONENT_ID$1 = 'avatars.text';
92
79
  var StyledText = styled__default['default'].span.attrs({
93
80
  'data-garden-id': COMPONENT_ID$1,
94
- 'data-garden-version': '8.38.0'
95
- })(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n overflow: hidden;\n text-align: center;\n white-space: nowrap;\n\n ", ";\n"])), function (props) {
81
+ 'data-garden-version': '8.40.1'
82
+ }).withConfig({
83
+ displayName: "StyledText",
84
+ componentId: "sc-1a6hivh-0"
85
+ })(["overflow:hidden;text-align:center;white-space:nowrap;", ";"], function (props) {
96
86
  return reactTheming.retrieveComponentStyles(COMPONENT_ID$1, props);
97
87
  });
98
88
  StyledText.defaultProps = {
99
89
  theme: reactTheming.DEFAULT_THEME
100
90
  };
101
91
 
102
- var _templateObject;
103
92
  var COMPONENT_ID = 'avatars.avatar';
104
93
  var TRANSITION_DURATION = 0.25;
105
94
  var badgeStyles = function badgeStyles(props) {
@@ -216,8 +205,11 @@ var sizeStyles = function sizeStyles(props) {
216
205
  };
217
206
  var StyledAvatar = styled__default['default'].figure.attrs({
218
207
  'data-garden-id': COMPONENT_ID,
219
- 'data-garden-version': '8.38.0'
220
- })(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: inline-flex;\n position: relative;\n align-items: center;\n justify-content: center;\n transition: box-shadow ", "s ease-in-out, color 0.1s ease-in-out;\n margin: 0; /* <figure> reset */\n vertical-align: middle;\n box-sizing: border-box;\n\n ", ";\n ", ";\n\n /* inner ring */\n &::before {\n position: absolute;\n top: 0;\n left: 0;\n transition: box-shadow ", "s ease-in-out;\n content: '';\n }\n\n &::before,\n && > img {\n border-radius: inherit;\n width: 100%;\n height: 100%;\n }\n\n && > img {\n box-sizing: inherit;\n vertical-align: bottom;\n object-fit: cover;\n }\n\n && > svg {\n width: 1em;\n height: 1em;\n }\n\n &::after {\n ", ";\n }\n\n ", ";\n"])), TRANSITION_DURATION, function (props) {
208
+ 'data-garden-version': '8.40.1'
209
+ }).withConfig({
210
+ displayName: "StyledAvatar",
211
+ componentId: "sc-608m04-0"
212
+ })(["display:inline-flex;position:relative;align-items:center;justify-content:center;transition:box-shadow ", "s ease-in-out,color 0.1s ease-in-out;margin:0;vertical-align:middle;box-sizing:border-box;", ";", ";&::before{position:absolute;top:0;left:0;transition:box-shadow ", "s ease-in-out;content:'';}&::before,&& > img{border-radius:inherit;width:100%;height:100%;}&& > img{box-sizing:inherit;vertical-align:bottom;object-fit:cover;}&& > svg{width:1em;height:1em;}&::after{", ";}", ";"], TRANSITION_DURATION, function (props) {
221
213
  return sizeStyles(props);
222
214
  }, function (props) {
223
215
  return colorStyles(props);
package/dist/index.esm.js CHANGED
@@ -65,31 +65,20 @@ function _objectWithoutProperties(source, excluded) {
65
65
  return target;
66
66
  }
67
67
 
68
- function _taggedTemplateLiteral(strings, raw) {
69
- if (!raw) {
70
- raw = strings.slice(0);
71
- }
72
-
73
- return Object.freeze(Object.defineProperties(strings, {
74
- raw: {
75
- value: Object.freeze(raw)
76
- }
77
- }));
78
- }
79
-
80
- var _templateObject$1;
81
68
  var COMPONENT_ID$1 = 'avatars.text';
82
69
  var StyledText = styled.span.attrs({
83
70
  'data-garden-id': COMPONENT_ID$1,
84
- 'data-garden-version': '8.38.0'
85
- })(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n overflow: hidden;\n text-align: center;\n white-space: nowrap;\n\n ", ";\n"])), function (props) {
71
+ 'data-garden-version': '8.40.1'
72
+ }).withConfig({
73
+ displayName: "StyledText",
74
+ componentId: "sc-1a6hivh-0"
75
+ })(["overflow:hidden;text-align:center;white-space:nowrap;", ";"], function (props) {
86
76
  return retrieveComponentStyles(COMPONENT_ID$1, props);
87
77
  });
88
78
  StyledText.defaultProps = {
89
79
  theme: DEFAULT_THEME
90
80
  };
91
81
 
92
- var _templateObject;
93
82
  var COMPONENT_ID = 'avatars.avatar';
94
83
  var TRANSITION_DURATION = 0.25;
95
84
  var badgeStyles = function badgeStyles(props) {
@@ -206,8 +195,11 @@ var sizeStyles = function sizeStyles(props) {
206
195
  };
207
196
  var StyledAvatar = styled.figure.attrs({
208
197
  'data-garden-id': COMPONENT_ID,
209
- 'data-garden-version': '8.38.0'
210
- })(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: inline-flex;\n position: relative;\n align-items: center;\n justify-content: center;\n transition: box-shadow ", "s ease-in-out, color 0.1s ease-in-out;\n margin: 0; /* <figure> reset */\n vertical-align: middle;\n box-sizing: border-box;\n\n ", ";\n ", ";\n\n /* inner ring */\n &::before {\n position: absolute;\n top: 0;\n left: 0;\n transition: box-shadow ", "s ease-in-out;\n content: '';\n }\n\n &::before,\n && > img {\n border-radius: inherit;\n width: 100%;\n height: 100%;\n }\n\n && > img {\n box-sizing: inherit;\n vertical-align: bottom;\n object-fit: cover;\n }\n\n && > svg {\n width: 1em;\n height: 1em;\n }\n\n &::after {\n ", ";\n }\n\n ", ";\n"])), TRANSITION_DURATION, function (props) {
198
+ 'data-garden-version': '8.40.1'
199
+ }).withConfig({
200
+ displayName: "StyledAvatar",
201
+ componentId: "sc-608m04-0"
202
+ })(["display:inline-flex;position:relative;align-items:center;justify-content:center;transition:box-shadow ", "s ease-in-out,color 0.1s ease-in-out;margin:0;vertical-align:middle;box-sizing:border-box;", ";", ";&::before{position:absolute;top:0;left:0;transition:box-shadow ", "s ease-in-out;content:'';}&::before,&& > img{border-radius:inherit;width:100%;height:100%;}&& > img{box-sizing:inherit;vertical-align:bottom;object-fit:cover;}&& > svg{width:1em;height:1em;}&::after{", ";}", ";"], TRANSITION_DURATION, function (props) {
211
203
  return sizeStyles(props);
212
204
  }, function (props) {
213
205
  return colorStyles(props);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-avatars",
3
- "version": "8.38.0",
3
+ "version": "8.40.1",
4
4
  "description": "Components relating to avatars in the Garden Design System",
5
5
  "license": "Apache-2.0",
6
6
  "author": "Zendesk Garden <garden@zendesk.com>",
@@ -31,7 +31,7 @@
31
31
  "styled-components": "^4.2.0 || ^5.0.0"
32
32
  },
33
33
  "devDependencies": {
34
- "@zendeskgarden/react-theming": "^8.38.0"
34
+ "@zendeskgarden/react-theming": "^8.40.1"
35
35
  },
36
36
  "keywords": [
37
37
  "components",
@@ -43,5 +43,5 @@
43
43
  "access": "public"
44
44
  },
45
45
  "zendeskgarden:src": "src/index.ts",
46
- "gitHead": "275611910f485c64e06cd8a7f7b9296aca30d73a"
46
+ "gitHead": "7feeb65e934f41f48757fcd3bd0d36287b893fae"
47
47
  }