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

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/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.2",
+  "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",