@hazelcast/ui 1.3.2-next.9 → 1.3.2-next.91

package/lib/index.d.ts

@@ -4,12 +4,11 @@ export { Button } from './Button';
 export { Calendar } from './Calendar/Calendar';
 export { CalendarRange } from './Calendar/CalendarRange';
 export { Card } from './Card';
+export { Carousel } from './Carousel';
 export { Checkbox } from './Checkbox';
 export { CheckboxFormik } from './CheckboxFormik';
 export { CircularProgressBar } from './CircularProgressBar';
-export { Code } from './Code';
-export { CodeEditor } from './CodeEditor';
-export { CodeEditorFormik } from './CodeEditorFormik';
+export { ContextMenu } from './ContextMenu';
 export { Dialog } from './Dialog';
 export { EmptyState } from './EmptyState';
 export { Error, errorId } from './Error';
@@ -52,4 +51,4 @@ export { Toggle } from './Toggle';
 export { ToggleFormik } from './ToggleFormik';
 export { Tooltip } from './Tooltip';
 export { TruncatedText } from './TruncatedText';
-export { useTableCustomizableColumns, useOpenCloseState, useRefValue, useIsMounted, useOnClickOutside, containsElement } from './hooks';
+export { useOpenCloseState, useRefValue, useIsMounted, useOnClickOutside, containsElement } from './hooks';

package/lib/index.js

@@ -4,12 +4,11 @@ export { Button } from './Button';
 export { Calendar } from './Calendar/Calendar';
 export { CalendarRange } from './Calendar/CalendarRange';
 export { Card } from './Card';
+export { Carousel } from './Carousel';
 export { Checkbox } from './Checkbox';
 export { CheckboxFormik } from './CheckboxFormik';
 export { CircularProgressBar } from './CircularProgressBar';
-export { Code } from './Code';
-export { CodeEditor } from './CodeEditor';
-export { CodeEditorFormik } from './CodeEditorFormik';
+export { ContextMenu } from './ContextMenu';
 export { Dialog } from './Dialog';
 export { EmptyState } from './EmptyState';
 export { Error, errorId } from './Error';
@@ -52,5 +51,5 @@ export { Toggle } from './Toggle';
 export { ToggleFormik } from './ToggleFormik';
 export { Tooltip } from './Tooltip';
 export { TruncatedText } from './TruncatedText';
-export { useTableCustomizableColumns, useOpenCloseState, useRefValue, useIsMounted, useOnClickOutside, containsElement } from './hooks';
+export { useOpenCloseState, useRefValue, useIsMounted, useOnClickOutside, containsElement } from './hooks';
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/lib/utils/formik.d.ts

@@ -1,4 +1,4 @@
 import { FieldMetaProps } from 'formik';
 export declare const getFieldError: <T>(meta: FieldMetaProps<T>) => string | undefined;
-export declare type FieldValidatorGeneric<T> = (value: T) => string | void | Promise<string | void>;
-export declare const formikTouchAndUpdate: <T>(setValue: (value: T) => void, setTouched: (touched: boolean, shouldValidate?: boolean | undefined) => void) => (newValue: T) => void;
+export type FieldValidatorGeneric<T> = (value: T) => string | void | Promise<string | void>;
+export declare const formikTouchAndUpdate: <T>(setValue: (value: T) => void, setTouched: (touched: boolean, shouldValidate?: boolean) => void) => (newValue: T) => void;

package/lib/utils/portal.d.ts

@@ -0,0 +1,2 @@
+export type PortalContainer = 'body' | 'referenceElement' | string | HTMLElement;
+export declare const getPortalContainer: (container: PortalContainer, referenceElement?: HTMLElement | null) => HTMLElement | null;

package/lib/utils/portal.js

@@ -0,0 +1,15 @@
+import { canUseDOM } from './ssr';
+export const getPortalContainer = (container, referenceElement) => {
+    if (container === 'body') {
+        // There is no document is SSR environment
+        return canUseDOM ? document.body : null;
+    }
+    if (container === 'referenceElement') {
+        return referenceElement !== null && referenceElement !== void 0 ? referenceElement : null;
+    }
+    if (typeof container === 'string') {
+        return canUseDOM ? document.getElementById(container) : null;
+    }
+    return container;
+};
+//# sourceMappingURL=portal.js.map

