chore: add stylelint config

dhis2 · Jun 3, 2024 · 1083b47 · 1083b47
1 parent 61f1856
commit 1083b47
Show file tree

Hide file tree

Showing 4 changed files with 396 additions and 961 deletions.
diff --git a/.stylelintrc.js b/.stylelintrc.js
@@ -0,0 +1,14 @@
+const { config } = require('@dhis2/cli-style')
+
+module.exports = {
+    extends: [config.stylelint],
+    rules: {
+        'csstools/use-logical': [
+            true,
+            {
+                // overriding the default config to error since this should be all fixed in this repo
+                severity: 'error',
+            },
+        ],
+    },
+}
diff --git a/package.json b/package.json
@@ -6,7 +6,7 @@
     "license": "BSD-3-Clause",
     "dependencies": {
         "@dhis2/analytics": "^26.6.10",
-        "@dhis2/app-runtime": "^3.10.2",
+        "@dhis2/app-runtime": "^3.10.4",
         "@dhis2/app-runtime-adapter-d2": "^1.1.0",
         "@dhis2/d2-i18n": "^1.1.3",
         "@dhis2/d2-ui-rich-text": "^7.4.3",
@@ -44,8 +44,8 @@
         "cy:run": "d2-utils-cypress run --appStart 'yarn cypress:start'"
     },
     "devDependencies": {
-        "@dhis2/cli-app-scripts": "10.5.0-alpha.2",
-        "@dhis2/cli-style": "^10.5.1",
+        "@dhis2/cli-app-scripts": "^11.3.0",
+        "@dhis2/cli-style": "^10.7.3",
         "@dhis2/cli-utils-cypress": "^7.0.1",
         "@dhis2/cypress-commands": "^7.0.1",
         "@testing-library/jest-dom": "^6.1.2",

diff --git a/src/components/DropdownButton/assets/Arrow.js b/src/components/DropdownButton/assets/Arrow.js
@@ -13,8 +13,8 @@ export function ArrowDown({ className }) {
             <style jsx>{`
                 svg {
                     fill: inherit;
-                    height: 12px;
-                    width: 12px;
+                    block-size: 12px;
+                    inline-size: 12px;
                     vertical-align: middle;
                     pointer-events: none;
                 }
@@ -40,8 +40,8 @@ export function ArrowUp({ className }) {
             <style jsx>{`
                 svg {
                     fill: inherit;
-                    height: 12px;
-                    width: 12px;
+                    block-size: 12px;
+                    inline-size: 12px;
                     vertical-align: middle;
                     pointer-events: none;
                 }