Release by 24.07.2024

.github/workflows/create-release-pr.yml

@@ -3,7 +3,11 @@ name: Create release PR and generate changelog
 
 on:
   workflow_dispatch:
-
+    inputs:
+      from-tag:
+        description: ''
+        required: false
+
 jobs:
   release-pr:
     name: Create release PR with changelog
@@ -32,7 +36,7 @@ jobs:
         id: github_release
         uses: mikepenz/[email protected]
         with:
-          fromTag: ${{ env.FROM_TAG }}
+          fromTag: ${{ github.event.inputs.from-tag || env.FROM_TAG }}
           configuration: "./.github/changelog-builder-config.json"
 
       - name: List pull request

packages/caldera-online/api/caldera-online.api.md

@@ -58,6 +58,7 @@ import { PopupInfo } from '@salutejs/plasma-new-hope/styled-components';
 import { PopupPlacement } from '@salutejs/plasma-new-hope/styled-components';
 import { PopupProps } from '@salutejs/plasma-new-hope/styled-components';
 import { PopupProvider } from '@salutejs/plasma-new-hope/styled-components';
+import { Portal } from '@salutejs/plasma-new-hope/styled-components';
 import { PortalProps } from '@salutejs/plasma-new-hope/styled-components';
 import { PropsType } from '@salutejs/plasma-new-hope/types/engines/types';
 import { RadioGroup } from '@salutejs/plasma-new-hope/styled-components';
@@ -88,7 +89,6 @@ import { ToastRole } from '@salutejs/plasma-new-hope/styled-components';
 import { usePopupContext } from '@salutejs/plasma-new-hope/styled-components';
 import { useSegment } from '@salutejs/plasma-new-hope/styled-components';
 import { useToast } from '@salutejs/plasma-new-hope/styled-components';
-import { Variants } from '@salutejs/plasma-new-hope/types/engines/types';
 
 export { addFocus }
 
