Update from Vibe Studio

node_modules/@ant-design/pro-layout/lib/components/AppsLogoComponents/style/default.d.ts

@@ -0,0 +1,4 @@
+import type { GenerateStyle } from '@ant-design/pro-provider';
+import type { AppsLogoComponentsToken } from './index';
+declare const genAppsLogoComponentsDefaultListStyle: GenerateStyle<AppsLogoComponentsToken>;
+export { genAppsLogoComponentsDefaultListStyle };

node_modules/@ant-design/pro-layout/lib/components/AppsLogoComponents/style/default.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.genAppsLogoComponentsDefaultListStyle = void 0;
+var _proUtils = require("@ant-design/pro-utils");
+var genAppsLogoComponentsDefaultListStyle = exports.genAppsLogoComponentsDefaultListStyle = function genAppsLogoComponentsDefaultListStyle(token) {
+  return {
+    '&-content': {
+      maxHeight: 'calc(100vh - 48px)',
+      overflow: 'auto',
+      '&-list': {
+        boxSizing: 'content-box',
+        maxWidth: 656,
+        marginBlock: 0,
+        marginInline: 0,
+        paddingBlock: 0,
+        paddingInline: 0,
+        listStyle: 'none',
+        '&-item': {
+          position: 'relative',
+          display: 'inline-block',
+          width: 328,
+          height: 72,
+          paddingInline: 16,
+          paddingBlock: 16,
+          verticalAlign: 'top',
+          listStyleType: 'none',
+          transition: 'transform 0.2s cubic-bezier(0.333, 0, 0, 1)',
+          borderRadius: token.borderRadius,
+          '&-group': {
+            marginBottom: 16,
+            '&-title': {
+              margin: '16px 0 8px 12px',
+              fontWeight: 600,
+              color: 'rgba(0, 0, 0, 0.88)',
+              fontSize: 16,
+              opacity: 0.85,
+              lineHeight: 1.5,
+              '&:first-child': {
+                marginTop: 12
+              }
+            }
+          },
+          '&:hover': {
+            backgroundColor: token.colorBgTextHover
+          },
+          '* div': _proUtils.resetComponent === null || _proUtils.resetComponent === void 0 ? void 0 : (0, _proUtils.resetComponent)(token),
+          a: {
+            display: 'flex',
+            height: '100%',
+            fontSize: 12,
+            textDecoration: 'none',
+            '& > img': {
+              width: 40,
+              height: 40
+            },
+            '& > div': {
+              marginInlineStart: 14,
+              color: token.colorTextHeading,
+              fontSize: 14,
+              lineHeight: '22px',
+              whiteSpace: 'nowrap',
+              textOverflow: 'ellipsis'
+            },
+            '& > div > span': {
+              color: token.colorTextSecondary,
+              fontSize: 12,
+              lineHeight: '20px'
+            }
+          }
+        }
+      }
+    }
+  };
+};

node_modules/@ant-design/pro-layout/lib/components/AppsLogoComponents/style/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ProAliasToken } from '@ant-design/pro-provider';
+export interface AppsLogoComponentsToken extends ProAliasToken {
+    componentCls: string;
+}
+export declare function useStyle(prefixCls: string): {
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    hashId: string;
+};

node_modules/@ant-design/pro-layout/lib/components/AppsLogoComponents/style/index.js

