@commercetools-uikit/label 0.0.0-canary-2021830134526

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019 commercetools GmbH
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,37 @@
+# Forms: Label
+
+## Description
+
+The Label component represents the primitive label for a field. It's made to be used with form fields. This component can also indicate if the field is required or not, and give emphasis by being bold.
+
+## Do's and don'ts
+
+In order to improve readability, using `inverted` tone is recommended on dark backgrounds (E.g in a table header)
+
+## Usage
+
+```js
+import Label from '@commercetools-uikit/label';
+
+<Label
+  isRequiredIndicatorVisible={true}
+  isBold={false}
+  tone="inverted"
+/>
+  <FormattedMessage {...messages.title} />
+</Label>
+```
+
+## Properties
+
+| Props                        | Type           | Required | Values                    | Default | Description                                                                                                     |
+| ---------------------------- | -------------- | :------: | ------------------------- | ------- | --------------------------------------------------------------------------------------------------------------- |
+| `tone`                       | `string`       |    -     | `['primary', 'inverted']` | \_      | Indicates the tone to be applied to the label                                                                   |
+| `children`                   | `node`         | ✅ (\*)  | -                         | -       | Value of the label                                                                                              |
+| `intlMessage`                | `intl message` | ✅ (\*)  | -                         | -       | An intl message object that will be rendered with `FormattedMessage`                                            |
+| `isBold`                     | `bool`         |    -     | -                         | `false` | Indicates if the label title should be in bold text                                                             |
+| `isRequiredIndicatorVisible` | `bool`         |    -     | -                         | `false` | Indicates if the labeled field is required in a form                                                            |  |
+| `htmlFor`                    | `string`       |    -     | -                         | -       | The `for` HTML attribute, used to reference form elements with the related attribute `id` or `aria-labelledby`. |
+| `id`                         | `string`       |    -     | -                         | -       | The `id` HTML attribute, used to reference non-form elements with the related attribute `aria-labelledby`.      |
+
+> `*`: `children` is required only if `intlMessage` is not provided, and vice-versa

package/dist/commercetools-uikit-label.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./declarations/src/index";
+export { default } from "./declarations/src/index";

package/dist/commercetools-uikit-label.cjs.dev.js

@@ -0,0 +1,81 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _pt = require('prop-types');
+var react$1 = require('react');
+var reactIntl = require('react-intl');
+var utils = require('@commercetools-uikit/utils');
+var Text = require('@commercetools-uikit/text');
+var react = require('@emotion/react');
+var designSystem = require('@commercetools-uikit/design-system');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+var _pt__default = /*#__PURE__*/_interopDefault(_pt);
+var Text__default = /*#__PURE__*/_interopDefault(Text);
+
+var RequiredIndicator = function RequiredIndicator() {
+  return jsxRuntime.jsx("em", {
+    css: /*#__PURE__*/react.css("color:", designSystem.customProperties.colorWarning, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:RequiredIndicator;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlcXVpcmVkLWluZGljYXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS1kiLCJmaWxlIjoicmVxdWlyZWQtaW5kaWNhdG9yLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgYXMgdmFycyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuXG5jb25zdCBSZXF1aXJlZEluZGljYXRvciA9ICgpID0+IChcbiAgPGVtXG4gICAgY3NzPXtjc3NgXG4gICAgICBjb2xvcjogJHt2YXJzLmNvbG9yV2FybmluZ307XG4gICAgYH1cbiAgPlxuICAgIHsnKid9XG4gIDwvZW0+XG4pO1xuUmVxdWlyZWRJbmRpY2F0b3IuZGlzcGxheU5hbWUgPSAnUmVxdWlyZWRJbmRpY2F0b3InO1xuXG5leHBvcnQgZGVmYXVsdCBSZXF1aXJlZEluZGljYXRvcjtcbiJdfQ== */"),
+    children: '*'
+  });
+};
+
+RequiredIndicator.displayName = 'RequiredIndicator';
+var RequiredIndicator$1 = RequiredIndicator;
+
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default['default'](object); if (_Object$getOwnPropertySymbols__default['default']) { var symbols = _Object$getOwnPropertySymbols__default['default'](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default['default'](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default['default'](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default['default'](_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default['default']) { _Object$defineProperties__default['default'](target, _Object$getOwnPropertyDescriptors__default['default'](source)); } else { var _context2; _forEachInstanceProperty__default['default'](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default['default'](target, key, _Object$getOwnPropertyDescriptor__default['default'](source, key)); }); } } return target; }
+
+var Label = function Label(props) {
+  process.env.NODE_ENV !== "production" ? utils.warning(!(Boolean(props.id) && Boolean(props.htmlFor)), "ui-kit/Label: provide only the \"id\" or the \"htmlFor\" properties, not both.") : void 0;
+  var hasContent = props.intlMessage || Boolean(react$1.Children.count(props.children));
+  process.env.NODE_ENV !== "production" ? utils.warning(hasContent, ['ui-kit/Label:', '"intlMessage" is required when "children" is `undefined` and vice versa.', 'Provide "intlMessage" or "children"'].join(' ')) : void 0;
+  return jsxRuntime.jsx("label", {
+    id: props.id,
+    htmlFor: props.htmlFor,
+    children: jsxRuntime.jsxs(Text__default['default'].Body, {
+      tone: props.tone,
+      isBold: props.isBold,
+      children: [props.intlMessage ? jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, props.intlMessage)) : props.children, props.isRequiredIndicatorVisible && jsxRuntime.jsx(RequiredIndicator$1, {})]
+    })
+  });
+};
+
+Label.propTypes = process.env.NODE_ENV !== "production" ? {
+  id: _pt__default['default'].string,
+  htmlFor: _pt__default['default'].string,
+  isBold: _pt__default['default'].bool,
+  isRequiredIndicatorVisible: _pt__default['default'].bool,
+  tone: _pt__default['default'].oneOf(['primary', 'inverted']),
+  intlMessage: _pt__default['default'].any,
+  children: _pt__default['default'].node
+} : {};
+Label.displayName = 'Label';
+var Label$1 = Label;
+
+// NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
+var version = '0.0.0-canary-2021830134526';
+
+exports['default'] = Label$1;
+exports.version = version;