package/lib/utils/portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal.js","sourceRoot":"","sources":["../../src/utils/portal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,SAA0B,EAAE,gBAAqC,EAAsB,EAAE;IAC1H,IAAI,SAAS,KAAK,MAAM,EAAE;QACxB,0CAA0C;QAC1C,OAAO,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;KACxC;IAED,IAAI,SAAS,KAAK,kBAAkB,EAAE;QACpC,OAAO,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,IAAI,CAAA;KAChC;IAED,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;QACjC,OAAO,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;KAC7D;IAED,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA"}

package/lib/utils/test.d.ts

@@ -1 +1,3 @@
-export declare const waitForComponentToPaint: (wrapper: any) => Promise<void>;
+import { ReactWrapper } from 'enzyme';
+import { Component } from 'react';
+export declare const waitForComponentToPaint: <T = Component<{}, {}, any>>(wrapper: ReactWrapper<T, {}, Component<{}, {}, any>>) => Promise<void>;

package/lib/utils/test.js.map

@@ -1 +1 @@
-{"version":3,"file":"test.js","sourceRoot":"","sources":["../../src/utils/test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAG1C,MAAM,CAAC,MAAM,uBAAuB,GAAG,KAAK,EAAE,OAAY,EAAE,EAAE;IAC5D,MAAM,GAAG,CAAC,KAAK,IAAI,EAAE;QACnB,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CACrD;QAAC,OAA6B,CAAC,MAAM,EAAE,CAAA;IAC1C,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA"}
+{"version":3,"file":"test.js","sourceRoot":"","sources":["../../src/utils/test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAI1C,MAAM,CAAC,MAAM,uBAAuB,GAAG,KAAK,EAAiB,OAAwB,EAAE,EAAE;IACvF,MAAM,GAAG,CAAC,KAAK,IAAI,EAAE;QACnB,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAA;QACtD,OAAO,CAAC,MAAM,EAAE,CAAA;IAClB,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA"}

package/lib/utils/types.d.ts

@@ -1,3 +1,3 @@
-export declare type ExtractKeysOfValueType<T, KV> = {
+export type ExtractKeysOfValueType<T, KV> = {
     [K in Extract<keyof T, string>]: T[K] extends KV ? K : never;
 }[Extract<keyof T, string>];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hazelcast/ui",
-  "version": "1.3.2-next.9+393c503",
+  "version": "1.3.2-next.91+cc21e0e",
   "description": "Hazelcast design system components",
   "author": "",
   "homepage": "https://github.com/hazelcast/frontend-shared#readme",
@@ -27,18 +27,18 @@
     "compile": "shx rm -f *.tsbuildinfo && shx rm -rf lib && shx mkdir lib && shx cp -r src/* lib && shx rm -rf lib/*.{tsx,ts} && shx rm -rf lib/**/*.{tsx,ts} && tsc -p tsconfig.build.json",
     "test": "jest --maxWorkers=50%",
     "test:watch": "jest --watch",
-    "start": "npm run storybook",
+    "start": "pnpm run storybook",
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook",
     "publish-storybook": "chromatic --storybook-build-dir storybook-static --project-token $CHROMATIC_PROJECT_TOKEN --exit-zero-on-changes",
     "chromatic": "chromatic --project-token=CHROMATIC_PROJECT_TOKEN",
-    "test:visual": "loki --verboseRenderer --requireReference --reactUri file:./storybook-static --chromeFlags='--headless --disable-gpu --hide-scrollbars --no-sandbox --allow-file-access-from-files'",
+    "test:visual": "loki --verboseRenderer --requireReference --chromeTolerance 3 --reactUri file:./storybook-static --chromeDockerImage 'yukinying/chrome-headless-browser-stable:110.0.5481.77' --chromeFlags='--headless --disable-gpu --hide-scrollbars --no-sandbox --allow-file-access-from-files'",
     "test:visual:approve": "loki approve",
-    "generate-screenshots": "npm run build-storybook && loki update --reactUri file:./storybook-static --chromeFlags='--headless --disable-gpu --hide-scrollbars --no-sandbox --allow-file-access-from-files'",
-    "lint": "npm run lint:ts && npm run lint:css",
-    "lint:fix": "npm run lint:ts:fix && npm run lint:css:fix",
+    "generate-screenshots": "pnpm run build-storybook && loki update --reactUri file:./storybook-static --chromeDockerImage 'yukinying/chrome-headless-browser-stable:110.0.5481.77' --chromeFlags='--headless --disable-gpu --hide-scrollbars --no-sandbox --allow-file-access-from-files'",
+    "lint": "pnpm run lint:ts && pnpm run lint:css",
+    "lint:fix": "pnpm run lint:ts:fix && pnpm run lint:css:fix",
     "lint:ts": "eslint --ext .ts,.tsx .",
-    "lint:ts:fix": "npm run lint -- --fix",
+    "lint:ts:fix": "pnpm run lint -- --fix",
     "lint:css": "postcss --config ./.postcss-lint --replace '**/*.{css,scss}'",
     "lint:css:fix": "stylelint --fix '**/*.{css,scss}'"
   },
@@ -46,72 +46,74 @@
     "url": "https://github.com/hazelcast/frontend-shared/issues"
   },
   "dependencies": {
-    "@codemirror/basic-setup": "^0.19.1",
-    "@codemirror/stream-parser": "^0.19.3",
-    "@codemirror/view": "^0.19.35",
     "@hazelcast/helpers": "^1.3.1",
     "@hazelcast/services": "^1.3.1",
     "@headlessui/react": "^1.4.2",
-    "@icons-pack/react-simple-icons": "^4.6.1",
-    "@popperjs/core": "^2.11.0",
-    "@types/react-modal": "^3.13.1",
-    "@types/react-select": "3.0.26",
-    "@types/react-table": "^7.7.9",
-    "classnames": "^2.3.1",
-    "date-fns": "^2.27.0",
-    "dequal": "^2.0.2",
-    "focus-trap-react": "^8.9.0",
+    "@icons-pack/react-simple-icons": "^9.3.0",
+    "@popperjs/core": "^2.11.7",
+    "@types/react-modal": "3.16.0",
+    "@types/react-table": "^7.7.14",
+    "classnames": "^2.3.2",
+    "date-fns": "^2.29.3",
+    "dequal": "^2.0.3",
     "formik": "^2.2.9",
-    "rc-tooltip": "^5.1.1",
-    "react-datepicker": "^4.5.0",
-    "react-feather": "^2.0.9",
+    "nuka-carousel": "^5.5.1",
+    "rc-tooltip": "^5.3.1",
+    "react-datepicker": "^4.11.0",
+    "react-feather": "^2.0.10",
+    "react-hotkeys": "^2.0.0",
     "react-merge-refs": "^1.1.0",
-    "react-modal": "^3.14.4",
-    "react-popper": "^2.2.3",
-    "react-resize-aware": "^3.1.1",
-    "react-select": "^4.1.0",
-    "react-table": "^7.7.0",
-    "react-uid": "^2.3.1",
-    "react-use": "^17.3.1",
+    "react-modal": "^3.16.1",
+    "react-popper": "^2.3.0",
+    "react-resize-aware": "3.1.1",
+    "react-select": "^5.8.0",
+    "react-simple-timefield": "^3.3.1",
+    "react-table": "^7.8.0",
+    "react-uid": "^2.3.2",
+    "react-use": "^17.4.0",
     "use-deep-compare": "^1.1.0"
   },
   "devDependencies": {
-    "@codemirror/legacy-modes": "0.19.0",
     "@hazelcast/test-helpers": "^1.3.1",
-    "@storybook/addon-docs": "^6.4.9",
-    "@storybook/addons": "^6.4.9",
-    "@storybook/builder-webpack5": "^6.4.9",
-    "@storybook/manager-webpack5": "^6.4.9",
+    "@storybook/addon-docs": "^6.5.16",
+    "@storybook/addons": "^6.5.16",
+    "@storybook/builder-webpack5": "^6.5.16",
+    "@storybook/manager-webpack5": "^6.5.16",
     "@storybook/preset-scss": "^1.0.3",
-    "@storybook/react": "^6.4.9",
-    "@storybook/theming": "^6.4.9",
+    "@storybook/react": "^6.5.16",
+    "@storybook/theming": "^6.5.16",
     "@types/classnames": "^2.3.1",
-    "@types/enzyme": "^3.10.10",
-    "@types/enzyme-adapter-react-16": "^1.0.6",
+    "@types/enzyme": "^3.10.12",
     "@types/jest-axe": "^3.5.3",
-    "@types/react": "^16.14.21",
+    "@types/react": "^17.0.45",
     "@types/react-datepicker": "^4.3.2",
-    "@types/react-dom": "^16.9.14",
-    "doiuse": "^4.2.0",
+    "@types/react-dom": "^17.0.17",
+    "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
+    "babel-loader": "^9.1.2",
+    "doiuse": "^4.4.1",
     "enzyme": "^3.11.0",
-    "enzyme-adapter-react-16": "^1.15.6",
-    "jest-axe": "^5.0.1",
-    "loki": "^0.28.1",
-    "postcss": "^8.4.5",
+    "jest-axe": "^8.0.0",
+    "loki": "^0.34.0",
+    "postcss": "^8.4.23",
     "postcss-cli": "^9.1.0",
-    "postcss-reporter": "^7.0.4",
-    "postcss-scss": "^4.0.2",
-    "react": "^16.14.0",
-    "react-dom": "^16.14.0",
-    "storybook-addon-designs": "^6.2.0",
-    "stylelint": "^14.1.0",
-    "stylelint-config-prettier": "^9.0.3",
-    "stylelint-config-standard": "^24.0.0",
-    "stylelint-config-standard-scss": "^3.0.0",
-    "stylelint-prettier": "^2.0.0",
-    "stylelint-scss": "^4.0.1",
-    "webpack": "^5.65.0",
+    "postcss-reporter": "^7.0.5",
+    "postcss-scss": "^4.0.6",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "storybook-addon-designs": "^6.3.1",
+    "stylelint": "^15.6.0",
+    "stylelint-config-standard": "^33.0.0",
+    "stylelint-config-standard-scss": "^9.0.0",
+    "stylelint-prettier": "^3.0.0",
+    "stylelint-scss": "^4.6.0",
+    "webpack": "^5.81.0",
     "yup": "^0.32.11"
   },
-  "gitHead": "393c503e9f3164651ae1d04345d89f3af016c948"
+  "peerDependencies": {
+    "@types/react": "^17 || ^18",
+    "@types/react-dom": "^17 || ^18",
+    "react": "^17 || ^18",
+    "react-dom": "^17 || ^18"
+  },
+  "gitHead": "cc21e0ef12bfb9195c39451841c2542246489487"
 }

