@am92/react-design-system 2.10.1 → 2.10.4-beta.0

package/dist/Components/DsFileUploader/DsFileUploader.Component.d.ts

@@ -1,2 +1,2 @@
-import type { IDsFileUploaderProps, TContentType, TMultiple } from './DsFileUploader.Types';
-export declare const DsFileUploader: <Multiple extends TMultiple, ContentType extends TContentType>(inProps: IDsFileUploaderProps<Multiple, ContentType>) => import("react/jsx-runtime").JSX.Element;
+import type { DsFileUploaderProps, TContentType, TMultiple } from './DsFileUploader.Types';
+export declare const DsFileUploader: <Multiple extends TMultiple, ContentType extends TContentType>(inProps: DsFileUploaderProps<Multiple, ContentType>) => import("react/jsx-runtime").JSX.Element;

package/dist/Components/DsFileUploader/DsFileUploader.Overrides.d.ts

@@ -1,5 +1,5 @@
 export declare const DsFileUploaderOverrides: {
     DsFileUploader: {
-        defaultProps: import("./DsFileUploader.Types").IDsFileUploaderProps<import("./DsFileUploader.Types").TMultiple, "FILE">;
+        defaultProps: import("./DsFileUploader.Types").DsFileUploaderProps<import("./DsFileUploader.Types").TMultiple, "FILE">;
     };
 };

package/dist/Components/DsFileUploader/DsFileUploader.Types.d.ts

@@ -58,7 +58,7 @@ export type TErrorFile<CONTENT_TYPE> = {
     errorCode: TErrorCodes;
 };
 export type TErrorValue<Multiple, CONTENT_TYPE> = Multiple extends false ? TErrorFile<CONTENT_TYPE> | null : TErrorFile<CONTENT_TYPE>[];