@@ -99,6 +99,7 @@ l: PolymorphicClassName;
 };
 }> & {
 breakWord?: boolean | undefined;
+color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
 
 export { bodyL }
@@ -112,6 +113,7 @@ m: PolymorphicClassName;
 };
 }> & {
 breakWord?: boolean | undefined;
+color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
 
 export { bodyM }
@@ -125,6 +127,7 @@ s: PolymorphicClassName;
 };
 }> & {
 breakWord?: boolean | undefined;
+color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
 
 export { bodyS }
@@ -138,6 +141,7 @@ xs: PolymorphicClassName;
 };
 }> & {
 breakWord?: boolean | undefined;
+color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
 
 export { bodyXS }
@@ -151,6 +155,7 @@ xxs: PolymorphicClassName;
 };
 }> & {
 breakWord?: boolean | undefined;
+color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
 
 export { bodyXXS }
@@ -295,6 +300,7 @@ l: PolymorphicClassName;
 };
 }> & {
 breakWord?: boolean | undefined;
+color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
 
 export { dsplL }
@@ -308,6 +314,7 @@ m: PolymorphicClassName;
 };
 }> & {
 breakWord?: boolean | undefined;
+color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
 
 export { dsplM }
@@ -321,6 +328,7 @@ s: PolymorphicClassName;
 };
 }> & {
 breakWord?: boolean | undefined;
+color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
 
 export { dsplS }
@@ -334,6 +342,7 @@ h1: PolymorphicClassName;
 };
 }> & {
 breakWord?: boolean | undefined;
+color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
 
 export { h1 }
@@ -347,6 +356,7 @@ h2: PolymorphicClassName;
 };
 }> & {
 breakWord?: boolean | undefined;
+color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
 
 export { h2 }
@@ -360,6 +370,7 @@ h3: PolymorphicClassName;
 };
 }> & {
 breakWord?: boolean | undefined;
+color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
 
 export { h3 }
@@ -373,6 +384,7 @@ h4: PolymorphicClassName;
 };
 }> & {
 breakWord?: boolean | undefined;
+color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
 
 export { h4 }
@@ -386,6 +398,7 @@ h5: PolymorphicClassName;
 };
 }> & {
 breakWord?: boolean | undefined;
+color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
 
 export { h5 }
@@ -441,8 +454,7 @@ export { PopupProps }
 
 export { PopupProvider }
 
-// @public (undocumented)
-export const Portal: FunctionComponent<PropsType<Variants> & PortalProps & RefAttributes<HTMLDivElement>>;
+export { Portal }
 
 export { PortalProps }
 
@@ -636,6 +648,7 @@ l: PolymorphicClassName;
 };
 }> & {
 breakWord?: boolean | undefined;
+color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
 
 export { textL }
@@ -649,6 +662,7 @@ m: PolymorphicClassName;
 };
 }> & {
 breakWord?: boolean | undefined;
+color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
 
 export { textM }
@@ -662,6 +676,7 @@ s: PolymorphicClassName;
 };
 }> & {
 breakWord?: boolean | undefined;
+color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
 
 export { textS }
@@ -675,6 +690,7 @@ xs: PolymorphicClassName;
 };
 }> & {
 breakWord?: boolean | undefined;
+color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
 
 export { textXS }

packages/caldera-online/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/caldera-online",
-  "version": "0.65.0",
+  "version": "0.71.0-dev.0",
   "description": "Salute Design System / React UI kit for Caldera-online web applications",
   "author": "Salute Frontend Team <[email protected]>",
   "license": "MIT",
@@ -20,7 +20,7 @@
   },
   "dependencies": {
     "@salutejs/caldera-online-themes": "0.13.0",
-    "@salutejs/plasma-new-hope": "0.105.0"
+    "@salutejs/plasma-new-hope": "0.111.0-dev.0"
   },
   "peerDependencies": {
     "react": ">=16.13.1",
@@ -37,9 +37,9 @@
     "@babel/preset-typescript": "7.24.1",
     "@microsoft/api-extractor": "7.38.3",
     "@salutejs/plasma-colors": "0.13.0",
-    "@salutejs/plasma-core": "1.162.0",
-    "@salutejs/plasma-cy-utils": "0.94.0",
-    "@salutejs/plasma-sb-utils": "0.160.0",
+    "@salutejs/plasma-core": "1.163.1-dev.0",
+    "@salutejs/plasma-cy-utils": "0.95.1-dev.0",
+    "@salutejs/plasma-sb-utils": "0.161.1-dev.0",
     "@storybook/addon-docs": "7.6.17",
     "@storybook/addon-essentials": "7.6.17",
     "@storybook/addons": "7.6.17",
@@ -95,4 +95,4 @@
     "Fanil Zubairov"
   ],
   "sideEffects": false
-}
+}

packages/caldera-online/src/components/Dropdown/Dropdown.config.ts

@@ -93,7 +93,7 @@ export const config = {
                 ${dropdownTokens.disabledOpacity}: 0.4;
                 ${dropdownTokens.focusColor}: var(--surface-accent);
                 ${dropdownTokens.background}: var(--surface-solid-card);
-                ${dropdownTokens.boxShadow}: var(--shadow-down-soft-s);
+                ${dropdownTokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);
                 ${dropdownTokens.disclosureIconColor}: var(--text-secondary);
                 ${dropdownTokens.itemBackground}: var(--plasma-colors-transparent);
                 ${dropdownTokens.itemBackgroundHover}: var(--surface-transparent-secondary);

packages/caldera-online/src/components/Portal/Portal.stories.tsx

@@ -7,7 +7,7 @@ import styled from 'styled-components';
 import { Button } from '../Button/Button';
 import { BodyM } from '../Typography';
 
-import { Portal } from './Portal';
+import { Portal } from '.';
 
 const meta: Meta<typeof Portal> = {
     title: 'Controls/Portal',