package/styles/constants/_colors.scss

@@ -6,21 +6,24 @@ $colorNeutralWhite: #fff !default;
 $colorNeutralLighter: #fafafa !default;
 $colorNeutralLight: #b7c1cb !default;
 $colorNeutral: #dbdbdb !default;
-$colorSuccessLight: #68c200 !default;
-$colorSuccess: #008a00 !default;
-$colorSuccessDark: #005c09 !default;
-$colorInfoLight: #cbdbff !default;
-$colorInfo: #87a7ee !default;
-$colorInfoDark: #4a71c4 !default;
-$colorWarningLight: #f9b721 !default;
-$colorWarning: #f47027 !default;
-$colorWarningDark: #ad6200 !default;
-$colorErrorLight: #e75851 !default;
-$colorError: #b00020 !default;
-$colorErrorDark: #891b15 !default;
-$colorText: #041a3b !default;
+$colorSuccess: #85da66 !default;
+$colorSuccessLight: #d5f0d1 !default;
+$colorSuccessDark: darken($colorSuccess, 10%) !default;
+$colorInfo: #76e7e7 !default;
+$colorInfoLight: #d0f4f8 !default;
+$colorInfoDark: darken($colorInfo, 10%) !default;
+$colorWarning: #ffec44 !default;
+$colorWarningLight: #f9f6c7 !default;
+$colorWarningDark: darken($colorWarning, 15%) !default;
+$colorError: #dc084b !default;
+$colorErrorLight: #efb1c9 !default;
+$colorErrorDark: darken($colorError, 10%) !default;
+$colorText: #061827 !default;
 $colorTextSecondary: #707482 !default;
 $colorTextSubdued: #69707d !default;
