@atlaskit/primitives - npm Package Compare versions

Comparing version 0.9.2 to 0.9.3

CHANGELOG.md

 # @atlaskit/primitives
 
+## 0.9.3
+
+### Patch Changes
+
+- [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
+- [`e06d56c5a3d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e06d56c5a3d) - Adds type hinting for `fill` CSS property.
+
 ## 0.9.2
@@ -4,0 +11,0 @@

dist/cjs/version.json

 {
 	"name": "@atlaskit/primitives",
-	"version": "0.9.2",
+	"version": "0.9.3",
 	"sideEffects": false
 }

dist/cjs/xcss/style-maps.partial.js

@@ -7,3 +7,3 @@ "use strict";
 });
-exports.textColorMap = exports.spaceStylesMap = exports.spaceMap = exports.shadowMap = exports.positionMap = exports.paddingStylesMap = exports.overflowMap = exports.overflowInlineMap = exports.overflowBlockMap = exports.layerMap = exports.flexShrinkMap = exports.flexMap = exports.flexGrowMap = exports.flexDirectionMap = exports.displayMap = exports.dimensionMap = exports.borderWidthMap = exports.borderStyleMap = exports.borderRadiusMap = exports.borderColorMap = exports.backgroundColorStylesMap = exports.backgroundColorMap = exports.alignSelfMap = void 0;
+exports.textColorMap = exports.spaceStylesMap = exports.spaceMap = exports.shadowMap = exports.positionMap = exports.paddingStylesMap = exports.overflowMap = exports.overflowInlineMap = exports.overflowBlockMap = exports.layerMap = exports.flexShrinkMap = exports.flexMap = exports.flexGrowMap = exports.flexDirectionMap = exports.fillMap = exports.displayMap = exports.dimensionMap = exports.borderWidthMap = exports.borderStyleMap = exports.borderRadiusMap = exports.borderColorMap = exports.backgroundColorStylesMap = exports.backgroundColorMap = exports.alignSelfMap = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -64,6 +64,6 @@ var _react = require("@emotion/react");
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::4da498214befc7e312ff00d4f9f5379f>>
+ * @codegen <<SignedSource::aa1cfa3cd24f141a85ac1e0b70dbd8a8>>
  * @codegenId colors
  * @codegenCommand yarn codegen-styles
- * @codegenParams ["border", "background", "shadow", "text"]
+ * @codegenParams ["border", "background", "shadow", "text", "fill"]
  * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::10aa7e87eca39e4d6594a764e78e0698>>
@@ -245,2 +245,26 @@ */
 exports.textColorMap = textColorMap;
+var fillMap = {
+  'color.icon': "var(--ds-icon, #505F79)",
+  'accent.red': "var(--ds-icon-accent-red, #FF5630)",
+  'accent.orange': "var(--ds-icon-accent-orange, #D94008)",
+  'accent.yellow': "var(--ds-icon-accent-yellow, #FFAB00)",
+  'accent.green': "var(--ds-icon-accent-green, #36B37E)",
+  'accent.teal': "var(--ds-icon-accent-teal, #00B8D9)",
+  'accent.blue': "var(--ds-icon-accent-blue, #0065FF)",
+  'accent.purple': "var(--ds-icon-accent-purple, #6554C0)",
+  'accent.magenta': "var(--ds-icon-accent-magenta, #CD519D)",
+  'accent.gray': "var(--ds-icon-accent-gray, #5E6C84)",
+  disabled: "var(--ds-icon-disabled, #8993A4)",
+  inverse: "var(--ds-icon-inverse, #FFFFFF)",
+  selected: "var(--ds-icon-selected, #0052CC)",
+  brand: "var(--ds-icon-brand, #0065FF)",
+  danger: "var(--ds-icon-danger, #DE350B)",
+  warning: "var(--ds-icon-warning, #FFC400)",
+  'warning.inverse': "var(--ds-icon-warning-inverse, #253858)",
+  success: "var(--ds-icon-success, #00875A)",
+  discovery: "var(--ds-icon-discovery, #8777D9)",
+  information: "var(--ds-icon-information, #0747A6)",
+  subtle: "var(--ds-icon-subtle, #6B778C)"
+};
+exports.fillMap = fillMap;
 /**
@@ -247,0 +271,0 @@ * @codegenEnd

dist/cjs/xcss/xcss.js

@@ -30,2 +30,3 @@ "use strict";
   display: _styleMaps.displayMap,
+  fill: _styleMaps.fillMap,
   flex: _styleMaps.flexMap,
@@ -32,0 +33,0 @@ flexDirection: _styleMaps.flexDirectionMap,

dist/es2019/version.json

 {
 	"name": "@atlaskit/primitives",
-	"version": "0.9.2",
+	"version": "0.9.3",
 	"sideEffects": false
 }

dist/es2019/xcss/style-maps.partial.js

@@ -51,6 +51,6 @@ import { css } from '@emotion/react';
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::4da498214befc7e312ff00d4f9f5379f>>
+ * @codegen <<SignedSource::aa1cfa3cd24f141a85ac1e0b70dbd8a8>>
  * @codegenId colors
  * @codegenCommand yarn codegen-styles
- * @codegenParams ["border", "background", "shadow", "text"]
+ * @codegenParams ["border", "background", "shadow", "text", "fill"]
  * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::10aa7e87eca39e4d6594a764e78e0698>>
@@ -228,2 +228,25 @@ */
 };
+export const fillMap = {
+  'color.icon': "var(--ds-icon, #505F79)",
+  'accent.red': "var(--ds-icon-accent-red, #FF5630)",
+  'accent.orange': "var(--ds-icon-accent-orange, #D94008)",
+  'accent.yellow': "var(--ds-icon-accent-yellow, #FFAB00)",
+  'accent.green': "var(--ds-icon-accent-green, #36B37E)",
+  'accent.teal': "var(--ds-icon-accent-teal, #00B8D9)",
+  'accent.blue': "var(--ds-icon-accent-blue, #0065FF)",
+  'accent.purple': "var(--ds-icon-accent-purple, #6554C0)",
+  'accent.magenta': "var(--ds-icon-accent-magenta, #CD519D)",
+  'accent.gray': "var(--ds-icon-accent-gray, #5E6C84)",
+  disabled: "var(--ds-icon-disabled, #8993A4)",
+  inverse: "var(--ds-icon-inverse, #FFFFFF)",
+  selected: "var(--ds-icon-selected, #0052CC)",
+  brand: "var(--ds-icon-brand, #0065FF)",
+  danger: "var(--ds-icon-danger, #DE350B)",
+  warning: "var(--ds-icon-warning, #FFC400)",
+  'warning.inverse': "var(--ds-icon-warning-inverse, #253858)",
+  success: "var(--ds-icon-success, #00875A)",
+  discovery: "var(--ds-icon-discovery, #8777D9)",
+  information: "var(--ds-icon-information, #0747A6)",
+  subtle: "var(--ds-icon-subtle, #6B778C)"
+};
 /**
@@ -230,0 +253,0 @@ * @codegenEnd

dist/es2019/xcss/xcss.js

 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import { css as cssEmotion } from '@emotion/react';
 import warnOnce from '@atlaskit/ds-lib/warn-once';
-import { alignSelfMap, backgroundColorMap, borderColorMap, borderRadiusMap, borderStyleMap, borderWidthMap, dimensionMap, displayMap, flexDirectionMap, flexGrowMap, flexMap, flexShrinkMap, layerMap, overflowBlockMap, overflowInlineMap, overflowMap, positionMap, shadowMap, spaceMap, textColorMap } from './style-maps.partial';
+import { alignSelfMap, backgroundColorMap, borderColorMap, borderRadiusMap, borderStyleMap, borderWidthMap, dimensionMap, displayMap, fillMap, flexDirectionMap, flexGrowMap, flexMap, flexShrinkMap, layerMap, overflowBlockMap, overflowInlineMap, overflowMap, positionMap, shadowMap, spaceMap, textColorMap } from './style-maps.partial';
 const tokensMap = {
@@ -18,2 +18,3 @@ alignSelf: alignSelfMap,
   display: displayMap,
+  fill: fillMap,
   flex: flexMap,
@@ -20,0 +21,0 @@ flexDirection: flexDirectionMap,

dist/esm/version.json

 {
 	"name": "@atlaskit/primitives",
-	"version": "0.9.2",
+	"version": "0.9.3",
 	"sideEffects": false
 }

dist/esm/xcss/style-maps.partial.js

@@ -52,6 +52,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::4da498214befc7e312ff00d4f9f5379f>>
+ * @codegen <<SignedSource::aa1cfa3cd24f141a85ac1e0b70dbd8a8>>
  * @codegenId colors
  * @codegenCommand yarn codegen-styles
- * @codegenParams ["border", "background", "shadow", "text"]
+ * @codegenParams ["border", "background", "shadow", "text", "fill"]
  * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::10aa7e87eca39e4d6594a764e78e0698>>
@@ -229,2 +229,25 @@ */
 };
+export var fillMap = {
+  'color.icon': "var(--ds-icon, #505F79)",
+  'accent.red': "var(--ds-icon-accent-red, #FF5630)",
+  'accent.orange': "var(--ds-icon-accent-orange, #D94008)",
+  'accent.yellow': "var(--ds-icon-accent-yellow, #FFAB00)",
+  'accent.green': "var(--ds-icon-accent-green, #36B37E)",
+  'accent.teal': "var(--ds-icon-accent-teal, #00B8D9)",
+  'accent.blue': "var(--ds-icon-accent-blue, #0065FF)",
+  'accent.purple': "var(--ds-icon-accent-purple, #6554C0)",
+  'accent.magenta': "var(--ds-icon-accent-magenta, #CD519D)",
+  'accent.gray': "var(--ds-icon-accent-gray, #5E6C84)",
+  disabled: "var(--ds-icon-disabled, #8993A4)",
+  inverse: "var(--ds-icon-inverse, #FFFFFF)",
+  selected: "var(--ds-icon-selected, #0052CC)",
+  brand: "var(--ds-icon-brand, #0065FF)",
+  danger: "var(--ds-icon-danger, #DE350B)",
+  warning: "var(--ds-icon-warning, #FFC400)",
+  'warning.inverse': "var(--ds-icon-warning-inverse, #253858)",
+  success: "var(--ds-icon-success, #00875A)",
+  discovery: "var(--ds-icon-discovery, #8777D9)",
+  information: "var(--ds-icon-information, #0747A6)",
+  subtle: "var(--ds-icon-subtle, #6B778C)"
+};
 /**
@@ -231,0 +254,0 @@ * @codegenEnd

dist/esm/xcss/xcss.js

@@ -7,3 +7,3 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import warnOnce from '@atlaskit/ds-lib/warn-once';
-import { alignSelfMap, backgroundColorMap, borderColorMap, borderRadiusMap, borderStyleMap, borderWidthMap, dimensionMap, displayMap, flexDirectionMap, flexGrowMap, flexMap, flexShrinkMap, layerMap, overflowBlockMap, overflowInlineMap, overflowMap, positionMap, shadowMap, spaceMap, textColorMap } from './style-maps.partial';
+import { alignSelfMap, backgroundColorMap, borderColorMap, borderRadiusMap, borderStyleMap, borderWidthMap, dimensionMap, displayMap, fillMap, flexDirectionMap, flexGrowMap, flexMap, flexShrinkMap, layerMap, overflowBlockMap, overflowInlineMap, overflowMap, positionMap, shadowMap, spaceMap, textColorMap } from './style-maps.partial';
 var tokensMap = {
@@ -22,2 +22,3 @@ alignSelf: alignSelfMap,
   display: displayMap,
+  fill: fillMap,
   flex: flexMap,
@@ -24,0 +25,0 @@ flexDirection: flexDirectionMap,

dist/types/xcss/style-maps.partial.d.ts

@@ -69,6 +69,6 @@ import { SerializedStyles } from '@emotion/react';
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::4da498214befc7e312ff00d4f9f5379f>>
+ * @codegen <<SignedSource::aa1cfa3cd24f141a85ac1e0b70dbd8a8>>
  * @codegenId colors
  * @codegenCommand yarn codegen-styles
- * @codegenParams ["border", "background", "shadow", "text"]
+ * @codegenParams ["border", "background", "shadow", "text", "fill"]
  * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::10aa7e87eca39e4d6594a764e78e0698>>
@@ -250,2 +250,26 @@ */
 export type TextColor = keyof typeof textColorMap;
+export declare const fillMap: {
+    readonly 'color.icon': "var(--ds-icon)";
+    readonly 'accent.red': "var(--ds-icon-accent-red)";
+    readonly 'accent.orange': "var(--ds-icon-accent-orange)";
+    readonly 'accent.yellow': "var(--ds-icon-accent-yellow)";
+    readonly 'accent.green': "var(--ds-icon-accent-green)";
+    readonly 'accent.teal': "var(--ds-icon-accent-teal)";
+    readonly 'accent.blue': "var(--ds-icon-accent-blue)";
+    readonly 'accent.purple': "var(--ds-icon-accent-purple)";
+    readonly 'accent.magenta': "var(--ds-icon-accent-magenta)";
+    readonly 'accent.gray': "var(--ds-icon-accent-gray)";
+    readonly disabled: "var(--ds-icon-disabled)";
+    readonly inverse: "var(--ds-icon-inverse)";
+    readonly selected: "var(--ds-icon-selected)";
+    readonly brand: "var(--ds-icon-brand)";
+    readonly danger: "var(--ds-icon-danger)";
+    readonly warning: "var(--ds-icon-warning)";
+    readonly 'warning.inverse': "var(--ds-icon-warning-inverse)";
+    readonly success: "var(--ds-icon-success)";
+    readonly discovery: "var(--ds-icon-discovery)";
+    readonly information: "var(--ds-icon-information)";
+    readonly subtle: "var(--ds-icon-subtle)";
+};
+export type Fill = keyof typeof fillMap;
 /**
@@ -388,2 +412,3 @@ * @codegenEnd
     display?: Display;
+    fill?: Fill;
     flex?: Flex;
@@ -390,0 +415,0 @@ flexDirection?: FlexDirection;

package.json

 {
   "name": "@atlaskit/primitives",
-  "version": "0.9.2",
+  "version": "0.9.3",
   "description": "Primitives are token-backed low-level building blocks.",
@@ -72,3 +72,3 @@ "author": "Atlassian Pty Ltd",
   "scripts": {
-    "codegen-styles": "ts-node --project ../../../tsconfig.node.json ./scripts/codegen-styles"
+    "codegen-styles": "ts-node --project ./tsconfig.node.json ./scripts/codegen-styles"
   },
@@ -128,3 +128,3 @@ "main": "dist/cjs/index.js",
     "@atlassian/codegen": "^0.1.0",
-    "@atlassian/gemini-visual-regression": "^0.0.12",
+    "@atlassian/gemini-visual-regression": "^0.0.16",
     "@testing-library/react": "^12.1.5",
@@ -131,0 +131,0 @@ "csstype": "^3.1.0",

report.api.md

@@ -352,2 +352,30 @@ <!-- API Report Version: 2.3 -->
 // @public (undocumented)
+type Fill = keyof typeof fillMap;
+
+// @public (undocumented)
+const fillMap: {
+  readonly 'color.icon': 'var(--ds-icon)';
+  readonly 'accent.red': 'var(--ds-icon-accent-red)';
+  readonly 'accent.orange': 'var(--ds-icon-accent-orange)';
+  readonly 'accent.yellow': 'var(--ds-icon-accent-yellow)';
+  readonly 'accent.green': 'var(--ds-icon-accent-green)';
+  readonly 'accent.teal': 'var(--ds-icon-accent-teal)';
+  readonly 'accent.blue': 'var(--ds-icon-accent-blue)';
+  readonly 'accent.purple': 'var(--ds-icon-accent-purple)';
+  readonly 'accent.magenta': 'var(--ds-icon-accent-magenta)';
+  readonly 'accent.gray': 'var(--ds-icon-accent-gray)';
+  readonly disabled: 'var(--ds-icon-disabled)';
+  readonly inverse: 'var(--ds-icon-inverse)';
+  readonly selected: 'var(--ds-icon-selected)';
+  readonly brand: 'var(--ds-icon-brand)';
+  readonly danger: 'var(--ds-icon-danger)';
+  readonly warning: 'var(--ds-icon-warning)';
+  readonly 'warning.inverse': 'var(--ds-icon-warning-inverse)';
+  readonly success: 'var(--ds-icon-success)';
+  readonly discovery: 'var(--ds-icon-discovery)';
+  readonly information: 'var(--ds-icon-information)';
+  readonly subtle: 'var(--ds-icon-subtle)';
+};
+
+// @public (undocumented)
 type Flex = keyof typeof flexMap;
@@ -666,2 +694,3 @@
   display?: Display;
+  fill?: Fill;
   flex?: Flex;
@@ -668,0 +697,0 @@ flexDirection?: FlexDirection;

tmp/api-report-tmp.d.ts

@@ -314,2 +314,30 @@ ## API Report File for "@atlaskit/primitives"
 // @public (undocumented)
+type Fill = keyof typeof fillMap;
+
+// @public (undocumented)
+const fillMap: {
+    readonly 'color.icon': "var(--ds-icon)";
+    readonly 'accent.red': "var(--ds-icon-accent-red)";
+    readonly 'accent.orange': "var(--ds-icon-accent-orange)";
+    readonly 'accent.yellow': "var(--ds-icon-accent-yellow)";
+    readonly 'accent.green': "var(--ds-icon-accent-green)";
+    readonly 'accent.teal': "var(--ds-icon-accent-teal)";
+    readonly 'accent.blue': "var(--ds-icon-accent-blue)";
+    readonly 'accent.purple': "var(--ds-icon-accent-purple)";
+    readonly 'accent.magenta': "var(--ds-icon-accent-magenta)";
+    readonly 'accent.gray': "var(--ds-icon-accent-gray)";
+    readonly disabled: "var(--ds-icon-disabled)";
+    readonly inverse: "var(--ds-icon-inverse)";
+    readonly selected: "var(--ds-icon-selected)";
+    readonly brand: "var(--ds-icon-brand)";
+    readonly danger: "var(--ds-icon-danger)";
+    readonly warning: "var(--ds-icon-warning)";
+    readonly 'warning.inverse': "var(--ds-icon-warning-inverse)";
+    readonly success: "var(--ds-icon-success)";
+    readonly discovery: "var(--ds-icon-discovery)";
+    readonly information: "var(--ds-icon-information)";
+    readonly subtle: "var(--ds-icon-subtle)";
+};
+
+// @public (undocumented)
 type Flex = keyof typeof flexMap;
@@ -590,2 +618,3 @@
     display?: Display;
+    fill?: Fill;
     flex?: Flex;
@@ -592,0 +621,0 @@ flexDirection?: FlexDirection;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1685746

increased by3.06%

Number of package files

125

increased by13.64%

Lines of code

6635

increased by20.53%

No dependency changes