package/dist/commercetools-uikit-label.cjs.js

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === "production") {
+  module.exports = require("./commercetools-uikit-label.cjs.prod.js");
+} else {
+  module.exports = require("./commercetools-uikit-label.cjs.dev.js");
+}

package/dist/commercetools-uikit-label.cjs.prod.js

@@ -0,0 +1,70 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+require('prop-types');
+var react$1 = require('react');
+var reactIntl = require('react-intl');
+require('@commercetools-uikit/utils');
+var Text = require('@commercetools-uikit/text');
+var react = require('@emotion/react');
+var designSystem = require('@commercetools-uikit/design-system');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+var Text__default = /*#__PURE__*/_interopDefault(Text);
+
+var RequiredIndicator = function RequiredIndicator() {
+  return jsxRuntime.jsx("em", {
+    css: /*#__PURE__*/react.css("color:", designSystem.customProperties.colorWarning, ";" + ("" ), "" ),
+    children: '*'
+  });
+};
+
+RequiredIndicator.displayName = 'RequiredIndicator';
+var RequiredIndicator$1 = RequiredIndicator;
+
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default['default'](object); if (_Object$getOwnPropertySymbols__default['default']) { var symbols = _Object$getOwnPropertySymbols__default['default'](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default['default'](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default['default'](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default['default'](_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default['default']) { _Object$defineProperties__default['default'](target, _Object$getOwnPropertyDescriptors__default['default'](source)); } else { var _context2; _forEachInstanceProperty__default['default'](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default['default'](target, key, _Object$getOwnPropertyDescriptor__default['default'](source, key)); }); } } return target; }
+
+var Label = function Label(props) {
+  props.intlMessage || Boolean(react$1.Children.count(props.children));
+  return jsxRuntime.jsx("label", {
+    id: props.id,
+    htmlFor: props.htmlFor,
+    children: jsxRuntime.jsxs(Text__default['default'].Body, {
+      tone: props.tone,
+      isBold: props.isBold,
+      children: [props.intlMessage ? jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, props.intlMessage)) : props.children, props.isRequiredIndicatorVisible && jsxRuntime.jsx(RequiredIndicator$1, {})]
+    })
+  });
+};
+
+Label.propTypes = {};
+Label.displayName = 'Label';
+var Label$1 = Label;
+
+// NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
+var version = '0.0.0-canary-2021830134526';
+
+exports['default'] = Label$1;
+exports.version = version;

package/dist/commercetools-uikit-label.esm.js