-$colorOverlayBackground: #f2f5f9 !default;
-$colorAccessibilityOutline: #9648bd !default;
+$colorOverlayBackground: #f0f6ff !default;
+$colorAccessibilityOutline: #74f !default;
+$colorBrand: #00bac6 !default;
 $colorShadow: rgb(53 61 73 / 20%) !default;
+$colorMenuDark: #333 !default;
+$authPrimary: #c6ff3a !default;

package/styles/constants/_sizes.scss

@@ -5,7 +5,7 @@
 
 $grid: 0.25rem !default;
 $alertWidth: 350px !default;
-$borderRadius: $grid * 1.25 !default;
+$borderRadius: $grid * 2 !default;
 $borderRadiusButtonSmall: $grid * 5 !default;
 $borderRadiusToast: 37px !default;
 $borderRadiusBadge: 37px !default;
@@ -29,6 +29,7 @@ $buttonMaxWidth: 370px !default;
 $toastMaxWidth: 580px !default;
 $inputHeight: $grid * 10 !default;
 $inputHeightSmall: $grid * 7.5 !default;
+$inputHeightLarge: $grid * 13 !default;
 $cardShadowSize: 1px !default;
 $cardShadowBlur: 4px !default;
 $selectMenuShadowSize: 1px !default;

package/styles/constants/_typography.scss

