@zendeskgarden/react-tags 8.39.0 → 8.41.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 (3) hide show
  1. package/dist/index.cjs.js +15 -21
  2. package/dist/index.esm.js +15 -21
  3. package/package.json +4 -4
package/dist/index.cjs.js CHANGED
@@ -96,20 +96,7 @@ function _objectWithoutProperties(source, excluded) {
96
96
  return target;
97
97
  }
98
98
 
99
- function _taggedTemplateLiteral(strings, raw) {
100
- if (!raw) {
101
- raw = strings.slice(0);
102
- }
103
-
104
- return Object.freeze(Object.defineProperties(strings, {
105
- raw: {
106
- value: Object.freeze(raw)
107
- }
108
- }));
109
- }
110
-
111
99
  var _excluded$1 = ["children"];
112
- var _templateObject$2;
113
100
  var COMPONENT_ID$2 = 'tags.avatar';
114
101
  var StyledAvatar = styled__default['default'](function (_ref) {
115
102
  var children = _ref.children,
@@ -117,28 +104,32 @@ var StyledAvatar = styled__default['default'](function (_ref) {
117
104
  return React__default['default'].cloneElement(React.Children.only(children), props);
118
105
  }).attrs({
119
106
  'data-garden-id': COMPONENT_ID$2,
120
- 'data-garden-version': '8.39.0'
121
- })(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n flex-shrink: 0;\n font-size: 0; /* text content reset */\n\n ", ";\n"])), function (props) {
107
+ 'data-garden-version': '8.41.0'
108
+ }).withConfig({
109
+ displayName: "StyledAvatar",
110
+ componentId: "sc-3kdmgt-0"
111
+ })(["flex-shrink:0;font-size:0;", ";"], function (props) {
122
112
  return reactTheming.retrieveComponentStyles(COMPONENT_ID$2, props);
123
113
  });
124
114
  StyledAvatar.defaultProps = {
125
115
  theme: reactTheming.DEFAULT_THEME
126
116
  };
127
117
 
128
- var _templateObject$1;
129
118
  var COMPONENT_ID$1 = 'tags.close';
130
119
  var StyledClose = styled__default['default'].div.attrs({
131
120
  'data-garden-id': COMPONENT_ID$1,
132
- 'data-garden-version': '8.39.0',
121
+ 'data-garden-version': '8.41.0',
133
122
  'aria-label': 'Press delete to remove'
134
- })(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n transition: opacity 0.25s ease-in-out;\n opacity: 0.8;\n border: 0; /* <button> element reset */\n cursor: pointer;\n padding: 0; /* <button> element reset */\n font-size: 0; /* text content reset */\n\n &:hover {\n opacity: 0.9;\n }\n\n &:focus {\n outline: none;\n }\n\n ", ";\n"])), function (props) {
123
+ }).withConfig({
124
+ displayName: "StyledClose",
125
+ componentId: "sc-d6lrpn-0"
126
+ })(["display:flex;flex-shrink:0;align-items:center;justify-content:center;transition:opacity 0.25s ease-in-out;opacity:0.8;border:0;cursor:pointer;padding:0;font-size:0;&:hover{opacity:0.9;}&:focus{outline:none;}", ";"], function (props) {
135
127
  return reactTheming.retrieveComponentStyles(COMPONENT_ID$1, props);
136
128
  });
137
129
  StyledClose.defaultProps = {
138
130
  theme: reactTheming.DEFAULT_THEME
139
131
  };
140
132
 
141
- var _templateObject;
142
133
  var COMPONENT_ID = 'tags.tag_view';