@@ -0,0 +1,63 @@
+import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
+import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
+import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
+import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
+import _pt from 'prop-types';
+import { Children } from 'react';
+import { FormattedMessage } from 'react-intl';
+import { warning } from '@commercetools-uikit/utils';
+import Text from '@commercetools-uikit/text';
+import { css } from '@emotion/react';
+import { customProperties } from '@commercetools-uikit/design-system';
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+
+var RequiredIndicator = function RequiredIndicator() {
+  return jsx("em", {
+    css: /*#__PURE__*/css("color:", customProperties.colorWarning, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:RequiredIndicator;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlcXVpcmVkLWluZGljYXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS1kiLCJmaWxlIjoicmVxdWlyZWQtaW5kaWNhdG9yLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgYXMgdmFycyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuXG5jb25zdCBSZXF1aXJlZEluZGljYXRvciA9ICgpID0+IChcbiAgPGVtXG4gICAgY3NzPXtjc3NgXG4gICAgICBjb2xvcjogJHt2YXJzLmNvbG9yV2FybmluZ307XG4gICAgYH1cbiAgPlxuICAgIHsnKid9XG4gIDwvZW0+XG4pO1xuUmVxdWlyZWRJbmRpY2F0b3IuZGlzcGxheU5hbWUgPSAnUmVxdWlyZWRJbmRpY2F0b3InO1xuXG5leHBvcnQgZGVmYXVsdCBSZXF1aXJlZEluZGljYXRvcjtcbiJdfQ== */"),
+    children: '*'
+  });
+};
+
+RequiredIndicator.displayName = 'RequiredIndicator';
+var RequiredIndicator$1 = RequiredIndicator;
+
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var Label = function Label(props) {
+  process.env.NODE_ENV !== "production" ? warning(!(Boolean(props.id) && Boolean(props.htmlFor)), "ui-kit/Label: provide only the \"id\" or the \"htmlFor\" properties, not both.") : void 0;
+  var hasContent = props.intlMessage || Boolean(Children.count(props.children));
+  process.env.NODE_ENV !== "production" ? warning(hasContent, ['ui-kit/Label:', '"intlMessage" is required when "children" is `undefined` and vice versa.', 'Provide "intlMessage" or "children"'].join(' ')) : void 0;
+  return jsx("label", {
+    id: props.id,
+    htmlFor: props.htmlFor,
+    children: jsxs(Text.Body, {
+      tone: props.tone,
+      isBold: props.isBold,
+      children: [props.intlMessage ? jsx(FormattedMessage, _objectSpread({}, props.intlMessage)) : props.children, props.isRequiredIndicatorVisible && jsx(RequiredIndicator$1, {})]
+    })
+  });
+};
+
+Label.propTypes = process.env.NODE_ENV !== "production" ? {
+  id: _pt.string,
+  htmlFor: _pt.string,
+  isBold: _pt.bool,
+  isRequiredIndicatorVisible: _pt.bool,
+  tone: _pt.oneOf(['primary', 'inverted']),
+  intlMessage: _pt.any,
+  children: _pt.node
+} : {};
+Label.displayName = 'Label';
+var Label$1 = Label;
+
+// NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
+var version = '0.0.0-canary-2021830134526';
+
+export { Label$1 as default, version };

package/dist/declarations/src/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './label';
+export { default as version } from './version';

package/dist/declarations/src/label.d.ts

@@ -0,0 +1,16 @@
+import type { MessageDescriptor } from 'react-intl';
+import { ReactNode } from 'react';
+declare type TLabelProps = {
+    id?: string;
+    htmlFor?: string;
+    isBold?: boolean;
+    isRequiredIndicatorVisible?: boolean;
+    tone?: 'primary' | 'inverted';
+    intlMessage?: MessageDescriptor;
+    children?: ReactNode;
+};
+declare const Label: {
+    (props: TLabelProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Label;

package/dist/declarations/src/required-indicator.d.ts

@@ -0,0 +1,5 @@
+declare const RequiredIndicator: {
+    (): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default RequiredIndicator;

package/dist/declarations/src/version.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "0.0.0-canary-2021830134526";
+export default _default;

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@commercetools-uikit/label",
+  "description": "The Label component represents the primitive label for a form field component.",
+  "version": "0.0.0-canary-2021830134526",
+  "bugs": "https://github.com/commercetools/ui-kit/issues",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/commercetools/ui-kit.git",
+    "directory": "packages/components/label"
+  },
+  "homepage": "https://uikit.commercetools.com",
+  "keywords": [
+    "javascript",
+    "design system",
+    "react",
+    "uikit"
+  ],
+  "license": "MIT",
+  "private": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": false,
+  "main": "dist/commercetools-uikit-label.cjs.js",
+  "module": "dist/commercetools-uikit-label.esm.js",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "prepare": "../../../scripts/version.js replace"
+  },
+  "dependencies": {
+    "@babel/runtime": "7.14.8",
+    "@babel/runtime-corejs3": "7.14.9",
+    "@commercetools-uikit/design-system": "0.0.0-canary-2021830134526",
+    "@commercetools-uikit/text": "0.0.0-canary-2021830134526",
+    "@commercetools-uikit/utils": "12.2.0",
+    "@emotion/react": "^11.4.0",
+    "@emotion/styled": "^11.3.0",
+    "prop-types": "15.7.2"
+  },
+  "devDependencies": {
+    "react": "17.0.2",
+    "react-intl": "5.20.7"
+  },
+  "peerDependencies": {
+    "react": "17.x",
+    "react-intl": "5.x"
+  }
+}