@@ -1,31 +1,32 @@
-$fontFamilyHeading: 'Roboto', 'Helvetica', 'Arial', sans-serif !default;
-$fontWeightHeadingLight: 300 !default;
+$fontFamilyHeading: 'PP Telegraf', 'Helvetica', 'Arial', sans-serif !default;
 $fontWeightHeadingRegular: 400 !default;
 $fontWeightHeadingBold: 500 !default;
-$fontFamilyText: 'Roboto', 'Helvetica', 'Arial', sans-serif !default;
-$fontWeightTextLight: 300 !default;
+$fontFamilyText: 'Open Sans', 'Helvetica', 'Arial', sans-serif !default;
 $fontWeightTextRegular: 400 !default;
-$fontWeightTextBold: 500 !default;
+$fontWeightTextBold: 600 !default;
 
 // https://www.figma.com/file/8mVm6LTbp2Z0RaWWjTZoft/%F0%9F%90%9DHIVE?node-id=0%3A136
-$fontSizeH1: 2rem !default;
-$fontSizeH2: 1.625rem !default;
-$fontSizeH3: 1.25rem !default;
-$fontSizeButton: 1.125rem !default;
+$fontSizeH1Hero: 2.875rem !default; // 46px
+$fontSizeH1: 2.125rem !default; // 34px
+$fontSizeH2: 1.625rem !default; // 26px
+$fontSizeH3: 1.25rem !default; // 20px
+$fontSizeButton: 1rem !default;
 $fontSizeButtonSmall: 0.875rem !default;
 $fontSizeBodyNormal: 1rem !default;
 $fontSizeBodySmall: 0.875rem !default;
 $fontSizeBodySmaller: 0.75rem !default;
 $fontSizeBodyTiny: 0.625rem !default;
+$letterSpacingH1Hero: 0.25px !default;
 $letterSpacingH1: 0.25px !default;