-export interface IDsFileUploaderProps<Multiple extends TMultiple = true, ContentType extends TContentType = 'FILE'> {
+export interface DsFileUploaderProps<Multiple extends TMultiple = true, ContentType extends TContentType = 'FILE'> {
     InputLabelProps?: Omit<DsInputLabelProps, 'ref' | 'error' | 'success' | 'htmlFor' | 'disabled'>;
     /**
      * Name attribute of the input element.
@@ -177,7 +177,7 @@ export interface IDsFileUploaderDropZoneProps extends DsStackProps {
      * @param {TFileUploaderVariant} variant The variant of file uploader component.
      * @default 'FULL'
      */
-    variant?: IDsFileUploaderProps['variant'];
+    variant?: DsFileUploaderProps['variant'];
     /**
      * The `iconProps` component to be used for the file uploader.
      */
@@ -226,29 +226,29 @@ export interface IDsFileUploaderItemSegmentProps extends DsStackProps {
      * @param {string} name The name provided to the component.
      * @param {TFile<TContentType>} [file] This would be the valid `TFile<TContentType>` type objects selected with its content value depending on `contentType` props or as provided in value.
      */
-    onPreview?: IDsFileUploaderProps['onPreview'];
+    onPreview?: DsFileUploaderProps['onPreview'];
     /**
      * Callback fired when an existing file is removed.
      *
      * @param {string} name The name provided to the component.
      * @param {TFile<TContentType>} [file] This would be the valid `TFile<TContentType>` type objects selected with its content value depending on `contentType` props or as provided in value.
      */
-    onDelete?: IDsFileUploaderProps['onDelete'];
+    onDelete?: DsFileUploaderProps['onDelete'];
     /**
      * Callback fired when an download button is clicked for an existing file.
      *
      * @param {string} name The name provided to the component.
      * @param {TFile<TContentType>} [file] This would be the valid `TFile<TContentType>` type objects selected with its content value depending on `contentType` props or as provided in value.
      */
-    onDownload?: IDsFileUploaderProps['onDownload'];
+    onDownload?: DsFileUploaderProps['onDownload'];
     /**
      slots prop is used to provide custom slots components to the file uploader
      */
-    slots?: IDsFileUploaderProps['slots'];
+    slots?: DsFileUploaderProps['slots'];
     /**
      slotPros used to provide custom props to the individual slots of the file uploader
      */
-    slotProps?: IDsFileUploaderProps['slotProps'];
+    slotProps?: DsFileUploaderProps['slotProps'];
 }
 export interface IDsFileUploaderActionButtonProps extends DsIconButtonProps {
     /**
@@ -308,5 +308,5 @@ export type TDsFileUploaderSlotProps = {
      */
     DownloadButton?: IDsFileUploaderActionButtonProps;
 };
-export declare const DsFileUploaderDefaultProps: IDsFileUploaderProps<TMultiple, 'FILE'>;
+export declare const DsFileUploaderDefaultProps: DsFileUploaderProps<TMultiple, 'FILE'>;
 export declare const DsFileUploaderDropzoneDefaultProps: IDsFileUploaderDropZoneProps;

package/dist/Components/DsFileUploader/helpers.d.ts

@@ -1,8 +1,8 @@
-import type { IDsFileUploaderProps, TContentType, TErrorValue, TFile, TMultiple, TFileValue } from './DsFileUploader.Types';
+import type { DsFileUploaderProps, TContentType, TErrorValue, TFile, TMultiple, TFileValue } from './DsFileUploader.Types';
 export declare const mergeProps: <T extends Record<string, any>>(inProps: Partial<T>, defaultProps: T) => T;
 export declare const getFileTypeIcon: <ContentType extends TContentType>(file: TFile<ContentType>) => import("react/jsx-runtime").JSX.Element;
 export declare const humanizeFileSize: (bytes: number, decimals?: number) => string;
-export declare const getDefaultValue: <Multiple extends TMultiple, ContentType extends TContentType>(props: IDsFileUploaderProps<Multiple, ContentType>) => TFileValue<Multiple, ContentType> | null;
+export declare const getDefaultValue: <Multiple extends TMultiple, ContentType extends TContentType>(props: DsFileUploaderProps<Multiple, ContentType>) => TFileValue<Multiple, ContentType> | null;
 export declare const getValidProcessedFile: <Multiple extends TMultiple, ContentType extends TContentType>(filesToProcess: FileList, files: TFileValue<Multiple, ContentType> | null, accept: string, minSize?: number, maxSize?: number, contentType?: TContentType) => Promise<{
     valid: TFileValue<Multiple, ContentType>;
     invalid: TErrorValue<Multiple, ContentType>;

package/dist/Components/DsLoader/SingleDotLoader.js

@@ -1,11 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEmotionNonce } from "../../Hooks/nonce";
 export function SingleDotLoader() {
+    const nonce = useEmotionNonce();
     return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1000 1000", preserveAspectRatio: "xMidYMid slice", style: {
             width: '100%',
             height: '100%',
             transform: 'translate3d(0px, 0px, 0px)',
             contentVisibility: 'visible'
-        }, children: [_jsxs("defs", { children: [_jsx("clipPath", { id: "__loader_element_11", children: _jsx("rect", { width: "1000", height: "1000", x: "0", y: "0" }) }), _jsx("style", { children: `@keyframes ball {
+        }, children: [_jsxs("defs", { children: [_jsx("clipPath", { id: "__loader_element_11", children: _jsx("rect", { width: "1000", height: "1000", x: "0", y: "0" }) }), _jsx("style", { nonce: nonce, children: `@keyframes ball {
   0%{
     transform: matrix(2.428800106048584,0,0,2.428800106048584,491.30035400390625,444.7691650390625)
   }

package/dist/Components/DsLoader/ThreeDotLoader.js

@@ -1,11 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEmotionNonce } from "../../Hooks/nonce";
 export function ThreeDotLoader() {
+    const nonce = useEmotionNonce();
     return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1000 1000", preserveAspectRatio: "xMidYMid slice", style: {
             width: '100%',
             height: '100%',
             transform: 'translate3d(0px, 0px, 0px)',
             contentVisibility: 'visible'
-        }, children: [_jsxs("defs", { children: [_jsx("clipPath", { id: `__loader_element_524`, children: _jsx("rect", { width: "1000", height: "1000", x: "0", y: "0" }) }), _jsx("style", { children: `@keyframes ball1 {
+        }, children: [_jsxs("defs", { children: [_jsx("clipPath", { id: `__loader_element_524`, children: _jsx("rect", { width: "1000", height: "1000", x: "0", y: "0" }) }), _jsx("style", { nonce: nonce, children: `@keyframes ball1 {
   0%{
     transform: matrix(1.3200000524520874,0,0,1.3200000524520874,178.98719787597656,413.82720947265625)
   }

package/dist/Constants/PALETTE.js

@@ -18,7 +18,7 @@ export const PALETTE = {
     secondaryGrey30: '#E2E2E2',
     secondaryGrey20: '#F1F1F1',
     secondaryGrey10: '#F9F9F9',
-    tertiary100: '#12877F',
+    tertiary100: '#0C746C',
     tertiary80: '#49A49E',
     tertiary60: '#81C1BD',
     tertiary40: '#B8DDDB',

package/dist/Hooks/nonce.d.ts

@@ -0,0 +1 @@
+export declare const useEmotionNonce: () => string | undefined;

package/dist/Hooks/nonce.js

@@ -0,0 +1,5 @@
+import { __unsafe_useEmotionCache } from '@emotion/react';
+export const useEmotionNonce = () => {
+    const cache = __unsafe_useEmotionCache();
+    return cache?.nonce;
+};

package/dist/Theme/componentOverrides.d.ts

@@ -1031,7 +1031,7 @@ declare const componentOverrides: {
         };
     };
     DsFileUploader: {
-        defaultProps: import("../Components").IDsFileUploaderProps<import("../Components").TMultiple, "FILE">;
+        defaultProps: import("../Components").DsFileUploaderProps<import("../Components").TMultiple, "FILE">;
     };
     MuiFab: {
         defaultProps: import("../Components").DsFabProps;

package/dist/Theme/getColorScheme/light.js

@@ -11,8 +11,8 @@ export default function getLightModeColorScheme(colorPalette) {
         surfaceSecondary: secondaryGrey10,
         surfaceTertiary: secondaryGrey100,
         typoPrimary: primaryBlackLight,
-        typoSecondary: secondaryGrey80,
-        typoTertiary: secondaryGrey60,
+        typoSecondary: secondaryGrey90,
+        typoTertiary: secondaryGrey80,
         typoActionPrimary: primary,
         typoActionSecondary: secondary100,
         typoActionTertiary: tertiary100,

package/dist/emotionReact.d.ts

@@ -0,0 +1 @@
+export { CacheProvider as DsCacheProvider } from '@emotion/react';

package/dist/emotionReact.js

@@ -0,0 +1 @@
+export { CacheProvider as DsCacheProvider } from '@emotion/react';

package/dist/index.d.ts

@@ -11,3 +11,4 @@ export * from './utils';
 export * from './x-datepicker';
 export * from './x-charts';
 export * from './Hooks';
+export * from './emotionReact';

package/dist/index.js

@@ -11,3 +11,4 @@ export * from './utils';
 export * from './x-datepicker';
 export * from './x-charts';
 export * from './Hooks';
+export * from './emotionReact';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@am92/react-design-system",
-  "version": "2.10.1",
+  "version": "2.10.4-beta.0",
   "description": "ReactJS Design System using Material UI",
   "sideEffects": false,
   "types": "dist/index.d.ts",
@@ -13,8 +13,8 @@
     "dist/**/*.json"
   ],
   "dependencies": {
-    "@emotion/react": "~11.11.4",
-    "@emotion/styled": "~11.11.0",
+    "@emotion/react": "~11.14.0",
+    "@emotion/styled": "~11.14.0",
     "@mui/base": "~5.0.0-beta.26",
     "@mui/lab": "5.0.0-alpha.155",
     "@mui/material": "~5.16.7",
@@ -49,7 +49,9 @@
     "test": "echo 'Error: no test specified'",
     "preversion": "npm-run-all build test",
     "version": "echo 'Versioning'",
-    "postversion": "git push && git push --tags && npm run publish:pkg",
+    "postversion": "if [ \"$BETA\" = \"true\" ]; then echo 'Skipping stable publish for beta'; else git push && git push --tags && npm run publish:pkg; fi",
+    "release:beta": "BETA=true npm version prerelease --preid=beta && npm publish --tag beta && git push && git push --tags",
+    "release:beta:dry": "BETA=true npm version prerelease --preid=beta --no-git-tag-version && npm publish --tag beta --dry-run",
     "publish:pkg": "npm publish"
   },
   "repository": "git@github.com:heliumtank92/am92-react-design-system.git",