@atlaskit/tabs - npm Package Compare versions

Comparing version 13.4.2 to 13.4.3

CHANGELOG.md

 # @atlaskit/tabs
 
+## 13.4.3
+
+### Patch Changes
+
+- [`599bfe90ee3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/599bfe90ee3) - Internal change to use shape tokens. There is no expected visual change.
+
 ## 13.4.2
@@ -4,0 +10,0 @@

dist/cjs/components/tab-list.js

@@ -112,3 +112,3 @@ "use strict";
       ref: ref
-      // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
       ,
@@ -115,0 +115,0 @@ css: tabListStyles

dist/cjs/components/tabs.js

@@ -24,3 +24,3 @@ "use strict";
   packageName: "@atlaskit/tabs",
-  packageVersion: "13.4.2"
+  packageVersion: "13.4.3"
 };
@@ -134,3 +134,3 @@ var getTabPanelWithContext = function getTabPanelWithContext(_ref) {
       }
-      // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
       ,
@@ -137,0 +137,0 @@ css: tabsStyles

dist/cjs/internal/styles.js

@@ -15,5 +15,6 @@ "use strict";
 var tabTopBottomPadding = "var(--ds-space-050, 4px)";
-var underlineHeight = "var(--ds-width-100, 2px)";
+// TODO this should probably be `border.width.indicator`
+var underlineHeight = "var(--ds-border-width-outline, 2px)";
 var highContrastFocusStyles = {
-  outline: '1px solid'
+  outline: "var(--ds-border-width, 1px)".concat(" solid")
 };
@@ -33,3 +34,3 @@
     boxShadow: "0 0 0 2px ".concat((0, _colors.getTabPanelFocusColor)(mode), " inset"),
-    borderRadius: "var(--ds-radius-100, 3px)",
+    borderRadius: "var(--ds-border-radius, 3px)",
     outline: 'none'
@@ -71,3 +72,3 @@ };
   content: '""',
-  borderRadius: underlineHeight,
+  borderRadius: "var(--ds-border-radius-050, 2px)",
   bottom: 0,
@@ -99,3 +100,3 @@ margin: 0,
     boxShadow: "0 0 0 2px ".concat(colors.focusBorderColor, " inset"),
-    borderRadius: "var(--ds-radius-100, 3px)",
+    borderRadius: "var(--ds-border-radius, 3px)",
     outline: 'none',
@@ -102,0 +103,0 @@ // Hide TabLine on focus

dist/cjs/version.json

 {
 	"name": "@atlaskit/tabs",
-	"version": "13.4.2",
+	"version": "13.4.3",
 	"sideEffects": false
 }

dist/es2019/components/tab-list.js

@@ -104,3 +104,3 @@ /** @jsx jsx */
       ref: ref
-      // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
       ,
@@ -107,0 +107,0 @@ css: tabListStyles

dist/es2019/components/tabs.js

@@ -13,3 +13,3 @@ /** @jsx jsx */
   packageName: "@atlaskit/tabs",
-  packageVersion: "13.4.2"
+  packageVersion: "13.4.3"
 };
@@ -113,3 +113,3 @@ const getTabPanelWithContext = ({
       }
-      // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
       ,
@@ -116,0 +116,0 @@ css: tabsStyles

dist/es2019/internal/styles.js

@@ -5,5 +5,6 @@ import { css } from '@emotion/react';
 const tabTopBottomPadding = "var(--ds-space-050, 4px)";
-const underlineHeight = "var(--ds-width-100, 2px)";
+// TODO this should probably be `border.width.indicator`
+const underlineHeight = "var(--ds-border-width-outline, 2px)";
 const highContrastFocusStyles = {
-  outline: '1px solid'
+  outline: `${"var(--ds-border-width, 1px)"} solid`
 };
@@ -22,3 +23,3 @@
   boxShadow: `0 0 0 2px ${getTabPanelFocusColor(mode)} inset`,
-  borderRadius: "var(--ds-radius-100, 3px)",
+  borderRadius: "var(--ds-border-radius, 3px)",
   outline: 'none'
@@ -54,3 +55,3 @@ });
   content: '""',
-  borderRadius: underlineHeight,
+  borderRadius: "var(--ds-border-radius-050, 2px)",
   bottom: 0,
@@ -79,3 +80,3 @@ margin: 0,
     boxShadow: `0 0 0 2px ${colors.focusBorderColor} inset`,
-    borderRadius: "var(--ds-radius-100, 3px)",
+    borderRadius: "var(--ds-border-radius, 3px)",
     outline: 'none',
@@ -82,0 +83,0 @@ // Hide TabLine on focus

dist/es2019/version.json

 {
 	"name": "@atlaskit/tabs",
-	"version": "13.4.2",
+	"version": "13.4.3",
 	"sideEffects": false
 }

dist/esm/components/tab-list.js

@@ -105,3 +105,3 @@ /** @jsx jsx */
       ref: ref
-      // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
       ,
@@ -108,0 +108,0 @@ css: tabListStyles

dist/esm/components/tabs.js

@@ -18,3 +18,3 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
   packageName: "@atlaskit/tabs",
-  packageVersion: "13.4.2"
+  packageVersion: "13.4.3"
 };
@@ -128,3 +128,3 @@ var getTabPanelWithContext = function getTabPanelWithContext(_ref) {
       }
-      // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
       ,
@@ -131,0 +131,0 @@ css: tabsStyles

dist/esm/internal/styles.js

@@ -8,5 +8,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var tabTopBottomPadding = "var(--ds-space-050, 4px)";
-var underlineHeight = "var(--ds-width-100, 2px)";
+// TODO this should probably be `border.width.indicator`
+var underlineHeight = "var(--ds-border-width-outline, 2px)";
 var highContrastFocusStyles = {
-  outline: '1px solid'
+  outline: "var(--ds-border-width, 1px)".concat(" solid")
 };
@@ -26,3 +27,3 @@
     boxShadow: "0 0 0 2px ".concat(getTabPanelFocusColor(mode), " inset"),
-    borderRadius: "var(--ds-radius-100, 3px)",
+    borderRadius: "var(--ds-border-radius, 3px)",
     outline: 'none'
@@ -63,3 +64,3 @@ };
   content: '""',
-  borderRadius: underlineHeight,
+  borderRadius: "var(--ds-border-radius-050, 2px)",
   bottom: 0,
@@ -90,3 +91,3 @@ margin: 0,
     boxShadow: "0 0 0 2px ".concat(colors.focusBorderColor, " inset"),
-    borderRadius: "var(--ds-radius-100, 3px)",
+    borderRadius: "var(--ds-border-radius, 3px)",
     outline: 'none',
@@ -93,0 +94,0 @@ // Hide TabLine on focus

dist/esm/version.json

 {
 	"name": "@atlaskit/tabs",
-	"version": "13.4.2",
+	"version": "13.4.3",
 	"sideEffects": false
 }

package.json

 {
   "name": "@atlaskit/tabs",
-  "version": "13.4.2",
+  "version": "13.4.3",
   "description": "Tabs are used to organize content by grouping similar information on the same page.",
@@ -27,3 +27,3 @@ "publishConfig": {
     "team": "Design System Team",
-    "releaseModel": "scheduled",
+    "releaseModel": "continuous",
     "website": {
@@ -37,5 +37,5 @@ "name": "Tabs",
     "@atlaskit/codemod-utils": "^4.2.0",
-    "@atlaskit/ds-explorations": "^2.1.0",
+    "@atlaskit/ds-explorations": "^2.2.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.4.0",
+    "@atlaskit/tokens": "^1.11.0",
     "@babel/runtime": "^7.0.0",
@@ -48,3 +48,3 @@ "@emotion/react": "^11.7.1"
   "devDependencies": {
-    "@atlaskit/button": "^16.7.0",
+    "@atlaskit/button": "^16.8.0",
     "@atlaskit/docs": "*",
@@ -51,0 +51,0 @@ "@atlaskit/ds-lib": "^2.2.0",

No alert changes

Improved metrics

Total package byte prevSize

230916

increased by1.53%

Number of package files

90

increased by1.12%

Lines of code

4945

increased by1.87%

Dependency changes

• Updated@atlaskit/ds-explorations@^2.2.0

• Updated@atlaskit/tokens@^1.11.0