@atlaskit/tag-group
Advanced tools
Comparing version 10.0.3 to 10.0.4
# @atlaskit/tag-group | ||
## 10.0.4 | ||
### Patch Changes | ||
- [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc | ||
## 10.0.3 | ||
@@ -4,0 +10,0 @@ |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
var TagGroup_1 = require("./TagGroup"); | ||
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return TagGroup_1.default; } }); | ||
//# sourceMappingURL=index.js.map | ||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
Object.defineProperty(exports, "default", { | ||
enumerable: true, | ||
get: function get() { | ||
return _TagGroup.default; | ||
} | ||
}); | ||
var _TagGroup = _interopRequireDefault(require("./TagGroup")); |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
exports.default = void 0; | ||
var _react = require("react"); | ||
var _core = require("@emotion/core"); | ||
var _styles = require("./styles"); | ||
/** @jsx jsx */ | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
var react_1 = require("react"); | ||
var core_1 = require("@emotion/core"); | ||
var styles_1 = require("./styles"); | ||
var TagGroup = react_1.forwardRef(function (props, ref) { | ||
var _a = props.alignment, alignment = _a === void 0 ? 'start' : _a, children = props.children; | ||
return (core_1.jsx("div", { ref: ref, css: styles_1.containerStyles(alignment) }, children)); | ||
var TagGroup = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) { | ||
var _props$alignment = props.alignment, | ||
alignment = _props$alignment === void 0 ? 'start' : _props$alignment, | ||
children = props.children; | ||
return (0, _core.jsx)("div", { | ||
ref: ref, | ||
css: (0, _styles.containerStyles)(alignment) | ||
}, children); | ||
}); | ||
exports.default = TagGroup; | ||
//# sourceMappingURL=index.js.map | ||
var _default = TagGroup; | ||
exports.default = _default; |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
exports.Container = void 0; | ||
var tslib_1 = require("tslib"); | ||
var styled_components_1 = tslib_1.__importDefault(require("styled-components")); | ||
exports.Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n justify-content: ", ";\n width: 100%;\n"], ["\n display: flex;\n flex-wrap: wrap;\n justify-content: ", ";\n width: 100%;\n"])), function (_a) { | ||
var justify = _a.justify; | ||
return "flex-" + justify; | ||
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral")); | ||
var _styledComponents = _interopRequireDefault(require("styled-components")); | ||
function _templateObject() { | ||
var data = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-wrap: wrap;\n justify-content: ", ";\n width: 100%;\n"]); | ||
_templateObject = function _templateObject() { | ||
return data; | ||
}; | ||
return data; | ||
} | ||
var Container = _styledComponents.default.div(_templateObject(), function (_ref) { | ||
var justify = _ref.justify; | ||
return "flex-".concat(justify); | ||
}); | ||
var templateObject_1; | ||
//# sourceMappingURL=styled.js.map | ||
exports.Container = Container; |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
exports.containerStyles = void 0; | ||
exports.containerStyles = function (justify) { return ({ | ||
var containerStyles = function containerStyles(justify) { | ||
return { | ||
display: 'flex', | ||
flexWrap: 'wrap', | ||
justifyContent: "flex-" + justify, | ||
width: '100%', | ||
}); }; | ||
//# sourceMappingURL=styles.js.map | ||
justifyContent: "flex-".concat(justify), | ||
width: '100%' | ||
}; | ||
}; | ||
exports.containerStyles = containerStyles; |
{ | ||
"name": "@atlaskit/tag-group", | ||
"version": "10.0.3", | ||
"version": "10.0.4", | ||
"sideEffects": false | ||
} |
@@ -1,2 +0,1 @@ | ||
export { default } from './TagGroup'; | ||
//# sourceMappingURL=index.js.map | ||
export { default } from './TagGroup'; |
@@ -5,7 +5,12 @@ /** @jsx jsx */ | ||
import { containerStyles } from './styles'; | ||
const TagGroup = forwardRef((props, ref) => { | ||
const { alignment = 'start', children } = props; | ||
return (jsx("div", { ref: ref, css: containerStyles(alignment) }, children)); | ||
const TagGroup = /*#__PURE__*/forwardRef((props, ref) => { | ||
const { | ||
alignment = 'start', | ||
children | ||
} = props; | ||
return jsx("div", { | ||
ref: ref, | ||
css: containerStyles(alignment) | ||
}, children); | ||
}); | ||
export default TagGroup; | ||
//# sourceMappingURL=index.js.map | ||
export default TagGroup; |
import styled from 'styled-components'; | ||
export const Container = styled.div ` | ||
export const Container = styled.div` | ||
display: flex; | ||
flex-wrap: wrap; | ||
justify-content: ${({ justify }) => `flex-${justify}`}; | ||
justify-content: ${({ | ||
justify | ||
}) => `flex-${justify}`}; | ||
width: 100%; | ||
`; | ||
//# sourceMappingURL=styled.js.map | ||
`; |
@@ -1,7 +0,6 @@ | ||
export const containerStyles = (justify) => ({ | ||
display: 'flex', | ||
flexWrap: 'wrap', | ||
justifyContent: `flex-${justify}`, | ||
width: '100%', | ||
}); | ||
//# sourceMappingURL=styles.js.map | ||
export const containerStyles = justify => ({ | ||
display: 'flex', | ||
flexWrap: 'wrap', | ||
justifyContent: `flex-${justify}`, | ||
width: '100%' | ||
}); |
{ | ||
"name": "@atlaskit/tag-group", | ||
"version": "10.0.3", | ||
"version": "10.0.4", | ||
"sideEffects": false | ||
} |
@@ -1,2 +0,1 @@ | ||
export { default } from './TagGroup'; | ||
//# sourceMappingURL=index.js.map | ||
export { default } from './TagGroup'; |
@@ -5,7 +5,11 @@ /** @jsx jsx */ | ||
import { containerStyles } from './styles'; | ||
var TagGroup = forwardRef(function (props, ref) { | ||
var _a = props.alignment, alignment = _a === void 0 ? 'start' : _a, children = props.children; | ||
return (jsx("div", { ref: ref, css: containerStyles(alignment) }, children)); | ||
var TagGroup = /*#__PURE__*/forwardRef(function (props, ref) { | ||
var _props$alignment = props.alignment, | ||
alignment = _props$alignment === void 0 ? 'start' : _props$alignment, | ||
children = props.children; | ||
return jsx("div", { | ||
ref: ref, | ||
css: containerStyles(alignment) | ||
}, children); | ||
}); | ||
export default TagGroup; | ||
//# sourceMappingURL=index.js.map | ||
export default TagGroup; |
@@ -1,8 +0,17 @@ | ||
import { __makeTemplateObject } from "tslib"; | ||
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral"; | ||
function _templateObject() { | ||
var data = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: wrap;\n justify-content: ", ";\n width: 100%;\n"]); | ||
_templateObject = function _templateObject() { | ||
return data; | ||
}; | ||
return data; | ||
} | ||
import styled from 'styled-components'; | ||
export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n justify-content: ", ";\n width: 100%;\n"], ["\n display: flex;\n flex-wrap: wrap;\n justify-content: ", ";\n width: 100%;\n"])), function (_a) { | ||
var justify = _a.justify; | ||
return "flex-" + justify; | ||
}); | ||
var templateObject_1; | ||
//# sourceMappingURL=styled.js.map | ||
export var Container = styled.div(_templateObject(), function (_ref) { | ||
var justify = _ref.justify; | ||
return "flex-".concat(justify); | ||
}); |
@@ -1,7 +0,8 @@ | ||
export var containerStyles = function (justify) { return ({ | ||
export var containerStyles = function containerStyles(justify) { | ||
return { | ||
display: 'flex', | ||
flexWrap: 'wrap', | ||
justifyContent: "flex-" + justify, | ||
width: '100%', | ||
}); }; | ||
//# sourceMappingURL=styles.js.map | ||
justifyContent: "flex-".concat(justify), | ||
width: '100%' | ||
}; | ||
}; |
{ | ||
"name": "@atlaskit/tag-group", | ||
"version": "10.0.3", | ||
"version": "10.0.4", | ||
"sideEffects": false | ||
} |
{ | ||
"name": "@atlaskit/tag-group", | ||
"version": "10.0.3", | ||
"version": "10.0.4", | ||
"description": "A React component used for grouping and controlling @atlskit/tag components", | ||
@@ -28,4 +28,4 @@ "publishConfig": { | ||
"dependencies": { | ||
"@emotion/core": "^10.0.9", | ||
"tslib": "^2.0.0" | ||
"@babel/runtime": "^7.0.0", | ||
"@emotion/core": "^10.0.9" | ||
}, | ||
@@ -47,3 +47,3 @@ "peerDependencies": { | ||
"react-dom": "^16.8.0", | ||
"storybook-addon-performance": "0.12.0", | ||
"storybook-addon-performance": "0.13.0", | ||
"typescript": "3.9.6", | ||
@@ -50,0 +50,0 @@ "wait-for-expect": "^1.2.0" |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
22471
24
1
+ Added@babel/runtime@^7.0.0
- Removedtslib@^2.0.0
- Removedtslib@2.8.1(transitive)