Release by 26.06.2024 (#1269)

.github/workflows/documentation-main.yml → .github/workflows/documentation-deploy-prod.yml

@@ -45,20 +45,23 @@ jobs:
 
       - name: Plasma UI Docs
         run: |
-          export NODE_OPTIONS=--openssl-legacy-provider
           npm run build --prefix="./website/plasma-ui-docs"
           cp -R ./website/plasma-ui-docs/build ./s3_build/next-${{ github.sha }}/ui
 
       - name: Plasma Web Docs
         run: |
-          export NODE_OPTIONS=--openssl-legacy-provider
           npm run build --prefix="./website/plasma-web-docs"
           cp -R ./website/plasma-web-docs/build ./s3_build/next-${{ github.sha }}/web
       
-      - name: Plasma SDDS-SERV Docs
+      - name: SDDS-SERV Docs
         run: |
           npm run build --prefix="./website/sdds-serv-docs"
-          cp -R ./website/sdds-serv-docs/build ./s3_build/next-${{ github.sha }}/sdds-serv      
+          cp -R ./website/sdds-serv-docs/build ./s3_build/next-${{ github.sha }}/sdds-serv
+          
+      - name: CALDERA-ONLINE Docs
+        run: |
+          npm run build --prefix="./website/caldera-online-docs"
+          cp -R ./website/caldera-online-docs/build ./s3_build/next-${{ github.sha }}/caldera-online
 
       - name: Plasma UI Storybook
         run: |

.github/workflows/documentation-deploy-stage-demo.yml

@@ -38,11 +38,16 @@ jobs:
           npm run build --prefix="./website/plasma-web-docs"
           cp -R ./website/plasma-web-docs/build ./s3_build/web
 
-      - name: Plasma SDDS SERV Docs
+      - name: SDDS SERV Docs
         run: |
           npm run build --prefix="./website/sdds-serv-docs"
           cp -R ./website/sdds-serv-docs/build ./s3_build/sdds-serv
 
+      - name: CALDERA-ONLINE Docs
+        run: |
+          npm run build --prefix="./website/caldera-online-docs"
+          cp -R ./website/caldera-online-docs/build ./s3_build/caldera-online
+          
       - name: Plasma UI Storybook
         run: |
           npm run storybook:build --prefix="./packages/plasma-ui"

.github/workflows/documentation-deploy-stage-dev.yml

@@ -13,6 +13,7 @@ jobs:
     steps:
       - uses: actions/checkout@v4
         with:
+          fetch-depth: 0
           show-progress: false
 
       - name: Prepare environment
@@ -186,7 +187,7 @@ jobs:
           --no-mime-magic
           sync
           ./s3_build_sb/caldera-online-storybook/
-          s3://${{ secrets.AWS_S3_BUCKET_2 }}/caldera-online-storybook/
+          s3://${{ secrets.AWS_S3_BUCKET_DEV_STAGE }}/caldera-online-storybook/
       
       - name: Upload to S3 storybook "SDDS SERV"
         run: >

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

@@ -33,7 +33,6 @@ import { dsplMBold } from '@salutejs/caldera-online-themes/tokens';
 import { dsplS } from '@salutejs/caldera-online-themes/tokens';
 import { dsplSBold } from '@salutejs/caldera-online-themes/tokens';
 import { Filter } from '@salutejs/plasma-new-hope/types/engines/types';
-import { FocusProps } from '@salutejs/plasma-new-hope/styled-components';
 import type { ForwardRefExoticComponent } from 'react';
 import { FunctionComponent } from 'react';
 import { h1 } from '@salutejs/caldera-online-themes/tokens';
@@ -48,7 +47,6 @@ import { h5 } from '@salutejs/caldera-online-themes/tokens';
 import { h5Bold } from '@salutejs/caldera-online-themes/tokens';
 import { HTMLAttributes } from 'react';
 import { InputHTMLAttributes } from '@salutejs/plasma-new-hope/types/types';
-import type { InputHTMLAttributes as InputHTMLAttributes_2 } from 'react';
 import { LinkCustomProps } from '@salutejs/plasma-new-hope/types/components/Link/Link';
 import { mediaQuery } from '@salutejs/plasma-new-hope/styled-components';
 import { modalClasses } from '@salutejs/plasma-new-hope/styled-components';
@@ -66,11 +64,14 @@ import { RefAttributes } from 'react';
 import { SegmentGroupProps } from '@salutejs/plasma-new-hope/styled-components';
 import { SegmentItemProps } from '@salutejs/plasma-new-hope/styled-components';
 import { SegmentProvider } from '@salutejs/plasma-new-hope/styled-components';
+import { SegmentProviderProps } from '@salutejs/plasma-new-hope/styled-components';
+import { sheetClasses } from '@salutejs/plasma-new-hope/styled-components';
+import { SheetProps } from '@salutejs/plasma-new-hope/styled-components';
 import { ShowToastArgs } from '@salutejs/plasma-new-hope/styled-components';
 import { SpacingProps } from '@salutejs/plasma-new-hope/styled-components';
 import { SSRProvider } from '@salutejs/plasma-new-hope/styled-components';
 import { StyledComponent } from 'styled-components';
-import { SwitchPropsVariations } from '@salutejs/plasma-new-hope/types/components/Switch/Switch.types';
+import { SwitchProps as SwitchProps_2 } from '@salutejs/plasma-new-hope/styled-components';
 import { textL } from '@salutejs/caldera-online-themes/tokens';
 import { textLBold } from '@salutejs/caldera-online-themes/tokens';
 import { textM } from '@salutejs/caldera-online-themes/tokens';
@@ -538,6 +539,19 @@ export { SegmentItemProps }
 
 export { SegmentProvider }
 
+export { SegmentProviderProps }
+
+// @public
+export const Sheet: FunctionComponent<PropsType<    {
+view: {
+default: string;
+};
+}> & SheetProps & RefAttributes<HTMLDivElement>>;
+
+export { sheetClasses }
+
+export { SheetProps }
+
 export { ShowToastArgs }
 
 // @public
@@ -582,7 +596,7 @@ export type SpinnerProps = HTMLAttributes<HTMLDivElement> & {
 
 export { SSRProvider }
 
-// @public
+// @public (undocumented)
 export const Switch: FunctionComponent<PropsType<    {
 size: {
 m: string;
@@ -600,21 +614,12 @@ true: string;
 focused: {
 true: string;
 };
-}> & Filter<InputHTMLAttributes_2<HTMLInputElement>, "size"> & SwitchPropsVariations & RefAttributes<HTMLInputElement>>;
+}> & SwitchProps_2 & RefAttributes<HTMLInputElement>>;
 
+// Warning: (ae-forgotten-export) The symbol "SwitchComponent" needs to be exported by the entry point index.d.ts
+//
 // @public (undocumented)
-export type SwitchProps = {
-    id?: string;
-    label?: React.ReactNode;
-    size?: string;
-    view?: string;
-    labelPosition?: 'before' | 'after';
-    description?: React.ReactNode;
-    disabled?: boolean;
-    pressed?: boolean;
-    focused?: boolean;
-    outlined?: boolean;
-} & FocusProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'onChange' | 'onFocus' | 'onBlur'> & Pick<InputHTMLAttributes_2<HTMLInputElement>, 'name' | 'value' | 'checked' | 'disabled' | 'readOnly' | 'onChange' | 'onFocus' | 'onBlur'>;
+export type SwitchProps = ComponentProps<typeof SwitchComponent>;
 
 // @public (undocumented)
 export const TextL: FunctionComponent<PropsType<    {

packages/caldera-online/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/caldera-online",
-  "version": "0.47.0",
+  "version": "0.53.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.12.0",
-    "@salutejs/plasma-new-hope": "0.87.0"
+    "@salutejs/plasma-new-hope": "0.93.0-dev.0"
   },
   "peerDependencies": {
     "react": ">=16.13.1",
@@ -95,4 +95,4 @@
     "Fanil Zubairov"
   ],
   "sideEffects": false
-}
+}

packages/caldera-online/src/components/Segment/index.ts

@@ -1,2 +1,6 @@
 export { useSegment, SegmentProvider, SegmentItem, SegmentGroup } from './Segment';
-export type { SegmentItemProps, SegmentGroupProps } from '@salutejs/plasma-new-hope/styled-components';
+export type {
+    SegmentItemProps,
+    SegmentGroupProps,
+    SegmentProviderProps,
+} from '@salutejs/plasma-new-hope/styled-components';

packages/caldera-online/src/components/Sheet/Sheet.config.tsx

@@ -0,0 +1,17 @@
+import { css, sheetTokens } from '@salutejs/plasma-new-hope/styled-components';
+
+export const config = {
+    defaults: {
+        view: 'default',
+    },
+    variations: {
+        view: {
+            default: css`
+                ${sheetTokens.sheetOverlayColor}: var(--overlay-soft);
+                ${sheetTokens.sheetOverlayWithBlurColor}: var(--overlay-blur);
+                ${sheetTokens.contentBackgroundColor}: var(--surface-solid-card);
+                ${sheetTokens.handleBackgroundColor}: var(--surface-solid-tertiary);
+            `,
+        },
+    },
+};