design-system-silkhaus 3.13.0-beta.lint-rule.1 → 4.0.0-beta.combine-tailwind-config.1

package/dist/tailwind.config.js

@@ -18,6 +18,13 @@ exports.fontSizeConfig = {
             fontWeight: 'var(--xLargeHero-TitleRegular-font-weight)',
         },
     ],
+    xLargeHeroTitleEmphasized: [
+        'var(--xLargeHero-TitleEmphasized-font-size)',
+        {
+            lineHeight: 'var(--xLargeHero-TitleEmphasized-line-height)',
+            fontWeight: 'var(--font-weight-semibold)',
+        },
+    ],
     xLargeTitle1Regular: [
         'var(--xLargeTitle-1Regular-font-size)',
         {
@@ -124,6 +131,13 @@ exports.fontSizeConfig = {
             fontWeight: 'var(--LargeHero-TitleRegular-font-weight)',
         },
     ],
+    largeHeroTitleEmphasized: [
+        'var(--LargeHero-TitleEmphasized-font-size)',
+        {
+            lineHeight: 'var(--LargeHero-TitleEmphasized-line-height)',
+            fontWeight: 'var(--font-weight-semibold)',
+        },
+    ],
     largeTitle1Regular: [
         'var(--LargeTitle-1Regular-font-size)',
         {
@@ -230,6 +244,13 @@ exports.fontSizeConfig = {
             fontWeight: 'var(--MediumHero-TitleRegular-font-weight)',
         },
     ],
+    mediumHeroTitleEmphasized: [
+        'var(--MediumHero-TitleEmphasized-font-size)',
+        {
+            lineHeight: 'var(--MediumHero-TitleEmphasized-line-height)',
+            fontWeight: 'var(--font-weight-semibold)',
+        },
+    ],
     mediumTitle1Regular: [
         'var(--MediumTitle-1Regular-font-size)',
         {
@@ -412,6 +433,13 @@ exports.fontSizeConfig = {
             fontWeight: 'var(--SmallHero-TitleRegular-font-weight)',
         },
     ],
+    smallHeroTitleEmphasized: [
+        'var(--SmallHero-TitleEmphasized-font-size)',
+        {
+            lineHeight: 'var(--SmallHero-TitleEmphasized-line-height)',
+            fontWeight: 'var(--font-weight-semibold)',
+        },
+    ],
     smallTitle1Regular: [
         'var(--SmallTitle-1Regular-font-size)',
         {
@@ -454,20 +482,6 @@ exports.fontSizeConfig = {
             fontWeight: 'var(--font-weight-semibold)',
         },
     ],
-    smallBodyRegular: [
-        '15px',
-        {
-            lineHeight: '24px',
-            fontWeight: 'var(--font-weight-normal)',
-        },
-    ],
-    smallBodyEmphasized: [
-        '15px',
-        {
-            lineHeight: '24px',
-            fontWeight: 'var(--font-weight-semibold)',
-        },
-    ],
     smallBody1Regular: [
         'var(--SmallBody-1Regular-font-size)',
         {
@@ -475,13 +489,6 @@ exports.fontSizeConfig = {
             fontWeight: 'var(--SmallBody-1Regular-font-weight)',
         },
     ],
-    smallBody1Emphasized: [
-        'var(--SmallBody-1Regular-font-size)',
-        {
-            lineHeight: 'var(--SmallBody-1Regular-line-height)',
-            fontWeight: 'var(--font-weight-semibold)',
-        },
-    ],
     smallBody2Regular: [
         'var(--SmallBody-2Regular-font-size)',
         {
@@ -489,13 +496,6 @@ exports.fontSizeConfig = {
             fontWeight: 'var(--SmallBody-2Regular-font-weight)',
         },
     ],
-    smallBody2Emphasized: [
-        'var(--SmallBody-2Regular-font-size)',
-        {
-            lineHeight: 'var(--SmallBody-2Regular-line-height)',
-            fontWeight: 'var(--font-weight-semibold)',
-        },
-    ],
     smallSubheadRegular: [
         'var(--SmallSubhead-Regular-font-size)',
         {
@@ -574,6 +574,13 @@ exports.fontSizeConfig = {
             fontWeight: 'var(--xSmallHero-TitleRegular-font-weight)',
         },
     ],
+    xSmallHeroTitleEmphasized: [
+        'var(--xSmallHero-TitleEmphasized-font-size)',
+        {
+            lineHeight: 'var(--xSmallHero-TitleEmphasized-line-height)',
+            fontWeight: 'var(--font-weight-semibold)',
+        },
+    ],
     xSmallTitle1Regular: [
         'var(--xSmallTitle-1Regular-font-size)',
         {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "design-system-silkhaus",
   "private": false,
-  "version": "3.13.0-beta.lint-rule.1",
+  "version": "4.0.0-beta.combine-tailwind-config.1",
   "description": "Design system for Silkhaus built with Typescript, React and Tailwind",
   "author": "silkhaus",
   "license": "MIT",
@@ -43,10 +43,6 @@
     "./tailwind-config": {
       "import": "./dist/tailwind.config.js",
       "require": "./dist/tailwind.config.js"
-    },
-    "./eslint-rules": {
-      "import": "./dist/eslint-rules",
-      "require": "./dist/eslint-rules"
     }
   },
   "scripts": {
@@ -56,7 +52,7 @@
     "test:ui": "vitest --ui",
     "test:coverage": "vitest run --coverage",
     "build-storybook": "storybook build",
-    "build:lib": "tsc && vite build && tsc tailwind.config.ts --outDir dist --module commonjs && mv dist/app.d.ts dist/app/index.d.ts && cp -r ./lib/eslint-rules dist",
+    "build:lib": "tsc && vite build && tsc tailwind.config.ts --outDir dist --module commonjs && mv dist/app.d.ts dist/app/index.d.ts",
     "lint": "eslint .",
     "format:fix": "prettier . --write --ignore-unknown",
     "format:check": "prettier . --check --ignore-unknown",

package/dist/eslint-rules/tailwind/no-restricted-classes.js

@@ -1,79 +0,0 @@
-export default {
-  meta: {
-    type: 'problem',
-    docs: {
-      description: 'Restrict listed names in tailwind tokens',
-      recommended: false,
-    },
-    messages: {
-      disallowedToken:
-        "Avoid using '{{ token }}' in token names. Use a semantic design token name instead.",
-    },
-    schema: [],
-  },
-
-  create(context) {
-    const DISALLOWED_TOKENS = [
-      'white',
-      'black',
-      'red',
-      'green',
-      'grey',
-      'gray',
-      'eggplant',
-      'carrot',
-      'teal',
-      'mustard',
-    ];
-
-    const regex = new RegExp(`\\b(${DISALLOWED_TOKENS.join('|')})\\b`, 'i');
-
-    function reportIfTokenUsed(node, value) {
-      const match = regex.exec(value);
-      if (match) {
-        context.report({
-          node,
-          messageId: 'disallowedToken',
-          data: {
-            token: match[1],
-          },
-        });
-      }
-    }
-
-    return {
-      Literal(node) {
-        if (typeof node.value === 'string') {
-          reportIfTokenUsed(node, node.value);
-        }
-      },
-      JSXAttribute(node) {
-        if (
-          node.name &&
-          ['class', 'className', 'style'].includes(node.name.name) &&
-          node.value &&
-          node.value.type === 'Literal' &&
-          typeof node.value.value === 'string'
-        ) {
-          reportIfTokenUsed(node.value, node.value.value);
-        }
-
-        // Also handle JSXExpressionContainer e.g. className={"my-class red-text"}
-        if (
-          node.value &&
-          node.value.type === 'JSXExpressionContainer' &&
-          node.value.expression &&
-          node.value.expression.type === 'Literal' &&
-          typeof node.value.expression.value === 'string'
-        ) {
-          reportIfTokenUsed(node.value.expression, node.value.expression.value);
-        }
-      },
-      TemplateLiteral(node) {
-        node.quasis.forEach((quasi) => {
-          reportIfTokenUsed(quasi, quasi.value.cooked || '');
-        });
-      },
-    };
-  },
-};