@@ -0,0 +1,66 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyle = useStyle;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _proProvider = require("@ant-design/pro-provider");
+var _default = require("./default");
+var _simple = require("./simple");
+var genAppsLogoComponentsStyle = function genAppsLogoComponentsStyle(token) {
+  var _token$layout, _token$layout2, _token$layout3, _token$layout4, _token$layout5;
+  return (0, _defineProperty2.default)({}, token.componentCls, {
+    '&-icon': {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      paddingInline: 4,
+      paddingBlock: 0,
+      fontSize: 14,
+      lineHeight: '14px',
+      height: 28,
+      width: 28,
+      cursor: 'pointer',
+      color: (_token$layout = token.layout) === null || _token$layout === void 0 ? void 0 : _token$layout.colorTextAppListIcon,
+      borderRadius: token.borderRadius,
+      '&:hover': {
+        color: (_token$layout2 = token.layout) === null || _token$layout2 === void 0 ? void 0 : _token$layout2.colorTextAppListIconHover,
+        backgroundColor: (_token$layout3 = token.layout) === null || _token$layout3 === void 0 ? void 0 : _token$layout3.colorBgAppListIconHover
+      },
+      '&-active': {
+        color: (_token$layout4 = token.layout) === null || _token$layout4 === void 0 ? void 0 : _token$layout4.colorTextAppListIconHover,
+        backgroundColor: (_token$layout5 = token.layout) === null || _token$layout5 === void 0 ? void 0 : _token$layout5.colorBgAppListIconHover
+      }
+    },
+    '&-item-title': {
+      marginInlineStart: '16px',
+      marginInlineEnd: '8px',
+      marginBlockStart: 0,
+      marginBlockEnd: '12px',
+      fontWeight: 600,
+      color: 'rgba(0, 0, 0, 0.88)',
+      fontSize: 16,
+      opacity: 0.85,
+      lineHeight: 1.5,
+      '&:first-child': {
+        marginBlockStart: 12
+      }
+    },
+    '&-popover': (0, _defineProperty2.default)({}, "".concat(token.antCls, "-popover-arrow"), {
+      display: 'none'
+    }),
+    '&-simple': (0, _simple.genAppsLogoComponentsSimpleListStyle)(token),
+    '&-default': (0, _default.genAppsLogoComponentsDefaultListStyle)(token)
+  });
+};
+function useStyle(prefixCls) {
+  return (0, _proProvider.useStyle)('AppsLogoComponents', function (token) {
+    var proCardToken = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
+    });
+    return [genAppsLogoComponentsStyle(proCardToken)];
+  });
+}

node_modules/@ant-design/pro-layout/lib/components/AppsLogoComponents/style/simple.d.ts

@@ -0,0 +1,4 @@
+import type { GenerateStyle } from '@ant-design/pro-provider';
+import type { AppsLogoComponentsToken } from './index';
+declare const genAppsLogoComponentsSimpleListStyle: GenerateStyle<AppsLogoComponentsToken>;
+export { genAppsLogoComponentsSimpleListStyle };

node_modules/@ant-design/pro-layout/lib/components/AppsLogoComponents/style/simple.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.genAppsLogoComponentsSimpleListStyle = void 0;
+var genAppsLogoComponentsSimpleListStyle = exports.genAppsLogoComponentsSimpleListStyle = function genAppsLogoComponentsSimpleListStyle(token) {
+  return {
+    '&-content': {
+      maxHeight: 'calc(100vh - 48px)',
+      overflow: 'auto',
+      '&-list': {
+        boxSizing: 'border-box',
+        maxWidth: 376,
+        marginBlock: 0,
+        marginInline: 0,
+        paddingBlock: 0,
+        paddingInline: 0,
+        listStyle: 'none',
+        '&-item': {
+          position: 'relative',
+          display: 'inline-block',
+          width: 104,
+          height: 104,
+          marginBlock: 8,
+          marginInline: 8,
+          paddingInline: 24,
+          paddingBlock: 24,
+          verticalAlign: 'top',
+          listStyleType: 'none',
+          transition: 'transform 0.2s cubic-bezier(0.333, 0, 0, 1)',
+          borderRadius: token.borderRadius,
+          '&-group': {
+            marginBottom: 16,
+            '&-title': {
+              margin: '16px 0 8px 12px',
+              fontWeight: 600,
+              color: 'rgba(0, 0, 0, 0.88)',
+              fontSize: 16,
+              opacity: 0.85,
+              lineHeight: 1.5,
+              '&:first-child': {
+                marginTop: 12
+              }
+            }
+          },
+          '&:hover': {
+            backgroundColor: token.colorBgTextHover
+          },
+          a: {
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            height: '100%',
+            fontSize: 12,
+            textDecoration: 'none',
+            '& > #avatarLogo': {
+              width: 40,
+              height: 40,
+              margin: '0 auto',
+              color: token.colorPrimary,
+              fontSize: 22,
+              lineHeight: '40px',
+              textAlign: 'center',
+              backgroundImage: 'linear-gradient(180deg, #E8F0FB 0%, #F6F8FC 100%)',
+              borderRadius: token.borderRadius
+            },
+            '& > img': {
+              width: 40,
+              height: 40
+            },
+            '& > div': {
+              marginBlockStart: 5,
+              marginInlineStart: 0,
+              color: token.colorTextHeading,
+              fontSize: 14,
+              lineHeight: '22px',
+              whiteSpace: 'nowrap',
+              textOverflow: 'ellipsis'
+            },
+            '& > div > span': {
+              color: token.colorTextSecondary,
+              fontSize: 12,
+              lineHeight: '20px'
+            }
+          }
+        }
+      }
+    }
+  };
+};