@atlaskit/textarea - npm Package Compare versions

Comparing version 2.1.7 to 2.1.8

CHANGELOG.md

 # @atlaskit/textarea
 
+## 2.1.8
+
+### Patch Changes
+
+- [patch][708028db86](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/708028db86):
+
+  Change all the imports to theme in Core to use multi entry points
+
 ## 2.1.7
@@ -4,0 +12,0 @@

dist/cjs/component-tokens.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var theme_1 = require("@atlaskit/theme");
+var tslib_1 = require("tslib");
+var colors = tslib_1.__importStar(require("@atlaskit/theme/colors"));
 // The following are the name for color mappings in @atlaskit/themes
 // The exports are the functions, not the objects, so could not be used here
-exports.disabled = { light: theme_1.colors.N20, dark: theme_1.colors.DN20 };
+exports.disabled = { light: colors.N20, dark: colors.DN20 };
 // For validation red is the new 'yellow' which was { light: colors.Y300, dark: colors.Y300 }
-exports.invalidBorderColor = { light: theme_1.colors.R400, dark: theme_1.colors.R400 };
-exports.defaultBorderColorFocus = { light: theme_1.colors.B100, dark: theme_1.colors.B75 };
-exports.defaultBorderColor = { light: theme_1.colors.N40, dark: theme_1.colors.DN40 };
-exports.defaultBackgroundColor = { light: theme_1.colors.N10, dark: theme_1.colors.DN10 };
+exports.invalidBorderColor = { light: colors.R400, dark: colors.R400 };
+exports.defaultBorderColorFocus = { light: colors.B100, dark: colors.B75 };
+exports.defaultBorderColor = { light: colors.N40, dark: colors.DN40 };
+exports.defaultBackgroundColor = { light: colors.N10, dark: colors.DN10 };
 exports.defaultBackgroundColorHover = {
-    light: theme_1.colors.N30,
-    dark: theme_1.colors.DN30,
+    light: colors.N30,
+    dark: colors.DN30,
 };
 exports.defaultBackgroundColorFocus = {
-    light: theme_1.colors.N0,
-    dark: theme_1.colors.DN10,
+    light: colors.N0,
+    dark: colors.DN10,
 };
-exports.placeholderTextColor = { light: theme_1.colors.N100, dark: theme_1.colors.DN200 };
-exports.textColor = { light: theme_1.colors.N900, dark: theme_1.colors.DN600 };
-exports.disabledTextColor = { light: theme_1.colors.N70, dark: theme_1.colors.DN90 };
+exports.placeholderTextColor = { light: colors.N100, dark: colors.DN200 };
+exports.textColor = { light: colors.N900, dark: colors.DN600 };
+exports.disabledTextColor = { light: colors.N70, dark: colors.DN90 };
 exports.transparent = { light: 'transparent', dark: 'transparent' };
 //# sourceMappingURL=component-tokens.js.map

dist/cjs/components/TextArea.js

@@ -6,5 +6,5 @@ "use strict";
 var analytics_next_1 = require("@atlaskit/analytics-next");
-var theme_1 = tslib_1.__importDefault(require("@atlaskit/theme"));
+var components_1 = tslib_1.__importDefault(require("@atlaskit/theme/components"));
 var version_json_1 = require("../version.json");
-var theme_2 = require("../theme");
+var theme_1 = require("../theme");
 var styled_1 = require("../styled");
@@ -39,6 +39,6 @@ var TextAreaElement_1 = tslib_1.__importDefault(require("./TextAreaElement"));
         var isFocused = this.state.isFocused;
