@atlaskit/eslint-plugin-design-system 10.7.2 → 10.8.1

package/dist/cjs/ast-nodes/object-entry.js

@@ -66,7 +66,8 @@ var ObjectEntry = exports.ObjectEntry = {
       return undefined;
     }
     if ((0, _eslintCodemodUtils.isNodeOfType)(node.key, 'Literal')) {
-      return node.key.raw;
+      var _node$key$value;
+      return (_node$key$value = node.key.value) === null || _node$key$value === void 0 ? void 0 : _node$key$value.toString();
     }
     if ((0, _eslintCodemodUtils.isNodeOfType)(node.key, 'Identifier')) {
       return node.key.name;

package/dist/cjs/presets/all.codegen.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::837556032f39113ae86785a120bb9ccb>>
+ * @codegen <<SignedSource::9bb5329713677543f16019954484ae2f>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 var _default = exports.default = {
@@ -44,6 +44,7 @@ var _default = exports.default = {
     '@atlaskit/design-system/use-heading-level-in-spotlight-card': 'warn',
     '@atlaskit/design-system/use-href-in-link-item': 'warn',
     '@atlaskit/design-system/use-latest-xcss-syntax': 'error',
+    '@atlaskit/design-system/use-latest-xcss-syntax-typography': 'warn',
     '@atlaskit/design-system/use-menu-section-title': 'warn',
     '@atlaskit/design-system/use-popup-label': 'warn',
     '@atlaskit/design-system/use-primitives': 'warn',

package/dist/cjs/presets/recommended.codegen.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::b7ed527a03208f0bc68f9d34e4ef2260>>
+ * @codegen <<SignedSource::76bee1648b1b78d3ad253f0704a9cac7>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 var _default = exports.default = {
@@ -34,6 +34,7 @@ var _default = exports.default = {
     '@atlaskit/design-system/use-heading-level-in-spotlight-card': 'warn',
     '@atlaskit/design-system/use-href-in-link-item': 'warn',
     '@atlaskit/design-system/use-latest-xcss-syntax': 'error',
+    '@atlaskit/design-system/use-latest-xcss-syntax-typography': 'warn',
     '@atlaskit/design-system/use-menu-section-title': 'warn',
     '@atlaskit/design-system/use-popup-label': 'warn',
     '@atlaskit/design-system/use-visually-hidden': 'error'

package/dist/cjs/rules/index.codegen.js

@@ -37,6 +37,7 @@ var _useHeading = _interopRequireDefault(require("./use-heading"));
 var _useHeadingLevelInSpotlightCard = _interopRequireDefault(require("./use-heading-level-in-spotlight-card"));
 var _useHrefInLinkItem = _interopRequireDefault(require("./use-href-in-link-item"));
 var _useLatestXcssSyntax = _interopRequireDefault(require("./use-latest-xcss-syntax"));
+var _useLatestXcssSyntaxTypography = _interopRequireDefault(require("./use-latest-xcss-syntax-typography"));
 var _useMenuSectionTitle = _interopRequireDefault(require("./use-menu-section-title"));
 var _usePopupLabel = _interopRequireDefault(require("./use-popup-label"));
 var _usePrimitives = _interopRequireDefault(require("./use-primitives"));
@@ -46,7 +47,7 @@ var _useTokensTypography = _interopRequireDefault(require("./use-tokens-typograp
 var _useVisuallyHidden = _interopRequireDefault(require("./use-visually-hidden"));
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::287628b11d396c2bcbcf6f4a175a3d3a>>
+ * @codegen <<SignedSource::b359d356c482db0087ddfce5bd105403>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 var _default = exports.default = {
@@ -82,6 +83,7 @@ var _default = exports.default = {
   'use-heading-level-in-spotlight-card': _useHeadingLevelInSpotlightCard.default,
   'use-href-in-link-item': _useHrefInLinkItem.default,
   'use-latest-xcss-syntax': _useLatestXcssSyntax.default,
+  'use-latest-xcss-syntax-typography': _useLatestXcssSyntaxTypography.default,
   'use-menu-section-title': _useMenuSectionTitle.default,
   'use-popup-label': _usePopupLabel.default,
   'use-primitives': _usePrimitives.default,

package/dist/cjs/rules/use-latest-xcss-syntax-typography/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.error = exports.default = void 0;
+var _createRule = require("../utils/create-rule");
+var _linters = require("./linters");
+var error = exports.error = "Don't set fontSize, lineHeight, fontWeight properties on xcss. They are unsafe as they allow invalid combinations of typography tokens. There is ongoing work to make this a TypeScript error. Once that happens, you will have to delete/refactor anyway.";
+var rule = (0, _createRule.createLintRule)({
+  meta: {
+    name: 'use-latest-xcss-syntax-typography',
+    type: 'problem',
+    fixable: 'code',
+    hasSuggestions: false,
+    docs: {
+      description: 'Prohibits use of unsafe styling properties in xcss. Please use Text/Heading primitives instead.',
+      recommended: true,
+      severity: 'warn'
+    },
+    messages: {
+      noUnsafeTypographyProperties: error
+    }
+  },
+  create: function create(context) {
+    return {
+      'CallExpression[callee.name="xcss"] ObjectExpression > Property > Identifier[name=/(fontSize|lineHeight|fontWeight)/]': function CallExpressionCalleeNameXcssObjectExpressionPropertyIdentifierNameFontSizeLineHeightFontWeight(node) {
+        return _linters.BannedProperty.lint(node, {
+          context: context
+        });
+      },
+      'CallExpression[callee.name="xcss"] ObjectExpression > Property > Literal[value=/(fontSize|lineHeight|fontWeight)/]': function CallExpressionCalleeNameXcssObjectExpressionPropertyLiteralValueFontSizeLineHeightFontWeight(node) {
+        return _linters.BannedProperty.lint(node, {
+          context: context
+        });
+      }
+    };
+  }
+});
+var _default = exports.default = rule;

package/dist/cjs/rules/use-latest-xcss-syntax-typography/linters/banned-property/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BannedProperty = void 0;
+/* eslint-disable @repo/internal/react/require-jsdoc */
+
+var messageId = 'noUnsafeTypographyProperties';
+var BannedProperty = exports.BannedProperty = {
+  lint: function lint(node, _ref) {
+    var context = _ref.context;
+    context.report({
+      node: node,
+      messageId: messageId
+    });
+  }
+};

package/dist/cjs/rules/use-latest-xcss-syntax-typography/linters/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "BannedProperty", {
+  enumerable: true,
+  get: function get() {
+    return _bannedProperty.BannedProperty;
+  }
+});
+var _bannedProperty = require("./banned-property");