Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@atlaskit/tag-group

Package Overview
Dependencies
Maintainers
1
Versions
96
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@atlaskit/tag-group - npm Package Compare versions

Comparing version 10.0.3 to 10.0.4

6

CHANGELOG.md
# @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 @@

18

dist/cjs/index.js
"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"

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc