Added support for 4px grid to site & uui package

epam · Dec 2, 2024 · 62a1b97 · 62a1b97
1 parent b1b6413
commit 62a1b97
Show file tree

Hide file tree

Showing 18 changed files with 1,385 additions and 131 deletions.
diff --git a/.github/workflows/qa.yml b/.github/workflows/qa.yml
@@ -3,7 +3,7 @@ name: qa
 # Controls when the action will run.
 on:
     push:
-        branches: [ themes/eduverse-theme ]
+        branches: [ feature/4px-grid-for-uui ]
     # Allows you to run this workflow manually from the Actions tab
     workflow_dispatch:
 

diff --git a/app/src/data/propsOverride_4px.ts b/app/src/data/propsOverride_4px.ts
@@ -0,0 +1,176 @@
+import { TPropEditorType, TPropEditorTypeOverride } from '@epam/uui-docs';
+
+const propsOverride: TPropEditorTypeOverride = {
+    '@epam/uui:AlertProps': {
+        size: {
+            editor: {
+                type: TPropEditorType.oneOf,
+                options: ['40', '48'],
+            },
+            comment: {
+                tags: {
+                    '@default': '40',
+                },
+            },
+        },
+    },
+    '@epam/uui:ButtonProps': {
+        size: {
+            editor: {
+                type: TPropEditorType.oneOf,
+                options: ['40', '48'],
+            },
+            comment: {
+                tags: {
+                    '@default': '40',
+                },
+            },
+        },
+    },
+    '@epam/uui:BadgeProps': {
+        size: {
+            editor: {
+                type: TPropEditorType.oneOf,
+                options: ['24', '32', '40'],
+            },
+            comment: {
+                tags: {
+                    '@default': '32',
+                },
+            },
+        },
+    },
+    '@epam/uui:LinkButtonProps': {
+        size: {
+            editor: {
+                type: TPropEditorType.oneOf,
+                options: ['24', '32', '40'],
+            },
+            comment: {
+                tags: {
+                    '@default': '40',
+                },
+            },
+        },
+    },
+    '@epam/uui:TextInputProps': {
+        size: {
+            editor: {
+                type: TPropEditorType.oneOf,
+                options: ['40', '48'],
+            },
+            comment: {
+                tags: {
+                    '@default': '40',
+                },
+            },
+        },
+    },
+    '@epam/uui:NumericInputProps': {
+        size: {
+            editor: {
+                type: TPropEditorType.oneOf,
+                options: ['40', '48'],
+            },
+            comment: {
+                tags: {
+                    '@default': '40',
+                },
+            },
+        },
+    },
+    '@epam/uui:CheckboxProps': {
+        size: {
+            editor: {
+                type: TPropEditorType.oneOf,
+                options: ['20', '24', '28'],
+            },
+            comment: {
+                tags: {
+                    '@default': '24',
+                },
+            },
+        },
+    },
+    '@epam/uui:RadioInputProps': {
+        size: {
+            editor: {
+                type: TPropEditorType.oneOf,
+                options: ['20', '24', '28'],
+            },
+            comment: {
+                tags: {
+                    '@default': '24',
+                },
+            },
+        },
+    },
+    '@epam/uui:SwitchProps': {
+        size: {
+            editor: {
+                type: TPropEditorType.oneOf,
+                options: ['20', '24'],
+            },
+            comment: {
+                tags: {
+                    '@default': '24',
+                },
+            },
+        },
+    },
+    '@epam/uui:TabButtonProps': {
+        size: {
+            editor: {
+                type: TPropEditorType.oneOf,
+                options: ['48'],
+            },
+            comment: {
+                tags: {
+                    '@default': '48',
+                },
+            },
+        },
+    },
+    '@epam/uui:PickerInputProps': {
+        size: {
+            editor: {
+                type: TPropEditorType.oneOf,
+                options: ['40', '48'],
+            },
+            comment: {
+                tags: {
+                    '@default': '40',
+                },
+            },
+        },
+    },
+    '@epam/uui:CountIndicatorProps': {
+        size: {
+            editor: {
+                type: TPropEditorType.oneOf,
+                options: ['20', '24'],
+            },
+            comment: {
+                tags: {
+                    '@default': '24',
+                },
+            },
+        },
+    },
+    '@epam/uui:DatePickerProps': {
+        size: {
+            editor: {
+                type: TPropEditorType.oneOf,
+                options: ['40', '48'],
+            },
+            comment: {
+                tags: {
+                    '@default': '40',
+                },
+            },
+        },
+    },
+
+};
+
+export default propsOverride;