-        return (react_1.default.createElement(theme_1.default.Consumer, null, function (_a) {
+        return (react_1.default.createElement(components_1.default.Consumer, null, function (_a) {
             var mode = _a.mode;
-            return (react_1.default.createElement(theme_2.Theme.Provider, { value: theme },
-                react_1.default.createElement(theme_2.Theme.Consumer, { appearance: appearance, mode: mode }, function (tokens) { return (react_1.default.createElement(styled_1.TextAreaWrapper, tslib_1.__assign({ resize: resize, maxHeight: maxHeight, appearance: appearance, isCompact: isCompact, isDisabled: isDisabled, isReadOnly: isReadOnly, isMonospaced: isMonospaced, isFocused: isFocused, isInvalid: isInvalid, minimumRows: minimumRows }, tokens),
+            return (react_1.default.createElement(theme_1.Theme.Provider, { value: theme },
+                react_1.default.createElement(theme_1.Theme.Consumer, { appearance: appearance, mode: mode }, function (tokens) { return (react_1.default.createElement(styled_1.TextAreaWrapper, tslib_1.__assign({ resize: resize, maxHeight: maxHeight, appearance: appearance, isCompact: isCompact, isDisabled: isDisabled, isReadOnly: isReadOnly, isMonospaced: isMonospaced, isFocused: isFocused, isInvalid: isInvalid, minimumRows: minimumRows }, tokens),
                     react_1.default.createElement(TextAreaElement_1.default, tslib_1.__assign({ forwardedRef: forwardedRef, resize: resize, disabled: isDisabled, readOnly: isReadOnly, required: isRequired }, rest, { onFocus: _this.handleOnFocus, onBlur: _this.handleOnBlur })))); })));
@@ -45,0 +45,0 @@ }));

dist/cjs/styled/index.js

@@ -5,4 +5,4 @@ "use strict";
 var styled_components_1 = tslib_1.__importStar(require("styled-components"));
-var theme_1 = require("@atlaskit/theme");
-var grid = theme_1.gridSize();
+var constants_1 = require("@atlaskit/theme/constants");
+var grid = constants_1.gridSize();
 var borderRadius = '3px';
@@ -99,3 +99,3 @@ var borderWidth = 2;
     ";\n    font-size: inherit;\n    line-height: ",
-    ";\n    min-width: 0;\n    outline: none;\n    overflow: auto;\n    max-width: 100%;\n    width: 100%;\n    padding: 0;\n    ", ";\n    ", "\n\n    &[disabled] {\n      ", ";\n    }\n    &::-ms-clear {\n      display: none;\n    }\n\n    &:invalid {\n      box-shadow: none;\n    }\n  }\n"])), getBackgroundColor, getBorderColor, borderRadius, getBorderStyle, transitionDuration, transitionDuration, getBorderAndPadding, getHoverState, function (props) { return props.isDisabled && "cursor: not-allowed;"; }, theme_1.fontSize, function (props) { return props.maxHeight; }, getResizeStyles, function (_a) {
+    ";\n    min-width: 0;\n    outline: none;\n    overflow: auto;\n    max-width: 100%;\n    width: 100%;\n    padding: 0;\n    ", ";\n    ", "\n\n    &[disabled] {\n      ", ";\n    }\n    &::-ms-clear {\n      display: none;\n    }\n\n    &:invalid {\n      box-shadow: none;\n    }\n  }\n"])), getBackgroundColor, getBorderColor, borderRadius, getBorderStyle, transitionDuration, transitionDuration, getBorderAndPadding, getHoverState, function (props) { return props.isDisabled && "cursor: not-allowed;"; }, constants_1.fontSize, function (props) { return props.maxHeight; }, getResizeStyles, function (_a) {
     var isDisabled = _a.isDisabled, textColor = _a.textColor, disabledRules = _a.disabledRules;
@@ -107,8 +107,8 @@ return isDisabled ? disabledRules.textColor : textColor;
 }, function (props) {
-    return props.isMonospaced ? theme_1.codeFontFamily() : 'inherit';
+    return props.isMonospaced ? constants_1.codeFontFamily() : 'inherit';
 }, function (_a) {
     var isCompact = _a.isCompact;
-    return getLineHeight({ isCompact: isCompact }) / theme_1.fontSize();
+    return getLineHeight({ isCompact: isCompact }) / constants_1.fontSize();
 }, getPlaceholderStyle(getPlaceholderColor), getMinimumRowsHeight, overrideSafariDisabledStyles);
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
 //# sourceMappingURL=index.js.map

dist/cjs/theme.d.ts

@@ -1,2 +0,1 @@
-/// <reference path="../../../theme/index.d.ts" />
 export declare type ThemeAppearance = 'standard' | 'subtle' | 'none';
@@ -145,2 +144,2 @@ export declare type ThemeProps = {
 };
-export declare const Theme: import("@atlaskit/theme").Theme<ThemeTokens, ThemeProps>;
+export declare const Theme: any;

dist/cjs/theme.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-var theme_1 = require("@atlaskit/theme");
+var components_1 = require("@atlaskit/theme/components");
 var componentTokens = tslib_1.__importStar(require("./component-tokens"));
@@ -77,3 +77,3 @@ var disabledRules = {
 };
-exports.Theme = theme_1.createTheme(function (_a) {
+exports.Theme = components_1.createTheme(function (_a) {
     var appearance = _a.appearance, mode = _a.mode;
@@ -80,0 +80,0 @@ return ({

dist/cjs/version.json

 {
 	"name": "@atlaskit/textarea",
-	"version": "2.1.7",
+	"version": "2.1.8",
 	"sideEffects": false
 }

dist/esm/component-tokens.js

@@ -1,2 +0,2 @@
-import { colors } from '@atlaskit/theme';
+import * as colors from '@atlaskit/theme/colors';
 // The following are the name for color mappings in @atlaskit/themes
@@ -3,0 +3,0 @@ // The exports are the functions, not the objects, so could not be used here

dist/esm/components/TextArea.js

 import * as tslib_1 from "tslib";
 import React from 'react';
 import { withAnalyticsEvents, withAnalyticsContext, createAndFireEvent, } from '@atlaskit/analytics-next';
-import GlobalTheme from '@atlaskit/theme';
+import GlobalTheme from '@atlaskit/theme/components';
 import { name as packageName, version as packageVersion, } from '../version.json';
@@ -6,0 +6,0 @@ import { Theme } from '../theme';

dist/esm/styled/index.js

 import * as tslib_1 from "tslib";
 import styled, { css } from 'styled-components';
-import { codeFontFamily, fontSize, gridSize } from '@atlaskit/theme';
+import { codeFontFamily, fontSize, gridSize } from '@atlaskit/theme/constants';
 var grid = gridSize();
@@ -5,0 +5,0 @@ var borderRadius = '3px';

dist/esm/theme.d.ts

@@ -1,2 +0,1 @@
-/// <reference path="../../../theme/index.d.ts" />
 export declare type ThemeAppearance = 'standard' | 'subtle' | 'none';
@@ -145,2 +144,2 @@ export declare type ThemeProps = {
 };
-export declare const Theme: import("@atlaskit/theme").Theme<ThemeTokens, ThemeProps>;
+export declare const Theme: any;

dist/esm/theme.js

@@ -1,2 +0,2 @@
-import { createTheme } from '@atlaskit/theme';
+import { createTheme } from '@atlaskit/theme/components';
 import * as componentTokens from './component-tokens';
@@ -3,0 +3,0 @@ var disabledRules = {

dist/esm/version.json

 {
 	"name": "@atlaskit/textarea",
-	"version": "2.1.7",
+	"version": "2.1.8",
 	"sideEffects": false
 }

package.json

 {
   "name": "@atlaskit/textarea",
-  "version": "2.1.7",
+  "version": "2.1.8",
   "description": "Textarea Component",
@@ -5,0 +5,0 @@ "license": "Apache-2.0",

tmp/package.json

 {
 	"name": "@atlaskit/textarea",
-	"version": "2.1.7",
+	"version": "2.1.8",
 	"sideEffects": false
 }

No alert changes

Worsened metrics

Total package byte prevSize

96290

decreased by-0.01%

Lines of code

1473

decreased by-0.07%

No dependency changes