143
134
  var colorStyles = function colorStyles(props) {
144
135
  var backgroundColor;
@@ -212,8 +203,11 @@ var sizeStyles = function sizeStyles(props) {
212
203
  };
213
204
  var StyledTag = styled__default['default'].div.attrs({
214
205
  'data-garden-id': COMPONENT_ID,
215
- 'data-garden-version': '8.39.0'
216
- })(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: inline-flex;\n flex-wrap: nowrap;\n align-items: center;\n justify-content: ", ";\n transition: box-shadow 0.1s ease-in-out;\n box-sizing: border-box;\n border: 0; /* <button> element reset */\n max-width: 100%;\n overflow: hidden;\n vertical-align: middle;\n text-decoration: none; /* <a> element reset */\n white-space: nowrap;\n font-weight: ", ";\n direction: ", ";\n\n ", ";\n\n &:hover {\n cursor: default;\n text-decoration: none;\n }\n\n &:focus {\n outline: none;\n }\n\n &:link:hover,\n &:visited:hover {\n cursor: pointer;\n }\n\n &:any-link:hover {\n cursor: pointer;\n }\n\n &[data-garden-focus-visible] {\n text-decoration: none;\n }\n\n ", ";\n\n & > * {\n overflow: hidden;\n text-align: center;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n & b {\n font-weight: ", ";\n }\n\n & ", " {\n display: ", ";\n }\n\n & ", " {\n display: ", ";\n }\n\n ", ";\n"])), function (props) {
206
+ 'data-garden-version': '8.41.0'
207
+ }).withConfig({
208
+ displayName: "StyledTag",
209
+ componentId: "sc-1jvbe03-0"
210
+ })(["display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:", ";transition:box-shadow 0.1s ease-in-out;box-sizing:border-box;border:0;max-width:100%;overflow:hidden;vertical-align:middle;text-decoration:none;white-space:nowrap;font-weight:", ";direction:", ";", ";&:hover{cursor:default;text-decoration:none;}&:focus{outline:none;}&:link:hover,&:visited:hover{cursor:pointer;}&:any-link:hover{cursor:pointer;}&[data-garden-focus-visible]{text-decoration:none;}", ";& > *{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;}& b{font-weight:", ";}& ", "{display:", ";}& ", "{display:", ";}", ";"], function (props) {
217
211
  return props.isRound && 'center';
218
212
  }, function (props) {
219
213
  return !props.isRegular && props.theme.fontWeights.semibold;
package/dist/index.esm.js CHANGED
@@ -66,20 +66,7 @@ function _objectWithoutProperties(source, excluded) {
66
66
  return target;
67
67
  }
68
68
 
69
- function _taggedTemplateLiteral(strings, raw) {
70
- if (!raw) {
71
- raw = strings.slice(0);
72
- }
73
-
74
- return Object.freeze(Object.defineProperties(strings, {
75
- raw: {
76
- value: Object.freeze(raw)
77
- }
78
- }));
79
- }
80
-
81
69
  var _excluded$1 = ["children"];
82
- var _templateObject$2;
83
70
  var COMPONENT_ID$2 = 'tags.avatar';
84
71
  var StyledAvatar = styled(function (_ref) {
85
72
  var children = _ref.children,
@@ -87,28 +74,32 @@ var StyledAvatar = styled(function (_ref) {
87
74
  return React__default.cloneElement(Children.only(children), props);
88
75
  }).attrs({
89
76
  'data-garden-id': COMPONENT_ID$2,
90
- 'data-garden-version': '8.39.0'
91
- })(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n flex-shrink: 0;\n font-size: 0; /* text content reset */\n\n ", ";\n"])), function (props) {
77
+ 'data-garden-version': '8.41.0'
78
+ }).withConfig({
79
+ displayName: "StyledAvatar",
80
+ componentId: "sc-3kdmgt-0"
81
+ })(["flex-shrink:0;font-size:0;", ";"], function (props) {
92
82
  return retrieveComponentStyles(COMPONENT_ID$2, props);
93
83
  });
94
84
  StyledAvatar.defaultProps = {
95
85
  theme: DEFAULT_THEME
96
86
  };
97
87
 
98
- var _templateObject$1;
99
88
  var COMPONENT_ID$1 = 'tags.close';
100
89
  var StyledClose = styled.div.attrs({
101
90
  'data-garden-id': COMPONENT_ID$1,
102
- 'data-garden-version': '8.39.0',
91
+ 'data-garden-version': '8.41.0',
103
92
  'aria-label': 'Press delete to remove'
104
- })(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n transition: opacity 0.25s ease-in-out;\n opacity: 0.8;\n border: 0; /* <button> element reset */\n cursor: pointer;\n padding: 0; /* <button> element reset */\n font-size: 0; /* text content reset */\n\n &:hover {\n opacity: 0.9;\n }\n\n &:focus {\n outline: none;\n }\n\n ", ";\n"])), function (props) {
93
+ }).withConfig({
94
+ displayName: "StyledClose",
95
+ componentId: "sc-d6lrpn-0"
96
+ })(["display:flex;flex-shrink:0;align-items:center;justify-content:center;transition:opacity 0.25s ease-in-out;opacity:0.8;border:0;cursor:pointer;padding:0;font-size:0;&:hover{opacity:0.9;}&:focus{outline:none;}", ";"], function (props) {
105
97
  return retrieveComponentStyles(COMPONENT_ID$1, props);
106
98
  });
107
99
  StyledClose.defaultProps = {
108
100
  theme: DEFAULT_THEME
109
101
  };
110
102
 
111
- var _templateObject;
112
103
  var COMPONENT_ID = 'tags.tag_view';
113
104
  var colorStyles = function colorStyles(props) {
114
105
  var backgroundColor;
@@ -182,8 +173,11 @@ var sizeStyles = function sizeStyles(props) {
182
173
  };
183
174
  var StyledTag = styled.div.attrs({
184
175
  'data-garden-id': COMPONENT_ID,
185
- 'data-garden-version': '8.39.0'
186
- })(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: inline-flex;\n flex-wrap: nowrap;\n align-items: center;\n justify-content: ", ";\n transition: box-shadow 0.1s ease-in-out;\n box-sizing: border-box;\n border: 0; /* <button> element reset */\n max-width: 100%;\n overflow: hidden;\n vertical-align: middle;\n text-decoration: none; /* <a> element reset */\n white-space: nowrap;\n font-weight: ", ";\n direction: ", ";\n\n ", ";\n\n &:hover {\n cursor: default;\n text-decoration: none;\n }\n\n &:focus {\n outline: none;\n }\n\n &:link:hover,\n &:visited:hover {\n cursor: pointer;\n }\n\n &:any-link:hover {\n cursor: pointer;\n }\n\n &[data-garden-focus-visible] {\n text-decoration: none;\n }\n\n ", ";\n\n & > * {\n overflow: hidden;\n text-align: center;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n & b {\n font-weight: ", ";\n }\n\n & ", " {\n display: ", ";\n }\n\n & ", " {\n display: ", ";\n }\n\n ", ";\n"])), function (props) {
176
+ 'data-garden-version': '8.41.0'
177
+ }).withConfig({
178
+ displayName: "StyledTag",
179
+ componentId: "sc-1jvbe03-0"
180
+ })(["display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:", ";transition:box-shadow 0.1s ease-in-out;box-sizing:border-box;border:0;max-width:100%;overflow:hidden;vertical-align:middle;text-decoration:none;white-space:nowrap;font-weight:", ";direction:", ";", ";&:hover{cursor:default;text-decoration:none;}&:focus{outline:none;}&:link:hover,&:visited:hover{cursor:pointer;}&:any-link:hover{cursor:pointer;}&[data-garden-focus-visible]{text-decoration:none;}", ";& > *{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;}& b{font-weight:", ";}& ", "{display:", ";}& ", "{display:", ";}", ";"], function (props) {
187
181
  return props.isRound && 'center';
188
182
  }, function (props) {
189
183
  return !props.isRegular && props.theme.fontWeights.semibold;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-tags",
3
- "version": "8.39.0",
3
+ "version": "8.41.0",
4
4
  "description": "Components relating to tags in the Garden Design System",
5
5
  "license": "Apache-2.0",
6
6
  "author": "Zendesk Garden <garden@zendesk.com>",
@@ -21,7 +21,7 @@
21
21
  "sideEffects": false,
22
22
  "types": "dist/typings/index.d.ts",
23
23
  "dependencies": {
24
- "@zendeskgarden/container-utilities": "^0.5.5",
24
+ "@zendeskgarden/container-utilities": "^0.6.0",
25
25
  "polished": "^4.0.0",
26
26
  "prop-types": "^15.5.7"
27
27
  },
@@ -32,7 +32,7 @@
32
32
  "styled-components": "^4.2.0 || ^5.0.0"
33
33
  },
34
34
  "devDependencies": {
35
- "@zendeskgarden/react-theming": "^8.39.0",
35
+ "@zendeskgarden/react-theming": "^8.41.0",
36
36
  "@zendeskgarden/svg-icons": "6.30.2"
37
37
  },
38
38
  "keywords": [
@@ -45,5 +45,5 @@
45
45
  "access": "public"
46
46
  },
47
47
  "zendeskgarden:src": "src/index.ts",
48
- "gitHead": "a061ca3a673a21bc6f53d52cceb26ba71eab7008"
48
+ "gitHead": "723c0bf1f98b1fcc0de3f7c005fbbfa5005a2fa9"
49
49
  }