-$letterSpacingH2: 0 !default;
-$letterSpacingH3: 0.15px !default;
+$letterSpacingH2: 0.25px !default;
+$letterSpacingH3: 0.25px !default;
 $letterSpacingButton: 1.25px !default;
 $letterSpacingButtonSmall: 0.25px !default;
-$letterSpacingBodyNormal: 0.5px !default;
-$letterSpacingBodySmall: 0.25px !default;
+$letterSpacingBodyNormal: 0.25px !default;
+$letterSpacingBodySmall: 0.5px !default;
 $letterSpacingBodySmaller: normal !default;
 $letterSpacingBodyTiny: normal !default;
+$lineHeightH1Hero: normal !default;
 $lineHeightH1: normal !default;
 $lineHeightH2: normal !default;
 $lineHeightH3: normal !default;
@@ -43,25 +44,29 @@ $lineHeightBodyTiny: normal !default;
   @return '';
 }
 
+@mixin typographyH1Hero($override: false) {
+  font-weight: $fontWeightHeadingRegular #{override($override)};
+  font-size: $fontSizeH4 #{override($override)};
+  letter-spacing: $letterSpacingH4 #{override($override)};
+  line-height: $lineHeightH4 #{override($override)};
+}
+
 @mixin typographyH1($override: false) {
-  font-family: $fontFamilyHeading #{override($override)};
-  font-weight: $fontWeightHeadingBold #{override($override)};
+  font-weight: $fontWeightHeadingRegular #{override($override)};
   font-size: $fontSizeH1 #{override($override)};
   letter-spacing: $letterSpacingH1 #{override($override)};
   line-height: $lineHeightH1 #{override($override)};
 }
 
 @mixin typographyH2($override: false) {
-  font-family: $fontFamilyHeading #{override($override)};
-  font-weight: $fontWeightHeadingBold #{override($override)};
+  font-weight: $fontWeightHeadingRegular #{override($override)};
   font-size: $fontSizeH2 #{override($override)};
   letter-spacing: $letterSpacingH2 #{override($override)};
   line-height: $lineHeightH2 #{override($override)};
 }
 
 @mixin typographyH3($override: false) {
-  font-family: $fontFamilyHeading #{override($override)};
-  font-weight: $fontWeightHeadingBold #{override($override)};
+  font-weight: $fontWeightHeadingRegular #{override($override)};
   font-size: $fontSizeH3 #{override($override)};
   letter-spacing: $letterSpacingH3 #{override($override)};
   line-height: $lineHeightH3 #{override($override)};
@@ -72,7 +77,7 @@ $lineHeightBodyTiny: normal !default;
   line-height: $lineHeightButton;
 
   @if $size == 'medium' {
-    font-weight: $fontWeightTextRegular;
+    font-weight: $fontWeightTextBold;
     font-size: $fontSizeButton;
     letter-spacing: $letterSpacingButton;
   }
@@ -92,10 +97,6 @@ $lineHeightBodyTiny: normal !default;
   @if $weight == 'bold' {
     font-weight: $fontWeightTextBold;
   }
-
-  @if $weight == 'light' {
-    font-weight: $fontWeightTextLight;
-  }
 }
 
 @mixin typographyBodyNormal($weight: 'regular') {
@@ -137,6 +138,15 @@ $lineHeightBodyTiny: normal !default;
 @mixin typographyGlobal($override: false) {
   @include typographyBodyNormal;
 
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    font-family: $fontFamilyHeading;
+  }
+
   h1 {
     @include typographyH1($override);
   }

package/styles/helpers/_gradients.scss

@@ -0,0 +1,11 @@
+@use '../constants' as c;
+
+@mixin gradientLime {
+  background: c.$authPrimary;
+  background: linear-gradient(270deg, c.$authPrimary 0%, #00b8b8 100%);
+}
+
+@mixin gradientOcean {
+  background: c.$colorText;
+  background: linear-gradient(270deg, #0c6f8e 0%, #1b2939 100%);
+}

package/styles/helpers/_index.scss

@@ -2,3 +2,4 @@
 @forward './input';
 @forward './text';
 @forward './error';
+@forward './gradients';