diff --git a/dimensionCompare/new/fold-flip.png b/dimensionCompare/new/fold-flip.png new file mode 100644 index 000000000..54adaff05 Binary files /dev/null and b/dimensionCompare/new/fold-flip.png differ diff --git a/dimensionCompare/new/fold-open.png b/dimensionCompare/new/fold-open.png new file mode 100644 index 000000000..d23970604 Binary files /dev/null and b/dimensionCompare/new/fold-open.png differ diff --git a/dimensionCompare/new/ipad.png b/dimensionCompare/new/ipad.png new file mode 100644 index 000000000..1063cc5db Binary files /dev/null and b/dimensionCompare/new/ipad.png differ diff --git a/dimensionCompare/new/iphoneSE.png b/dimensionCompare/new/iphoneSE.png new file mode 100644 index 000000000..6a7799a43 Binary files /dev/null and b/dimensionCompare/new/iphoneSE.png differ diff --git a/dimensionCompare/new/medium.png b/dimensionCompare/new/medium.png new file mode 100644 index 000000000..802ca4b38 Binary files /dev/null and b/dimensionCompare/new/medium.png differ diff --git a/dimensionCompare/new/small.png b/dimensionCompare/new/small.png new file mode 100644 index 000000000..28dafb73d Binary files /dev/null and b/dimensionCompare/new/small.png differ diff --git a/dimensionCompare/was/fold-flip.png b/dimensionCompare/was/fold-flip.png new file mode 100644 index 000000000..3fd13a367 Binary files /dev/null and b/dimensionCompare/was/fold-flip.png differ diff --git a/dimensionCompare/was/fold-open.png b/dimensionCompare/was/fold-open.png new file mode 100644 index 000000000..9a82fc22a Binary files /dev/null and b/dimensionCompare/was/fold-open.png differ diff --git a/dimensionCompare/was/ipad.png b/dimensionCompare/was/ipad.png new file mode 100644 index 000000000..d603ac855 Binary files /dev/null and b/dimensionCompare/was/ipad.png differ diff --git a/dimensionCompare/was/iphoneSE.png b/dimensionCompare/was/iphoneSE.png new file mode 100644 index 000000000..294feb01b Binary files /dev/null and b/dimensionCompare/was/iphoneSE.png differ diff --git a/dimensionCompare/was/medium.png b/dimensionCompare/was/medium.png new file mode 100644 index 000000000..edb195e08 Binary files /dev/null and b/dimensionCompare/was/medium.png differ diff --git a/dimensionCompare/was/small.png b/dimensionCompare/was/small.png new file mode 100644 index 000000000..6dac6b366 Binary files /dev/null and b/dimensionCompare/was/small.png differ diff --git a/ios/MobyDick.xcodeproj/project.pbxproj b/ios/MobyDick.xcodeproj/project.pbxproj index 180abbc8c..2b1a92337 100644 --- a/ios/MobyDick.xcodeproj/project.pbxproj +++ b/ios/MobyDick.xcodeproj/project.pbxproj @@ -37,8 +37,8 @@ 00E356EE1AD99517003FC87E /* MobyDickTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = MobyDickTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; }; 00E356F11AD99517003FC87E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; }; 00E356F21AD99517003FC87E /* MobyDickTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = MobyDickTests.m; sourceTree = ""; }; - 02F15C12586E476E859A462E /* Inter-BoldItalic.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = undefined; includeInIndex = 0; lastKnownFileType = unknown; name = "Inter-BoldItalic.ttf"; path = "../node_modules/@lad-tech/mobydick-core/src/typography/assets/fonts/Inter-BoldItalic.ttf"; sourceTree = ""; }; - 0F4B870A4D224592AB180528 /* Inter-Medium.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = undefined; includeInIndex = 0; lastKnownFileType = unknown; name = "Inter-Medium.ttf"; path = "../node_modules/@lad-tech/mobydick-core/src/typography/assets/fonts/Inter-Medium.ttf"; sourceTree = ""; }; + 02F15C12586E476E859A462E /* Inter-BoldItalic.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = "Inter-BoldItalic.ttf"; path = "../node_modules/@lad-tech/mobydick-core/src/typography/assets/fonts/Inter-BoldItalic.ttf"; sourceTree = ""; }; + 0F4B870A4D224592AB180528 /* Inter-Medium.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = "Inter-Medium.ttf"; path = "../node_modules/@lad-tech/mobydick-core/src/typography/assets/fonts/Inter-Medium.ttf"; sourceTree = ""; }; 13B07F961A680F5B00A75B9A /* MobyDick.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = MobyDick.app; sourceTree = BUILT_PRODUCTS_DIR; }; 13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = MobyDick/AppDelegate.h; sourceTree = ""; }; 13B07FB01A68108700A75B9A /* AppDelegate.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; name = AppDelegate.mm; path = MobyDick/AppDelegate.mm; sourceTree = ""; }; @@ -50,14 +50,14 @@ 5709B34CF0A7D63546082F79 /* Pods-MobyDick.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-MobyDick.release.xcconfig"; path = "Target Support Files/Pods-MobyDick/Pods-MobyDick.release.xcconfig"; sourceTree = ""; }; 5B7EB9410499542E8C5724F5 /* Pods-MobyDick-MobyDickTests.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-MobyDick-MobyDickTests.debug.xcconfig"; path = "Target Support Files/Pods-MobyDick-MobyDickTests/Pods-MobyDick-MobyDickTests.debug.xcconfig"; sourceTree = ""; }; 5DCACB8F33CDC322A6C60F78 /* libPods-MobyDick.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-MobyDick.a"; sourceTree = BUILT_PRODUCTS_DIR; }; - 67B4FAB9822A49BB973439F8 /* Inter-Bold.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = undefined; includeInIndex = 0; lastKnownFileType = unknown; name = "Inter-Bold.ttf"; path = "../node_modules/@lad-tech/mobydick-core/src/typography/assets/fonts/Inter-Bold.ttf"; sourceTree = ""; }; + 67B4FAB9822A49BB973439F8 /* Inter-Bold.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = "Inter-Bold.ttf"; path = "../node_modules/@lad-tech/mobydick-core/src/typography/assets/fonts/Inter-Bold.ttf"; sourceTree = ""; }; 81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.storyboard; name = LaunchScreen.storyboard; path = MobyDick/LaunchScreen.storyboard; sourceTree = ""; }; 89C6BE57DB24E9ADA2F236DE /* Pods-MobyDick-MobyDickTests.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-MobyDick-MobyDickTests.release.xcconfig"; path = "Target Support Files/Pods-MobyDick-MobyDickTests/Pods-MobyDick-MobyDickTests.release.xcconfig"; sourceTree = ""; }; - AC09545204134690B5D0062E /* Inter-Italic.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = undefined; includeInIndex = 0; lastKnownFileType = unknown; name = "Inter-Italic.ttf"; path = "../node_modules/@lad-tech/mobydick-core/src/typography/assets/fonts/Inter-Italic.ttf"; sourceTree = ""; }; - B72366087416423695188D1F /* Neotis.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = undefined; includeInIndex = 0; lastKnownFileType = unknown; name = Neotis.ttf; path = "../node_modules/@lad-tech/mobydick-core/src/styles/icons/font/assets/fonts/Neotis.ttf"; sourceTree = ""; }; - C9208F4754A44ACDB1009C42 /* Inter-Regular.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = undefined; includeInIndex = 0; lastKnownFileType = unknown; name = "Inter-Regular.ttf"; path = "../node_modules/@lad-tech/mobydick-core/src/typography/assets/fonts/Inter-Regular.ttf"; sourceTree = ""; }; + AC09545204134690B5D0062E /* Inter-Italic.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = "Inter-Italic.ttf"; path = "../node_modules/@lad-tech/mobydick-core/src/typography/assets/fonts/Inter-Italic.ttf"; sourceTree = ""; }; + B72366087416423695188D1F /* Neotis.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = Neotis.ttf; path = "../node_modules/@lad-tech/mobydick-core/src/styles/icons/font/assets/fonts/Neotis.ttf"; sourceTree = ""; }; + C9208F4754A44ACDB1009C42 /* Inter-Regular.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = "Inter-Regular.ttf"; path = "../node_modules/@lad-tech/mobydick-core/src/typography/assets/fonts/Inter-Regular.ttf"; sourceTree = ""; }; ED297162215061F000B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; }; - ED3C107DB30644458A97FAC3 /* Inter-SemiBold.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = undefined; includeInIndex = 0; lastKnownFileType = unknown; name = "Inter-SemiBold.ttf"; path = "../node_modules/@lad-tech/mobydick-core/src/typography/assets/fonts/Inter-SemiBold.ttf"; sourceTree = ""; }; + ED3C107DB30644458A97FAC3 /* Inter-SemiBold.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = "Inter-SemiBold.ttf"; path = "../node_modules/@lad-tech/mobydick-core/src/typography/assets/fonts/Inter-SemiBold.ttf"; sourceTree = ""; }; /* End PBXFileReference section */ /* Begin PBXFrameworksBuildPhase section */ @@ -516,8 +516,11 @@ ); PRODUCT_BUNDLE_IDENTIFIER = com.mobydick; PRODUCT_NAME = MobyDick; + SUPPORTED_PLATFORMS = "iphoneos iphonesimulator"; + SUPPORTS_MACCATALYST = NO; SWIFT_OPTIMIZATION_LEVEL = "-Onone"; SWIFT_VERSION = 5.0; + TARGETED_DEVICE_FAMILY = "1,2"; VERSIONING_SYSTEM = "apple-generic"; }; name = Debug; @@ -542,7 +545,10 @@ ); PRODUCT_BUNDLE_IDENTIFIER = com.mobydick; PRODUCT_NAME = MobyDick; + SUPPORTED_PLATFORMS = "iphoneos iphonesimulator"; + SUPPORTS_MACCATALYST = NO; SWIFT_VERSION = 5.0; + TARGETED_DEVICE_FAMILY = "1,2"; VERSIONING_SYSTEM = "apple-generic"; }; name = Release; @@ -617,10 +623,7 @@ "-DFOLLY_USE_LIBCPP=1", "-DFOLLY_CFG_NO_COROUTINES=1", ); - OTHER_LDFLAGS = ( - "$(inherited)", - " ", - ); + OTHER_LDFLAGS = "$(inherited) "; REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native"; SDKROOT = iphoneos; USE_HERMES = true; @@ -692,10 +695,7 @@ "-DFOLLY_USE_LIBCPP=1", "-DFOLLY_CFG_NO_COROUTINES=1", ); - OTHER_LDFLAGS = ( - "$(inherited)", - " ", - ); + OTHER_LDFLAGS = "$(inherited) "; REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native"; SDKROOT = iphoneos; USE_HERMES = true; diff --git a/ios/MobyDick/Images.xcassets/AppIcon.appiconset/Contents.json b/ios/MobyDick/Images.xcassets/AppIcon.appiconset/Contents.json index d48fcc0a6..f78687a21 100644 --- a/ios/MobyDick/Images.xcassets/AppIcon.appiconset/Contents.json +++ b/ios/MobyDick/Images.xcassets/AppIcon.appiconset/Contents.json @@ -150,6 +150,66 @@ "scale" : "1x", "size" : "1024x1024" }, + { + "filename" : "16.png", + "idiom" : "mac", + "scale" : "1x", + "size" : "16x16" + }, + { + "filename" : "32.png", + "idiom" : "mac", + "scale" : "2x", + "size" : "16x16" + }, + { + "filename" : "32.png", + "idiom" : "mac", + "scale" : "1x", + "size" : "32x32" + }, + { + "filename" : "64.png", + "idiom" : "mac", + "scale" : "2x", + "size" : "32x32" + }, + { + "filename" : "128.png", + "idiom" : "mac", + "scale" : "1x", + "size" : "128x128" + }, + { + "filename" : "256.png", + "idiom" : "mac", + "scale" : "2x", + "size" : "128x128" + }, + { + "filename" : "256.png", + "idiom" : "mac", + "scale" : "1x", + "size" : "256x256" + }, + { + "filename" : "512.png", + "idiom" : "mac", + "scale" : "2x", + "size" : "256x256" + }, + { + "filename" : "512.png", + "idiom" : "mac", + "scale" : "1x", + "size" : "512x512" + }, + { + "filename" : "1024.png", + "idiom" : "mac", + "scale" : "2x", + "size" : "512x512" + }, { "filename" : "48.png", "idiom" : "watch", @@ -180,6 +240,13 @@ "scale" : "3x", "size" : "29x29" }, + { + "idiom" : "watch", + "role" : "notificationCenter", + "scale" : "2x", + "size" : "33x33", + "subtype" : "45mm" + }, { "filename" : "80.png", "idiom" : "watch", @@ -196,6 +263,13 @@ "size" : "44x44", "subtype" : "40mm" }, + { + "idiom" : "watch", + "role" : "appLauncher", + "scale" : "2x", + "size" : "46x46", + "subtype" : "41mm" + }, { "filename" : "100.png", "idiom" : "watch", @@ -204,6 +278,20 @@ "size" : "50x50", "subtype" : "44mm" }, + { + "idiom" : "watch", + "role" : "appLauncher", + "scale" : "2x", + "size" : "51x51", + "subtype" : "45mm" + }, + { + "idiom" : "watch", + "role" : "appLauncher", + "scale" : "2x", + "size" : "54x54", + "subtype" : "49mm" + }, { "filename" : "172.png", "idiom" : "watch", @@ -229,70 +317,24 @@ "subtype" : "44mm" }, { - "filename" : "1024.png", - "idiom" : "watch-marketing", - "scale" : "1x", - "size" : "1024x1024" - }, - { - "filename" : "16.png", - "idiom" : "mac", - "scale" : "1x", - "size" : "16x16" - }, - { - "filename" : "32.png", - "idiom" : "mac", - "scale" : "2x", - "size" : "16x16" - }, - { - "filename" : "32.png", - "idiom" : "mac", - "scale" : "1x", - "size" : "32x32" - }, - { - "filename" : "64.png", - "idiom" : "mac", - "scale" : "2x", - "size" : "32x32" - }, - { - "filename" : "128.png", - "idiom" : "mac", - "scale" : "1x", - "size" : "128x128" - }, - { - "filename" : "256.png", - "idiom" : "mac", + "idiom" : "watch", + "role" : "quickLook", "scale" : "2x", - "size" : "128x128" - }, - { - "filename" : "256.png", - "idiom" : "mac", - "scale" : "1x", - "size" : "256x256" + "size" : "117x117", + "subtype" : "45mm" }, { - "filename" : "512.png", - "idiom" : "mac", + "idiom" : "watch", + "role" : "quickLook", "scale" : "2x", - "size" : "256x256" - }, - { - "filename" : "512.png", - "idiom" : "mac", - "scale" : "1x", - "size" : "512x512" + "size" : "129x129", + "subtype" : "49mm" }, { "filename" : "1024.png", - "idiom" : "mac", - "scale" : "2x", - "size" : "512x512" + "idiom" : "watch-marketing", + "scale" : "1x", + "size" : "1024x1024" } ], "info" : { diff --git a/lib/__mocks__/globalMock.js b/lib/__mocks__/globalMock.js new file mode 100644 index 000000000..5affb8f33 --- /dev/null +++ b/lib/__mocks__/globalMock.js @@ -0,0 +1,43 @@ +"use strict"; +// RN do Object.freeze for Style in __DEV__ +// https://github.com/facebook/react-native/commit/a8e3c7f5780516eb0297830632862484ad032c10#r74968198 +// And I don't know why +jest.mock('react-native/Libraries/StyleSheet/StyleSheet.js', () => { + const real = jest.requireActual('react-native/Libraries/StyleSheet/StyleSheet.js'); + return { + ...real, + create: (obj) => obj, + }; +}); +// Somehow Platform.isTesting === undefined when running in jest:/ +jest.mock('react-native/Libraries/Utilities/Platform', () => { + const real = jest.requireActual('react-native/Libraries/Utilities/Platform'); + return { + ...real, + isTesting: true, + }; +}); +// we don't need logs in test's scripts +jest.mock('../scripts/utils/logger'); // or use require +jest.mock('react-native/Libraries/Utilities/BackHandler', () => { + return jest.requireActual('react-native/Libraries/Utilities/__mocks__/BackHandler.js'); +}); +jest.mock('react-native-safe-area-context', () => { + return jest.requireActual('react-native-safe-area-context/jest/mock').default; +}); +jest.mock('react-native/Libraries/Interaction/PanResponder', () => { + const real = jest.requireActual('react-native/Libraries/Interaction/PanResponder'); + return { + ...real, + create: (config) => ({ panHandlers: config }), + }; +}); +jest.mock('react-native-calendars', () => { + const real = jest.requireActual('react-native-calendars'); + real.Calendar.defaultProps = { + initialDate: '8.01.2022', + }; + return { + ...real, + }; +}); diff --git a/lib/__mocks__/svgMock.js b/lib/__mocks__/svgMock.js new file mode 100644 index 000000000..21ef7bb19 --- /dev/null +++ b/lib/__mocks__/svgMock.js @@ -0,0 +1,3 @@ +"use strict"; +module.exports = 'SvgMock'; +module.exports.ReactComponent = 'SvgMock'; diff --git a/lib/e2e/const.js b/lib/e2e/const.js new file mode 100644 index 000000000..efbb20f11 --- /dev/null +++ b/lib/e2e/const.js @@ -0,0 +1,9 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.TEXTS = void 0; +exports.TEXTS = { + NAVIGATOR: 'NAVIGATOR', + ADDONS: 'ADDONS', + KNOBS: 'KNOBS', + PREVIEW: 'PREVIEW', +}; diff --git a/lib/e2e/core/cta/button.e2e.js b/lib/e2e/core/cta/button.e2e.js new file mode 100644 index 000000000..2148cbf4e --- /dev/null +++ b/lib/e2e/core/cta/button.e2e.js @@ -0,0 +1,47 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const detox_1 = require("detox"); +const const_1 = require("../../const"); +const functions_1 = require("../../functions"); +const typeTextField = (0, functions_1.getTypeTextField)(); +const devicePlatform = (0, functions_1.getPlatform)(); +describe('Button', () => { + beforeAll(async () => { + await detox_1.device.launchApp(); + }); + beforeEach(async () => { + await detox_1.device.reloadReactNative(); + }); + it('should have basic button', async () => { + await (0, detox_1.element)(detox_1.by.text(const_1.TEXTS.NAVIGATOR)).tap(); + await (0, detox_1.element)(detox_1.by.text('basic button')).tap(); + await (0, detox_1.element)(detox_1.by.text(const_1.TEXTS.PREVIEW)).tap(); + await (0, detox_1.expect)((0, detox_1.element)(detox_1.by.text('text big text'))).toBeVisible(); + await (0, detox_1.element)(detox_1.by.text(const_1.TEXTS.ADDONS)).tap(); + await (0, detox_1.element)(detox_1.by.text(const_1.TEXTS.KNOBS)).tap(); + if (devicePlatform === 'ios') { + await (0, detox_1.element)(detox_1.by.type(typeTextField)).atIndex(4).tap(); + await (0, detox_1.element)(detox_1.by.text('large')).tap(); + await (0, detox_1.element)(detox_1.by.type(typeTextField)).atIndex(1).tap(); + await (0, detox_1.element)(detox_1.by.text('secondary')).tap(); + await (0, detox_1.element)(detox_1.by.type(typeTextField)).atIndex(2).clearText(); + await (0, detox_1.element)(detox_1.by.type(typeTextField)) + .atIndex(2) + .replaceText('Добавить карту'); + } + else { + await (0, detox_1.element)(detox_1.by.text('size')).tap({ x: 5, y: 20 }); + await (0, detox_1.element)(detox_1.by.text('large')).tap(); + await (0, detox_1.element)(detox_1.by.text('type')).tap({ x: 5, y: 20 }); + await (0, detox_1.element)(detox_1.by.text('secondary')).tap(); + await (0, detox_1.element)(detox_1.by.text('disabled')).tap({ x: 5, y: 30 }); + await (0, detox_1.element)(detox_1.by.text('disabled')).tap({ x: 5, y: 30 }); + await (0, detox_1.element)(detox_1.by.type(typeTextField)).atIndex(1).clearText(); + await (0, detox_1.element)(detox_1.by.type(typeTextField)) + .atIndex(1) + .replaceText('Добавить карту'); + } + await (0, detox_1.element)(detox_1.by.text(const_1.TEXTS.PREVIEW)).tap(); + await (0, detox_1.element)(detox_1.by.text('light')).tap(); + }); +}); diff --git a/lib/e2e/functions.js b/lib/e2e/functions.js new file mode 100644 index 000000000..59343d1ed --- /dev/null +++ b/lib/e2e/functions.js @@ -0,0 +1,18 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.getTypeTextField = exports.getPlatform = void 0; +const detox_1 = require("detox"); +const getPlatform = () => { + return detox_1.device.getPlatform(); +}; +exports.getPlatform = getPlatform; +const getTypeTextField = () => { + const device = (0, exports.getPlatform)(); + if (device === 'ios') { + return 'RCTUITextField'; + } + else { + return 'android.widget.EditText'; + } +}; +exports.getTypeTextField = getTypeTextField; diff --git a/lib/e2e/jest.config.js b/lib/e2e/jest.config.js new file mode 100644 index 000000000..2a5e77d41 --- /dev/null +++ b/lib/e2e/jest.config.js @@ -0,0 +1,14 @@ +"use strict"; +/** @type {import('@jest/types').Config.InitialOptions} */ +module.exports = { + rootDir: '..', + testMatch: ['/e2e/**/*.e2e.ts'], + testTimeout: 120000, + maxWorkers: 1, + globalSetup: 'detox/runners/jest/globalSetup', + globalTeardown: 'detox/runners/jest/globalTeardown', + reporters: ['detox/runners/jest/reporter'], + testEnvironment: 'detox/runners/jest/testEnvironment', + verbose: true, + preset: 'ts-jest', +}; diff --git a/lib/package.json b/lib/package.json new file mode 100644 index 000000000..aa31a050f --- /dev/null +++ b/lib/package.json @@ -0,0 +1,104 @@ +{ + "name": "@lad-tech/mobydick", + "version": "7.31.0", + "private": true, + "license": "MIT", + "scripts": { + "prepare": "husky install", + "postinstall": "npx patch-package", + "postversion": "./scripts/semantic-release.ts", + "android": "react-native run-android", + "ios": "react-native run-ios", + "start": "react-native start", + "test": "jest", + "test:ci": "jest --ci --coverage=true --silent", + "lint": "eslint . --ext .js,.jsx,.ts,.tsx && tsc -p tsconfig.json --noEmit", + "lint:ci": "eslint . --quiet && tsc -p tsconfig.json --noEmit", + "storybook": "start-storybook -p 7007", + "build-storybook": "build-storybook", + "bundle": "react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle", + "bundleWithAssets": "react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/", + "android:clean": "cd android && ./gradlew clean", + "android:build:debug": "cd android && ./gradlew :app:assembleDebug", + "android:build:release": "cd android && ./gradlew :app:assembleRelease", + "android:get:aab": "cd android && ./gradlew :app:bundleRelease", + "android:get:debug": "yarn bundleWithAssets && yarn android:build:debug", + "android:get:release": "yarn bundle && yarn android:build:release", + "release": "semantic-release", + "e2e:ios:debug:build": "detox build --configuration ios.sim.debug", + "e2e:ios:debug:test": "detox test --configuration ios.sim.debug", + "e2e:ios:debug": "yarn e2e:ios:debug:build && yarn e2e:ios:debug:test", + "e2e:android:build": "yarn bundle && detox build --configuration android.emu.release", + "e2e:android:test": "detox test --configuration android.emu.release", + "e2e:android": "yarn e2e:android:build && yarn e2e:android:test", + "e2e:android:debug:build": "yarn bundleWithAssets && detox build --configuration android.emu.debug", + "e2e:android:debug:test": "detox test --configuration android.emu.debug", + "e2e:android:debug": "yarn e2e:android:debug:build && yarn e2e:android:debug:test", + "storybook-generate": "sb-rn-get-stories", + "storybook-watch": "sb-rn-watcher", + "start-server": "react-native-storybook-server" + }, + "workspaces": [ + "packages/*" + ], + "dependencies": { + "@react-navigation/bottom-tabs": "^6.5.18", + "@react-navigation/native": "^6.1.9", + "@react-navigation/native-stack": "^6.9.17", + "@shopify/react-native-skia": "^1.0.4", + "react": "18.2.0", + "react-native": "0.73.7", + "react-native-calendars": "^1.1294.0", + "react-native-gesture-handler": "^2.14.1", + "react-native-markdown-display": "^7.0.2", + "react-native-reanimated": "^3.8.1", + "react-native-safe-area-context": "^4.8.2", + "react-native-screens": "^3.29.0", + "react-native-svg": "13.6.0", + "react-native-svg-transformer": "1.0.0" + }, + "devDependencies": { + "@babel/core": "^7.20.0", + "@babel/preset-env": "^7.20.0", + "@babel/runtime": "^7.20.0", + "@commitlint/cli": "^17.4.2", + "@commitlint/config-conventional": "^17.4.2", + "@lad-tech/eslint-config": "^0.0.16", + "@react-native-async-storage/async-storage": "^1.19.1", + "@react-native/babel-preset": "0.73.21", + "@react-native/metro-config": "0.73.5", + "@semantic-release/changelog": "^6.0.3", + "@semantic-release/git": "^10.0.1", + "@semantic-release/github": "^9.2.6", + "@semantic-release/npm": "^11.0.2", + "@testing-library/react-hooks": "^8.0.0", + "@testing-library/react-native": "^9.1.0", + "@types/detox": "^18.1.0", + "@types/jest": "^29.5.12", + "@types/react": "^18.2.6", + "@types/react-native": "^0.67.3", + "@types/react-test-renderer": "^18.0.0", + "@types/xdate": "^0.8.32", + "@types/yargs": "^17.0.10", + "babel-jest": "^29.6.3", + "babel-loader": "^8.2.4", + "babel-plugin-module-resolver": "^5.0.0", + "detox": "^20.5.0", + "eslint": "^8.56.0", + "husky": "^7.0.4", + "jest": "^29.7.0", + "jest-sonar-reporter": "^2.0.0", + "prettier": "^3.2.4", + "react-dom": "^18.2.0", + "react-test-renderer": "18.2.0", + "semantic-release": "^23.0.0", + "simple-git": "^3.10.0", + "ts-jest": "^29.0.5", + "ts-node": "^10.9.1", + "typescript": "^5.4.5", + "winston": "^3.8.1" + }, + "engines": { + "node": ">=18" + } +} diff --git a/lib/packages/KeyboardAware/index.js b/lib/packages/KeyboardAware/index.js new file mode 100644 index 000000000..6bb2867b5 --- /dev/null +++ b/lib/packages/KeyboardAware/index.js @@ -0,0 +1,17 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./src"), exports); diff --git a/lib/packages/KeyboardAware/src/KeyboardAwareScrollView.js b/lib/packages/KeyboardAware/src/KeyboardAwareScrollView.js new file mode 100644 index 000000000..582bc54b8 --- /dev/null +++ b/lib/packages/KeyboardAware/src/KeyboardAwareScrollView.js @@ -0,0 +1,73 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("react-native"); +const react_1 = require("react"); +const androidStatusBarOffset = react_native_1.StatusBar.currentHeight ?? 0; +const KeyboardAwareScrollView = ({ children, BottomComponent, ...rest }) => { + const scrollViewRef = (0, react_1.useRef)(null); + const scrollPositionRef = (0, react_1.useRef)(0); + const keyboardHeightRef = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current; + const bottomRef = (0, react_1.useRef)(null); + (0, react_1.useEffect)(() => { + const calculateAndScroll = ({ keyboardY, bottomHeight, }) => { + const currentlyFocusedInput = react_native_1.TextInput.State.currentlyFocusedInput(); + currentlyFocusedInput?.measureInWindow((_x, y, _width, height) => { + const endOfInputY = y + height + androidStatusBarOffset; + const deltaToScroll = endOfInputY - keyboardY; + const additionalScroll = 30; + const scrollPositionTarget = scrollPositionRef.current + + deltaToScroll + + additionalScroll + + bottomHeight; + scrollViewRef.current?.scrollTo({ + y: scrollPositionTarget, + animated: true, + }); + }); + }; + const didShowListener = react_native_1.Keyboard.addListener(react_native_1.Platform.OS === 'ios' ? 'keyboardWillShow' : 'keyboardDidShow', frames => { + const keyboardY = frames.endCoordinates.screenY; + const duration = frames.duration; + react_native_1.Animated.timing(keyboardHeightRef, { + toValue: frames.endCoordinates.height, + duration, + useNativeDriver: react_native_1.Platform.OS !== 'ios', + }).start(() => { + bottomRef.current?.measureInWindow((_BottomX, _BottomY, _BottomWidth, bottomHeight) => { + calculateAndScroll({ + keyboardY, + bottomHeight: bottomHeight ?? 0, + }); + }); + }); + }); + const didHideListener = react_native_1.Keyboard.addListener('keyboardWillHide', frames => { + const duration = frames.duration; + react_native_1.Animated.timing(keyboardHeightRef, { + toValue: 0, + duration, + useNativeDriver: react_native_1.Platform.OS !== 'ios', + }).start(); + }); + return () => { + didShowListener.remove(); + didHideListener.remove(); + }; + }, []); + return (<> + { + scrollPositionRef.current = event.nativeEvent.contentOffset.y; + }} {...rest}> + {children} + + {BottomComponent} + + ); +}; +exports.default = KeyboardAwareScrollView; diff --git a/lib/packages/KeyboardAware/src/index.js b/lib/packages/KeyboardAware/src/index.js new file mode 100644 index 000000000..e6d4a4c29 --- /dev/null +++ b/lib/packages/KeyboardAware/src/index.js @@ -0,0 +1,8 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.KeyboardAwareScrollView = void 0; +const KeyboardAwareScrollView_1 = __importDefault(require("./KeyboardAwareScrollView")); +exports.KeyboardAwareScrollView = KeyboardAwareScrollView_1.default; diff --git a/lib/packages/calendar/index.js b/lib/packages/calendar/index.js new file mode 100644 index 000000000..6bb2867b5 --- /dev/null +++ b/lib/packages/calendar/index.js @@ -0,0 +1,17 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./src"), exports); diff --git a/lib/packages/calendar/src/Calendar/Calendar.js b/lib/packages/calendar/src/Calendar/Calendar.js new file mode 100644 index 000000000..3f58f6766 --- /dev/null +++ b/lib/packages/calendar/src/Calendar/Calendar.js @@ -0,0 +1,276 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const react_native_calendars_1 = require("react-native-calendars"); +const mobydick_core_1 = require("@lad-tech/mobydick-core"); +const localeConfig_1 = require("./localeConfig"); +const functions_1 = require("./functions"); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const types_1 = require("./types"); +const CalendarHeader_1 = __importDefault(require("./components/CalendarHeader")); +const Years_1 = __importDefault(require("./components/Years")); +const Months_1 = __importDefault(require("./components/Months")); +const mergeObjects_1 = __importDefault(require("./helpers/mergeObjects")); +const Calendar = props => { + const { onDateRangeChange, defaultLocale = 'ru', bottomView, isClear, isShowToday = true, localeConfig = localeConfig_1.localeConfigRu, isPeriod = false, initialRange, dottedDates = [], initialDate, maxLengthDateRange, maxDate, minDate, ...rest } = props; + react_native_calendars_1.LocaleConfig.locales[defaultLocale] = localeConfig; + react_native_calendars_1.LocaleConfig.defaultLocale = defaultLocale; + const { colors, currentTheme } = (0, mobydick_core_1.useTheme)(); + const currentDay = initialDate ? new Date(initialDate) : new Date(); + const [styles] = (0, mobydick_core_1.useStyles)(stylesCreate_1.default); + const colorsArg = (0, react_1.useMemo)(() => ({ + colorPrime: { + color: colors.ElementBase, + textColor: colors.TextWhite, + }, + colorSoft: { + color: colors.BgAccent, + textColor: colors.TextPrimary, + }, + colorToday: { + color: colors.BgSecondary, + textColor: colors.TextPrimary, + }, + }), []); + const [markedDates, setMarkedDates] = (0, react_1.useState)(); + const [currMaxDate, setCurrMaxDate] = (0, react_1.useState)(maxDate || ''); + const [currMinDate, setCurrMinDate] = (0, react_1.useState)(minDate || ''); + const [selectionState, setSelectionState] = (0, react_1.useState)(types_1.ISelectionState.days); + const [currentMonthIndex, setCurrentMonthIndex] = (0, react_1.useState)(currentDay.getMonth()); + const [currentYear, setCurrentYear] = (0, react_1.useState)(currentDay.getFullYear()); + const [yearRange, setYearRange] = (0, react_1.useState)((0, functions_1.calculateYearRange)(currentYear)); + const dateDots = (0, functions_1.getDottedDates)(dottedDates, colors.ElementBase); + const dateToday = (0, functions_1.getMarkedToday)(colorsArg); + const themeStyles = (0, react_1.useMemo)(() => ({ + theme: { + calendarBackground: colors.BgPrimary, + textSectionTitleColor: colors.TextSecondary, + dayTextColor: colors.TextPrimary, + textDisabledColor: colors.TextMuted, + arrowColor: colors.IconNeutral, + monthTextColor: colors.TextPrimary, + textDayHeaderFontFamily: 'Inter-SemiBold', + textDayHeaderFontSize: (0, mobydick_core_1.px)(14), + textDayFontSize: (0, mobydick_core_1.px)(14), + textDayFontFamily: 'Inter-Regular', + weekVerticalMargin: (0, mobydick_core_1.px)(1), + 'stylesheet.day.period': { + todayText: { + fontWeight: '400', + }, + wrapper: { + alignItems: 'center', + alignSelf: 'stretch', + }, + }, + 'stylesheet.calendar.header': { + dayHeader: { + marginTop: 0, + marginBottom: (0, mobydick_core_1.px)(5), + color: colors.TextSecondary, + }, + }, + }, + }), [currentTheme]); + const updateDateRange = (fromDate, toDate) => { + const dateRange = (0, functions_1.getAllDatesBetween)(new Date(fromDate), new Date(toDate), colorsArg, isShowToday); + const result = (0, mergeObjects_1.default)(dateDots.dates, dateRange.dates, (key, first, second) => { + return { + ...first[key], + ...second[key], + }; + }); + const startDate = result[(0, functions_1.getDateForCalendar)(dateRange.fromDate)]; + if (startDate) { + startDate.dotColor = colors.ElementWhite; + } + const endDate = result[(0, functions_1.getDateForCalendar)(dateRange.toDate)]; + if (endDate) { + endDate.dotColor = colors.ElementWhite; + } + setMarkedDates({ + dates: result, + fromDate: dateRange.fromDate, + toDate: dateRange.toDate, + lengthMarkedDates: dateRange.lengthDateRange, + }); + onDateRangeChange?.({ + dateStart: new Date(fromDate).toISOString(), + dateEnd: new Date(toDate).toISOString(), + lengthDateRange: dateRange.lengthDateRange, + }); + }; + const onDayPress = (0, react_1.useCallback)((day) => { + const { fromDate, toDate } = (0, functions_1.calculateBoundaries)(day, markedDates, isPeriod); + setCurrentYear(day.year); + setCurrentMonthIndex(day.month - 1); + updateDateRange(fromDate, toDate); + }, [ + isPeriod, + colorsArg, + onDateRangeChange, + currentYear, + currentMonthIndex, + markedDates, + ]); + const markTodayAndDots = () => { + const result = (0, mergeObjects_1.default)(dateDots.dates, dateToday.dates, (key, first, second) => { + return { + ...first[key], + ...second[key], + }; + }); + setMarkedDates({ + dates: isShowToday ? result : dateDots.dates, + fromDate: dateToday.fromDate, + toDate: dateToday.toDate, + }); + }; + const onClear = () => { + onDateRangeChange?.({ dateStart: '', dateEnd: '', lengthDateRange: 0 }); + markTodayAndDots(); + }; + (0, react_1.useLayoutEffect)(() => { + if (initialRange?.fromDate) { + const startDate = initialRange.fromDate; + const endDate = initialRange?.toDate || startDate; + if ((0, functions_1.isValidDate)(startDate) && (0, functions_1.isValidDate)(endDate)) { + updateDateRange(startDate, endDate); + return; + } + } + else { + markTodayAndDots(); + } + }, []); + (0, react_1.useEffect)(() => { + if (isClear) { + onClear(); + } + }, [isClear]); + const onPressMonth = (0, react_1.useCallback)((monthIndex) => { + setCurrentMonthIndex(monthIndex); + setSelectionState(types_1.ISelectionState.days); + }, []); + const onCloseMonths = (0, react_1.useCallback)(() => setSelectionState(types_1.ISelectionState.days), []); + const onPressYear = (0, react_1.useCallback)((year) => { + setCurrentYear(year); + setSelectionState(types_1.ISelectionState.months); + }, []); + const onCloseYears = (0, react_1.useCallback)(() => setSelectionState(types_1.ISelectionState.months), []); + const onPressCurrMonth = (0, react_1.useCallback)(() => { + setSelectionState(types_1.ISelectionState.months); + }, []); + const onPressCurrYear = (0, react_1.useCallback)(() => { + if (selectionState === types_1.ISelectionState.days || + selectionState === types_1.ISelectionState.months) { + setSelectionState(types_1.ISelectionState.years); + } + else if (selectionState === types_1.ISelectionState.years) { + setSelectionState(types_1.ISelectionState.months); + } + setYearRange((0, functions_1.calculateYearRange)(currentYear)); + }, [selectionState, currentYear]); + const onPressLeft = (0, react_1.useCallback)(() => { + if (selectionState === types_1.ISelectionState.days) { + if (currentMonthIndex) { + setCurrentMonthIndex(currentMonthIndex - 1); + } + else { + setCurrentMonthIndex(11); + setCurrentYear(currentYear - 1); + } + } + else if (selectionState === types_1.ISelectionState.months) { + setCurrentYear(currentYear - 1); + } + else if (selectionState === types_1.ISelectionState.years) { + yearRange[0] && + setYearRange((0, functions_1.calculateYearRange)(yearRange[0], types_1.IDirection.left)); + } + }, [currentMonthIndex, currentYear, yearRange, selectionState]); + const onPressRight = (0, react_1.useCallback)(() => { + if (selectionState === types_1.ISelectionState.days) { + if (currentMonthIndex + 1 < 12) { + setCurrentMonthIndex(currentMonthIndex + 1); + } + else { + setCurrentMonthIndex(0); + setCurrentYear(currentYear + 1); + } + } + else if (selectionState === types_1.ISelectionState.months) { + setCurrentYear(currentYear + 1); + } + else if (selectionState === types_1.ISelectionState.years) { + const lastYear = yearRange[yearRange?.length - 1]; + lastYear && setYearRange((0, functions_1.calculateYearRange)(lastYear, types_1.IDirection.right)); + } + }, [currentMonthIndex, yearRange, currentYear, selectionState]); + const getCalendarTitle = () => { + if (selectionState === types_1.ISelectionState.months) { + return { + currYear: currentYear.toString(), + }; + } + else if (selectionState === types_1.ISelectionState.years) { + return { + currYear: yearRange[0]?.toString() + + '-' + + yearRange[yearRange.length - 1]?.toString(), + }; + } + return { + currMonth: localeConfig.monthNames[currentMonthIndex] + ' ', + currYear: currentYear.toString(), + }; + }; + (0, react_1.useEffect)(() => { + const fromDate = markedDates?.fromDate; + const toDate = markedDates?.toDate; + if (!fromDate || !toDate || !maxLengthDateRange || !isPeriod) { + setCurrMaxDate(maxDate || ''); + setCurrMinDate(minDate || ''); + return; + } + const narrowMin = (0, functions_1.getMinDate)(toDate, maxLengthDateRange); + const narrowMax = (0, functions_1.getMaxDate)(fromDate, maxLengthDateRange); + if (!minDate) { + setCurrMinDate(narrowMin); + } + else { + setCurrMinDate(new Date(minDate).getTime() < new Date(narrowMin).getTime() + ? narrowMin + : minDate); + } + if (!maxDate) { + setCurrMaxDate(narrowMax); + } + else { + setCurrMaxDate(new Date(maxDate).getTime() > new Date(narrowMax).getTime() + ? narrowMax + : maxDate); + } + }, [ + markedDates?.fromDate, + markedDates?.toDate, + isPeriod, + maxDate, + minDate, + maxLengthDateRange, + ]); + return (<> + + {selectionState === types_1.ISelectionState.days && (} hideArrows={true} maxDate={currMaxDate} minDate={currMinDate} {...rest}/>)} + {selectionState === types_1.ISelectionState.months && ()} + {selectionState === types_1.ISelectionState.years && ()} + + {bottomView} + ); +}; +exports.default = Calendar; diff --git a/lib/packages/calendar/src/Calendar/ModalCalendar.js b/lib/packages/calendar/src/Calendar/ModalCalendar.js new file mode 100644 index 000000000..396c21bf1 --- /dev/null +++ b/lib/packages/calendar/src/Calendar/ModalCalendar.js @@ -0,0 +1,45 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const mobydick_core_1 = require("@lad-tech/mobydick-core"); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const types_1 = require("./types"); +const Calendar_1 = __importDefault(require("./Calendar")); +const ACCEPT_STR = 'Применить'; +const CANCEL_STR = 'Сбросить'; +const ModalCalendar = props => { + const { onClose, bottomView, onDateRangeChange, descriptionText, buttonView, typeLeft, textLeft, typeRight, textRight, descriptionFont = 'Regular-Muted-M', isShowToday = true, titleFont = 'Medium-Primary-M', titlePrefix = 'Выбрано ', titleSuffix = ' д', isCounter = true, onAcceptDateRangeChange, ...rest } = props; + const [styles] = (0, mobydick_core_1.useStyles)(stylesCreate_1.default); + const [date, setDate] = (0, react_1.useState)({ dateStart: '', dateEnd: '', lengthDateRange: 0 }); + const [isClear, setClear] = (0, react_1.useState)(false); + const onAccept = (0, react_1.useCallback)(() => { + onDateRangeChange?.(date); + onAcceptDateRangeChange?.(date); + onClose(); + }, [date, onClose, onDateRangeChange, date]); + const onClear = (0, react_1.useCallback)(() => { + setClear(true); + onDateRangeChange?.(date); + }, []); + const defaultBottomView = bottomView || (<> + {} + + {buttonView === types_1.IButtonView.small && ( + + )} + {buttonView === types_1.IButtonView.large && ()} + ); + (0, react_1.useEffect)(() => { + setClear(false); + }, [date]); + return ( + + + ); +}; +exports.default = ModalCalendar; diff --git a/lib/packages/calendar/src/Calendar/__tests__/Calendar.test.js b/lib/packages/calendar/src/Calendar/__tests__/Calendar.test.js new file mode 100644 index 000000000..733097ddc --- /dev/null +++ b/lib/packages/calendar/src/Calendar/__tests__/Calendar.test.js @@ -0,0 +1,179 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const Calendar_1 = __importDefault(require("../Calendar")); +const constants_1 = require("../constants"); +describe('Calendar', () => { + beforeAll(() => { + jest.useFakeTimers(); + jest.setSystemTime(new Date('2022-07-15')); + }); + afterAll(() => { + jest.useRealTimers(); + }); + it('renders correctly', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly isClear', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly isShowToday = true > maxLengthDateRange maxDate minDate', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly isShowToday = false > maxLengthDateRange maxDate minDate', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly isShowToday = true < maxLengthDateRange maxDate minDate', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly isShowToday = true < maxLengthDateRange', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly isShowToday = true > maxLengthDateRange', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly not isValidDate', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly isClear isShowToday', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('press calendarLeftArrow', () => { + const { toJSON, getByLabelText } = (0, react_native_1.render)( undefined} isShowToday={false}/>); + const calendarLeftArrow = getByLabelText(constants_1.LABELS.calendarLeftArrow); + react_native_1.fireEvent.press(calendarLeftArrow); + expect(toJSON()).toMatchSnapshot(); + }); + it('press calendarLeftArrow 01 -> 12', () => { + jest.setSystemTime(new Date('2022-01-15')); + const { toJSON, getByLabelText } = (0, react_native_1.render)( undefined} isShowToday={false}/>); + const calendarLeftArrow = getByLabelText(constants_1.LABELS.calendarLeftArrow); + react_native_1.fireEvent.press(calendarLeftArrow); + expect(toJSON()).toMatchSnapshot(); + }); + it('press calendarPressTitle * 2 calendarLeftArrow', () => { + const { toJSON, getByLabelText, getAllByLabelText } = (0, react_native_1.render)( undefined} isShowToday={false}/>); + const calendarPressTitleMonth = getByLabelText(constants_1.LABELS.calendarPressTitleMonth); + react_native_1.fireEvent.press(calendarPressTitleMonth); //months + const calendarPressTitleYear = getByLabelText(constants_1.LABELS.calendarPressTitleYear); + const calendarLeftArrow = getByLabelText(constants_1.LABELS.calendarLeftArrow); + react_native_1.fireEvent.press(calendarLeftArrow); + react_native_1.fireEvent.press(calendarPressTitleYear); //years + react_native_1.fireEvent.press(calendarLeftArrow); + const pressYear = getAllByLabelText(constants_1.LABELS.pressYear)[2]; + pressYear && react_native_1.fireEvent.press(pressYear); + expect(toJSON()).toMatchSnapshot(); + }); + it('press calendarPressTitle * 3 calendarLeftArrow', () => { + const { toJSON, getByLabelText } = (0, react_native_1.render)( undefined} isShowToday={false}/>); + const calendarPressTitleMonth = getByLabelText(constants_1.LABELS.calendarPressTitleMonth); + react_native_1.fireEvent.press(calendarPressTitleMonth); //months + const calendarPressTitleYear = getByLabelText(constants_1.LABELS.calendarPressTitleYear); + const calendarLeftArrow = getByLabelText(constants_1.LABELS.calendarLeftArrow); + react_native_1.fireEvent.press(calendarLeftArrow); + react_native_1.fireEvent.press(calendarPressTitleYear); //years + react_native_1.fireEvent.press(calendarLeftArrow); + react_native_1.fireEvent.press(calendarPressTitleYear); //range years + react_native_1.fireEvent.press(calendarLeftArrow); + expect(toJSON()).toMatchSnapshot(); + }); + it('press calendarRightArrow', () => { + const { toJSON, getByLabelText } = (0, react_native_1.render)( undefined} isShowToday={false}/>); + const calendarRightArrow = getByLabelText(constants_1.LABELS.calendarRightArrow); + react_native_1.fireEvent.press(calendarRightArrow); + expect(toJSON()).toMatchSnapshot(); + }); + it('press calendarRightArrow 12 -> 1', () => { + jest.setSystemTime(new Date('2022-12-15')); + const { toJSON, getByLabelText } = (0, react_native_1.render)( undefined} isShowToday={false}/>); + const calendarRightArrow = getByLabelText(constants_1.LABELS.calendarRightArrow); + react_native_1.fireEvent.press(calendarRightArrow); + expect(toJSON()).toMatchSnapshot(); + }); + it('press calendarPressTitle calendarRightArrow', () => { + const { toJSON, getByLabelText, getAllByLabelText } = (0, react_native_1.render)( undefined} isShowToday={false}/>); + const calendarPressTitleMonth = getByLabelText(constants_1.LABELS.calendarPressTitleMonth); + react_native_1.fireEvent.press(calendarPressTitleMonth); //months + const calendarPressTitleYear = getByLabelText(constants_1.LABELS.calendarPressTitleYear); + const calendarRightArrow = getByLabelText(constants_1.LABELS.calendarRightArrow); + react_native_1.fireEvent.press(calendarRightArrow); + const pressMonth = getAllByLabelText(constants_1.LABELS.pressMonth)[5]; + pressMonth && react_native_1.fireEvent.press(pressMonth); + react_native_1.fireEvent.press(calendarPressTitleYear); // years + react_native_1.fireEvent.press(calendarPressTitleYear); // range years + react_native_1.fireEvent.press(calendarRightArrow); + expect(toJSON()).toMatchSnapshot(); + }); + it('press calendarPressTitle*2 calendarRightArrow', () => { + const { toJSON, getByLabelText } = (0, react_native_1.render)( undefined} isShowToday={false}/>); + const calendarPressTitleMonth = getByLabelText(constants_1.LABELS.calendarPressTitleMonth); + react_native_1.fireEvent.press(calendarPressTitleMonth); //months + const calendarPressTitleYear = getByLabelText(constants_1.LABELS.calendarPressTitleYear); + const calendarRightArrow = getByLabelText(constants_1.LABELS.calendarRightArrow); + react_native_1.fireEvent.press(calendarRightArrow); + react_native_1.fireEvent.press(calendarPressTitleYear); //years + react_native_1.fireEvent.press(calendarRightArrow); + react_native_1.fireEvent.press(calendarPressTitleYear); //range years + react_native_1.fireEvent.press(calendarRightArrow); + expect(toJSON()).toMatchSnapshot(); + }); + it('press calendarPressTitleYear', () => { + const { toJSON, getByLabelText } = (0, react_native_1.render)( undefined} isShowToday={false}/>); + const calendarPressTitleYear = getByLabelText(constants_1.LABELS.calendarPressTitleYear); + react_native_1.fireEvent.press(calendarPressTitleYear); // years + react_native_1.fireEvent.press(calendarPressTitleYear); // range years + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly dottedDates', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly dottedDates cc', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly maxLengthDateRange', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly minDate maxLengthDateRange', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly maxDate maxLengthDateRange', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly maxDate minDate maxLengthDateRange', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly maxDate minDate maxLengthDateRange isPeriod = false', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly maxDate minDate maxLengthDateRange fromDate = toDate', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/calendar/src/Calendar/__tests__/ModalCalendar.test.js b/lib/packages/calendar/src/Calendar/__tests__/ModalCalendar.test.js new file mode 100644 index 000000000..ceea67624 --- /dev/null +++ b/lib/packages/calendar/src/Calendar/__tests__/ModalCalendar.test.js @@ -0,0 +1,59 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const types_1 = require("../types"); +const ModalCalendar_1 = __importDefault(require("../ModalCalendar")); +describe('ModalCalendar', () => { + beforeAll(() => { + jest.useFakeTimers(); + jest.setSystemTime(new Date('2022-07-15')); + }); + afterAll(() => { + jest.useRealTimers(); + }); + it('renders correctly', () => { + const submit = jest.fn(); + const { toJSON } = (0, react_native_1.render)( undefined} onDateRangeChange={submit}/>); + expect(toJSON()).toMatchSnapshot(); + }); + it('bottomView IButtonView.small onAcceptDateRangeChange', () => { + const submit = jest.fn(); + const { toJSON, getByText } = (0, react_native_1.render)( undefined} onAcceptDateRangeChange={submit} isCounter={false} descriptionText={'textCalendar'} buttonView={types_1.IButtonView.small}/>); + const applyButton = getByText('Применить'); + react_native_1.fireEvent.press(applyButton); + expect(toJSON()).toMatchSnapshot(); + }); + it('bottomView IButtonView.small onDateRangeChange', () => { + const submit = jest.fn(); + const { toJSON, getByText } = (0, react_native_1.render)( undefined} onDateRangeChange={submit} isCounter={false} descriptionText={'textCalendar'} buttonView={types_1.IButtonView.small}/>); + const applyButton = getByText('Применить'); + react_native_1.fireEvent.press(applyButton); + expect(toJSON()).toMatchSnapshot(); + }); + it('bottomView IButtonView.large', () => { + const submit = jest.fn(); + const { toJSON, getByText } = (0, react_native_1.render)( undefined} onDateRangeChange={submit} descriptionText={'textCalendar'} isCounter={true} titlePrefix={'titlePrefix'} titleSuffix={'titleSuffix'} titleFont={'Regular-Muted-M'} descriptionFont={'Medium-Primary-M'} buttonView={types_1.IButtonView.large}/>); + const dateStart = getByText('11'); + react_native_1.fireEvent.press(dateStart); + const applyButton = getByText('Сбросить'); + react_native_1.fireEvent.press(applyButton); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly initialRange', () => { + const submit = jest.fn(); + const { toJSON, getByText } = (0, react_native_1.render)( undefined} onDateRangeChange={submit} initialRange={{ fromDate: '2022-02-16', toDate: '2022-02-17' }}/>); + const dateStart = getByText('16'); + react_native_1.fireEvent.press(dateStart); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly initialRange only fromDate isShowToday', () => { + const submit = jest.fn(); + const { toJSON, getByText } = (0, react_native_1.render)( undefined} onDateRangeChange={submit} initialRange={{ fromDate: '2022-02-16' }} isShowToday={true} isCounter={true} buttonView={types_1.IButtonView.large}/>); + const applyButton = getByText('Сбросить'); + react_native_1.fireEvent.press(applyButton); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/calendar/src/Calendar/__tests__/functions.test.js b/lib/packages/calendar/src/Calendar/__tests__/functions.test.js new file mode 100644 index 000000000..675ec4213 --- /dev/null +++ b/lib/packages/calendar/src/Calendar/__tests__/functions.test.js @@ -0,0 +1,320 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const functions_1 = require("../functions"); +const types_1 = require("../types"); +describe('Calendar-functions', () => { + beforeAll(() => { + jest.useFakeTimers(); + }); + afterAll(() => { + jest.useRealTimers(); + }); + it('calculateBoundaries', () => { + expect((0, functions_1.calculateBoundaries)({ + dateString: '2023-01-19', + day: 19, + month: 1, + timestamp: 1674086400000, + year: 2023, + }, { + dates: { + '2023-01-20': { + color: '#2B78EE', + customContainerStyle: [{}], + endingDay: true, + startingDay: true, + textColor: '#FFF', + }, + }, + fromDate: new Date('2023-01-20T00:00:00.000Z'), + toDate: new Date('2023-01-20T00:00:00.000Z'), + }, true)).toEqual({ + fromDate: new Date('2023-01-19T00:00:00.000Z').getTime(), + toDate: new Date('2023-01-20T00:00:00.000Z'), + }); + }); + it('calculateBoundaries same day', () => { + expect((0, functions_1.calculateBoundaries)({ + dateString: '2023-01-20', + day: 20, + month: 1, + timestamp: new Date('2023-01-20T00:00:00.000Z').getTime(), + year: 2023, + }, { + dates: { + '2023-01-20': { + color: '#2B78EE', + customContainerStyle: [{}], + endingDay: true, + startingDay: true, + textColor: '#FFF', + }, + }, + fromDate: new Date('2023-01-20T00:00:00.000Z'), + toDate: new Date('2023-01-20T00:00:00.000Z'), + }, true)).toEqual({ + fromDate: new Date('2023-01-20T00:00:00.000Z').getTime(), + toDate: new Date('2023-01-20T00:00:00.000Z').getTime(), + }); + }); + it('calculateBoundaries day > max', () => { + expect((0, functions_1.calculateBoundaries)({ + dateString: '2023-01-25', + day: 25, + month: 1, + timestamp: new Date('2023-01-25T00:00:00.000Z').getTime(), + year: 2023, + }, { + dates: { + '2023-01-18': { + color: '#2B78EE', + customContainerStyle: [{}], + endingDay: true, + startingDay: true, + textColor: '#FFF', + }, + '2023-01-20': { + color: '#2B78EE', + customContainerStyle: [{}], + endingDay: true, + startingDay: true, + textColor: '#FFF', + }, + }, + fromDate: new Date('2023-01-18T00:00:00.000Z'), + toDate: new Date('2023-01-20T00:00:00.000Z'), + }, true)).toEqual({ + fromDate: new Date('2023-01-18T00:00:00.000Z'), + toDate: new Date('2023-01-25T00:00:00.000Z').getTime(), + }); + }); + it('calculateBoundaries day between', () => { + expect((0, functions_1.calculateBoundaries)({ + dateString: '2023-01-20', + day: 20, + month: 1, + timestamp: new Date('2023-01-20T00:00:00.000Z').getTime(), + year: 2023, + }, { + dates: { + '2023-01-17': { + color: '#2B78EE', + customContainerStyle: [{}], + endingDay: true, + startingDay: true, + textColor: '#FFF', + }, + '2023-01-25': { + color: '#2B78EE', + customContainerStyle: [{}], + endingDay: true, + startingDay: true, + textColor: '#FFF', + }, + }, + fromDate: new Date('2023-01-17T00:00:00.000Z'), + toDate: new Date('2023-01-25T00:00:00.000Z'), + }, true)).toEqual({ + fromDate: new Date('2023-01-17T00:00:00.000Z'), + toDate: new Date('2023-01-20T00:00:00.000Z').getTime(), + }); + }); + it('calculateYearRange', () => { + expect((0, functions_1.calculateYearRange)(2023)).toEqual([ + 2019, 2020, 2021, 2022, 2023, 2024, 2025, 2026, 2027, 2028, 2029, 2030, + ]); + }); + it('calculateYearRange right', () => { + expect((0, functions_1.calculateYearRange)(2030, types_1.IDirection.right)).toEqual([ + 2031, 2032, 2033, 2034, 2035, 2036, 2037, 2038, 2039, 2040, 2041, 2042, + ]); + }); + it('calculateYearRange left', () => { + expect((0, functions_1.calculateYearRange)(2019, types_1.IDirection.left)).toEqual([ + 2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016, 2017, 2018, + ]); + }); + it('getAllDatesBetween', () => { + expect((0, functions_1.getAllDatesBetween)(new Date('2022-12-15T00:00:00.000Z'), new Date('2022-12-15T00:00:00.000Z'), { + colorPrime: { + color: '#fff', + textColor: '#000', + }, + colorSoft: { + color: '#fff', + textColor: '#000', + }, + colorToday: { + color: '#fff', + textColor: '#000', + }, + }, false)).toEqual({ + dates: { + '2022-12-15': { + color: '#fff', + customContainerStyle: { borderRadius: 6, width: '100%' }, + endingDay: true, + startingDay: true, + textColor: '#000', + }, + }, + fromDate: new Date('2022-12-15T00:00:00.000Z'), + toDate: new Date('2022-12-15T00:00:00.000Z'), + lengthDateRange: 1, + }); + }); + it('getAllDatesBetween length=5 isShowToday', () => { + jest.setSystemTime(new Date('2022-01-22')); + expect((0, functions_1.getAllDatesBetween)(new Date('2022-01-20T00:00:00.000Z'), new Date('2022-01-24T00:00:00.000Z'), { + colorPrime: { + color: '#fff', + textColor: '#000', + }, + colorSoft: { + color: '#fff', + textColor: '#000', + }, + colorToday: { + color: '#fff', + textColor: '#000', + }, + }, true)).toEqual({ + dates: { + '2022-01-20': { + color: '#fff', + customContainerStyle: { borderRadius: 6, width: '100%' }, + customTextStyle: undefined, + endingDay: true, + startingDay: true, + textColor: '#000', + }, + '2022-01-21': { + color: '#fff', + textColor: '#000', + }, + '2022-01-22': { + color: '#fff', + customTextStyle: { fontWeight: '600', fontFamily: 'Inter-SemiBold' }, + }, + '2022-01-23': { + color: '#fff', + textColor: '#000', + }, + '2022-01-24': { + color: '#fff', + customContainerStyle: { borderRadius: 6, width: '100%' }, + customTextStyle: undefined, + endingDay: true, + startingDay: true, + textColor: '#000', + }, + }, + fromDate: new Date('2022-01-20T00:00:00.000Z'), + toDate: new Date('2022-01-24T00:00:00.000Z'), + lengthDateRange: 5, + }); + }); + it('getAllDatesBetween isShowToday === fromDate', () => { + jest.setSystemTime(new Date('2022-01-22')); + expect((0, functions_1.getAllDatesBetween)(new Date('2022-01-22T00:00:00.000Z'), new Date('2022-01-24T00:00:00.000Z'), { + colorPrime: { + color: '#fff', + textColor: '#000', + }, + colorSoft: { + color: '#fff', + textColor: '#000', + }, + colorToday: { + color: '#fff', + textColor: '#000', + }, + }, true)).toEqual({ + dates: { + '2022-01-22': { + color: '#fff', + customContainerStyle: { borderRadius: 6, width: '100%' }, + endingDay: true, + startingDay: true, + textColor: '#000', + customTextStyle: { + fontWeight: '600', + fontFamily: 'Inter-SemiBold', + color: '#000', + }, + }, + '2022-01-23': { + color: '#fff', + textColor: '#000', + }, + '2022-01-24': { + color: '#fff', + customContainerStyle: { borderRadius: 6, width: '100%' }, + customTextStyle: undefined, + endingDay: true, + startingDay: true, + textColor: '#000', + }, + }, + fromDate: new Date('2022-01-22T00:00:00.000Z'), + toDate: new Date('2022-01-24T00:00:00.000Z'), + lengthDateRange: 3, + }); + }); + it('getAllDatesBetween isShowToday === toDate', () => { + jest.setSystemTime(new Date('2022-01-24')); + expect((0, functions_1.getAllDatesBetween)(new Date('2022-01-22T00:00:00.000Z'), new Date('2022-01-24T00:00:00.000Z'), { + colorPrime: { + color: '#fff', + textColor: '#000', + }, + colorSoft: { + color: '#fff', + textColor: '#000', + }, + colorToday: { + color: '#fff', + textColor: '#000', + }, + }, true)).toEqual({ + dates: { + '2022-01-22': { + color: '#fff', + customContainerStyle: { borderRadius: 6, width: '100%' }, + endingDay: true, + startingDay: true, + textColor: '#000', + customTextStyle: undefined, + }, + '2022-01-23': { + color: '#fff', + textColor: '#000', + }, + '2022-01-24': { + color: '#fff', + customContainerStyle: { borderRadius: 6, width: '100%' }, + endingDay: true, + startingDay: true, + textColor: '#000', + customTextStyle: { + fontWeight: '600', + fontFamily: 'Inter-SemiBold', + color: '#000', + }, + }, + }, + fromDate: new Date('2022-01-22T00:00:00.000Z'), + toDate: new Date('2022-01-24T00:00:00.000Z'), + lengthDateRange: 3, + }); + }); + it('getDateForCalendar', () => { + expect((0, functions_1.getDateForCalendar)(new Date('2022-01-09'))).toEqual('2022-01-09'); + }); + it('isValidDate true', () => { + expect((0, functions_1.isValidDate)('2022-01-09')).toBe(true); + }); + it('isValidDate false', () => { + expect((0, functions_1.isValidDate)('string')).toBe(false); + }); +}); diff --git a/lib/packages/calendar/src/Calendar/components/CalendarHeader.js b/lib/packages/calendar/src/Calendar/components/CalendarHeader.js new file mode 100644 index 000000000..1557d7a50 --- /dev/null +++ b/lib/packages/calendar/src/Calendar/components/CalendarHeader.js @@ -0,0 +1,40 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const mobydick_core_1 = require("@lad-tech/mobydick-core"); +const constants_1 = require("../constants"); +const CalendarHeader = props => { + const { title, onPressMonth, onPressYear, onPressLeft, onPressRight } = props; + const [styles] = (0, mobydick_core_1.useStyles)(stylesCreate); + return ( + + + + + {Boolean(title.currMonth) && ( + {title.currMonth} + )} + {Boolean(title.currYear) && ( + {title.currYear} + )} + + + + + + ); +}; +exports.default = CalendarHeader; +const stylesCreate = (0, mobydick_core_1.createStyles)(_ => ({ + container: { + flexDirection: 'row', + alignItems: 'center', + justifyContent: 'center', + paddingTop: (0, mobydick_core_1.px)(12), + }, + title: { + width: (0, mobydick_core_1.px)(160), + flexDirection: 'row', + alignItems: 'center', + justifyContent: 'center', + }, +})); diff --git a/lib/packages/calendar/src/Calendar/components/Months.js b/lib/packages/calendar/src/Calendar/components/Months.js new file mode 100644 index 000000000..eed32ff6f --- /dev/null +++ b/lib/packages/calendar/src/Calendar/components/Months.js @@ -0,0 +1,37 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const mobydick_core_1 = require("@lad-tech/mobydick-core"); +const constants_1 = require("../constants"); +const Months = props => { + const { onCloseMonths, onPressMonth, monthNamesShort } = props; + const [styles] = (0, mobydick_core_1.useStyles)(stylesCreate); + const { colors } = (0, mobydick_core_1.useTheme)(); + const onPress = (0, react_1.useCallback)((index) => () => { + onCloseMonths(); + onPressMonth(index); + }, [onCloseMonths, onPressMonth]); + const getStyle = (0, react_1.useCallback)(({ pressed }) => [ + styles.month, + { backgroundColor: pressed ? colors.BgAccentSoft : colors.BgPrimary }, + ], [colors.BgAccentSoft, colors.BgPrimary]); + const renderItem = (0, react_1.useCallback)(({ item, index }) => { + return ( + {item} + ); + }, []); + return (); +}; +exports.default = Months; +const stylesCreate = (0, mobydick_core_1.createStyles)(({ spaces }) => ({ + month: { + flex: 3, + paddingVertical: spaces.Space20, + alignItems: 'center', + borderRadius: spaces.Space4, + }, + container: { + width: '100%', + alignContent: 'center', + }, +})); diff --git a/lib/packages/calendar/src/Calendar/components/Years.js b/lib/packages/calendar/src/Calendar/components/Years.js new file mode 100644 index 000000000..9758b870d --- /dev/null +++ b/lib/packages/calendar/src/Calendar/components/Years.js @@ -0,0 +1,37 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const mobydick_core_1 = require("@lad-tech/mobydick-core"); +const constants_1 = require("../constants"); +const Years = props => { + const { onCloseYears, onPressYear, yearRange } = props; + const [styles] = (0, mobydick_core_1.useStyles)(stylesCreate); + const { colors } = (0, mobydick_core_1.useTheme)(); + const onPress = (0, react_1.useCallback)((item) => () => { + onCloseYears(); + onPressYear(item); + }, [onCloseYears, onPressYear]); + const getStyle = (0, react_1.useCallback)(({ pressed }) => [ + styles.year, + { backgroundColor: pressed ? colors.BgAccentSoft : colors.BgPrimary }, + ], []); + const renderItem = (0, react_1.useCallback)(({ item }) => { + return ( + {item} + ); + }, []); + return (); +}; +exports.default = Years; +const stylesCreate = (0, mobydick_core_1.createStyles)(({ spaces }) => ({ + year: { + flex: 4, + paddingVertical: spaces.Space20, + alignItems: 'center', + borderRadius: spaces.Space4, + }, + container: { + width: '100%', + alignContent: 'center', + }, +})); diff --git a/lib/packages/calendar/src/Calendar/components/__tests__/CalendarHeader.test.js b/lib/packages/calendar/src/Calendar/components/__tests__/CalendarHeader.test.js new file mode 100644 index 000000000..319d8af94 --- /dev/null +++ b/lib/packages/calendar/src/Calendar/components/__tests__/CalendarHeader.test.js @@ -0,0 +1,20 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const CalendarHeader_1 = __importDefault(require("../CalendarHeader")); +describe('CalendarHeader', () => { + it('render', () => { + const onPressMonth = jest.fn(); + const onPressYear = jest.fn(); + const onPressRight = jest.fn(); + const onPressLeft = jest.fn(); + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/calendar/src/Calendar/components/__tests__/Months.test.js b/lib/packages/calendar/src/Calendar/components/__tests__/Months.test.js new file mode 100644 index 000000000..79bcc7f7b --- /dev/null +++ b/lib/packages/calendar/src/Calendar/components/__tests__/Months.test.js @@ -0,0 +1,24 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const Months_1 = __importDefault(require("../Months")); +const localeConfig_1 = require("../../localeConfig"); +describe('Months', () => { + it('render', () => { + const onCloseMonths = jest.fn(); + const onPressMonth = jest.fn(); + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('press month', () => { + const onCloseMonths = jest.fn(); + const onPressMonth = jest.fn(); + const { toJSON, getAllByLabelText } = (0, react_native_1.render)(); + const pressMonth = getAllByLabelText('pressMonth')[5]; + pressMonth && react_native_1.fireEvent.press(pressMonth); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/calendar/src/Calendar/components/__tests__/Years.test.js b/lib/packages/calendar/src/Calendar/components/__tests__/Years.test.js new file mode 100644 index 000000000..19e42e6f2 --- /dev/null +++ b/lib/packages/calendar/src/Calendar/components/__tests__/Years.test.js @@ -0,0 +1,27 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const Years_1 = __importDefault(require("../Years")); +const yearRange = [ + 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016, 2017, 2018, 2019, 2020, + 2021, 2022, 2023, +]; +describe('Years', () => { + it('render', () => { + const onCloseYears = jest.fn(); + const onPressYear = jest.fn(); + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('press year', () => { + const onCloseYears = jest.fn(); + const onPressYear = jest.fn(); + const { toJSON, getAllByLabelText } = (0, react_native_1.render)(); + const pressYear = getAllByLabelText('pressYear')[2]; + pressYear && react_native_1.fireEvent.press(pressYear); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/calendar/src/Calendar/constants.js b/lib/packages/calendar/src/Calendar/constants.js new file mode 100644 index 000000000..3bc242bd3 --- /dev/null +++ b/lib/packages/calendar/src/Calendar/constants.js @@ -0,0 +1,11 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.LABELS = void 0; +exports.LABELS = { + calendarLeftArrow: 'calendarLeftArrow', + calendarPressTitleMonth: 'calendarPressTitleMonth', + calendarPressTitleYear: 'calendarPressTitleYear', + calendarRightArrow: 'calendarRightArrow', + pressMonth: 'pressMonth', + pressYear: 'pressYear', +}; diff --git a/lib/packages/calendar/src/Calendar/functions.js b/lib/packages/calendar/src/Calendar/functions.js new file mode 100644 index 000000000..bc5d29c82 --- /dev/null +++ b/lib/packages/calendar/src/Calendar/functions.js @@ -0,0 +1,181 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.getMinDate = exports.getMaxDate = exports.isValidDate = exports.calculateYearRange = exports.calculateBoundaries = exports.getMarkedToday = exports.getDottedDates = exports.getAllDatesBetween = exports.getDateForCalendar = void 0; +const mobydick_core_1 = require("@lad-tech/mobydick-core"); +const types_1 = require("./types"); +const getDateForCalendar = (date) => { + const yr = date.getFullYear(); + const month = `${date.getMonth() + 1 < 10 ? 0 : ''}${date.getMonth() + 1}`; + const d = `${date.getDate() < 10 ? 0 : ''}${date.getDate()}`; + return `${yr}-${month}-${d}`; +}; +exports.getDateForCalendar = getDateForCalendar; +const getStyleToday = (colorToday) => { + return { + startingDay: true, + endingDay: true, + color: colorToday.color, + textColor: colorToday.textColor, + customContainerStyle: { + borderRadius: (0, mobydick_core_1.px)(4), + width: '100%', + }, + customTextStyle: { + fontWeight: '600', + fontFamily: 'Inter-SemiBold', + }, + }; +}; +const getAllDatesBetween = (fromDate, toDate, { colorPrime, colorSoft, colorToday }, isShowToday) => { + let curDate = new Date(fromDate.getTime()); + const datesForCalendar = {}; + let lengthDateRange = 1; + if (isShowToday) { + datesForCalendar[(0, exports.getDateForCalendar)(new Date())] = + getStyleToday(colorToday); + } + const today = new Date(); + const todayTimeMidnight = today.getTime() - (today.getTime() % (1000 * 60 * 60 * 24)); // сбрасываем timestamp этого дня до 00:00:00 + datesForCalendar[(0, exports.getDateForCalendar)(fromDate)] = { + startingDay: true, + endingDay: true, + color: colorPrime.color, + textColor: colorPrime.textColor, + customContainerStyle: { + borderRadius: (0, mobydick_core_1.px)(4), + width: '100%', + }, + customTextStyle: isShowToday && fromDate.getTime() === todayTimeMidnight + ? { + fontWeight: '600', + fontFamily: 'Inter-SemiBold', + color: colorPrime.textColor, + } + : undefined, + }; + while (curDate < toDate) { + lengthDateRange = lengthDateRange + 1; + curDate = new Date(curDate.setDate(curDate.getDate() + 1)); + datesForCalendar[(0, exports.getDateForCalendar)(curDate)] = { + color: colorSoft.color, + textColor: colorSoft.textColor, + }; + if (isShowToday && curDate.getTime() === todayTimeMidnight) { + datesForCalendar[(0, exports.getDateForCalendar)(new Date())] = { + color: colorSoft.color, + customTextStyle: { + fontWeight: '600', + fontFamily: 'Inter-SemiBold', + }, + }; + } + } + datesForCalendar[(0, exports.getDateForCalendar)(toDate)] = { + startingDay: true, + endingDay: true, + textColor: colorPrime.textColor, + color: colorPrime.color, + customContainerStyle: { + borderRadius: (0, mobydick_core_1.px)(4), + width: '100%', + }, + customTextStyle: isShowToday && toDate.getTime() === todayTimeMidnight + ? { + fontWeight: '600', + fontFamily: 'Inter-SemiBold', + color: colorPrime.textColor, + } + : undefined, + }; + return { dates: datesForCalendar, fromDate, toDate, lengthDateRange }; +}; +exports.getAllDatesBetween = getAllDatesBetween; +const getDottedDates = (dots, dotColor) => { + const datesForCalendar = {}; + for (const dot of dots) { + datesForCalendar[(0, exports.getDateForCalendar)(dot)] = { + marked: true, + dotColor: dotColor, + }; + } + return { dates: datesForCalendar }; +}; +exports.getDottedDates = getDottedDates; +const getMarkedToday = ({ colorToday }) => { + const datesForCalendar = {}; + datesForCalendar[(0, exports.getDateForCalendar)(new Date())] = getStyleToday(colorToday); + return { dates: datesForCalendar, fromDate: null, toDate: null }; +}; +exports.getMarkedToday = getMarkedToday; +const calculateBoundaries = (day, markedDates, isPeriod) => { + let toDate; + let fromDate; + if (!markedDates || + !isPeriod || + !markedDates.fromDate || + !markedDates.toDate) { + fromDate = day.timestamp; + toDate = day.timestamp; + } + else { + const { fromDate: minDate, toDate: maxDate } = markedDates; + if (day.timestamp < minDate.getTime()) { + fromDate = day.timestamp; + toDate = maxDate; + } + else if (day.timestamp > maxDate.getTime()) { + toDate = day.timestamp; + fromDate = minDate; + } + else if (day.timestamp === minDate.getTime() || + day.timestamp === maxDate.getTime()) { + fromDate = day.timestamp; + toDate = day.timestamp; + } + else { + fromDate = minDate; + toDate = day.timestamp; + } + } + return { fromDate, toDate }; +}; +exports.calculateBoundaries = calculateBoundaries; +const calculateYearRange = (currentYear, direction) => { + const yearRange = []; + switch (direction) { + case types_1.IDirection.left: { + for (let i = 12; i > 0; i--) { + yearRange.push(currentYear - i); + } + break; + } + case types_1.IDirection.right: { + for (let i = 1; i <= 12; i++) { + yearRange.push(currentYear + i); + } + break; + } + default: { + for (let i = -4; i <= 7; i++) { + yearRange.push(currentYear + i); + } + break; + } + } + return yearRange; +}; +exports.calculateYearRange = calculateYearRange; +const isValidDate = (date) => { + return Boolean(Date.parse(date)); +}; +exports.isValidDate = isValidDate; +const getMaxDate = (fromDate, maxLengthDateRange) => { + const date = new Date(fromDate); + return (0, exports.getDateForCalendar)(new Date(date?.setDate(fromDate.getDate() + maxLengthDateRange - 1))); +}; +exports.getMaxDate = getMaxDate; +const getMinDate = (toDate, maxLengthDateRange) => { + const date = new Date(toDate); + return (0, exports.getDateForCalendar)(new Date(date?.setDate(toDate.getDate() - (maxLengthDateRange - 1)))); +}; +exports.getMinDate = getMinDate; diff --git a/lib/packages/calendar/src/Calendar/helpers/mergeObjects.js b/lib/packages/calendar/src/Calendar/helpers/mergeObjects.js new file mode 100644 index 000000000..51fea9cce --- /dev/null +++ b/lib/packages/calendar/src/Calendar/helpers/mergeObjects.js @@ -0,0 +1,15 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const typedKeys_1 = __importDefault(require("./typedKeys")); +function mergeObjects(first, second, merger) { + const ret = {}; + const keys = new Set((0, typedKeys_1.default)(first).concat((0, typedKeys_1.default)(second))); + for (const key of keys) { + ret[key] = merger(key, first, second); + } + return ret; +} +exports.default = mergeObjects; diff --git a/lib/packages/calendar/src/Calendar/helpers/typedKeys.js b/lib/packages/calendar/src/Calendar/helpers/typedKeys.js new file mode 100644 index 000000000..dda7f28cf --- /dev/null +++ b/lib/packages/calendar/src/Calendar/helpers/typedKeys.js @@ -0,0 +1,6 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +function typedKeys(object) { + return Object.keys(object); +} +exports.default = typedKeys; diff --git a/lib/packages/calendar/src/Calendar/index.js b/lib/packages/calendar/src/Calendar/index.js new file mode 100644 index 000000000..020738080 --- /dev/null +++ b/lib/packages/calendar/src/Calendar/index.js @@ -0,0 +1,25 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.ModalCalendar = exports.Calendar = void 0; +const Calendar_1 = __importDefault(require("./Calendar")); +exports.Calendar = Calendar_1.default; +const ModalCalendar_1 = __importDefault(require("./ModalCalendar")); +exports.ModalCalendar = ModalCalendar_1.default; +__exportStar(require("./types"), exports); diff --git a/lib/packages/calendar/src/Calendar/localeConfig.js b/lib/packages/calendar/src/Calendar/localeConfig.js new file mode 100644 index 000000000..d5fed2c91 --- /dev/null +++ b/lib/packages/calendar/src/Calendar/localeConfig.js @@ -0,0 +1,44 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.localeConfigRu = void 0; +exports.localeConfigRu = { + monthNames: [ + 'Январь', + 'Февраль', + 'Март', + 'Апрель', + 'Май', + 'Июнь', + 'Июль', + 'Август', + 'Сентябрь', + 'Октябрь', + 'Ноябрь', + 'Декабрь', + ], + monthNamesShort: [ + 'Янв', + 'Фев', + 'Март', + 'Апр', + 'Май', + 'Июнь', + 'Июль', + 'Авг', + 'Сен', + 'Окт', + 'Нояб', + 'Дек', + ], + dayNames: [ + 'Воскресенье', + 'Понедельник', + 'Вторник', + 'Среда', + 'Четверг', + 'Пятница', + 'Суббота', + ], + dayNamesShort: ['вс', 'пн', 'вт', 'ср', 'чт', 'пт', 'сб'], + today: 'Сегодня', +}; diff --git a/lib/packages/calendar/src/Calendar/stylesCreate.js b/lib/packages/calendar/src/Calendar/stylesCreate.js new file mode 100644 index 000000000..0357445bd --- /dev/null +++ b/lib/packages/calendar/src/Calendar/stylesCreate.js @@ -0,0 +1,18 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("react-native"); +const mobydick_core_1 = require("@lad-tech/mobydick-core"); +const { width: WIDTH } = react_native_1.Dimensions.get('window'); +const stylesCreate = (0, mobydick_core_1.createStyles)(({ spaces }) => ({ + overlayStyle: { + justifyContent: 'center', + }, + contentCalendar: { + width: WIDTH - spaces.Space8 * 2, + }, + daysView: { + width: WIDTH - spaces.Space8 * 2 - (0, mobydick_core_1.px)(16) * 2, + height: (0, mobydick_core_1.px)(260), + }, +})); +exports.default = stylesCreate; diff --git a/lib/packages/calendar/src/Calendar/types.js b/lib/packages/calendar/src/Calendar/types.js new file mode 100644 index 000000000..7ff3ee1ad --- /dev/null +++ b/lib/packages/calendar/src/Calendar/types.js @@ -0,0 +1,20 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.IDirection = exports.ISelectionState = exports.IButtonView = void 0; +var IButtonView; +(function (IButtonView) { + IButtonView["small"] = "small"; + IButtonView["large"] = "large"; +})(IButtonView || (exports.IButtonView = IButtonView = {})); +var ISelectionState; +(function (ISelectionState) { + ISelectionState["days"] = "days"; + ISelectionState["months"] = "months"; + ISelectionState["years"] = "years"; +})(ISelectionState || (exports.ISelectionState = ISelectionState = {})); +var IDirection; +(function (IDirection) { + IDirection["right"] = "right"; + IDirection["left"] = "left"; + IDirection["none"] = "none"; +})(IDirection || (exports.IDirection = IDirection = {})); diff --git a/lib/packages/calendar/src/index.js b/lib/packages/calendar/src/index.js new file mode 100644 index 000000000..dbeb4118a --- /dev/null +++ b/lib/packages/calendar/src/index.js @@ -0,0 +1,17 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./Calendar"), exports); diff --git a/lib/packages/chart/index.js b/lib/packages/chart/index.js new file mode 100644 index 000000000..6bb2867b5 --- /dev/null +++ b/lib/packages/chart/index.js @@ -0,0 +1,17 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./src"), exports); diff --git a/lib/packages/chart/src/BarChart/index.js b/lib/packages/chart/src/BarChart/index.js new file mode 100644 index 000000000..c7861913a --- /dev/null +++ b/lib/packages/chart/src/BarChart/index.js @@ -0,0 +1,179 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.BarChart = void 0; +const react_native_skia_1 = require("@shopify/react-native-skia"); +const react_native_safe_area_context_1 = require("react-native-safe-area-context"); +const react_native_reanimated_1 = require("react-native-reanimated"); +const mobydick_core_1 = require("@lad-tech/mobydick-core"); +const constants_1 = require("../utils/constants"); +const Coordinates_1 = __importDefault(require("../components/Coordinates")); +const generatePeriodsWithBarPaths_1 = require("../utils/generatePeriodsWithBarPaths"); +const Section_1 = __importDefault(require("../components/Section")); +const Line_1 = __importDefault(require("../components/Line")); +const BarChart = ({ dataset, renderHeader, renderSectionItem, containerStyles, chartContainerStyles, sectionContainerStyles, formatterY, formatterX, }) => { + const font = (0, react_native_skia_1.useFont)( + // eslint-disable-next-line @typescript-eslint/no-var-requires + require('@lad-tech/mobydick-core/src/typography/assets/fonts/Inter-Regular.ttf'), 12); + const { colors, spaces } = (0, mobydick_core_1.useTheme)(); + const ref = (0, react_native_skia_1.useCanvasRef)(); + const { height: frameHeight, width: frameWidth } = (0, react_native_safe_area_context_1.useSafeAreaFrame)(); + const canvasSize = (0, react_native_reanimated_1.useSharedValue)({ + height: frameHeight, + width: frameWidth, + }); + const size = (0, react_native_reanimated_1.useDerivedValue)(() => { + return { + height: canvasSize.value.height, + width: canvasSize.value.width, + }; + }); + const periodsWithPaths = (0, react_native_reanimated_1.useDerivedValue)(() => (0, generatePeriodsWithBarPaths_1.generatePeriodsWithBarPaths)({ + dataset, + width: size.value.width, + height: size.value.height, + })); + // animation value to transition from one graph to the next + const transition = (0, react_native_reanimated_1.useSharedValue)(0); + // indices of the current and next graphs + const state = (0, react_native_reanimated_1.useSharedValue)({ + next: 0, + current: 0, + }); + const chartPath = (0, react_native_reanimated_1.useDerivedValue)(() => { + const { current, next } = state.value; + const start = periodsWithPaths.value[current]?.chartPath ?? react_native_skia_1.Skia.Path.Make(); + const end = periodsWithPaths.value[next]?.chartPath ?? react_native_skia_1.Skia.Path.Make(); + if (end.isInterpolatable(start)) { + return end.interpolate(start, transition.value); + } + return end; + }); + const colorsBar = (0, react_native_reanimated_1.useDerivedValue)(() => { + const { current, next } = state.value; + const start = periodsWithPaths.value[current]?.colors ?? []; + const end = periodsWithPaths.value[next]?.colors ?? []; + return end.map((endColor, i) => (0, react_native_skia_1.interpolateColors)(transition.value, [0, 1], [start[i] ?? endColor, endColor])); + }); + const maxY = (0, react_native_reanimated_1.useDerivedValue)(() => { + const { current, next } = state.value; + const start = periodsWithPaths.value[current]; + const end = periodsWithPaths.value[next]; + if (start === undefined || end === undefined) { + throw Error('start === undefined || end === undefined'); + } + return end.maxY; + }); + const maxX = (0, react_native_reanimated_1.useDerivedValue)(() => { + const { current, next } = state.value; + const start = periodsWithPaths.value[current]; + const end = periodsWithPaths.value[next]; + if (start === undefined || end === undefined) { + throw Error('start === undefined || end === undefined'); + } + return end.maxX; + }); + const minX = (0, react_native_reanimated_1.useDerivedValue)(() => { + const { current, next } = state.value; + const start = periodsWithPaths.value[current]; + const end = periodsWithPaths.value[next]; + if (start === undefined || end === undefined) { + throw Error('start === undefined || end === undefined'); + } + return end.minX; + }); + const minY = (0, react_native_reanimated_1.useDerivedValue)(() => { + const { current, next } = state.value; + const start = periodsWithPaths.value[current]; + const end = periodsWithPaths.value[next]; + if (start === undefined || end === undefined) { + throw Error('start === undefined || end === undefined'); + } + return end.minY; + }); + const coordinatesLength = (0, react_native_reanimated_1.useDerivedValue)(() => { + const { current, next } = state.value; + const start = periodsWithPaths.value[current]; + const end = periodsWithPaths.value[next]; + if (start === undefined || end === undefined) { + throw Error('start === undefined || end === undefined'); + } + return end.coordinatesLength; + }); + const selectedPeriodName = (0, react_native_reanimated_1.useDerivedValue)(() => { + const { next } = state.value; + const periods = Object.keys(dataset); + const periodName = periods[next]; + if (periodName === undefined) { + throw Error('period === undefined'); + } + return periodName; + }); + const selectedPeriod = (0, react_native_reanimated_1.useDerivedValue)(() => { + const check = dataset[selectedPeriodName.value]; + if (check === undefined) { + throw Error('selectedPeriod === undefined'); + } + return check; + }); + const selectedValues = (0, react_native_reanimated_1.useDerivedValue)(() => { + const { next } = state.value; + const end = periodsWithPaths.value[next]; + if (end === undefined) { + throw Error(' end === undefined'); + } + const { coordinates, name } = selectedPeriod.value[0] ?? { + coordinates: [], + name: '', + }; + const { x, y } = coordinates[coordinates.length - 1] ?? { x: 0, y: 0 }; + return [ + { + name, + y, + x, + }, + ]; + }); + if (!font) + return null; + return ( + {renderHeader?.({ + selectedPeriodName, + state, + transition, + selectedValues, + })} + + + + + + + + + + + {renderSectionItem && ()} + ); +}; +exports.BarChart = BarChart; +exports.default = exports.BarChart; diff --git a/lib/packages/chart/src/LineChart/index.js b/lib/packages/chart/src/LineChart/index.js new file mode 100644 index 000000000..bae41b6c2 --- /dev/null +++ b/lib/packages/chart/src/LineChart/index.js @@ -0,0 +1,192 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.LineChart = void 0; +const react_native_skia_1 = require("@shopify/react-native-skia"); +const react_native_reanimated_1 = require("react-native-reanimated"); +const react_native_safe_area_context_1 = require("react-native-safe-area-context"); +const mobydick_core_1 = require("@lad-tech/mobydick-core"); +const react_native_gesture_handler_1 = require("react-native-gesture-handler"); +const Coordinates_1 = __importDefault(require("../components/Coordinates")); +const constants_1 = require("../utils/constants"); +const Section_1 = __importDefault(require("../components/Section")); +const generatePeriodsWithLinePaths_1 = require("../utils/generatePeriodsWithLinePaths"); +const Lines_1 = require("../components/Lines"); +const PointerPopup_1 = __importDefault(require("../components/PointerPopup")); +const LineChart = ({ dataset, renderHeader, renderSectionItem, containerStyles, chartContainerStyles, sectionContainerStyles, formatterY, formatterX, hideDataPoints = false, hidePointer = false, }) => { + const { colors, spaces } = (0, mobydick_core_1.useTheme)(); + const fontMgr = (0, react_native_skia_1.useFonts)({ + Inter: [ + require('@lad-tech/mobydick-core/src/typography/assets/fonts/Inter-Bold.ttf'), + require('@lad-tech/mobydick-core/src/typography/assets/fonts/Inter-Italic.ttf'), + require('@lad-tech/mobydick-core/src/typography/assets/fonts/Inter-Regular.ttf'), + ], + }); + const font = (0, react_native_skia_1.useFont)( + // eslint-disable-next-line @typescript-eslint/no-var-requires + require('@lad-tech/mobydick-core/src/typography/assets/fonts/Inter-Medium.ttf'), 12); + const ref = (0, react_native_skia_1.useCanvasRef)(); + const { height: frameHeight, width: frameWidth } = (0, react_native_safe_area_context_1.useSafeAreaFrame)(); + const size = (0, react_native_reanimated_1.useSharedValue)({ + height: frameHeight, + width: frameWidth, + }); + const periodsWithPaths = (0, react_native_reanimated_1.useDerivedValue)(() => { + return (0, generatePeriodsWithLinePaths_1.generatePeriodsWithLinePaths)({ + dataset, + width: size.value.width, + height: size.value.height, + }); + }); + // animation value to transition from one graph to the next + const transition = (0, react_native_reanimated_1.useSharedValue)(0); + // indices of the current and next graphs + const state = (0, react_native_reanimated_1.useSharedValue)({ + next: 0, + current: 0, + }); + const maxY = (0, react_native_reanimated_1.useDerivedValue)(() => { + const { current, next } = state.value; + const start = periodsWithPaths.value[current]; + const end = periodsWithPaths.value[next]; + if (start === undefined || end === undefined) { + throw Error('start === undefined || end === undefined'); + } + return end.maxY; + }); + const maxX = (0, react_native_reanimated_1.useDerivedValue)(() => { + const { current, next } = state.value; + const start = periodsWithPaths.value[current]; + const end = periodsWithPaths.value[next]; + if (start === undefined || end === undefined) { + throw Error('start === undefined || end === undefined'); + } + return end.maxX; + }); + const minX = (0, react_native_reanimated_1.useDerivedValue)(() => { + const { current, next } = state.value; + const start = periodsWithPaths.value[current]; + const end = periodsWithPaths.value[next]; + if (start === undefined || end === undefined) { + throw Error('start === undefined || end === undefined'); + } + return end.minX; + }); + const minY = (0, react_native_reanimated_1.useDerivedValue)(() => { + const { current, next } = state.value; + const start = periodsWithPaths.value[current]; + const end = periodsWithPaths.value[next]; + if (start === undefined || end === undefined) { + throw Error('start === undefined || end === undefined'); + } + return end.minY; + }); + const coordinatesLength = (0, react_native_reanimated_1.useDerivedValue)(() => { + const { current, next } = state.value; + const start = periodsWithPaths.value[current]; + const end = periodsWithPaths.value[next]; + if (start === undefined || end === undefined) { + throw Error('start === undefined || end === undefined'); + } + return end.maxCoordinatesLength; + }); + const selectedPeriodName = (0, react_native_reanimated_1.useDerivedValue)(() => { + const { next } = state.value; + const periods = Object.keys(dataset); + const periodName = periods[next]; + if (periodName === undefined) { + throw Error('period === undefined'); + } + return periodName; + }); + const selectedPeriod = (0, react_native_reanimated_1.useDerivedValue)(() => { + const check = dataset[selectedPeriodName.value]; + if (check === undefined) { + throw Error('selectedPeriod === undefined'); + } + return check; + }); + const selectedValues = (0, react_native_reanimated_1.useDerivedValue)(() => { + const { next } = state.value; + const end = periodsWithPaths.value[next]; + if (end === undefined) { + throw Error('period === undefined || end === undefined || selectedPeriod === undefined'); + } + return end.lines.map(({ name }, index) => { + const lineCoords = selectedPeriod.value[index]?.coordinates ?? []; + const { x, y } = lineCoords[lineCoords.length - 1] ?? { x: 0, y: 0 }; + return { + name, + y, + x, + }; + }); + }); + const x = (0, react_native_reanimated_1.useSharedValue)(-150); + const y = (0, react_native_reanimated_1.useSharedValue)(-150); + const pan = react_native_gesture_handler_1.Gesture.Pan() + .onBegin(event => { + x.value = (0, react_native_reanimated_1.interpolate)(event.x, [ + constants_1.chartPaddingHorizontal + constants_1.chartPaddingHorizontal / 2, + size.value.width - constants_1.chartPaddingHorizontal / 2, + ], [ + constants_1.chartPaddingHorizontal + constants_1.chartPaddingHorizontal / 2, + size.value.width - constants_1.chartPaddingHorizontal / 2, + ], react_native_reanimated_1.Extrapolation.CLAMP); + y.value = (0, react_native_reanimated_1.interpolate)(event.y, [size.value.height - constants_1.chartPaddingVertical, constants_1.chartPaddingVertical / 2], [size.value.height - constants_1.chartPaddingVertical, constants_1.chartPaddingVertical / 2], react_native_reanimated_1.Extrapolation.CLAMP); + }) + .onUpdate(event => { + x.value = (0, react_native_reanimated_1.interpolate)(event.x, [ + constants_1.chartPaddingHorizontal + constants_1.chartPaddingHorizontal / 2, + size.value.width - constants_1.chartPaddingHorizontal / 2, + ], [ + constants_1.chartPaddingHorizontal + constants_1.chartPaddingHorizontal / 2, + size.value.width - constants_1.chartPaddingHorizontal / 2, + ], react_native_reanimated_1.Extrapolation.CLAMP); + y.value = (0, react_native_reanimated_1.interpolate)(event.y, [size.value.height - constants_1.chartPaddingVertical, constants_1.chartPaddingVertical / 2], [size.value.height - constants_1.chartPaddingVertical, constants_1.chartPaddingVertical / 2], react_native_reanimated_1.Extrapolation.CLAMP); + }) + .onEnd(() => { + x.value = -150; + y.value = -150; + }); + if (!fontMgr || !font) + return null; + return ( + {renderHeader?.({ + selectedPeriodName, + state, + transition, + selectedValues, + })} + + + + + + + {!hidePointer && ()} + + + {renderSectionItem && ()} + ); +}; +exports.LineChart = LineChart; +exports.default = exports.LineChart; diff --git a/lib/packages/chart/src/components/CoordX.js b/lib/packages/chart/src/components/CoordX.js new file mode 100644 index 000000000..e8fe67954 --- /dev/null +++ b/lib/packages/chart/src/components/CoordX.js @@ -0,0 +1,28 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.CoordX = void 0; +const react_native_reanimated_1 = require("react-native-reanimated"); +const react_native_skia_1 = require("@shopify/react-native-skia"); +const textPadding = 4; +const CoordX = ({ font, size, coords, index, colors }) => { + const path = (0, react_native_reanimated_1.useDerivedValue)(() => { + const path = coords.value.coordinateValuesX[index]?.path ?? react_native_skia_1.Skia.Path.Make(); + return path; + }); + const value = (0, react_native_reanimated_1.useDerivedValue)(() => { + const value = coords.value.coordinateValuesX[index]?.value ?? ''; + return value; + }); + const coordinate = (0, react_native_reanimated_1.useDerivedValue)(() => { + const coordinate = coords.value.coordinateValuesX[index]?.coordinate ?? 0; + return coordinate; + }); + const y = (0, react_native_reanimated_1.useDerivedValue)(() => { + return size.value.height - textPadding; //Прижимаю текст слегка наверх, чтобы не обрезался + }); + return ( + + + ); +}; +exports.CoordX = CoordX; diff --git a/lib/packages/chart/src/components/CoordY.js b/lib/packages/chart/src/components/CoordY.js new file mode 100644 index 000000000..e16a44f56 --- /dev/null +++ b/lib/packages/chart/src/components/CoordY.js @@ -0,0 +1,33 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.CoordY = void 0; +const react_native_skia_1 = require("@shopify/react-native-skia"); +const react_native_reanimated_1 = require("react-native-reanimated"); +const CoordY = ({ font, coordinateValueYMaxLength, coords, index, colors, }) => { + const coordinate = (0, react_native_reanimated_1.useDerivedValue)(() => { + const coordinate = coords.value.coordinateValuesY[index]?.coordinate ?? 0; + return coordinate; + }); + const value = (0, react_native_reanimated_1.useDerivedValue)(() => { + const value = coords.value.coordinateValuesY[index]?.value ?? ''; + return value; + }); + const path = (0, react_native_reanimated_1.useDerivedValue)(() => { + const path = coords.value.coordinateValuesY[index]?.path ?? react_native_skia_1.Skia.Path.Make(); + return path; + }); + const x = (0, react_native_reanimated_1.useDerivedValue)(() => { + const { width } = font.measureText(value.value); + const symbolSize = width / value.value.length; + const r = -coordinateValueYMaxLength.value * symbolSize; + if (r < 0) { + return 0; + } + return r; + }); + return ( + + + ); +}; +exports.CoordY = CoordY; diff --git a/lib/packages/chart/src/components/Coordinates.js b/lib/packages/chart/src/components/Coordinates.js new file mode 100644 index 000000000..8ca86b759 --- /dev/null +++ b/lib/packages/chart/src/components/Coordinates.js @@ -0,0 +1,43 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.Coordinates = void 0; +const react_native_skia_1 = require("@shopify/react-native-skia"); +const react_native_reanimated_1 = require("react-native-reanimated"); +const generateCoordinatesPath_1 = require("../utils/generateCoordinatesPath"); +const getCoordinateValues_1 = require("../utils/getCoordinateValues"); +const CoordY_1 = require("./CoordY"); +const CoordX_1 = require("./CoordX"); +const Coordinates = ({ font, colors, size, maxX, minX, maxY, minY, coordinatesLength, formatterX, formatterY, }) => { + const coordinatesPath = (0, react_native_reanimated_1.useDerivedValue)(() => (0, generateCoordinatesPath_1.generateCoordinatesPath)({ + width: size.value.width, + height: size.value.height, + })); + const coords = (0, react_native_reanimated_1.useDerivedValue)(() => (0, getCoordinateValues_1.getCoordinateValues)({ + font, + maxX: maxX.value, + minX: minX.value, + maxY: maxY.value, + minY: minY.value, + height: size.value.height, + width: size.value.width, + coordinatesLength: coordinatesLength.value, + formatterX, + formatterY, + })); + const coordinateValueYMaxLength = (0, react_native_reanimated_1.useDerivedValue)(() => { + return ((formatterY?.(coords.value.coordinateValuesY[coords.value.coordinateValuesY.length - 1]?.value.length ?? 0) ?? coords.value.coordinateValuesY[0]?.value)?.length ?? 0); + }); + if (!font) + return null; + return ( + + {coords.value.coordinateValuesY.map((_, index) => { + return (); + })} + {coords.value.coordinateValuesX.map((_, index) => { + return (); + })} + ); +}; +exports.Coordinates = Coordinates; +exports.default = exports.Coordinates; diff --git a/lib/packages/chart/src/components/Line.js b/lib/packages/chart/src/components/Line.js new file mode 100644 index 000000000..ae559bbaa --- /dev/null +++ b/lib/packages/chart/src/components/Line.js @@ -0,0 +1,9 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.Line = void 0; +const react_native_skia_1 = require("@shopify/react-native-skia"); +const Line = ({ chartPath, ...rest }) => { + return (); +}; +exports.Line = Line; +exports.default = exports.Line; diff --git a/lib/packages/chart/src/components/LineOfPeriod.js b/lib/packages/chart/src/components/LineOfPeriod.js new file mode 100644 index 000000000..730180cdb --- /dev/null +++ b/lib/packages/chart/src/components/LineOfPeriod.js @@ -0,0 +1,34 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.LineOfPeriod = void 0; +const react_native_skia_1 = require("@shopify/react-native-skia"); +const react_native_reanimated_1 = require("react-native-reanimated"); +const Line_1 = __importDefault(require("./Line")); +const LinePoints_1 = require("./LinePoints"); +const LineOfPeriod = ({ periodsWithPaths, index, size, transition, state, hideDataPoints, }) => { + const chartPath = (0, react_native_reanimated_1.useDerivedValue)(() => { + const { current, next } = state.value; + const start = periodsWithPaths.value[current]?.lines[index]?.path ?? react_native_skia_1.Skia.Path.Make(); + const end = periodsWithPaths.value[next]?.lines[index]?.path ?? react_native_skia_1.Skia.Path.Make(); + if (end.isInterpolatable(start)) { + return end.interpolate(start, transition.value); + } + return end; + }); + const colors = (0, react_native_reanimated_1.useDerivedValue)(() => { + const { current, next } = state.value; + const start = periodsWithPaths.value[current]?.lines[index]?.colors ?? []; + const end = periodsWithPaths.value[next]?.lines[index]?.colors ?? []; + return end.map((endColor, i) => (0, react_native_skia_1.interpolateColors)(transition.value, [0, 1], [start[i] ?? endColor, endColor])); + }); + return ( + + + {hideDataPoints ? null : } + ); +}; +exports.LineOfPeriod = LineOfPeriod; +exports.default = exports.LineOfPeriod; diff --git a/lib/packages/chart/src/components/LinePoints.js b/lib/packages/chart/src/components/LinePoints.js new file mode 100644 index 000000000..a02c762f9 --- /dev/null +++ b/lib/packages/chart/src/components/LinePoints.js @@ -0,0 +1,17 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.LinePoints = void 0; +const react_native_reanimated_1 = require("react-native-reanimated"); +const PointOfLine_1 = require("./PointOfLine"); +const LinePoints = ({ chartPath }) => { + const linePoints = (0, react_native_reanimated_1.useDerivedValue)(() => { + const cmd = chartPath.value.toCmds() ?? []; + return cmd; + }); + return (<> + {linePoints.value.map((_, pointIndex) => { + return (); + })} + ); +}; +exports.LinePoints = LinePoints; diff --git a/lib/packages/chart/src/components/Lines.js b/lib/packages/chart/src/components/Lines.js new file mode 100644 index 000000000..17ba173f7 --- /dev/null +++ b/lib/packages/chart/src/components/Lines.js @@ -0,0 +1,19 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.Lines = void 0; +const react_native_reanimated_1 = require("react-native-reanimated"); +const LineOfPeriod_1 = __importDefault(require("./LineOfPeriod")); +const Lines = ({ periodsWithPaths, size, state, transition, hideDataPoints, }) => { + const lines = (0, react_native_reanimated_1.useDerivedValue)(() => { + const { next } = state.value; + const end = periodsWithPaths.value[next]?.lines ?? []; + return end; + }); + return (<> + {lines.value.map(({ colors }, index) => ())} + ); +}; +exports.Lines = Lines; diff --git a/lib/packages/chart/src/components/Point.js b/lib/packages/chart/src/components/Point.js new file mode 100644 index 000000000..72dee3a5c --- /dev/null +++ b/lib/packages/chart/src/components/Point.js @@ -0,0 +1,8 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.Point = void 0; +const react_native_skia_1 = require("@shopify/react-native-skia"); +const Point = ({ coords, r }) => { + return ; +}; +exports.Point = Point; diff --git a/lib/packages/chart/src/components/PointOfLine.js b/lib/packages/chart/src/components/PointOfLine.js new file mode 100644 index 000000000..863353682 --- /dev/null +++ b/lib/packages/chart/src/components/PointOfLine.js @@ -0,0 +1,16 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.PointOfLine = void 0; +const react_native_reanimated_1 = require("react-native-reanimated"); +const Point_1 = require("./Point"); +const PointOfLine = ({ pointIndex, chartPath }) => { + const coords = (0, react_native_reanimated_1.useDerivedValue)(() => { + const [, x, y] = chartPath.value.toCmds()[pointIndex] ?? []; + return { + x: x || 0, + y: y || 0, + }; + }); + return ; +}; +exports.PointOfLine = PointOfLine; diff --git a/lib/packages/chart/src/components/PointerPopup.js b/lib/packages/chart/src/components/PointerPopup.js new file mode 100644 index 000000000..dd666a1a8 --- /dev/null +++ b/lib/packages/chart/src/components/PointerPopup.js @@ -0,0 +1,112 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_skia_1 = require("@shopify/react-native-skia"); +const react_native_reanimated_1 = require("react-native-reanimated"); +const utils_1 = require("../utils"); +const PointerPopup = ({ size, colors, fontMgr, selectedPeriod, x, y, minX, maxX, formatterX, formatterY, }) => { + const realX = (0, react_native_reanimated_1.useDerivedValue)(() => { + return (0, react_native_reanimated_1.interpolate)(x.value, [ + utils_1.chartPaddingHorizontal + utils_1.chartPaddingHorizontal / 2, + size.value.width - utils_1.chartPaddingHorizontal / 2, + ], [minX.value, maxX.value], react_native_reanimated_1.Extrapolation.CLAMP); + }, [x, minX, maxX]); + const realYs = (0, react_native_reanimated_1.useDerivedValue)(() => { + const result = []; + for (const { coordinates, name } of selectedPeriod.value) { + let closestIndex = 0; + let lastDiff = Infinity; + let maxX = 0; + coordinates.forEach(({ x }, index) => { + maxX = Math.max(maxX, x); + const currentDiff = realX.value - x; + if (currentDiff < lastDiff && x <= realX.value) { + lastDiff = currentDiff; + closestIndex = index; + } + }); + if (maxX < realX.value) { + continue; + } + const closedLeftCoordinates = coordinates[closestIndex]; + const possibleSecondIndex = closestIndex + 1; + const closedRightCoordinates = coordinates[possibleSecondIndex < coordinates.length ? possibleSecondIndex : 0]; + if (!closedLeftCoordinates) + throw Error('!closedLeftCoordinates'); + if (!closedRightCoordinates) + throw Error('!closedRightCoordinates'); + // Similarity of triangles + // /| + // / | + // / | + // / | + // /| |bY + // / |xY | + // /__|___| + // xl + // bl + const bl = closedRightCoordinates.x - closedLeftCoordinates.x; + const xl = realX.value - closedLeftCoordinates.x; + const bY = closedRightCoordinates.y - closedLeftCoordinates.y; + const xY = (bY / bl) * xl; + result.push({ y: xY + closedLeftCoordinates.y, name }); + } + return result; + }); + const text = (0, react_native_reanimated_1.useDerivedValue)(() => { + const paragraph = react_native_skia_1.Skia.ParagraphBuilder.Make({ + textAlign: react_native_skia_1.TextAlign.Center, + textStyle: { + color: react_native_skia_1.Skia.Color(colors.TextPrimary), + }, + }, fontMgr).addText(`x=${formatterX?.(realX.value) ?? realX.value.toFixed(2)}\n`); + let maxTextLength = 0; + realYs.value.forEach(({ y, name }, index) => { + const text = `y:${name}=${formatterY?.(y) ?? y.toFixed(2)}${index < realYs.value.length - 1 ? '\n' : ''}`; + maxTextLength = Math.max(maxTextLength, text.length); + paragraph.addText(text); + }); + const r = paragraph.build(); + r.layout(maxTextLength * 7); + return r; + }); + const adjustedX = (0, react_native_reanimated_1.useDerivedValue)(() => { + const textWidth = text.value.getMaxWidth(); + const halfWidth = size.value.width / 2; + const touchPositionX = x.value; + let dx = touchPositionX; + if (touchPositionX > halfWidth) { + dx = touchPositionX - textWidth; + } + return dx; + }); + const adjustedY = (0, react_native_reanimated_1.useDerivedValue)(() => { + const textHeight = text.value.getHeight(); + const halfHeight = size.value.height / 2; + const touchPositionY = y.value; + let dy = touchPositionY; + if (touchPositionY > halfHeight) { + dy = touchPositionY - textHeight; + } + return dy; + }); + const boxHeight = (0, react_native_reanimated_1.useDerivedValue)(() => { + return text.value.getHeight(); + }); + const boxWidth = (0, react_native_reanimated_1.useDerivedValue)(() => { + return text.value.getMaxWidth(); + }); + const borderRect = (0, react_native_reanimated_1.useDerivedValue)(() => { + return (0, react_native_skia_1.rrect)((0, react_native_skia_1.rect)(adjustedX.value, adjustedY.value, boxWidth.value, boxHeight.value), 10, 10); + }); + const line1 = (0, react_native_reanimated_1.useDerivedValue)(() => (0, react_native_skia_1.vec)(x.value, 0)); + const line2 = (0, react_native_reanimated_1.useDerivedValue)(() => (0, react_native_skia_1.vec)(x.value, size.value.height - utils_1.chartPaddingVertical / 2)); + return ( + + + + + + + ); +}; +exports.default = PointerPopup; diff --git a/lib/packages/chart/src/components/Section.js b/lib/packages/chart/src/components/Section.js new file mode 100644 index 000000000..03cc54abe --- /dev/null +++ b/lib/packages/chart/src/components/Section.js @@ -0,0 +1,29 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.Selection = void 0; +const react_native_1 = require("react-native"); +const mobydick_core_1 = require("@lad-tech/mobydick-core"); +const SectionButton_1 = __importDefault(require("./SectionButton")); +const Selection = ({ state, transition, dataset, renderSectionItem, sectionContainerStyles, }) => { + const [styles] = (0, mobydick_core_1.useStyles)(createStyleFn); + const periods = Object.keys(dataset); + return ( + {periods.map((period, index) => ())} + ); +}; +exports.Selection = Selection; +const createStyleFn = (0, mobydick_core_1.createStyles)(({ colors, spaces }) => ({ + container: { + flexDirection: 'row', + flexWrap: 'wrap', + justifyContent: 'space-between', + alignContent: 'stretch', + alignItems: 'stretch', + backgroundColor: colors.BgSecondary, + borderRadius: spaces.Space16, + }, +})); +exports.default = exports.Selection; diff --git a/lib/packages/chart/src/components/SectionButton.js b/lib/packages/chart/src/components/SectionButton.js new file mode 100644 index 000000000..0fef6507b --- /dev/null +++ b/lib/packages/chart/src/components/SectionButton.js @@ -0,0 +1,24 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.SectionButton = void 0; +const react_native_reanimated_1 = require("react-native-reanimated"); +const mobydick_core_1 = require("@lad-tech/mobydick-core"); +const SectionButton = ({ renderSectionItem, transition, state, period, index, }) => { + const [styles] = (0, mobydick_core_1.useStyles)(createStyleFn); + return ( { + state.value = { current: state.value.next, next: index }; + transition.value = 0; + transition.value = (0, react_native_reanimated_1.withTiming)(1, { + duration: 750, + }); + }}> + {renderSectionItem({ period, state, transition }, index)} + ); +}; +exports.SectionButton = SectionButton; +const createStyleFn = (0, mobydick_core_1.createStyles)(() => ({ + flex: { + flexGrow: 1, + }, +})); +exports.default = exports.SectionButton; diff --git a/lib/packages/chart/src/components/index.js b/lib/packages/chart/src/components/index.js new file mode 100644 index 000000000..74544c131 --- /dev/null +++ b/lib/packages/chart/src/components/index.js @@ -0,0 +1,21 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./Coordinates"), exports); +__exportStar(require("./Line"), exports); +__exportStar(require("./Lines"), exports); +__exportStar(require("./Section"), exports); +__exportStar(require("./SectionButton"), exports); diff --git a/lib/packages/chart/src/index.js b/lib/packages/chart/src/index.js new file mode 100644 index 000000000..71045debf --- /dev/null +++ b/lib/packages/chart/src/index.js @@ -0,0 +1,21 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./LineChart"), exports); +__exportStar(require("./BarChart"), exports); +__exportStar(require("./components"), exports); +__exportStar(require("./utils"), exports); +__exportStar(require("./types"), exports); diff --git a/lib/packages/chart/src/types.js b/lib/packages/chart/src/types.js new file mode 100644 index 000000000..c8ad2e549 --- /dev/null +++ b/lib/packages/chart/src/types.js @@ -0,0 +1,2 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/lib/packages/chart/src/utils/constants.js b/lib/packages/chart/src/utils/constants.js new file mode 100644 index 000000000..a1ebbb245 --- /dev/null +++ b/lib/packages/chart/src/utils/constants.js @@ -0,0 +1,16 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.COLORS = exports.defaultChartHeightDivider = exports.chartPaddingVertical = exports.chartPaddingHorizontal = void 0; +exports.chartPaddingHorizontal = 40; +exports.chartPaddingVertical = 40; //Увеличил паддинг на 10, слегка сжав график, чтобы влезал текст под Х координатой +exports.defaultChartHeightDivider = 4; +exports.COLORS = [ + '#E0F5E9', + '#9BE1DA', + '#56CDCB', + '#3B8B8E', + '#EF1E1C', + '#F43B1D', + '#F9571D', + '#FF8A57', +]; diff --git a/lib/packages/chart/src/utils/generateBar.js b/lib/packages/chart/src/utils/generateBar.js new file mode 100644 index 000000000..d47efcd42 --- /dev/null +++ b/lib/packages/chart/src/utils/generateBar.js @@ -0,0 +1,46 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.generateBarsPath = void 0; +const react_native_skia_1 = require("@shopify/react-native-skia"); +const react_native_reanimated_1 = require("react-native-reanimated"); +const constants_1 = require("./constants"); +const generateBarsPath = ({ height, width, coordinates, }) => { + 'worklet'; + const path = react_native_skia_1.Skia.Path.Make(); + const minY = 0; + let { maxX, maxY, minX } = { + maxX: 0, + maxY: 0, + minX: Infinity, + }; + coordinates.forEach(({ x, y }) => { + if (maxX < x) { + maxX = x; + } + if (x < minX) { + minX = x; + } + if (maxY < y) { + maxY = y; + } + }); + coordinates.forEach(({ x, y }) => { + const xCoordinate = (0, react_native_reanimated_1.interpolate)(x, [minX, maxX], [ + constants_1.chartPaddingHorizontal + constants_1.chartPaddingHorizontal / 2, + width - constants_1.chartPaddingHorizontal / 2, + ], react_native_reanimated_1.Extrapolation.CLAMP); + path.moveTo(xCoordinate, (0, react_native_reanimated_1.interpolate)(0, [minY, maxY], [ + height - constants_1.chartPaddingVertical / 2, + constants_1.chartPaddingVertical + constants_1.chartPaddingVertical / 2, + ], react_native_reanimated_1.Extrapolation.CLAMP)); + path.lineTo(xCoordinate, (0, react_native_reanimated_1.interpolate)(y, [minY, maxY], [height - constants_1.chartPaddingVertical, constants_1.chartPaddingVertical / 2], react_native_reanimated_1.Extrapolation.CLAMP)); + }); + return { + path, + maxX, + maxY, + minX, + minY, + }; +}; +exports.generateBarsPath = generateBarsPath; diff --git a/lib/packages/chart/src/utils/generateCoordinatesPath.js b/lib/packages/chart/src/utils/generateCoordinatesPath.js new file mode 100644 index 000000000..16eae9433 --- /dev/null +++ b/lib/packages/chart/src/utils/generateCoordinatesPath.js @@ -0,0 +1,13 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.generateCoordinatesPath = void 0; +const react_native_skia_1 = require("@shopify/react-native-skia"); +const constants_1 = require("./constants"); +const generateCoordinatesPath = ({ height, width, }) => { + 'worklet'; + return react_native_skia_1.Skia.Path.Make() + .moveTo(constants_1.chartPaddingHorizontal, 0) + .lineTo(constants_1.chartPaddingHorizontal, height - constants_1.chartPaddingVertical / 2) + .lineTo(width, height - constants_1.chartPaddingVertical / 2); +}; +exports.generateCoordinatesPath = generateCoordinatesPath; diff --git a/lib/packages/chart/src/utils/generateLinePath.js b/lib/packages/chart/src/utils/generateLinePath.js new file mode 100644 index 000000000..ead9570dc --- /dev/null +++ b/lib/packages/chart/src/utils/generateLinePath.js @@ -0,0 +1,25 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.generateLinePath = void 0; +const react_native_skia_1 = require("@shopify/react-native-skia"); +const react_native_reanimated_1 = require("react-native-reanimated"); +const constants_1 = require("./constants"); +const generateLinePath = ({ height, width, coordinates, maxY, maxX, minY, minX, }) => { + 'worklet'; + const path = react_native_skia_1.Skia.Path.Make(); + coordinates.forEach(({ x, y }, index) => { + const xCoordinate = (0, react_native_reanimated_1.interpolate)(x, [minX, maxX], [ + constants_1.chartPaddingHorizontal + constants_1.chartPaddingHorizontal / 2, + width - constants_1.chartPaddingHorizontal / 2, + ], react_native_reanimated_1.Extrapolation.CLAMP); + const yCoordinate = (0, react_native_reanimated_1.interpolate)(y, [minY, maxY], [height - constants_1.chartPaddingVertical, constants_1.chartPaddingVertical / 2], react_native_reanimated_1.Extrapolation.CLAMP); + if (index === 0) { + path.moveTo(xCoordinate, yCoordinate); + } + path.lineTo(xCoordinate, yCoordinate); + }); + return { + path, + }; +}; +exports.generateLinePath = generateLinePath; diff --git a/lib/packages/chart/src/utils/generatePeriodsWithBarPaths.js b/lib/packages/chart/src/utils/generatePeriodsWithBarPaths.js new file mode 100644 index 000000000..acc5b4e5a --- /dev/null +++ b/lib/packages/chart/src/utils/generatePeriodsWithBarPaths.js @@ -0,0 +1,29 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.generatePeriodsWithBarPaths = void 0; +const generateBar_1 = require("./generateBar"); +const generatePeriodsWithBarPaths = ({ dataset, width, height, }) => { + 'worklet'; + const periods = Object.keys(dataset); + return periods.map(period => { + const lines = dataset[period]; + const firstLine = lines[0]; + const { coordinates, colors } = firstLine; + const { path: chartPath, maxX, maxY, minX, minY, } = (0, generateBar_1.generateBarsPath)({ + width, + height, + coordinates, + }); + const coordinatesLength = coordinates.length; + return { + chartPath, + maxX, + maxY, + minX, + minY, + coordinatesLength, + colors, + }; + }); +}; +exports.generatePeriodsWithBarPaths = generatePeriodsWithBarPaths; diff --git a/lib/packages/chart/src/utils/generatePeriodsWithLinePaths.js b/lib/packages/chart/src/utils/generatePeriodsWithLinePaths.js new file mode 100644 index 000000000..3e0248d03 --- /dev/null +++ b/lib/packages/chart/src/utils/generatePeriodsWithLinePaths.js @@ -0,0 +1,42 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.generatePeriodsWithLinePaths = void 0; +const generateLinePath_1 = require("./generateLinePath"); +const getLinesMinMax_1 = require("./getLinesMinMax"); +const constants_1 = require("./constants"); +const generatePeriodsWithLinePaths = ({ dataset, width, height, }) => { + 'worklet'; + const periods = Object.keys(dataset); + return periods.map(period => { + const lines = dataset[period]; + const { maxY, maxX, minY, minX } = (0, getLinesMinMax_1.getLinesMinMax)(lines); + let maxCoordinatesLength = 0; + const temp = lines.map(line => { + const { coordinates, colors, name } = line; + const { path: chartPath } = (0, generateLinePath_1.generateLinePath)({ + width, + height, + coordinates, + maxY, + maxX, + minY, + minX, + }); + maxCoordinatesLength = Math.max(maxCoordinatesLength, coordinates.length); + return { + path: chartPath, + colors: colors ?? constants_1.COLORS, + name, + }; + }); + return { + maxX, + maxY, + minY, + minX, + maxCoordinatesLength, + lines: temp, + }; + }); +}; +exports.generatePeriodsWithLinePaths = generatePeriodsWithLinePaths; diff --git a/lib/packages/chart/src/utils/getCoordinateValues.js b/lib/packages/chart/src/utils/getCoordinateValues.js new file mode 100644 index 000000000..5867e2ed1 --- /dev/null +++ b/lib/packages/chart/src/utils/getCoordinateValues.js @@ -0,0 +1,64 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.getCoordinateValues = void 0; +const react_native_reanimated_1 = require("react-native-reanimated"); +const react_native_skia_1 = require("@shopify/react-native-skia"); +const constants_1 = require("./constants"); +const getCoordinateValues = ({ font, maxY, minY, maxX, minX, height, width, coordinatesLength, formatterX, formatterY, }) => { + 'worklet'; + const netCount = coordinatesLength - 1; + const stepY = (maxY - minY) / netCount; + const stepX = (maxX - minX) / netCount; + const coordinateValuesY = []; + const coordinateValuesX = []; + let lastXEndOfText = 0; + let lastYEndOfText = height; + for (let i = 0; i < coordinatesLength; i++) { + // For Y coordinate + const valueY = minY + stepY * i; + const coordinateY = (0, react_native_reanimated_1.interpolate)(valueY, [minY, maxY], [height - constants_1.chartPaddingVertical, constants_1.chartPaddingVertical / 2], react_native_reanimated_1.Extrapolation.CLAMP); + const valueYFormatted = formatterY?.(valueY) ?? valueY.toFixed(2); + const { height: textYHeight } = font.measureText(valueYFormatted); + const textYCoord = coordinateY + textYHeight / 2; + const textYTop = textYCoord - textYHeight; + const pathY = react_native_skia_1.Skia.Path.Make() + .moveTo(constants_1.chartPaddingHorizontal, coordinateY) + .lineTo(width, coordinateY); + pathY.dash(2, 2, 2); + if (textYCoord < lastYEndOfText) { + coordinateValuesY.push({ + value: valueYFormatted, + coordinate: textYCoord, + path: pathY, + }); + lastYEndOfText = textYTop; + } + // For X coordinate + const valueX = minX + stepX * i; + const coordinateX = (0, react_native_reanimated_1.interpolate)(valueX, [minX, maxX], [ + constants_1.chartPaddingHorizontal + constants_1.chartPaddingHorizontal / 2, + width - constants_1.chartPaddingHorizontal / 2, + ], react_native_reanimated_1.Extrapolation.CLAMP); + const valueXFormatted = formatterX?.(valueX) ?? valueX.toFixed(2); + const { width: textXWidth } = font.measureText(valueXFormatted); + const textXCoord = coordinateX - textXWidth / 2; + const textXEnd = coordinateX + textXWidth; + const pathX = react_native_skia_1.Skia.Path.Make() + .moveTo(coordinateX, height - constants_1.chartPaddingVertical / 2) + .lineTo(coordinateX, 0); + pathX.dash(2, 2, 2); + if (textXCoord > lastXEndOfText) { + coordinateValuesX.push({ + value: valueXFormatted, + coordinate: textXCoord, + path: pathX, + }); + lastXEndOfText = textXEnd; + } + } + return { + coordinateValuesY, + coordinateValuesX, + }; +}; +exports.getCoordinateValues = getCoordinateValues; diff --git a/lib/packages/chart/src/utils/getLinesMinMax.js b/lib/packages/chart/src/utils/getLinesMinMax.js new file mode 100644 index 000000000..1b34edf1c --- /dev/null +++ b/lib/packages/chart/src/utils/getLinesMinMax.js @@ -0,0 +1,21 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.getLinesMinMax = void 0; +const getLinesMinMax = (lines) => { + 'worklet'; + return lines.reduce(({ maxX, maxY, minX, minY }, { coordinates }) => { + coordinates.forEach(({ x, y }) => { + maxX = Math.max(x, maxX); + minX = Math.min(x, minX); + maxY = Math.max(y, maxY); + minY = Math.min(y, minY); + }); + return { maxX, maxY, minX, minY }; + }, { + maxX: 0, + maxY: 0, + minX: Infinity, + minY: Infinity, + }); +}; +exports.getLinesMinMax = getLinesMinMax; diff --git a/lib/packages/chart/src/utils/index.js b/lib/packages/chart/src/utils/index.js new file mode 100644 index 000000000..6712b0f99 --- /dev/null +++ b/lib/packages/chart/src/utils/index.js @@ -0,0 +1,24 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./constants"), exports); +__exportStar(require("./generateBar"), exports); +__exportStar(require("./generateCoordinatesPath"), exports); +__exportStar(require("./generateLinePath"), exports); +__exportStar(require("./generatePeriodsWithBarPaths"), exports); +__exportStar(require("./generatePeriodsWithLinePaths"), exports); +__exportStar(require("./getCoordinateValues"), exports); +__exportStar(require("./getLinesMinMax"), exports); diff --git a/lib/packages/core/index.js b/lib/packages/core/index.js new file mode 100644 index 000000000..6bb2867b5 --- /dev/null +++ b/lib/packages/core/index.js @@ -0,0 +1,17 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./src"), exports); diff --git a/lib/packages/core/src/basic/components/Button/ButtonWrapper.js b/lib/packages/core/src/basic/components/Button/ButtonWrapper.js new file mode 100644 index 000000000..d7ff24bcb --- /dev/null +++ b/lib/packages/core/src/basic/components/Button/ButtonWrapper.js @@ -0,0 +1,8 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const react_native_1 = require("react-native"); +const ButtonWrapper = (0, react_1.forwardRef)((props, ref) => { + return ; +}); +exports.default = ButtonWrapper; diff --git a/lib/packages/core/src/basic/components/Button/__tests__/Button.test.js b/lib/packages/core/src/basic/components/Button/__tests__/Button.test.js new file mode 100644 index 000000000..aeffa20ff --- /dev/null +++ b/lib/packages/core/src/basic/components/Button/__tests__/Button.test.js @@ -0,0 +1,13 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const ButtonWrapper_1 = __importDefault(require("../ButtonWrapper")); +describe('@lad-tech/mobydick-core/Button', () => { + it('renders correctly', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/basic/components/Button/index.js b/lib/packages/core/src/basic/components/Button/index.js new file mode 100644 index 000000000..318071fe2 --- /dev/null +++ b/lib/packages/core/src/basic/components/Button/index.js @@ -0,0 +1,23 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.ButtonWrapper = void 0; +const ButtonWrapper_1 = __importDefault(require("./ButtonWrapper")); +exports.ButtonWrapper = ButtonWrapper_1.default; +__exportStar(require("./types"), exports); diff --git a/lib/packages/core/src/basic/components/Button/types.js b/lib/packages/core/src/basic/components/Button/types.js new file mode 100644 index 000000000..c8ad2e549 --- /dev/null +++ b/lib/packages/core/src/basic/components/Button/types.js @@ -0,0 +1,2 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/lib/packages/core/src/basic/components/FlatList/FlatList.js b/lib/packages/core/src/basic/components/FlatList/FlatList.js new file mode 100644 index 000000000..4b914ade2 --- /dev/null +++ b/lib/packages/core/src/basic/components/FlatList/FlatList.js @@ -0,0 +1,9 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const react_native_1 = require("react-native"); +// eslint-disable-next-line @typescript-eslint/no-explicit-any +const FlatList = (0, react_1.forwardRef)((props, ref) => { + return ; +}); +exports.default = FlatList; diff --git a/lib/packages/core/src/basic/components/FlatList/__tests__/FlatList.test.js b/lib/packages/core/src/basic/components/FlatList/__tests__/FlatList.test.js new file mode 100644 index 000000000..f7338e7e9 --- /dev/null +++ b/lib/packages/core/src/basic/components/FlatList/__tests__/FlatList.test.js @@ -0,0 +1,17 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const FlatList_1 = __importDefault(require("../FlatList")); +const Text_1 = __importDefault(require("../../Text/Text")); +describe('@lad-tech/mobydick-core/FlatList', () => { + it('renders correctly', () => { + const renderItem = ({ item }) => { + return {item}; + }; + const { toJSON } = (0, react_native_1.render)( item.toString() + index.toString()}/>); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/basic/components/FlatList/index.js b/lib/packages/core/src/basic/components/FlatList/index.js new file mode 100644 index 000000000..3905f9947 --- /dev/null +++ b/lib/packages/core/src/basic/components/FlatList/index.js @@ -0,0 +1,23 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.FlatList = void 0; +const FlatList_1 = __importDefault(require("./FlatList")); +exports.FlatList = FlatList_1.default; +__exportStar(require("./types"), exports); diff --git a/lib/packages/core/src/basic/components/FlatList/types.js b/lib/packages/core/src/basic/components/FlatList/types.js new file mode 100644 index 000000000..c8ad2e549 --- /dev/null +++ b/lib/packages/core/src/basic/components/FlatList/types.js @@ -0,0 +1,2 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/lib/packages/core/src/basic/components/Pressable/Pressable.js b/lib/packages/core/src/basic/components/Pressable/Pressable.js new file mode 100644 index 000000000..ae3598788 --- /dev/null +++ b/lib/packages/core/src/basic/components/Pressable/Pressable.js @@ -0,0 +1,8 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const react_native_1 = require("react-native"); +const Pressable = (0, react_1.forwardRef)((props, ref) => { + return ; +}); +exports.default = Pressable; diff --git a/lib/packages/core/src/basic/components/Pressable/__tests__/Pressable.test.js b/lib/packages/core/src/basic/components/Pressable/__tests__/Pressable.test.js new file mode 100644 index 000000000..2211b6c8b --- /dev/null +++ b/lib/packages/core/src/basic/components/Pressable/__tests__/Pressable.test.js @@ -0,0 +1,13 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const Pressable_1 = __importDefault(require("../Pressable")); +describe('@lad-tech/mobydick-core/Pressable', () => { + it('renders correctly', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/basic/components/Pressable/index.js b/lib/packages/core/src/basic/components/Pressable/index.js new file mode 100644 index 000000000..cedac23e6 --- /dev/null +++ b/lib/packages/core/src/basic/components/Pressable/index.js @@ -0,0 +1,23 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.Pressable = void 0; +const Pressable_1 = __importDefault(require("./Pressable")); +exports.Pressable = Pressable_1.default; +__exportStar(require("./types"), exports); diff --git a/lib/packages/core/src/basic/components/Pressable/types.js b/lib/packages/core/src/basic/components/Pressable/types.js new file mode 100644 index 000000000..c8ad2e549 --- /dev/null +++ b/lib/packages/core/src/basic/components/Pressable/types.js @@ -0,0 +1,2 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/lib/packages/core/src/basic/components/ScrollView/ScrollView.js b/lib/packages/core/src/basic/components/ScrollView/ScrollView.js new file mode 100644 index 000000000..d06a67540 --- /dev/null +++ b/lib/packages/core/src/basic/components/ScrollView/ScrollView.js @@ -0,0 +1,8 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const react_native_1 = require("react-native"); +const ScrollView = (0, react_1.forwardRef)((props, ref) => { + return ; +}); +exports.default = ScrollView; diff --git a/lib/packages/core/src/basic/components/ScrollView/__tests__/ScrollView.test.js b/lib/packages/core/src/basic/components/ScrollView/__tests__/ScrollView.test.js new file mode 100644 index 000000000..9cbbf7f91 --- /dev/null +++ b/lib/packages/core/src/basic/components/ScrollView/__tests__/ScrollView.test.js @@ -0,0 +1,13 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const ScrollView_1 = __importDefault(require("../ScrollView")); +describe('@lad-tech/mobydick-core/ScrollView', () => { + it('renders correctly', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/basic/components/ScrollView/index.js b/lib/packages/core/src/basic/components/ScrollView/index.js new file mode 100644 index 000000000..fc95f72ea --- /dev/null +++ b/lib/packages/core/src/basic/components/ScrollView/index.js @@ -0,0 +1,23 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.ScrollView = void 0; +const ScrollView_1 = __importDefault(require("./ScrollView")); +exports.ScrollView = ScrollView_1.default; +__exportStar(require("./types"), exports); diff --git a/lib/packages/core/src/basic/components/ScrollView/types.js b/lib/packages/core/src/basic/components/ScrollView/types.js new file mode 100644 index 000000000..c8ad2e549 --- /dev/null +++ b/lib/packages/core/src/basic/components/ScrollView/types.js @@ -0,0 +1,2 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/lib/packages/core/src/basic/components/Text/Text.js b/lib/packages/core/src/basic/components/Text/Text.js new file mode 100644 index 000000000..4868de1bc --- /dev/null +++ b/lib/packages/core/src/basic/components/Text/Text.js @@ -0,0 +1,9 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const react_native_1 = require("react-native"); +const config_1 = require("../../config"); +const Text = (0, react_1.forwardRef)((props, ref) => { + return (); +}); +exports.default = Text; diff --git a/lib/packages/core/src/basic/components/Text/__tests__/Text.test.js b/lib/packages/core/src/basic/components/Text/__tests__/Text.test.js new file mode 100644 index 000000000..e788139c8 --- /dev/null +++ b/lib/packages/core/src/basic/components/Text/__tests__/Text.test.js @@ -0,0 +1,13 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const Text_1 = __importDefault(require("../Text")); +describe('@lad-tech/mobydick-core/Text', () => { + it('renders correctly', () => { + const { toJSON } = (0, react_native_1.render)(Text); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/basic/components/Text/index.js b/lib/packages/core/src/basic/components/Text/index.js new file mode 100644 index 000000000..72001abe8 --- /dev/null +++ b/lib/packages/core/src/basic/components/Text/index.js @@ -0,0 +1,23 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.Text = void 0; +const Text_1 = __importDefault(require("./Text")); +exports.Text = Text_1.default; +__exportStar(require("./types"), exports); diff --git a/lib/packages/core/src/basic/components/Text/types.js b/lib/packages/core/src/basic/components/Text/types.js new file mode 100644 index 000000000..c8ad2e549 --- /dev/null +++ b/lib/packages/core/src/basic/components/Text/types.js @@ -0,0 +1,2 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/lib/packages/core/src/basic/components/TextInput/TextInput.js b/lib/packages/core/src/basic/components/TextInput/TextInput.js new file mode 100644 index 000000000..6721e2564 --- /dev/null +++ b/lib/packages/core/src/basic/components/TextInput/TextInput.js @@ -0,0 +1,7 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const react_native_1 = require("react-native"); +const config_1 = require("../../config"); +const TextInput = (0, react_1.forwardRef)((props, ref) => ()); +exports.default = TextInput; diff --git a/lib/packages/core/src/basic/components/TextInput/__tests__/TextInput.test.js b/lib/packages/core/src/basic/components/TextInput/__tests__/TextInput.test.js new file mode 100644 index 000000000..54df6ef3c --- /dev/null +++ b/lib/packages/core/src/basic/components/TextInput/__tests__/TextInput.test.js @@ -0,0 +1,13 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const TextInput_1 = __importDefault(require("../TextInput")); +describe('@lad-tech/mobydick-core/TextInput', () => { + it('renders correctly', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/basic/components/TextInput/index.js b/lib/packages/core/src/basic/components/TextInput/index.js new file mode 100644 index 000000000..572327dcc --- /dev/null +++ b/lib/packages/core/src/basic/components/TextInput/index.js @@ -0,0 +1,23 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.TextInput = void 0; +const TextInput_1 = __importDefault(require("./TextInput")); +exports.TextInput = TextInput_1.default; +__exportStar(require("./types"), exports); diff --git a/lib/packages/core/src/basic/components/TextInput/types.js b/lib/packages/core/src/basic/components/TextInput/types.js new file mode 100644 index 000000000..c8ad2e549 --- /dev/null +++ b/lib/packages/core/src/basic/components/TextInput/types.js @@ -0,0 +1,2 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/lib/packages/core/src/basic/components/TouchableHighlight/TouchableHighlight.js b/lib/packages/core/src/basic/components/TouchableHighlight/TouchableHighlight.js new file mode 100644 index 000000000..94766ffff --- /dev/null +++ b/lib/packages/core/src/basic/components/TouchableHighlight/TouchableHighlight.js @@ -0,0 +1,8 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const react_native_1 = require("react-native"); +const TouchableHighlight = (0, react_1.forwardRef)((props, ref) => { + return ; +}); +exports.default = TouchableHighlight; diff --git a/lib/packages/core/src/basic/components/TouchableHighlight/__tests__/TouchableHighlight.test.js b/lib/packages/core/src/basic/components/TouchableHighlight/__tests__/TouchableHighlight.test.js new file mode 100644 index 000000000..122b1b316 --- /dev/null +++ b/lib/packages/core/src/basic/components/TouchableHighlight/__tests__/TouchableHighlight.test.js @@ -0,0 +1,16 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const TouchableHighlight_1 = __importDefault(require("../TouchableHighlight")); +const View_1 = require("../../View"); +describe('@lad-tech/mobydick-core/TouchableHighlight', () => { + it('renders correctly', () => { + const { toJSON } = (0, react_native_1.render)( + + ); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/basic/components/TouchableHighlight/index.js b/lib/packages/core/src/basic/components/TouchableHighlight/index.js new file mode 100644 index 000000000..7cefa694e --- /dev/null +++ b/lib/packages/core/src/basic/components/TouchableHighlight/index.js @@ -0,0 +1,23 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.TouchableHighlight = void 0; +const TouchableHighlight_1 = __importDefault(require("./TouchableHighlight")); +exports.TouchableHighlight = TouchableHighlight_1.default; +__exportStar(require("./types"), exports); diff --git a/lib/packages/core/src/basic/components/TouchableHighlight/types.js b/lib/packages/core/src/basic/components/TouchableHighlight/types.js new file mode 100644 index 000000000..c8ad2e549 --- /dev/null +++ b/lib/packages/core/src/basic/components/TouchableHighlight/types.js @@ -0,0 +1,2 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/lib/packages/core/src/basic/components/TouchableOpacity/TouchableOpacity.js b/lib/packages/core/src/basic/components/TouchableOpacity/TouchableOpacity.js new file mode 100644 index 000000000..e865db06e --- /dev/null +++ b/lib/packages/core/src/basic/components/TouchableOpacity/TouchableOpacity.js @@ -0,0 +1,6 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const react_native_1 = require("react-native"); +const TouchableOpacity = (0, react_1.forwardRef)((props, ref) => ); +exports.default = TouchableOpacity; diff --git a/lib/packages/core/src/basic/components/TouchableOpacity/__tests__/TouchableOpacity.test.js b/lib/packages/core/src/basic/components/TouchableOpacity/__tests__/TouchableOpacity.test.js new file mode 100644 index 000000000..6449c17ca --- /dev/null +++ b/lib/packages/core/src/basic/components/TouchableOpacity/__tests__/TouchableOpacity.test.js @@ -0,0 +1,13 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const TouchableOpacity_1 = __importDefault(require("../TouchableOpacity")); +describe('@lad-tech/mobydick-core/TouchableOpacity', () => { + it('renders correctly', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/basic/components/TouchableOpacity/index.js b/lib/packages/core/src/basic/components/TouchableOpacity/index.js new file mode 100644 index 000000000..8f2a5371e --- /dev/null +++ b/lib/packages/core/src/basic/components/TouchableOpacity/index.js @@ -0,0 +1,23 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.TouchableOpacity = void 0; +const TouchableOpacity_1 = __importDefault(require("./TouchableOpacity")); +exports.TouchableOpacity = TouchableOpacity_1.default; +__exportStar(require("./types"), exports); diff --git a/lib/packages/core/src/basic/components/TouchableOpacity/types.js b/lib/packages/core/src/basic/components/TouchableOpacity/types.js new file mode 100644 index 000000000..c8ad2e549 --- /dev/null +++ b/lib/packages/core/src/basic/components/TouchableOpacity/types.js @@ -0,0 +1,2 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/lib/packages/core/src/basic/components/View/View.js b/lib/packages/core/src/basic/components/View/View.js new file mode 100644 index 000000000..79dcb7c05 --- /dev/null +++ b/lib/packages/core/src/basic/components/View/View.js @@ -0,0 +1,6 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const react_native_1 = require("react-native"); +const View = (0, react_1.forwardRef)((props, ref) => ()); +exports.default = View; diff --git a/lib/packages/core/src/basic/components/View/__tests__/View.test.js b/lib/packages/core/src/basic/components/View/__tests__/View.test.js new file mode 100644 index 000000000..ff315d854 --- /dev/null +++ b/lib/packages/core/src/basic/components/View/__tests__/View.test.js @@ -0,0 +1,13 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const View_1 = __importDefault(require("../View")); +describe('@lad-tech/mobydick-core/View', () => { + it('renders correctly', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/basic/components/View/index.js b/lib/packages/core/src/basic/components/View/index.js new file mode 100644 index 000000000..2a648cab0 --- /dev/null +++ b/lib/packages/core/src/basic/components/View/index.js @@ -0,0 +1,23 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.View = void 0; +const View_1 = __importDefault(require("./View")); +exports.View = View_1.default; +__exportStar(require("./types"), exports); diff --git a/lib/packages/core/src/basic/components/View/types.js b/lib/packages/core/src/basic/components/View/types.js new file mode 100644 index 000000000..c8ad2e549 --- /dev/null +++ b/lib/packages/core/src/basic/components/View/types.js @@ -0,0 +1,2 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/lib/packages/core/src/basic/components/index.js b/lib/packages/core/src/basic/components/index.js new file mode 100644 index 000000000..05e1305ad --- /dev/null +++ b/lib/packages/core/src/basic/components/index.js @@ -0,0 +1,25 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./ScrollView"), exports); +__exportStar(require("./View"), exports); +__exportStar(require("./TextInput"), exports); +__exportStar(require("./Text"), exports); +__exportStar(require("./Button"), exports); +__exportStar(require("./TouchableOpacity"), exports); +__exportStar(require("./Pressable"), exports); +__exportStar(require("./TouchableHighlight"), exports); +__exportStar(require("./FlatList"), exports); diff --git a/lib/packages/core/src/basic/config/__tests__/config.test.js b/lib/packages/core/src/basic/config/__tests__/config.test.js new file mode 100644 index 000000000..547ee19d8 --- /dev/null +++ b/lib/packages/core/src/basic/config/__tests__/config.test.js @@ -0,0 +1,12 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const index_1 = require("../index"); +describe('config', () => { + test('setConfig and getConfig', () => { + expect((0, index_1.getConfig)().allowFontScaling).toBe(true); + (0, index_1.setConfig)({ allowFontScaling: true }); + expect((0, index_1.getConfig)().allowFontScaling).toBe(true); + (0, index_1.setConfig)({ allowFontScaling: false }); + expect((0, index_1.getConfig)().allowFontScaling).toBe(false); + }); +}); diff --git a/lib/packages/core/src/basic/config/index.js b/lib/packages/core/src/basic/config/index.js new file mode 100644 index 000000000..35e793687 --- /dev/null +++ b/lib/packages/core/src/basic/config/index.js @@ -0,0 +1,12 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.getConfig = exports.setConfig = void 0; +let config = { + allowFontScaling: true, +}; +const setConfig = (newConfig) => { + config = newConfig; +}; +exports.setConfig = setConfig; +const getConfig = () => config; +exports.getConfig = getConfig; diff --git a/lib/packages/core/src/basic/index.js b/lib/packages/core/src/basic/index.js new file mode 100644 index 000000000..58c8624a3 --- /dev/null +++ b/lib/packages/core/src/basic/index.js @@ -0,0 +1,18 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./components"), exports); +__exportStar(require("./config"), exports); diff --git a/lib/packages/core/src/chat/components/ChatInput.js b/lib/packages/core/src/chat/components/ChatInput.js new file mode 100644 index 000000000..1525d306f --- /dev/null +++ b/lib/packages/core/src/chat/components/ChatInput.js @@ -0,0 +1,38 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("react-native"); +const react_native_safe_area_context_1 = require("react-native-safe-area-context"); +const View_1 = __importDefault(require("../../basic/components/View/View")); +const styles_1 = require("../../styles"); +const useStyles_1 = __importDefault(require("../../styles/hooks/useStyles")); +const ChatInputField_1 = __importDefault(require("./ChatInputField")); +const ChatPressableIcon_1 = __importDefault(require("./ChatPressableIcon")); +const ChatInput = props => { + const { children, style, enabled = true, containerStyle } = props; + const [styles] = (0, useStyles_1.default)(stylesCreate); + const insets = (0, react_native_safe_area_context_1.useSafeAreaInsets)(); + return ( + {children} + ); +}; +const stylesCreate = (0, styles_1.createStyles)(({ spaces, colors }) => ({ + container: { + flexDirection: 'row', + alignItems: 'flex-end', + backgroundColor: colors.BgPrimary, + width: '100%', + paddingHorizontal: spaces.Space20, + paddingVertical: spaces.Space16, + }, +})); +ChatInput.ChatInputField = ChatInputField_1.default; +ChatInput.ChatPressableIcon = ChatPressableIcon_1.default; +exports.default = ChatInput; diff --git a/lib/packages/core/src/chat/components/ChatInputField.js b/lib/packages/core/src/chat/components/ChatInputField.js new file mode 100644 index 000000000..71d6d75fd --- /dev/null +++ b/lib/packages/core/src/chat/components/ChatInputField.js @@ -0,0 +1,40 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("react-native"); +const styles_1 = require("../../styles"); +const InputField_1 = __importDefault(require("../../inputs/components/InputField/InputField")); +const useStyles_1 = __importDefault(require("../../styles/hooks/useStyles")); +const other_1 = require("../../other"); +const px_1 = __importDefault(require("../../styles/utils/px")); +const ChatInputField = (props) => { + const { textInputContainerStyle, style, containerStyle, ...otherProps } = props; + const [styles] = (0, useStyles_1.default)(stylesCreate); + return (); +}; +const stylesCreate = (0, styles_1.createStyles)(({ spaces }) => ({ + inputContainer: { + minHeight: (0, px_1.default)(38), + maxHeight: (0, px_1.default)(196), + width: '100%', + borderWidth: undefined, + marginVertical: 0, + alignItems: 'center', + paddingVertical: react_native_1.Platform.select({ + android: spaces.Space4, + ios: spaces.Space8, + }), + }, + container: { + flex: 1, + flexDirection: 'column', + minWidth: undefined, + marginRight: spaces.Space2, + }, + textInput: { + paddingTop: 0, + }, +})); +exports.default = ChatInputField; diff --git a/lib/packages/core/src/chat/components/ChatMessage.js b/lib/packages/core/src/chat/components/ChatMessage.js new file mode 100644 index 000000000..c88a9e741 --- /dev/null +++ b/lib/packages/core/src/chat/components/ChatMessage.js @@ -0,0 +1,70 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("react-native"); +const View_1 = __importDefault(require("../../basic/components/View/View")); +const typography_1 = require("../../typography"); +const isNumber_1 = require("../../other/functions/isNumber"); +const useStyles_1 = __importDefault(require("../../styles/hooks/useStyles")); +const isValidMessageTime_1 = require("../functions/isValidMessageTime"); +const styles_1 = require("../../styles"); +const px_1 = __importDefault(require("../../styles/utils/px")); +const ChatMessage = (props) => { + const { isMe, message, image, time } = props; + const [styles] = (0, useStyles_1.default)(stylesCreate, isMe); + return ( + + {image && ( + + )} + + {message && ( + + {message} + + )} + + + {(0, isValidMessageTime_1.isValidMessageTime)(time) && ( + {time} + )} + + + ); +}; +const stylesCreate = (0, styles_1.createStyles)(({ spaces, colors }, isMe) => ({ + container: { + flexDirection: 'row', + alignSelf: isMe ? 'flex-end' : 'flex-start', + maxWidth: '90%', + }, + bubble: { + backgroundColor: isMe ? colors.ElementBase : colors.BgPrimary, + borderRadius: spaces.Space10, + borderBottomLeftRadius: isMe ? spaces.Space10 : 0, + borderBottomRightRadius: isMe ? 0 : spaces.Space10, + marginVertical: spaces.Space4, + }, + imageView: { + margin: spaces.Space4, + }, + image: { + minWidth: (0, px_1.default)(129), + maxWidth: (0, px_1.default)(148), + minHeight: (0, px_1.default)(129), + maxHeight: (0, px_1.default)(148), + }, + textArea: { + paddingTop: spaces.Space8, + paddingBottom: spaces.Space4, + paddingHorizontal: spaces.Space10, + }, + timeArea: { + paddingHorizontal: spaces.Space6, + paddingBottom: spaces.Space8, + alignSelf: 'flex-end', + }, +})); +exports.default = ChatMessage; diff --git a/lib/packages/core/src/chat/components/ChatMessageAvatar.js b/lib/packages/core/src/chat/components/ChatMessageAvatar.js new file mode 100644 index 000000000..15e5524b1 --- /dev/null +++ b/lib/packages/core/src/chat/components/ChatMessageAvatar.js @@ -0,0 +1,34 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const Avatar_1 = __importDefault(require("../../other/components/Avatar/Avatar")); +const TouchableOpacity_1 = __importDefault(require("../../basic/components/TouchableOpacity/TouchableOpacity")); +const other_1 = require("../../other"); +const View_1 = __importDefault(require("../../basic/components/View/View")); +const useStyles_1 = __importDefault(require("../../styles/hooks/useStyles")); +const styles_1 = require("../../styles"); +const ChatMessage_1 = __importDefault(require("./ChatMessage")); +const ChatMessageAvatar = (props) => { + const { onPress, isMe, message, image, time, ...otherProps } = props; + const [styles] = (0, useStyles_1.default)(stylesCreate, isMe); + return ( + + + + + ); +}; +const stylesCreate = (0, styles_1.createStyles)(({ spaces }, isMe) => ({ + container: { + flexDirection: 'row', + alignSelf: isMe ? 'flex-end' : 'flex-start', + }, + avatar: { + paddingRight: spaces.Space8, + marginVertical: spaces.Space4, + alignSelf: 'flex-end', + }, +})); +exports.default = ChatMessageAvatar; diff --git a/lib/packages/core/src/chat/components/ChatPressableIcon.js b/lib/packages/core/src/chat/components/ChatPressableIcon.js new file mode 100644 index 000000000..36b431406 --- /dev/null +++ b/lib/packages/core/src/chat/components/ChatPressableIcon.js @@ -0,0 +1,30 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const TouchableOpacity_1 = __importDefault(require("../../basic/components/TouchableOpacity/TouchableOpacity")); +const SimpleIcon_1 = __importDefault(require("../../styles/icons/font/SimpleIcon")); +const useStyles_1 = __importDefault(require("../../styles/hooks/useStyles")); +const useTheme_1 = __importDefault(require("../../styles/hooks/useTheme")); +const styles_1 = require("../../styles"); +const px_1 = __importDefault(require("../../styles/utils/px")); +const ChatPressableIcon = (props) => { + const { colors } = (0, useTheme_1.default)(); + const { name, color = colors.IconBase, backgroundColor = colors.BgAccent, ...otherProps } = props; + const [styles] = (0, useStyles_1.default)(stylesCreate); + return ( + + ); +}; +const stylesCreate = (0, styles_1.createStyles)(({ spaces }) => ({ + container: { + width: (0, px_1.default)(38), + height: (0, px_1.default)(38), + borderRadius: spaces.Space8, + marginLeft: spaces.Space6, + justifyContent: 'center', + alignItems: 'center', + }, +})); +exports.default = ChatPressableIcon; diff --git a/lib/packages/core/src/chat/components/__tests__/ChatInput.test.js b/lib/packages/core/src/chat/components/__tests__/ChatInput.test.js new file mode 100644 index 000000000..7658f8fcb --- /dev/null +++ b/lib/packages/core/src/chat/components/__tests__/ChatInput.test.js @@ -0,0 +1,39 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const react_native_safe_area_context_1 = require("react-native-safe-area-context"); +const react_native_2 = require("react-native"); +const ChatInput_1 = __importDefault(require("../ChatInput")); +describe('@lad-tech/mobydick-core/ChatInput', () => { + it('renders correctly', () => { + const { toJSON } = (0, react_native_1.render)( + + + null}/> + + ); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly with containerStyle, style', () => { + const { toJSON } = (0, react_native_1.render)( + + + null}/> + + ); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly android', () => { + react_native_2.Platform.OS = 'android'; + const { toJSON } = (0, react_native_1.render)( + + + null}/> + + ); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/chat/components/__tests__/ChatInputField.test.js b/lib/packages/core/src/chat/components/__tests__/ChatInputField.test.js new file mode 100644 index 000000000..ec623a319 --- /dev/null +++ b/lib/packages/core/src/chat/components/__tests__/ChatInputField.test.js @@ -0,0 +1,26 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const ChatInputField_1 = __importDefault(require("../ChatInputField")); +const other_1 = require("../../../other"); +describe('@lad-tech/mobydick-core/ChatInputField', () => { + it('renders correctly', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly with props', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly focused/blur', () => { + const { toJSON, getByLabelText } = (0, react_native_1.render)(); + const TextInput = getByLabelText(other_1.LABELS.chatInputField); + (0, react_native_1.act)(() => TextInput.props.onFocus()); + expect(toJSON()).toMatchSnapshot(); + (0, react_native_1.act)(() => TextInput.props.onBlur()); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/chat/components/__tests__/ChatMessage.test.js b/lib/packages/core/src/chat/components/__tests__/ChatMessage.test.js new file mode 100644 index 000000000..448c3943d --- /dev/null +++ b/lib/packages/core/src/chat/components/__tests__/ChatMessage.test.js @@ -0,0 +1,30 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const ChatMessage_1 = __importDefault(require("../ChatMessage")); +describe('@lad-tech/mobydick-core/ChatMessage', () => { + it('renders correctly isNotMe', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly isMe', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly isMe image', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly isMe image number two', () => { + const fileHandle = 42; + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly isNotValid time', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/chat/components/__tests__/ChatMessageAvatar.test.js b/lib/packages/core/src/chat/components/__tests__/ChatMessageAvatar.test.js new file mode 100644 index 000000000..cfc4bfa32 --- /dev/null +++ b/lib/packages/core/src/chat/components/__tests__/ChatMessageAvatar.test.js @@ -0,0 +1,21 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const ChatMessageAvatar_1 = __importDefault(require("../ChatMessageAvatar")); +const userWithoutPhoto = { + firstName: 'Иван', + lastName: 'Пушкин', +}; +describe('@lad-tech/mobydick-core/ChatMessageAvatar', () => { + it('renders correctly isNotMe', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly onPress', () => { + const { toJSON } = (0, react_native_1.render)( null} user={userWithoutPhoto} message={'message'} isMe={true} time={'12:12'}/>); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/chat/components/__tests__/ChatPressableIcon.test.js b/lib/packages/core/src/chat/components/__tests__/ChatPressableIcon.test.js new file mode 100644 index 000000000..9d86c4717 --- /dev/null +++ b/lib/packages/core/src/chat/components/__tests__/ChatPressableIcon.test.js @@ -0,0 +1,21 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const ChatPressableIcon_1 = __importDefault(require("../ChatPressableIcon")); +describe('@lad-tech/mobydick-core/ChatPressableIcon', () => { + it('renders correctly', () => { + const { toJSON } = (0, react_native_1.render)( null}/>); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly with props', () => { + const { toJSON } = (0, react_native_1.render)( null} color={'red'} backgroundColor={'black'} disabled={false}/>); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly disabled', () => { + const { toJSON } = (0, react_native_1.render)( null} color={'red'} backgroundColor={'black'} disabled={true}/>); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/chat/components/index.js b/lib/packages/core/src/chat/components/index.js new file mode 100644 index 000000000..9a6c03ec0 --- /dev/null +++ b/lib/packages/core/src/chat/components/index.js @@ -0,0 +1,16 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.ChatMessageAvatar = exports.ChatMessage = exports.ChatPressableIcon = exports.ChatInput = exports.ChatInputField = void 0; +const ChatInputField_1 = __importDefault(require("./ChatInputField")); +exports.ChatInputField = ChatInputField_1.default; +const ChatInput_1 = __importDefault(require("./ChatInput")); +exports.ChatInput = ChatInput_1.default; +const ChatPressableIcon_1 = __importDefault(require("./ChatPressableIcon")); +exports.ChatPressableIcon = ChatPressableIcon_1.default; +const ChatMessage_1 = __importDefault(require("./ChatMessage")); +exports.ChatMessage = ChatMessage_1.default; +const ChatMessageAvatar_1 = __importDefault(require("./ChatMessageAvatar")); +exports.ChatMessageAvatar = ChatMessageAvatar_1.default; diff --git a/lib/packages/core/src/chat/functions/__tests__/isValidMessageTime.test.js b/lib/packages/core/src/chat/functions/__tests__/isValidMessageTime.test.js new file mode 100644 index 000000000..f827228db --- /dev/null +++ b/lib/packages/core/src/chat/functions/__tests__/isValidMessageTime.test.js @@ -0,0 +1,33 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const isValidMessageTime_1 = require("../isValidMessageTime"); +describe('@lad-tech/mobydick-core/Chat/isValidMessageTime', () => { + it('08:11', () => { + const res = (0, isValidMessageTime_1.isValidMessageTime)('08:11'); + expect(res).toBeTruthy(); + }); + it('00:00', () => { + const res = (0, isValidMessageTime_1.isValidMessageTime)('00:00'); + expect(res).toBeTruthy(); + }); + it('11:11', () => { + const res = (0, isValidMessageTime_1.isValidMessageTime)('11:11'); + expect(res).toBeTruthy(); + }); + it('23:59', () => { + const res = (0, isValidMessageTime_1.isValidMessageTime)('23:59'); + expect(res).toBeTruthy(); + }); + it('test', () => { + const res = (0, isValidMessageTime_1.isValidMessageTime)('test'); + expect(res).toBeFalsy(); + }); + it('88:11', () => { + const res = (0, isValidMessageTime_1.isValidMessageTime)('88:11'); + expect(res).toBeFalsy(); + }); + it('00:61', () => { + const res = (0, isValidMessageTime_1.isValidMessageTime)('00:61'); + expect(res).toBeFalsy(); + }); +}); diff --git a/lib/packages/core/src/chat/functions/isValidMessageTime.js b/lib/packages/core/src/chat/functions/isValidMessageTime.js new file mode 100644 index 000000000..8be9adb00 --- /dev/null +++ b/lib/packages/core/src/chat/functions/isValidMessageTime.js @@ -0,0 +1,8 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.isValidMessageTime = void 0; +const isValidMessageTime = (time) => { + const pattern = /^([01]\d|2[0-3]):[0-5]\d$/; + return pattern.test(time); +}; +exports.isValidMessageTime = isValidMessageTime; diff --git a/lib/packages/core/src/chat/index.js b/lib/packages/core/src/chat/index.js new file mode 100644 index 000000000..775487958 --- /dev/null +++ b/lib/packages/core/src/chat/index.js @@ -0,0 +1,18 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./components"), exports); +__exportStar(require("./types"), exports); diff --git a/lib/packages/core/src/chat/types.js b/lib/packages/core/src/chat/types.js new file mode 100644 index 000000000..c8ad2e549 --- /dev/null +++ b/lib/packages/core/src/chat/types.js @@ -0,0 +1,2 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/lib/packages/core/src/controls/CheckBox/CheckBox.js b/lib/packages/core/src/controls/CheckBox/CheckBox.js new file mode 100644 index 000000000..6590a2782 --- /dev/null +++ b/lib/packages/core/src/controls/CheckBox/CheckBox.js @@ -0,0 +1,19 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const Control_1 = __importDefault(require("../Control")); +const constants_1 = __importDefault(require("../constants")); +const useStyles_1 = __importDefault(require("../../styles/hooks/useStyles")); +const Pressable_1 = __importDefault(require("../../basic/components/Pressable/Pressable")); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const CheckBox = ({ children, ...rest }) => { + const { disabled, selected, containerStyle, checkboxStyle, onPress, width, height, } = rest; + const [styles] = (0, useStyles_1.default)(stylesCreate_1.default, { disabled, selected, width, height }); + return ( + + {children} + ); +}; +exports.default = CheckBox; diff --git a/lib/packages/core/src/controls/CheckBox/CheckSquare.js b/lib/packages/core/src/controls/CheckBox/CheckSquare.js new file mode 100644 index 000000000..3d77fb16d --- /dev/null +++ b/lib/packages/core/src/controls/CheckBox/CheckSquare.js @@ -0,0 +1,18 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const Pressable_1 = require("../../basic/components/Pressable"); +const icons_1 = require("../../styles/icons"); +const useTheme_1 = __importDefault(require("../../styles/hooks/useTheme")); +const px_1 = __importDefault(require("../../styles/utils/px")); +const CheckSquare = ({ selected, ...rest }) => { + const { colors } = (0, useTheme_1.default)(); + const width = rest.width || (0, px_1.default)(20); + const height = rest.height || (0, px_1.default)(20); + return ( + {selected ? () : null} + ); +}; +exports.default = CheckSquare; diff --git a/lib/packages/core/src/controls/CheckBox/__tests__/CheckBox.test.js b/lib/packages/core/src/controls/CheckBox/__tests__/CheckBox.test.js new file mode 100644 index 000000000..83d952a5b --- /dev/null +++ b/lib/packages/core/src/controls/CheckBox/__tests__/CheckBox.test.js @@ -0,0 +1,28 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const Text_1 = __importDefault(require("../../../basic/components/Text/Text")); +const CheckBox_1 = __importDefault(require("../CheckBox")); +describe('CheckBox', () => { + it('should renders correctly', function () { + const { toJSON } = (0, react_native_1.render)( + Pepega + ); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly checked', function () { + const { toJSON } = (0, react_native_1.render)( + Pepega + ); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly disabled', function () { + const { toJSON } = (0, react_native_1.render)( + Pepega + ); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/controls/CheckBox/index.js b/lib/packages/core/src/controls/CheckBox/index.js new file mode 100644 index 000000000..f94db4678 --- /dev/null +++ b/lib/packages/core/src/controls/CheckBox/index.js @@ -0,0 +1,8 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.CheckBox = void 0; +const CheckBox_1 = __importDefault(require("./CheckBox")); +exports.CheckBox = CheckBox_1.default; diff --git a/lib/packages/core/src/controls/CheckBox/stylesCreate.js b/lib/packages/core/src/controls/CheckBox/stylesCreate.js new file mode 100644 index 000000000..2bfa5fe87 --- /dev/null +++ b/lib/packages/core/src/controls/CheckBox/stylesCreate.js @@ -0,0 +1,24 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const styles_1 = require("../../styles"); +const px_1 = __importDefault(require("../../styles/utils/px")); +const stylesCreate = (0, styles_1.createStyles)(({ spaces, colors }, { disabled = false, selected = false, width = (0, px_1.default)(20), height = (0, px_1.default)(20) }) => ({ + container: { + flexDirection: 'row', + alignItems: 'center', + backgroundColor: 'transparent', + opacity: disabled ? 0.4 : 1, + maxWidth: '100%', + }, + checkbox: { + borderWidth: selected ? 0 : spaces.Space2, + borderColor: colors.BorderNormal, + width: width, + height: height, + borderRadius: spaces.Space4, + }, +})); +exports.default = stylesCreate; diff --git a/lib/packages/core/src/controls/Control.js b/lib/packages/core/src/controls/Control.js new file mode 100644 index 000000000..f7d105f3d --- /dev/null +++ b/lib/packages/core/src/controls/Control.js @@ -0,0 +1,12 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const constants_1 = __importDefault(require("./constants")); +const CheckSquare_1 = __importDefault(require("./CheckBox/CheckSquare")); +const Circle_1 = __importDefault(require("./Radio/Circle")); +const Control = ({ type, ...rest }) => { + return type === constants_1.default.checkBox ? () : (); +}; +exports.default = Control; diff --git a/lib/packages/core/src/controls/ControlsLists/ControlsList.js b/lib/packages/core/src/controls/ControlsLists/ControlsList.js new file mode 100644 index 000000000..a22322039 --- /dev/null +++ b/lib/packages/core/src/controls/ControlsLists/ControlsList.js @@ -0,0 +1,15 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const useStyles_1 = __importDefault(require("../../styles/hooks/useStyles")); +const View_1 = __importDefault(require("../../basic/components/View/View")); +const useCloneControls_1 = __importDefault(require("./useCloneControls")); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const ControlsList = ({ single = false, horizontal = false, onChange, disabled = false, children, values, listStyles, }) => { + const { radios } = (0, useCloneControls_1.default)(children, values, onChange, single, disabled); + const [styles] = (0, useStyles_1.default)(stylesCreate_1.default, horizontal); + return {radios}; +}; +exports.default = ControlsList; diff --git a/lib/packages/core/src/controls/ControlsLists/__tests__/ControlsList.js b/lib/packages/core/src/controls/ControlsLists/__tests__/ControlsList.js new file mode 100644 index 000000000..684e25b00 --- /dev/null +++ b/lib/packages/core/src/controls/ControlsLists/__tests__/ControlsList.js @@ -0,0 +1,75 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const index_1 = require("../index"); +const CheckBox_1 = require("../../CheckBox"); +const Radio_1 = require("../../Radio"); +const Typography_1 = require("../../../typography/components/Typography/Typography"); +describe('ControlsList', () => { + it('should renders correctly with checkbox type', function () { + const { toJSON } = (0, react_native_1.render)( + + 1 + + + 2 + + ); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly with checkbox type and single', function () { + const { toJSON } = (0, react_native_1.render)( + + 1 + + + 2 + + ); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly with checkbox type and horizontal', function () { + const { toJSON } = (0, react_native_1.render)( + + 1 + + + 2 + + ); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly with radio type', function () { + const { toJSON } = (0, react_native_1.render)( + + 1 + + + 2 + + ); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly with radio type and single', function () { + const { toJSON } = (0, react_native_1.render)( + + 1 + + + 2 + + ); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly with radio type and horizontal', function () { + const { toJSON } = (0, react_native_1.render)( + + 1 + + + 2 + + ); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/controls/ControlsLists/__tests__/useCloneControls.js b/lib/packages/core/src/controls/ControlsLists/__tests__/useCloneControls.js new file mode 100644 index 000000000..eb0995d48 --- /dev/null +++ b/lib/packages/core/src/controls/ControlsLists/__tests__/useCloneControls.js @@ -0,0 +1,63 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_hooks_1 = require("@testing-library/react-hooks"); +const react_native_1 = require("@testing-library/react-native"); +const Radio_1 = require("../../Radio"); +const useCloneControls_1 = __importDefault(require("../useCloneControls")); +const index_1 = require("../index"); +const Typography_1 = require("../../../typography/components/Typography/Typography"); +const list = (single) => ( + + 1 + + + 2 + + ); +describe('useCloneControls', function () { + it('should works right', async function () { + const controls = list(false).props.children; + const { result } = (0, react_hooks_1.renderHook)(() => (0, useCloneControls_1.default)(controls, [], jest.fn())); + expect(result.current.radios).toHaveLength(2); + expect(result.current.values).toHaveLength(0); + }); + it('should return both values', function () { + const controls = list(false).props.children; + let values = []; + const onChange = jest.fn(val => { + values = val; + }); + const { result, rerender } = (0, react_hooks_1.renderHook)(() => (0, useCloneControls_1.default)(controls, values, onChange)); + react_native_1.fireEvent.press(result.current.radios[0]); + expect(onChange).toHaveBeenCalledWith(['1']); + rerender(); + react_native_1.fireEvent.press(result.current.radios[1]); + expect(onChange).toHaveBeenCalledWith(['1', '2']); + }); + it('should return one value', function () { + const controls = list(true).props.children; + const onChange = jest.fn(); + const { result } = (0, react_hooks_1.renderHook)(() => (0, useCloneControls_1.default)(controls, [], onChange, true)); + react_native_1.fireEvent.press(result.current.radios[0]); + expect(onChange).toHaveBeenCalledWith(['1']); + react_native_1.fireEvent.press(result.current.radios[1]); + expect(onChange).toHaveBeenCalledWith(['2']); + }); + it('should return one value with selected prop', async function () { + const controls = list(false).props.children; + let values = ['1']; + const onChange = jest.fn(val => { + values = val; + }); + const { result, rerender } = (0, react_hooks_1.renderHook)(() => (0, useCloneControls_1.default)(controls, values, onChange, false)); + react_native_1.fireEvent.press(result.current.radios[1]); + rerender(); + react_native_1.fireEvent.press(result.current.radios[0]); + rerender(); + expect(result.current.values).toHaveLength(1); + expect(result.current.values[0]).toEqual('2'); + }); +}); diff --git a/lib/packages/core/src/controls/ControlsLists/index.js b/lib/packages/core/src/controls/ControlsLists/index.js new file mode 100644 index 000000000..9df2e43a1 --- /dev/null +++ b/lib/packages/core/src/controls/ControlsLists/index.js @@ -0,0 +1,23 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.ControlsList = void 0; +const ControlsList_1 = __importDefault(require("./ControlsList")); +exports.ControlsList = ControlsList_1.default; +__exportStar(require("./types"), exports); diff --git a/lib/packages/core/src/controls/ControlsLists/stylesCreate.js b/lib/packages/core/src/controls/ControlsLists/stylesCreate.js new file mode 100644 index 000000000..1e485fd7e --- /dev/null +++ b/lib/packages/core/src/controls/ControlsLists/stylesCreate.js @@ -0,0 +1,9 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const styles_1 = require("../../styles"); +const stylesCreate = (0, styles_1.createStyles)((_, horizontal) => ({ + list: { + flexDirection: horizontal ? 'row' : 'column', + }, +})); +exports.default = stylesCreate; diff --git a/lib/packages/core/src/controls/ControlsLists/types.js b/lib/packages/core/src/controls/ControlsLists/types.js new file mode 100644 index 000000000..c8ad2e549 --- /dev/null +++ b/lib/packages/core/src/controls/ControlsLists/types.js @@ -0,0 +1,2 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/lib/packages/core/src/controls/ControlsLists/useCloneControls.js b/lib/packages/core/src/controls/ControlsLists/useCloneControls.js new file mode 100644 index 000000000..82f95caa8 --- /dev/null +++ b/lib/packages/core/src/controls/ControlsLists/useCloneControls.js @@ -0,0 +1,31 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const useCloneControls = (controls, values, onChange, single = false, disabled = false) => { + const radios = controls.map((radio) => { + const value = radio.props.value; + const selected = values.some(e => e === value); + return (0, react_1.cloneElement)(radio, { + key: value, + selected, + disabled, + onPress: () => { + let data = [...values]; + if (single) { + data = [value]; + } + else { + if (selected) { + data = data.filter(e => e !== value); + } + else { + data = [...data, value]; + } + } + onChange(data); + }, + }); + }); + return { values, radios }; +}; +exports.default = useCloneControls; diff --git a/lib/packages/core/src/controls/Radio/Circle.js b/lib/packages/core/src/controls/Radio/Circle.js new file mode 100644 index 000000000..eea4d785f --- /dev/null +++ b/lib/packages/core/src/controls/Radio/Circle.js @@ -0,0 +1,13 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const Pressable_1 = __importDefault(require("../../basic/components/Pressable/Pressable")); +const View_1 = __importDefault(require("../../basic/components/View/View")); +const Circle = ({ outerStyle, innerStyle, selected = false, ...rest }) => { + return ( + {selected && } + ); +}; +exports.default = Circle; diff --git a/lib/packages/core/src/controls/Radio/Radio.js b/lib/packages/core/src/controls/Radio/Radio.js new file mode 100644 index 000000000..badbc8491 --- /dev/null +++ b/lib/packages/core/src/controls/Radio/Radio.js @@ -0,0 +1,18 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const Control_1 = __importDefault(require("../Control")); +const constants_1 = __importDefault(require("../constants")); +const useStyles_1 = __importDefault(require("../../styles/hooks/useStyles")); +const Pressable_1 = require("../../basic/components/Pressable"); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const Radio = ({ selected = false, disabled = false, children, containerStyle, onPress, ...rest }) => { + const [styles] = (0, useStyles_1.default)(stylesCreate_1.default, selected, disabled); + return ( + + {children} + ); +}; +exports.default = Radio; diff --git a/lib/packages/core/src/controls/Radio/__tests__/Circle.test.js b/lib/packages/core/src/controls/Radio/__tests__/Circle.test.js new file mode 100644 index 000000000..7b37cb37d --- /dev/null +++ b/lib/packages/core/src/controls/Radio/__tests__/Circle.test.js @@ -0,0 +1,24 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const react_hooks_1 = require("@testing-library/react-hooks"); +const Circle_1 = __importDefault(require("../Circle")); +const stylesCreate_1 = __importDefault(require("../stylesCreate")); +const useStyles_1 = __importDefault(require("../../../styles/hooks/useStyles")); +describe('@lad-tech/mobydick-core/Radio/Circle', () => { + it('renders correctly', () => { + const { result } = (0, react_hooks_1.renderHook)(() => (0, useStyles_1.default)(stylesCreate_1.default, false, false)); + const [styles] = result.current; + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly selected', () => { + const { result } = (0, react_hooks_1.renderHook)(() => (0, useStyles_1.default)(stylesCreate_1.default, false, false)); + const [styles] = result.current; + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/controls/Radio/__tests__/Radio.test.js b/lib/packages/core/src/controls/Radio/__tests__/Radio.test.js new file mode 100644 index 000000000..fe0cb4652 --- /dev/null +++ b/lib/packages/core/src/controls/Radio/__tests__/Radio.test.js @@ -0,0 +1,25 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const Radio_1 = __importDefault(require("../Radio")); +describe('@lad-tech/mobydick-core/Radio', () => { + it('renders correctly', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly selected', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly disabled', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly selected and disabled', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/controls/Radio/index.js b/lib/packages/core/src/controls/Radio/index.js new file mode 100644 index 000000000..ef00a5d29 --- /dev/null +++ b/lib/packages/core/src/controls/Radio/index.js @@ -0,0 +1,23 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.Radio = void 0; +const Radio_1 = __importDefault(require("./Radio")); +exports.Radio = Radio_1.default; +__exportStar(require("./types"), exports); diff --git a/lib/packages/core/src/controls/Radio/stylesCreate.js b/lib/packages/core/src/controls/Radio/stylesCreate.js new file mode 100644 index 000000000..4dcc60749 --- /dev/null +++ b/lib/packages/core/src/controls/Radio/stylesCreate.js @@ -0,0 +1,33 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const styles_1 = require("../../styles"); +const px_1 = __importDefault(require("../../styles/utils/px")); +const stylesCreate = (0, styles_1.createStyles)(({ spaces, colors }, selected, disabled) => ({ + container: { + flexDirection: 'row', + alignItems: 'center', + backgroundColor: 'transparent', + opacity: disabled ? 0.4 : 1, + }, + circle: { + width: (0, px_1.default)(22), + aspectRatio: 1, + borderRadius: (0, px_1.default)(11), + backgroundColor: selected ? colors.ElementBase : 'transparent', + borderColor: selected ? colors.ElementBase : colors.BorderNormal, + borderWidth: spaces.Space2, + justifyContent: 'center', + alignItems: 'center', + }, + innerCircle: { + width: (0, px_1.default)(18), + aspectRatio: 1, + borderWidth: spaces.Space2, + borderRadius: (0, px_1.default)(9), + borderColor: colors.BgPrimary, + }, +})); +exports.default = stylesCreate; diff --git a/lib/packages/core/src/controls/Radio/types.js b/lib/packages/core/src/controls/Radio/types.js new file mode 100644 index 000000000..c8ad2e549 --- /dev/null +++ b/lib/packages/core/src/controls/Radio/types.js @@ -0,0 +1,2 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/lib/packages/core/src/controls/Slider/Slider.js b/lib/packages/core/src/controls/Slider/Slider.js new file mode 100644 index 000000000..687d320fa --- /dev/null +++ b/lib/packages/core/src/controls/Slider/Slider.js @@ -0,0 +1,170 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const react_native_1 = require("react-native"); +const View_1 = __importDefault(require("../../basic/components/View/View")); +const useStyles_1 = __importDefault(require("../../styles/hooks/useStyles")); +const constants_1 = require("../../other/constants"); +const styles_1 = require("../../styles"); +const px_1 = __importDefault(require("../../styles/utils/px")); +const helpers_1 = require("./helpers"); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const hooks_1 = require("./hooks"); +const HighThumb_1 = __importDefault(require("./components/HighThumb")); +const Rail_1 = __importDefault(require("./components/Rail")); +const LowThumb_1 = __importDefault(require("./components/LowThumb")); +const trueFunc = () => true; +const falseFunc = () => false; +const THUMB_RADIUS_LOW = (0, px_1.default)(12) * 2; +const THUMB_RADIUS_HIGH = THUMB_RADIUS_LOW + (0, px_1.default)(6); +const Slider = ({ min, max, minRange = 0, step, low: lowProp, high: highProp, disableRange = false, disabled = false, onValueChanged, hitSlop = styles_1.HIT_SLOP.large, ...restProps }) => { + const { inPropsRef, inPropsRefPrev, setLow, setHigh } = (0, hooks_1.useLowHigh)(lowProp, disableRange ? max : highProp, min, max, step); + const [styles] = (0, useStyles_1.default)(stylesCreate_1.default); + const lowThumbXRef = (0, react_1.useRef)(new react_native_1.Animated.Value(0)); + const highThumbXRef = (0, react_1.useRef)(new react_native_1.Animated.Value(0)); + const lowSize = (0, react_1.useRef)(new react_native_1.Animated.Value(THUMB_RADIUS_LOW)).current; + const highSize = (0, react_1.useRef)(new react_native_1.Animated.Value(THUMB_RADIUS_LOW)).current; + const pointerX = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current; + const { current: lowThumbX } = lowThumbXRef; + const { current: highThumbX } = highThumbXRef; + const gestureStateRef = (0, react_1.useRef)({ isLow: true, lastValue: 0, lastPosition: 0 }); + const containerWidthRef = (0, react_1.useRef)(0); + const [selectedRailStyle, updateSelectedRail] = (0, hooks_1.useSelectedRail)(inPropsRef, containerWidthRef, THUMB_RADIUS_LOW, disableRange); + const updateThumbs = (0, react_1.useCallback)(() => { + const { current: containerWidth } = containerWidthRef; + const { low, high } = inPropsRef.current; + if (!disableRange) { + const { current: highThumbX } = highThumbXRef; + const highPosition = ((high - min) / (max - min)) * (containerWidth - THUMB_RADIUS_LOW); + highThumbX.setValue(highPosition); + } + const { current: lowThumbX } = lowThumbXRef; + const lowPosition = ((low - min) / (max - min)) * (containerWidth - THUMB_RADIUS_LOW); + lowThumbX.setValue(lowPosition); + updateSelectedRail(); + onValueChanged?.(low, high, false); + }, [ + disableRange, + inPropsRef, + max, + min, + THUMB_RADIUS_LOW, + updateSelectedRail, + ]); + (0, react_1.useEffect)(() => { + const { lowPrev, highPrev } = inPropsRefPrev; + if ((lowProp !== undefined && lowProp !== lowPrev) || + (highProp !== undefined && highProp !== highPrev)) { + updateThumbs(); + } + }, [highProp, inPropsRefPrev.lowPrev, inPropsRefPrev.highPrev, lowProp]); + (0, react_1.useEffect)(() => { + updateThumbs(); + }, [updateThumbs]); + const handleContainerLayout = (0, hooks_1.useWidthLayout)(containerWidthRef, updateThumbs); + function getLow(downX, lowPosition, highPosition) { + return disableRange || (0, helpers_1.isLowCloser)(downX, lowPosition, highPosition); + } + const handlePositionChange = (positionInView, isLow, containerWidth) => { + const { low, high, min, max, step } = inPropsRef.current; + const minValue = isLow ? min : low + minRange; + const maxValue = isLow ? high - minRange : max; + const value = (0, helpers_1.clamp)((0, helpers_1.getValueForPosition)(positionInView, containerWidth, THUMB_RADIUS_LOW, min, max, step), minValue, maxValue); + if (gestureStateRef.current.lastValue === value) { + return; + } + const availableSpace = containerWidth - THUMB_RADIUS_LOW; + const absolutePosition = ((value - min) / (max - min)) * availableSpace; + gestureStateRef.current.lastValue = value; + gestureStateRef.current.lastPosition = + absolutePosition + THUMB_RADIUS_LOW / 2; + (isLow ? lowThumbX : highThumbX).setValue(absolutePosition); + onValueChanged?.(isLow ? value : low, isLow ? high : value, true); + (isLow ? setLow : setHigh)(value); + updateSelectedRail(); + }; + const animatedLow = (0, react_1.useCallback)((value) => { + react_native_1.Animated.timing(lowSize, { + toValue: value, + duration: 300, + useNativeDriver: false, + easing: react_native_1.Easing.ease, + }).start(); + }, [lowSize]); + const animatedHigh = (0, react_1.useCallback)((value) => { + react_native_1.Animated.timing(highSize, { + toValue: value, + duration: 300, + useNativeDriver: false, + easing: react_native_1.Easing.ease, + }).start(); + }, [highSize]); + const { panHandlers } = (0, react_1.useMemo)(() => react_native_1.PanResponder.create({ + onStartShouldSetPanResponderCapture: falseFunc, + onMoveShouldSetPanResponderCapture: trueFunc, + onPanResponderTerminationRequest: falseFunc, + onPanResponderTerminate: trueFunc, + onShouldBlockNativeResponder: trueFunc, + onMoveShouldSetPanResponder: (_evt, gestureState) => Math.abs(gestureState.dx) > 2 * Math.abs(gestureState.dy), + onPanResponderGrant: ({ nativeEvent }, gestureState) => { + if (disabled) { + return; + } + const { numberActiveTouches } = gestureState; + if (numberActiveTouches > 1) { + return; + } + const { locationX: downX, pageX } = nativeEvent; + const containerX = pageX - downX; + const { low, high, min, max } = inPropsRef.current; + const containerWidth = containerWidthRef.current; + const lowPosition = THUMB_RADIUS_LOW / 2 + + ((low - min) / (max - min)) * (containerWidth - THUMB_RADIUS_LOW); + const highPosition = THUMB_RADIUS_LOW / 2 + + ((high - min) / (max - min)) * (containerWidth - THUMB_RADIUS_LOW); + const isLow = getLow(downX, lowPosition, highPosition); + gestureStateRef.current.isLow = isLow; + if (isLow) { + animatedLow(THUMB_RADIUS_HIGH); + } + else { + animatedHigh(THUMB_RADIUS_HIGH); + } + handlePositionChange(downX, isLow, containerWidth); + pointerX.removeAllListeners(); + pointerX.addListener(({ value: pointerPosition }) => { + const positionInView = pointerPosition - containerX; + handlePositionChange(positionInView, isLow, containerWidth); + }); + }, + onPanResponderMove: disabled + ? undefined + : react_native_1.Animated.event([null, { moveX: pointerX }], { useNativeDriver: false }), + onPanResponderRelease: () => { + animatedLow(THUMB_RADIUS_LOW); + animatedHigh(THUMB_RADIUS_LOW); + }, + }), [ + pointerX, + inPropsRef, + THUMB_RADIUS_LOW, + disableRange, + disabled, + onValueChanged, + setLow, + setHigh, + updateSelectedRail, + ]); + return ( + + + + {!disableRange && ()} + + + ); +}; +exports.default = Slider; diff --git a/lib/packages/core/src/controls/Slider/__tests__/Slider.test.js b/lib/packages/core/src/controls/Slider/__tests__/Slider.test.js new file mode 100644 index 000000000..33f814c74 --- /dev/null +++ b/lib/packages/core/src/controls/Slider/__tests__/Slider.test.js @@ -0,0 +1,179 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const Slider_1 = __importDefault(require("../Slider")); +const constants_1 = require("../../../other/constants"); +const HIT_SLOP_1 = __importDefault(require("../../../styles/constants/HIT_SLOP")); +const eventMock = {}; +const trueFunc = () => true; +const falseFunc = () => false; +describe.skip('Slider', () => { + it('should renders correctly by default', function () { + const { getByLabelText, toJSON } = (0, react_native_1.render)(); + const panHandler = getByLabelText(constants_1.LABELS.slider); + (0, react_native_1.act)(() => panHandler.props.onMoveShouldSetPanResponder({}, { dx: -10 })); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly with more props', function () { + const { getByLabelText, toJSON } = (0, react_native_1.render)(); + const panHandler = getByLabelText(constants_1.LABELS.slider); + (0, react_native_1.act)(() => panHandler.props.onMoveShouldSetPanResponder({}, { dx: -10 })); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly panHandler', function () { + const { getByLabelText, toJSON } = (0, react_native_1.render)(); + const panHandler = getByLabelText(constants_1.LABELS.slider); + (0, react_native_1.act)(() => { + panHandler.props.onStartShouldSetPanResponderCapture(falseFunc); + panHandler.props.onMoveShouldSetPanResponderCapture(falseFunc); + panHandler.props.onPanResponderTerminationRequest(falseFunc); + panHandler.props.onPanResponderTerminate(trueFunc); + panHandler.props.onShouldBlockNativeResponder(trueFunc); + panHandler.props.onMoveShouldSetPanResponder(eventMock, { dx: 10, dy: 0 }); + panHandler.props.onPanResponderGrant({ + nativeEvent: { + locationX: 21, + locationY: 5, + pageX: 33, + pageY: 152, + target: 723, + }, + }, { dx: 10, dy: 0 }); + panHandler.props.onPanResponderMove(eventMock, { moveX: 20 }); + }); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly disabled', function () { + const { getByLabelText, toJSON } = (0, react_native_1.render)(); + const panHandler = getByLabelText(constants_1.LABELS.slider); + (0, react_native_1.act)(() => { + panHandler.props.onPanResponderTerminate(trueFunc); + panHandler.props.onShouldBlockNativeResponder(trueFunc); + panHandler.props.onMoveShouldSetPanResponder(eventMock, { dx: 10, dy: 0 }); + panHandler.props.onPanResponderGrant({ + nativeEvent: { + locationX: 21, + locationY: 5, + pageX: 33, + pageY: 152, + target: 723, + }, + }, { dx: 10, dy: 0 }); + }); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly updateThumbs', function () { + const { getByLabelText, toJSON } = (0, react_native_1.render)(); + const panHandler = getByLabelText(constants_1.LABELS.slider); + const layout = getByLabelText(constants_1.LABELS.sliderLayoutLowThumb); + (0, react_native_1.act)(() => { + panHandler.props.onPanResponderTerminate(trueFunc); + panHandler.props.onShouldBlockNativeResponder(trueFunc); + panHandler.props.onMoveShouldSetPanResponder(eventMock, { dx: 10, dy: 0 }); + panHandler.props.onPanResponderGrant({ + nativeEvent: { + locationX: 21, + locationY: 5, + pageX: 33, + pageY: 152, + target: 723, + }, + }, { dx: 10, dy: 0 }); + panHandler.props.onPanResponderMove(eventMock, { moveX: 40 }); + }); + expect(toJSON()).toMatchSnapshot(); + (0, react_native_1.act)(() => { + (0, react_native_1.fireEvent)(layout, 'layout', { + nativeEvent: { layout: { width: 100 } }, + }); + }); + }); + it('should renders correctly with numberActiveTouches', function () { + const { getByLabelText, toJSON } = (0, react_native_1.render)(); + const panHandler = getByLabelText(constants_1.LABELS.slider); + (0, react_native_1.act)(() => panHandler.props.onPanResponderGrant({}, { numberActiveTouches: 2 })); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly updateThumbs high -> low', function () { + const { getByLabelText, toJSON } = (0, react_native_1.render)(); + const panHandler = getByLabelText(constants_1.LABELS.slider); + const layout = getByLabelText(constants_1.LABELS.sliderLayoutLowThumb); + (0, react_native_1.act)(() => { + panHandler.props.onPanResponderTerminate(trueFunc); + panHandler.props.onShouldBlockNativeResponder(trueFunc); + panHandler.props.onMoveShouldSetPanResponder(eventMock, { dx: 10, dy: 0 }); + panHandler.props.onPanResponderGrant({ + nativeEvent: { + locationX: -10, + locationY: 5, + pageX: 200, + pageY: 152, + target: 723, + }, + }, { dx: 10, dy: 0 }); + panHandler.props.onPanResponderMove(eventMock, { moveX: 170 }); + }); + expect(toJSON()).toMatchSnapshot(); + (0, react_native_1.act)(() => { + (0, react_native_1.fireEvent)(layout, 'layout', { + nativeEvent: { layout: { width: 100 } }, + }); + }); + }); + it('should renders correctly high <- low', function () { + const { getByLabelText, toJSON } = (0, react_native_1.render)(); + const panHandler = getByLabelText(constants_1.LABELS.slider); + const layout = getByLabelText(constants_1.LABELS.sliderLayoutLowThumb); + (0, react_native_1.act)(() => { + panHandler.props.onPanResponderTerminate(trueFunc); + panHandler.props.onShouldBlockNativeResponder(trueFunc); + panHandler.props.onMoveShouldSetPanResponder(eventMock, { dx: 10, dy: 0 }); + panHandler.props.onPanResponderGrant({ + nativeEvent: { + locationX: 21, + locationY: 5, + pageX: 200, + pageY: 152, + target: 723, + }, + }, { dx: 10, dy: 0 }); + panHandler.props.onPanResponderMove(eventMock, { moveX: 175 }); + }); + expect(toJSON()).toMatchSnapshot(); + (0, react_native_1.act)(() => { + (0, react_native_1.fireEvent)(layout, 'layout', { + nativeEvent: { layout: { width: 100 } }, + }); + }); + }); + it('should renders correctly onPanResponderRelease', function () { + const { getByLabelText, toJSON } = (0, react_native_1.render)(); + const panHandler = getByLabelText(constants_1.LABELS.slider); + const layout = getByLabelText(constants_1.LABELS.sliderLayoutLowThumb); + (0, react_native_1.act)(() => { + panHandler.props.onPanResponderTerminate(trueFunc); + panHandler.props.onShouldBlockNativeResponder(trueFunc); + panHandler.props.onMoveShouldSetPanResponder(eventMock, { dx: 10, dy: 0 }); + panHandler.props.onPanResponderGrant({ + nativeEvent: { + locationX: 21, + locationY: 5, + pageX: 200, + pageY: 152, + target: 723, + }, + }, { dx: 10, dy: 0 }); + panHandler.props.onPanResponderRelease(); + panHandler.props.onPanResponderMove(eventMock, { moveX: 175 }); + }); + expect(toJSON()).toMatchSnapshot(); + (0, react_native_1.act)(() => { + (0, react_native_1.fireEvent)(layout, 'layout', { + nativeEvent: { layout: { width: 100 } }, + }); + }); + }); +}); diff --git a/lib/packages/core/src/controls/Slider/components/HighThumb.js b/lib/packages/core/src/controls/Slider/components/HighThumb.js new file mode 100644 index 000000000..a04551759 --- /dev/null +++ b/lib/packages/core/src/controls/Slider/components/HighThumb.js @@ -0,0 +1,19 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("react-native"); +const useStyles_1 = __importDefault(require("../../../styles/hooks/useStyles")); +const stylesCreate_1 = __importDefault(require("../stylesCreate")); +const Thumb_1 = __importDefault(require("./Thumb")); +const HighThumb = ({ highThumbX, highSize, }) => { + const [styles] = (0, useStyles_1.default)(stylesCreate_1.default); + return ( + + ); +}; +exports.default = HighThumb; diff --git a/lib/packages/core/src/controls/Slider/components/LowThumb.js b/lib/packages/core/src/controls/Slider/components/LowThumb.js new file mode 100644 index 000000000..5ab78b39f --- /dev/null +++ b/lib/packages/core/src/controls/Slider/components/LowThumb.js @@ -0,0 +1,18 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("react-native"); +const react_1 = require("react"); +const other_1 = require("../../../other"); +const Thumb_1 = __importDefault(require("./Thumb")); +const LowThumb = ({ lowThumbX, size, }) => { + const lowStyles = (0, react_1.useMemo)(() => { + return { transform: [{ translateX: lowThumbX }] }; + }, [lowThumbX]); + return ( + + ); +}; +exports.default = LowThumb; diff --git a/lib/packages/core/src/controls/Slider/components/Rail.js b/lib/packages/core/src/controls/Slider/components/Rail.js new file mode 100644 index 000000000..71f461c9e --- /dev/null +++ b/lib/packages/core/src/controls/Slider/components/Rail.js @@ -0,0 +1,17 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const View_1 = __importDefault(require("../../../basic/components/View/View")); +const useStyles_1 = __importDefault(require("../../../styles/hooks/useStyles")); +const stylesCreate_1 = __importDefault(require("../stylesCreate")); +const SelectedRail_1 = __importDefault(require("./SelectedRail")); +const Rail = ({ selectedRailStyle, thumbWidth, }) => { + const [styles] = (0, useStyles_1.default)(stylesCreate_1.default); + return ( + + + ); +}; +exports.default = Rail; diff --git a/lib/packages/core/src/controls/Slider/components/SelectedRail.js b/lib/packages/core/src/controls/Slider/components/SelectedRail.js new file mode 100644 index 000000000..d073837a7 --- /dev/null +++ b/lib/packages/core/src/controls/Slider/components/SelectedRail.js @@ -0,0 +1,16 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("react-native"); +const View_1 = __importDefault(require("../../../basic/components/View/View")); +const useStyles_1 = __importDefault(require("../../../styles/hooks/useStyles")); +const stylesCreate_1 = __importDefault(require("../stylesCreate")); +const SelectedRail = ({ selectedRailStyle, }) => { + const [styles] = (0, useStyles_1.default)(stylesCreate_1.default); + return ( + + ); +}; +exports.default = SelectedRail; diff --git a/lib/packages/core/src/controls/Slider/components/Thumb.js b/lib/packages/core/src/controls/Slider/components/Thumb.js new file mode 100644 index 000000000..d4e3eca3e --- /dev/null +++ b/lib/packages/core/src/controls/Slider/components/Thumb.js @@ -0,0 +1,27 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("react-native"); +const useStyles_1 = __importDefault(require("../../../styles/hooks/useStyles")); +const styles_1 = require("../../../styles"); +const Thumb = ({ size }) => { + const [styles] = (0, useStyles_1.default)(stylesCreate); + return (); +}; +const stylesCreate = (0, styles_1.createStyles)(({ spaces, colors }) => ({ + root: { + borderWidth: spaces.Space2, + borderColor: colors.IconMuted, + backgroundColor: colors.BgPrimary, + }, +})); +exports.default = Thumb; diff --git a/lib/packages/core/src/controls/Slider/helpers.js b/lib/packages/core/src/controls/Slider/helpers.js new file mode 100644 index 000000000..e1870ca68 --- /dev/null +++ b/lib/packages/core/src/controls/Slider/helpers.js @@ -0,0 +1,28 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.getValueForPosition = exports.clamp = exports.isLowCloser = void 0; +const isLowCloser = (downX, lowPosition, highPosition) => { + if (lowPosition === highPosition) { + return downX < lowPosition; + } + const distanceFromLow = Math.abs(downX - lowPosition); + const distanceFromHigh = Math.abs(downX - highPosition); + return distanceFromLow < distanceFromHigh; +}; +exports.isLowCloser = isLowCloser; +const clamp = (value, min, max) => { + return Math.min(Math.max(value, min), max); +}; +exports.clamp = clamp; +const getValueForPosition = (positionInView, containerWidth, thumbWidth, min, max, step) => { + const availableSpace = containerWidth - thumbWidth; + const relStepUnit = step / (max - min); + let relPosition = (positionInView - thumbWidth / 2) / availableSpace; + const relOffset = relPosition % relStepUnit; + relPosition -= relOffset; + if (relOffset / relStepUnit >= 0.5) { + relPosition += relStepUnit; + } + return (0, exports.clamp)(min + Math.round(relPosition / relStepUnit) * step, min, max); +}; +exports.getValueForPosition = getValueForPosition; diff --git a/lib/packages/core/src/controls/Slider/hooks.js b/lib/packages/core/src/controls/Slider/hooks.js new file mode 100644 index 000000000..98e238850 --- /dev/null +++ b/lib/packages/core/src/controls/Slider/hooks.js @@ -0,0 +1,68 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.useSelectedRail = exports.useWidthLayout = exports.useLowHigh = void 0; +const react_1 = require("react"); +const react_native_1 = require("react-native"); +const helpers_1 = require("./helpers"); +const useLowHigh = (lowProp, highProp, min, max, step) => { + const validLowProp = lowProp === undefined ? min : (0, helpers_1.clamp)(lowProp, min, max); + const validHighProp = highProp === undefined ? max : (0, helpers_1.clamp)(highProp, min, max); + const inPropsRef = (0, react_1.useRef)({ + low: validLowProp, + high: validHighProp, + step, + // These 2 fields will be overwritten below. + min: validLowProp, + max: validHighProp, + }); + const { low: lowState, high: highState } = inPropsRef.current; + const inPropsRefPrev = { lowPrev: lowState, highPrev: highState }; + // Props have higher priority. + // If no props are passed, use internal state variables. + const low = (0, helpers_1.clamp)(lowProp === undefined ? lowState : lowProp, min, max); + const high = (0, helpers_1.clamp)(highProp === undefined ? highState : highProp, min, max); + // Always update values of refs so pan responder will have updated values + Object.assign(inPropsRef.current, { low, high, min, max }); + const setLow = (value) => (inPropsRef.current.low = value); + const setHigh = (value) => (inPropsRef.current.high = value); + return { inPropsRef, inPropsRefPrev, setLow, setHigh }; +}; +exports.useLowHigh = useLowHigh; +/** + * Sets the current value of widthRef and calls the callback with new width parameter. + * @param widthRef + * @param callback + * @returns {function({nativeEvent: *}): void} + */ +const useWidthLayout = (widthRef, callback) => { + return (0, react_1.useCallback)((event) => { + const { layout: { width }, } = event.nativeEvent; + const { current: w } = widthRef; + if (w !== width) { + widthRef.current = width; + if (callback) { + callback(width); + } + } + }, [callback, widthRef]); +}; +exports.useWidthLayout = useWidthLayout; +const useSelectedRail = (inPropsRef, containerWidthRef, thumbWidth, disableRange) => { + const { current: left } = (0, react_1.useRef)(new react_native_1.Animated.Value(0)); + const { current: right } = (0, react_1.useRef)(new react_native_1.Animated.Value(0)); + const update = (0, react_1.useCallback)(() => { + const { low, high, min, max } = inPropsRef.current; + const { current: containerWidth } = containerWidthRef; + const fullScale = (max - min) / (containerWidth - thumbWidth); + const leftValue = (low - min) / fullScale; + const rightValue = (max - high) / fullScale; + left.setValue(disableRange ? 0 : leftValue); + right.setValue(disableRange ? containerWidth - thumbWidth - leftValue : rightValue); + }, [inPropsRef, containerWidthRef, disableRange, thumbWidth, left, right]); + const styles = (0, react_1.useMemo)(() => ({ + left: react_native_1.I18nManager.isRTL ? right : left, + right: react_native_1.I18nManager.isRTL ? left : right, + }), [left, right]); + return [styles, update]; +}; +exports.useSelectedRail = useSelectedRail; diff --git a/lib/packages/core/src/controls/Slider/index.js b/lib/packages/core/src/controls/Slider/index.js new file mode 100644 index 000000000..51ef25c85 --- /dev/null +++ b/lib/packages/core/src/controls/Slider/index.js @@ -0,0 +1,8 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.Slider = void 0; +const Slider_1 = __importDefault(require("./Slider")); +exports.Slider = Slider_1.default; diff --git a/lib/packages/core/src/controls/Slider/stylesCreate.js b/lib/packages/core/src/controls/Slider/stylesCreate.js new file mode 100644 index 000000000..912db1fbe --- /dev/null +++ b/lib/packages/core/src/controls/Slider/stylesCreate.js @@ -0,0 +1,38 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("react-native"); +const styles_1 = require("../../styles"); +const stylesCreate = (0, styles_1.createStyles)(({ spaces, colors }) => ({ + controlsContainer: { + flexDirection: 'row', + justifyContent: react_native_1.I18nManager.isRTL ? 'flex-end' : 'flex-start', + alignItems: 'center', + minHeight: spaces.Space32, + }, + rail: { + flex: 1, + height: spaces.Space4, + borderRadius: spaces.Space2, + backgroundColor: colors.IconMuted, + }, + selectedRailContainer: { + position: 'absolute', + }, + selectedRail: { + height: spaces.Space4, + backgroundColor: colors.IconBase, + borderRadius: spaces.Space2, + }, + highThumbContainer: { + position: 'absolute', + }, + railsContainer: { + ...react_native_1.StyleSheet.absoluteFillObject, + flexDirection: 'row', + alignItems: 'center', + }, + touchableArea: { + ...react_native_1.StyleSheet.absoluteFillObject, + }, +})); +exports.default = stylesCreate; diff --git a/lib/packages/core/src/controls/Swipe/Swipe.js b/lib/packages/core/src/controls/Swipe/Swipe.js new file mode 100644 index 000000000..c0eb02183 --- /dev/null +++ b/lib/packages/core/src/controls/Swipe/Swipe.js @@ -0,0 +1,85 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const react_native_1 = require("react-native"); +const useStyles_1 = __importDefault(require("../../styles/hooks/useStyles")); +const other_1 = require("../../other"); +const px_1 = __importDefault(require("../../styles/utils/px")); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const leftPos = -20; +const rightPos = 20; +const Swipe = ({ active, disabled, onPress }) => { + const [styles, theme] = (0, useStyles_1.default)(stylesCreate_1.default, disabled); + const defaultState = active ? rightPos : leftPos; + const pan = (0, react_1.useRef)(new react_native_1.Animated.Value(defaultState)).current; + const distance = (0, react_1.useRef)(defaultState); + (0, react_1.useEffect)(() => { + if (active) { + return swipeRight(); + } + else { + return swipeLeft(); + } + }, [active, disabled]); + const swipeRight = () => { + distance.current = rightPos; + react_native_1.Animated.timing(pan, { + toValue: +rightPos, + duration: 300, + useNativeDriver: false, + easing: react_native_1.Easing.ease, + }).start(); + }; + const swipeLeft = () => { + distance.current = leftPos; + react_native_1.Animated.timing(pan, { + toValue: +leftPos, + duration: 300, + useNativeDriver: false, + easing: react_native_1.Easing.ease, + }).start(); + }; + const handlePanResponderRelease = (_, gestureState) => { + pan.flattenOffset(); + if (gestureState.dx === 0) { + onPress(distance.current > 0 ? false : true); + return distance.current > 0 ? swipeLeft() : swipeRight(); + } + if (gestureState.dx > 0) { + distance.current !== rightPos && onPress(true); + return swipeRight(); + } + else { + distance.current !== leftPos && onPress(false); + return swipeLeft(); + } + }; + const panResponder = (0, react_1.useRef)(react_native_1.PanResponder.create({ + onStartShouldSetPanResponder: () => !disabled, + onMoveShouldSetPanResponder: () => !disabled, + onPanResponderGrant: () => { + pan.setOffset(distance.current); + }, + onPanResponderMove: react_native_1.Animated.event([null, { dx: pan }], { + useNativeDriver: false, + }), + onPanResponderRelease: handlePanResponderRelease, + })).current; + const backgroundColor = pan.interpolate({ + inputRange: [leftPos, rightPos], + outputRange: [theme.colors.ElementMuted, theme.colors.ElementBase], + extrapolate: 'clamp', + }); + const translateX = pan.interpolate({ + inputRange: [leftPos, rightPos], + outputRange: [0, (0, px_1.default)(20)], + extrapolate: 'clamp', + }); + return ( + + ); +}; +exports.default = Swipe; diff --git a/lib/packages/core/src/controls/Swipe/__tests__/Swipe.test.js b/lib/packages/core/src/controls/Swipe/__tests__/Swipe.test.js new file mode 100644 index 000000000..ed4d876b8 --- /dev/null +++ b/lib/packages/core/src/controls/Swipe/__tests__/Swipe.test.js @@ -0,0 +1,85 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const Swipe_1 = __importDefault(require("../Swipe")); +const other_1 = require("../../../other"); +const onPress = () => null; +const eventMock = {}; +describe.skip('Swipe', () => { + it('should renders correctly by default -', function () { + const { getByLabelText, toJSON } = (0, react_native_1.render)(); + const panHandler = getByLabelText(other_1.LABELS.swipe); + (0, react_native_1.act)(() => panHandler.props.onPanResponderRelease({}, { dx: -10 })); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly by default +', function () { + const { getByLabelText, toJSON } = (0, react_native_1.render)(); + const panHandler = getByLabelText(other_1.LABELS.swipe); + (0, react_native_1.act)(() => { + panHandler.props.onPanResponderMove(eventMock, { dx: 0 }); + panHandler.props.onPanResponderRelease(eventMock, { dx: 0 }); + }); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly by default active', function () { + const { getByLabelText, toJSON } = (0, react_native_1.render)(); + const panHandler = getByLabelText(other_1.LABELS.swipe); + (0, react_native_1.act)(() => { + panHandler.props.onPanResponderMove(eventMock, { dx: 0 }); + panHandler.props.onPanResponderRelease(eventMock, { dx: 0 }); + }); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly active', function () { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly disabled +', function () { + const { getByLabelText, toJSON } = (0, react_native_1.render)(); + const panHandler = getByLabelText(other_1.LABELS.swipe); + (0, react_native_1.act)(() => { + panHandler.props.onPanResponderMove(eventMock, { dx: 0 }); + panHandler.props.onPanResponderRelease(eventMock, { dx: 0 }); + }); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly disabled dx: 20', function () { + const { getByLabelText, toJSON } = (0, react_native_1.render)(); + const panHandler = getByLabelText(other_1.LABELS.swipe); + (0, react_native_1.act)(() => { + panHandler.props.onPanResponderRelease(eventMock, { dx: 20 }); + }); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly disabled -', function () { + const { getByLabelText, toJSON } = (0, react_native_1.render)(); + const panHandler = getByLabelText(other_1.LABELS.swipe); + (0, react_native_1.act)(() => { + panHandler.props.onStartShouldSetPanResponder(() => true); + panHandler.props.onMoveShouldSetPanResponder(() => true); + panHandler.props.onPanResponderGrant(); + panHandler.props.onPanResponderMove(eventMock, { dx: 0 }); + panHandler.props.onPanResponderRelease(eventMock, { dx: -20 }); + }); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly active and disabled', function () { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly when and toggle to active', function () { + const { toJSON, getByLabelText } = (0, react_native_1.render)(); + const panHandler = getByLabelText(other_1.LABELS.swipe); + (0, react_native_1.act)(() => { + panHandler.props.onStartShouldSetPanResponder(() => true); + panHandler.props.onMoveShouldSetPanResponder(() => true); + panHandler.props.onPanResponderGrant(); + panHandler.props.onPanResponderMove(eventMock, { dx: 0 }); + panHandler.props.onPanResponderRelease(eventMock, { dx: 20 }); + }); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/controls/Swipe/index.js b/lib/packages/core/src/controls/Swipe/index.js new file mode 100644 index 000000000..98834e238 --- /dev/null +++ b/lib/packages/core/src/controls/Swipe/index.js @@ -0,0 +1,23 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.Swipe = void 0; +const Swipe_1 = __importDefault(require("./Swipe")); +exports.Swipe = Swipe_1.default; +__exportStar(require("./types"), exports); diff --git a/lib/packages/core/src/controls/Swipe/stylesCreate.js b/lib/packages/core/src/controls/Swipe/stylesCreate.js new file mode 100644 index 000000000..2301f5863 --- /dev/null +++ b/lib/packages/core/src/controls/Swipe/stylesCreate.js @@ -0,0 +1,23 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const styles_1 = require("../../styles"); +const px_1 = __importDefault(require("../../styles/utils/px")); +const stylesCreate = (0, styles_1.createStyles)(({ spaces, colors }, disabled) => ({ + container: { + width: (0, px_1.default)(50), + height: (0, px_1.default)(30), + borderRadius: spaces.Space20, + padding: spaces.Space2, + opacity: disabled ? 0.4 : 1, + }, + switcher: { + flex: 1, + aspectRatio: 1, + backgroundColor: colors.ElementWhite, + borderRadius: (0, px_1.default)(25), + }, +})); +exports.default = stylesCreate; diff --git a/lib/packages/core/src/controls/Swipe/types.js b/lib/packages/core/src/controls/Swipe/types.js new file mode 100644 index 000000000..c8ad2e549 --- /dev/null +++ b/lib/packages/core/src/controls/Swipe/types.js @@ -0,0 +1,2 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/lib/packages/core/src/controls/constants.js b/lib/packages/core/src/controls/constants.js new file mode 100644 index 000000000..84383424d --- /dev/null +++ b/lib/packages/core/src/controls/constants.js @@ -0,0 +1,8 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +var ControlType; +(function (ControlType) { + ControlType["checkBox"] = "checkBox"; + ControlType["radio"] = "radio"; +})(ControlType || (ControlType = {})); +exports.default = ControlType; diff --git a/lib/packages/core/src/controls/index.js b/lib/packages/core/src/controls/index.js new file mode 100644 index 000000000..b1b3c0307 --- /dev/null +++ b/lib/packages/core/src/controls/index.js @@ -0,0 +1,22 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./Radio"), exports); +__exportStar(require("./types"), exports); +__exportStar(require("./CheckBox"), exports); +__exportStar(require("./ControlsLists"), exports); +__exportStar(require("./Swipe"), exports); +__exportStar(require("./Slider"), exports); diff --git a/lib/packages/core/src/controls/types.js b/lib/packages/core/src/controls/types.js new file mode 100644 index 000000000..c8ad2e549 --- /dev/null +++ b/lib/packages/core/src/controls/types.js @@ -0,0 +1,2 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/lib/packages/core/src/cta/components/Button/Button.js b/lib/packages/core/src/cta/components/Button/Button.js new file mode 100644 index 000000000..e986bfa07 --- /dev/null +++ b/lib/packages/core/src/cta/components/Button/Button.js @@ -0,0 +1,55 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const utils_1 = require("../../utils"); +const basic_1 = require("../../../basic"); +const useStyles_1 = __importDefault(require("../../../styles/hooks/useStyles")); +const typography_1 = require("../../../typography"); +const Spinner_1 = require("../../../progress/components/Spinner"); +const types_1 = require("../../../progress/components/Spinner/types"); +const other_1 = require("../../../other"); +const Counter_1 = __importDefault(require("../../../other/components/Badge/Counter/Counter")); +const types_2 = require("./types"); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const getDefaultFont_1 = require("./getDefaultFont"); +const Button = (0, react_1.forwardRef)((props, ref) => { + const { style, text, leftIcon, rightIcon, size = types_2.IButtonSize.fixed, type = types_2.IButtonTypes.primary, loading = false, disabled = false, textStyle, font, count, textProps, ...otherProps } = props; + const [styles, theme] = (0, useStyles_1.default)(stylesCreate_1.default, disabled ? types_2.IButtonTypes.disabled : type, size, Boolean(leftIcon), Boolean(rightIcon), Boolean(text)); + const defaultFont = (0, getDefaultFont_1.getDefaultFont)(size, disabled ? types_2.IButtonTypes.disabled : type); + const counterSize = size === types_2.IButtonSize.small ? other_1.ICounterSize.small : other_1.ICounterSize.medium; + const Container = ({ children }) => ( + {children} + ); + const getSpinnerColor = () => { + if (disabled) { + return theme.colors.IconWhite; + } + switch (type) { + case types_2.IButtonTypes.secondary: + case types_2.IButtonTypes.tertiary: + return theme.colors.IconBase; + default: + return theme.colors.IconWhite; + } + }; + if (loading || type === types_2.IButtonTypes.loading) { + return ( + + ); + } + return ( + {leftIcon} + {Boolean(text) && ( + {text} + )} + {rightIcon} + {count ? () : null} + ); +}); +exports.default = Button; diff --git a/lib/packages/core/src/cta/components/Button/__tests__/Button.test.js b/lib/packages/core/src/cta/components/Button/__tests__/Button.test.js new file mode 100644 index 000000000..798b32493 --- /dev/null +++ b/lib/packages/core/src/cta/components/Button/__tests__/Button.test.js @@ -0,0 +1,87 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const types_1 = require("../types"); +const Button_1 = __importDefault(require("../Button")); +const View_1 = __importDefault(require("../../../../basic/components/View/View")); +describe('@lad-tech/mobydick-core/Button', () => { + it('renders correctly', () => { + const { toJSON, rerender } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + rerender(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly secondary', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly tertiary', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly disabled', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly destructive', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly loading', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly fixed', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly small', () => { + const { toJSON, rerender } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + rerender(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly large', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly left icon size large', () => { + const { toJSON } = (0, react_native_1.render)(} rightIcon={} text={'text'}/>); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly left icon small', () => { + const { toJSON } = (0, react_native_1.render)(} rightIcon={}/>); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly without size', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly text', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly left icon size small', () => { + const { toJSON } = (0, react_native_1.render)(} rightIcon={} text={'text'}/>); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly loading without type', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it.each([types_1.IButtonTypes.tertiary, types_1.IButtonTypes.secondary])('renders correctly loading types', type => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly loading disabled', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it.each(Object.values(types_1.IButtonTypes))('renders correctly loading types', type => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/cta/components/Button/getDefaultFont.js b/lib/packages/core/src/cta/components/Button/getDefaultFont.js new file mode 100644 index 000000000..0f6d154ba --- /dev/null +++ b/lib/packages/core/src/cta/components/Button/getDefaultFont.js @@ -0,0 +1,30 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.getDefaultFont = void 0; +const types_1 = require("./types"); +const getDefaultFont = (size, type) => { + let defaultButtonFont = 'SemiBold'; + switch (type) { + case types_1.IButtonTypes.primary: + case types_1.IButtonTypes.disabled: + case types_1.IButtonTypes.destructive: + case types_1.IButtonTypes.loading: + defaultButtonFont += '-White'; + break; + case types_1.IButtonTypes.secondary: + case types_1.IButtonTypes.tertiary: + defaultButtonFont += '-Accent'; + } + switch (size) { + case types_1.IButtonSize.small: + defaultButtonFont += '-XS'; + break; + case types_1.IButtonSize.large: + case types_1.IButtonSize.fixed: + default: + defaultButtonFont += '-L'; + break; + } + return defaultButtonFont; +}; +exports.getDefaultFont = getDefaultFont; diff --git a/lib/packages/core/src/cta/components/Button/index.js b/lib/packages/core/src/cta/components/Button/index.js new file mode 100644 index 000000000..02ccc0a1f --- /dev/null +++ b/lib/packages/core/src/cta/components/Button/index.js @@ -0,0 +1,23 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.Button = void 0; +const Button_1 = __importDefault(require("./Button")); +exports.Button = Button_1.default; +__exportStar(require("./types"), exports); diff --git a/lib/packages/core/src/cta/components/Button/stylesCreate.js b/lib/packages/core/src/cta/components/Button/stylesCreate.js new file mode 100644 index 000000000..c1555ebf7 --- /dev/null +++ b/lib/packages/core/src/cta/components/Button/stylesCreate.js @@ -0,0 +1,100 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const styles_1 = require("../../../styles"); +const px_1 = __importDefault(require("../../../styles/utils/px")); +const types_1 = require("./types"); +const getButtonHorizontalPadding = ({ theme, leftIcon, rightIcon, text, }) => { + if (!text) { + return theme.spaces.Space6; + } + if (leftIcon || rightIcon) { + return (0, px_1.default)(14); + } + return theme.spaces.Space12; +}; +const getButtonStyles = ({ theme, size, leftIcon, rightIcon, text, }) => { + switch (size) { + case types_1.IButtonSize.small: + return { + minHeight: theme.spaces.Space32, + paddingVertical: theme.spaces.Space6, + paddingHorizontal: getButtonHorizontalPadding({ + theme, + leftIcon, + rightIcon, + text, + }), + }; + case types_1.IButtonSize.large: + return { + minHeight: theme.spaces.Space48, + paddingVertical: theme.spaces.Space12, + paddingHorizontal: text ? (0, px_1.default)(26) : theme.spaces.Space12, + }; + case types_1.IButtonSize.fixed: + return { + alignSelf: 'stretch', + minHeight: theme.spaces.Space48, + }; + default: + return {}; + } +}; +const primaryStyle = ({ theme, size, leftIcon, rightIcon, text, }) => (0, styles_1.createStyles)(({ colors }) => ({ + container: { + flexDirection: 'row', + alignItems: 'center', + justifyContent: 'center', + backgroundColor: colors.CtaBtnPrimary, + borderRadius: theme.spaces.Space12, + ...getButtonStyles({ theme, size, leftIcon, rightIcon, text }), + }, + text: { + paddingHorizontal: size === types_1.IButtonSize.small ? theme.spaces.Space4 : theme.spaces.Space6, + }, + counter: { + marginLeft: theme.spaces.Space2, + }, +}))(theme); +const secondaryStyle = ({ theme, size, leftIcon, rightIcon, text, }) => { + const defaultStyles = primaryStyle({ theme, size, leftIcon, rightIcon, text }); + const { colors: { CtaBtnSecondary }, } = theme; + defaultStyles.container.backgroundColor = CtaBtnSecondary; + return defaultStyles; +}; +const tertiaryStyle = ({ theme, size, leftIcon, rightIcon, text, }) => { + const defaultStyles = primaryStyle({ theme, size, leftIcon, rightIcon, text }); + defaultStyles.container.backgroundColor = 'transparent'; + return defaultStyles; +}; +const disabledStyle = ({ theme, size, leftIcon, rightIcon, text, }) => { + const defaultStyles = primaryStyle({ theme, size, leftIcon, rightIcon, text }); + const { colors: { CtaBtnMuted }, } = theme; + defaultStyles.container.backgroundColor = CtaBtnMuted; + return defaultStyles; +}; +const destructiveStyle = ({ theme, size, leftIcon, rightIcon, text, }) => { + const defaultStyles = primaryStyle({ theme, size, leftIcon, rightIcon, text }); + const { colors: { CtaBtnDestructive }, } = theme; + defaultStyles.container.backgroundColor = CtaBtnDestructive; + return defaultStyles; +}; +const stylesCreate = (theme, type, size, leftIcon, rightIcon, text) => { + switch (type) { + case types_1.IButtonTypes.secondary: + return secondaryStyle({ theme, size, leftIcon, rightIcon, text }); + case types_1.IButtonTypes.tertiary: + return tertiaryStyle({ theme, size, leftIcon, rightIcon, text }); + case types_1.IButtonTypes.disabled: + return disabledStyle({ theme, size, leftIcon, rightIcon, text }); + case types_1.IButtonTypes.destructive: + return destructiveStyle({ theme, size, leftIcon, rightIcon, text }); + case types_1.IButtonTypes.primary: + default: + return primaryStyle({ theme, size, leftIcon, rightIcon, text }); + } +}; +exports.default = stylesCreate; diff --git a/lib/packages/core/src/cta/components/Button/types.js b/lib/packages/core/src/cta/components/Button/types.js new file mode 100644 index 000000000..25f93afc4 --- /dev/null +++ b/lib/packages/core/src/cta/components/Button/types.js @@ -0,0 +1,18 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.IButtonSize = exports.IButtonTypes = void 0; +var IButtonTypes; +(function (IButtonTypes) { + IButtonTypes["primary"] = "primary"; + IButtonTypes["secondary"] = "secondary"; + IButtonTypes["tertiary"] = "tertiary"; + IButtonTypes["disabled"] = "disabled"; + IButtonTypes["loading"] = "loading"; + IButtonTypes["destructive"] = "destructive"; +})(IButtonTypes || (exports.IButtonTypes = IButtonTypes = {})); +var IButtonSize; +(function (IButtonSize) { + IButtonSize["large"] = "large"; + IButtonSize["small"] = "small"; + IButtonSize["fixed"] = "fixed"; +})(IButtonSize || (exports.IButtonSize = IButtonSize = {})); diff --git a/lib/packages/core/src/cta/components/index.js b/lib/packages/core/src/cta/components/index.js new file mode 100644 index 000000000..eff3d7d0b --- /dev/null +++ b/lib/packages/core/src/cta/components/index.js @@ -0,0 +1,17 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./Button"), exports); diff --git a/lib/packages/core/src/cta/index.js b/lib/packages/core/src/cta/index.js new file mode 100644 index 000000000..bc7809177 --- /dev/null +++ b/lib/packages/core/src/cta/index.js @@ -0,0 +1,18 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./components"), exports); +__exportStar(require("./utils"), exports); diff --git a/lib/packages/core/src/cta/utils/getCounterType.js b/lib/packages/core/src/cta/utils/getCounterType.js new file mode 100644 index 000000000..a6c69f672 --- /dev/null +++ b/lib/packages/core/src/cta/utils/getCounterType.js @@ -0,0 +1,20 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const types_1 = require("../components/Button/types"); +const other_1 = require("../../other"); +const getCounterType = (type) => { + switch (type) { + case types_1.IButtonTypes.secondary: + return other_1.ICounterTypes.accentLight; + case types_1.IButtonTypes.tertiary: + return other_1.ICounterTypes.accent; + case types_1.IButtonTypes.disabled: + return other_1.ICounterTypes.mutedLight; + case types_1.IButtonTypes.destructive: + return other_1.ICounterTypes.attentionLight; + case types_1.IButtonTypes.primary: + default: + return other_1.ICounterTypes.accentLight; + } +}; +exports.default = getCounterType; diff --git a/lib/packages/core/src/cta/utils/index.js b/lib/packages/core/src/cta/utils/index.js new file mode 100644 index 000000000..b52d39e27 --- /dev/null +++ b/lib/packages/core/src/cta/utils/index.js @@ -0,0 +1,8 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.getCounterType = void 0; +const getCounterType_1 = __importDefault(require("./getCounterType")); +exports.getCounterType = getCounterType_1.default; diff --git a/lib/packages/core/src/index.js b/lib/packages/core/src/index.js new file mode 100644 index 000000000..5826c2a43 --- /dev/null +++ b/lib/packages/core/src/index.js @@ -0,0 +1,27 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./basic"), exports); +__exportStar(require("./controls"), exports); +__exportStar(require("./cta"), exports); +__exportStar(require("./inputs"), exports); +__exportStar(require("./navbars"), exports); +__exportStar(require("./other"), exports); +__exportStar(require("./popups"), exports); +__exportStar(require("./progress"), exports); +__exportStar(require("./styles"), exports); +__exportStar(require("./typography"), exports); +__exportStar(require("./chat"), exports); diff --git a/lib/packages/core/src/inputs/components/Base/InputSubtitle.js b/lib/packages/core/src/inputs/components/Base/InputSubtitle.js new file mode 100644 index 000000000..51856c4bd --- /dev/null +++ b/lib/packages/core/src/inputs/components/Base/InputSubtitle.js @@ -0,0 +1,23 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const types_1 = require("../types"); +const icons_1 = require("../../../styles/icons"); +const useTheme_1 = __importDefault(require("../../../styles/hooks/useTheme")); +const View_1 = __importDefault(require("../../../basic/components/View/View")); +const typography_1 = require("../../../typography"); +const InputSubtitle = (props) => { + const { type, subtitle, subtitleIcon, subtitleProps } = props; + const { colors, spaces } = (0, useTheme_1.default)(); + return ( + {subtitleIcon && ()} + + {subtitle} + + ); +}; +exports.default = InputSubtitle; diff --git a/lib/packages/core/src/inputs/components/Base/InputTitle.js b/lib/packages/core/src/inputs/components/Base/InputTitle.js new file mode 100644 index 000000000..3233a788c --- /dev/null +++ b/lib/packages/core/src/inputs/components/Base/InputTitle.js @@ -0,0 +1,22 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const View_1 = __importDefault(require("../../../basic/components/View/View")); +const typography_1 = require("../../../typography"); +const useTheme_1 = __importDefault(require("../../../styles/hooks/useTheme")); +const InputTitle = (props) => { + const { title, titleProps, titleFont, titleStyle, required } = props; + const { colors } = (0, useTheme_1.default)(); + const font = titleFont || titleProps?.font || 'Medium-Tertiary-XS'; + return ( + + {title} + + {required && ( + {'*'} + )} + ); +}; +exports.default = InputTitle; diff --git a/lib/packages/core/src/inputs/components/Base/index.js b/lib/packages/core/src/inputs/components/Base/index.js new file mode 100644 index 000000000..f53e159ec --- /dev/null +++ b/lib/packages/core/src/inputs/components/Base/index.js @@ -0,0 +1,10 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.InputSubtitle = exports.InputTitle = void 0; +const InputTitle_1 = __importDefault(require("./InputTitle")); +exports.InputTitle = InputTitle_1.default; +const InputSubtitle_1 = __importDefault(require("./InputSubtitle")); +exports.InputSubtitle = InputSubtitle_1.default; diff --git a/lib/packages/core/src/inputs/components/DropDown/DropDown.js b/lib/packages/core/src/inputs/components/DropDown/DropDown.js new file mode 100644 index 000000000..c1ac980e8 --- /dev/null +++ b/lib/packages/core/src/inputs/components/DropDown/DropDown.js @@ -0,0 +1,107 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const types_1 = require("../types"); +const Base_1 = require("../Base"); +const usePopups_1 = __importDefault(require("../../../popups/hooks/usePopups")); +const useStyles_1 = __importDefault(require("../../../styles/hooks/useStyles")); +const View_1 = __importDefault(require("../../../basic/components/View/View")); +const Typography_1 = require("../../../typography/components/Typography/Typography"); +const other_1 = require("../../../other"); +const basic_1 = require("../../../basic"); +const Selector_1 = __importDefault(require("./components/Selector")); +const DropDownIcon_1 = __importDefault(require("./components/DropDownIcon")); +const constants_1 = require("./constants"); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const ChipList_1 = __importDefault(require("./components/ChipList")); +const getSelectedItems_1 = __importDefault(require("./utils/getSelectedItems")); +function DropDown(props) { + const { title, titleStyle, titleFont, required, placeholder, list, selectedItem, onPress, rightIcon, navBarHeight = 50, isMultiselect, selectedItemColor, buttonStyle, flatListStyle, buttonTextStyle, buttonTextFont, flatListItemStyle, flatListTextStyle, flatListTextFont, flatListTextFontPressed, flatListTextStylePressed, buttonTextStyleChosen, buttonTextFontChosen, type = types_1.IInputsTypes.default, disabled, subtitle, subtitleIcon, subtitleProps, } = props; + const isSelected = (0, react_1.useMemo)(() => { + return isMultiselect ? !!selectedItem?.length : !!selectedItem; + }, [isMultiselect, selectedItem]); + const [isOpen, setOpen] = (0, react_1.useState)(false); + const popupContext = (0, usePopups_1.default)(); + const [styles] = (0, useStyles_1.default)(stylesCreate_1.default, disabled ? types_1.IInputsTypes.disabled : type, isOpen); + const dropDownRef = (0, react_1.useRef)(null); + const renderItemOnPress = (0, react_1.useCallback)((item) => { + if (isMultiselect) { + onPress((0, getSelectedItems_1.default)(selectedItem, item)); + } + else { + onPress(item.value); + } + setOpen(false); + popupContext.closePopup(constants_1.DROP_DOWN_POPUP_ID); + }, [onPress, popupContext, selectedItem, isMultiselect]); + const openPopup = (pageY, dropDownHeight) => { + popupContext.openPopup({ + id: constants_1.DROP_DOWN_POPUP_ID, + Content: propsFromPopup => ( { + setOpen(false); + propsFromPopup.onClose(); + }}/>), + }); + }; + const checkPosition = () => { + if (dropDownRef.current) { + dropDownRef.current.measure((_x, _y, _width, height, _pageX, pageY) => { + openPopup(pageY, height); + setOpen(true); + }); + } + }; + const getFont = () => { + if (isSelected) { + return buttonTextFontChosen || 'Regular-Primary-M'; + } + return buttonTextFont || 'Regular-Muted-M'; + }; + return ( + {title && ()} + + + {isMultiselect && selectedItem?.length ? () : ( + {list.find(item => item.value === selectedItem)?.label || + placeholder} + )} + + + {subtitle ? () : null} + + ); +} +exports.default = DropDown; diff --git a/lib/packages/core/src/inputs/components/DropDown/__tests__/DropDown.test.js b/lib/packages/core/src/inputs/components/DropDown/__tests__/DropDown.test.js new file mode 100644 index 000000000..7e7cc2758 --- /dev/null +++ b/lib/packages/core/src/inputs/components/DropDown/__tests__/DropDown.test.js @@ -0,0 +1,148 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const react_native_safe_area_context_1 = require("react-native-safe-area-context"); +const react_1 = __importDefault(require("react")); +const DropDown_1 = __importDefault(require("../DropDown")); +const types_1 = require("../../types"); +const PopupsProvider_1 = __importDefault(require("../../../../popups/context/PopupsProvider")); +const SimpleIcon_1 = __importDefault(require("../../../../styles/icons/font/SimpleIcon")); +const constants_1 = __importDefault(require("../../../../popups/components/PopupBase/constants")); +const other_1 = require("../../../../other"); +const basic_1 = require("../../../../basic"); +describe('@lad-tech/mobydick-core/DropDown', () => { + let viewRef; + beforeEach(() => { + viewRef = react_1.default.createRef(); + (0, react_native_1.render)(); + }); + afterEach(() => { + jest.resetAllMocks(); + }); + const list = [ + { label: 'Русский', value: 'Русский' }, + { label: 'English', value: 'English' }, + ]; + it('renders correctly 10 elements', () => { + const { toJSON } = (0, react_native_1.render)( + + }/> + + ); + expect(toJSON()).toMatchSnapshot(); + }); + it('selectItem', async () => { + const onPress = jest.fn(); + jest + .spyOn(viewRef.current, 'measure') + .mockImplementation((cb) => cb(0, 0, 1, 1, 287, 2410)); + const { getByLabelText } = (0, react_native_1.render)( + + }/> + + ); + const pressable = getByLabelText(other_1.LABELS.selector); + react_native_1.fireEvent.press(pressable); + const pressableSelect = getByLabelText(list[1].label); + react_native_1.fireEvent.press(pressableSelect); + expect(onPress).toHaveBeenCalledWith(list[1]?.value); + }); + it('selectItemClose', async () => { + const onPress = jest.fn(); + const useRefSpy = jest + .spyOn(viewRef.current, 'measure') + .mockImplementation((cb) => cb(0, 0, 1, 1, 287, 2410)); + const { getByLabelText, toJSON, getByTestId } = (0, react_native_1.render)( + + }/> + + ); + const pressable = getByLabelText(other_1.LABELS.selector); + react_native_1.fireEvent.press(pressable); + const pressableClose = getByTestId(constants_1.default.testID); + const copyTarget = 'copyTarget'; + react_native_1.fireEvent.press(pressableClose, { + target: copyTarget, + currentTarget: copyTarget, + }); + expect(toJSON()).toMatchSnapshot(); + expect(useRefSpy).toHaveBeenCalledTimes(1); + }); + it('renders correctly 10 elements type wrong', () => { + const { toJSON } = (0, react_native_1.render)( + + }/> + + ); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly 10 elements type valid', () => { + const { toJSON } = (0, react_native_1.render)( + + }/> + + ); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly 10 elements disabled', () => { + const { toJSON } = (0, react_native_1.render)( + + }/> + + ); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly without array', () => { + const { toJSON } = (0, react_native_1.render)( + + }/> + + ); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly without array with text and font', () => { + const { toJSON } = (0, react_native_1.render)( + + }/> + + ); + expect(toJSON()).toMatchSnapshot(); + }); + it('multiselect snapshot', async () => { + const { toJSON } = (0, react_native_1.render)( + + }/> + + ); + expect(toJSON()).toMatchSnapshot(); + }); + it('multiselect', async () => { + const onPress = jest.fn(); + jest + .spyOn(viewRef.current, 'measure') + .mockImplementation((cb) => cb(0, 0, 1, 1, 287, 2410)); + const { getByLabelText } = (0, react_native_1.render)( + + }/> + + ); + const pressable = getByLabelText(other_1.LABELS.selector); + react_native_1.fireEvent.press(pressable); + const pressableSelect = getByLabelText(list[1].label); + react_native_1.fireEvent.press(pressableSelect); + expect(onPress).toHaveBeenCalledWith([list[1]]); + }); +}); diff --git a/lib/packages/core/src/inputs/components/DropDown/components/Chip.js b/lib/packages/core/src/inputs/components/DropDown/components/Chip.js new file mode 100644 index 000000000..a730eb250 --- /dev/null +++ b/lib/packages/core/src/inputs/components/DropDown/components/Chip.js @@ -0,0 +1,44 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const useStyles_1 = __importDefault(require("../../../../styles/hooks/useStyles")); +const basic_1 = require("../../../../basic"); +const typography_1 = require("../../../../typography"); +const TouchableOpacity_1 = require("../../../../basic/components/TouchableOpacity"); +const SimpleIcon_1 = __importDefault(require("../../../../styles/icons/font/SimpleIcon")); +const createStyles_1 = __importDefault(require("../../../../styles/utils/createStyles")); +const Chip = ({ text, onPress, maxTextLength = DEFAULT_MAX_TEXT_LENGTH, }) => { + const [styles, theme] = (0, useStyles_1.default)(styleSource); + return ( + + {getText(text, maxTextLength)} + + + + + ); +}; +const DEFAULT_MAX_TEXT_LENGTH = 15; +const getText = (text, maxTextLength) => { + if (text.length <= maxTextLength) { + return text; + } + return `${text.slice(0, maxTextLength)}...`; +}; +const styleSource = (0, createStyles_1.default)(({ colors, spaces }) => ({ + container: { + flexDirection: 'row', + alignSelf: 'flex-start', + alignItems: 'center', + borderRadius: spaces.Space8, + padding: spaces.Space4, + paddingLeft: spaces.Space8, + backgroundColor: colors.BgAccentSoft, + }, + text: { + marginRight: spaces.Space4, + }, +})); +exports.default = Chip; diff --git a/lib/packages/core/src/inputs/components/DropDown/components/ChipList.js b/lib/packages/core/src/inputs/components/DropDown/components/ChipList.js new file mode 100644 index 000000000..33e1949a8 --- /dev/null +++ b/lib/packages/core/src/inputs/components/DropDown/components/ChipList.js @@ -0,0 +1,27 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const createStyles_1 = __importDefault(require("../../../../styles/utils/createStyles")); +const useStyles_1 = __importDefault(require("../../../../styles/hooks/useStyles")); +const basic_1 = require("../../../../basic"); +const Chip_1 = __importDefault(require("./Chip")); +function ChipList({ selectedItem, onChange, }) { + const [styles] = (0, useStyles_1.default)(styleSource); + const handleDelete = (item) => () => { + onChange?.(item); + }; + return ( + {selectedItem?.map(item => ())} + ); +} +const styleSource = (0, createStyles_1.default)(({ spaces }) => ({ + contentContainerStyle: { + gap: spaces.Space8, + flexDirection: 'row', + flexWrap: 'wrap', + flex: 1, + }, +})); +exports.default = ChipList; diff --git a/lib/packages/core/src/inputs/components/DropDown/components/DropDownIcon.js b/lib/packages/core/src/inputs/components/DropDown/components/DropDownIcon.js new file mode 100644 index 000000000..558c41648 --- /dev/null +++ b/lib/packages/core/src/inputs/components/DropDown/components/DropDownIcon.js @@ -0,0 +1,16 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const View_1 = __importDefault(require("../../../../basic/components/View/View")); +const SimpleIcon_1 = __importDefault(require("../../../../styles/icons/font/SimpleIcon")); +const useTheme_1 = __importDefault(require("../../../../styles/hooks/useTheme")); +const DropDownIcon = props => { + const { isOpen, rightIcon } = props; + const { colors } = (0, useTheme_1.default)(); + return rightIcon ? ( + {rightIcon} + ) : (); +}; +exports.default = DropDownIcon; diff --git a/lib/packages/core/src/inputs/components/DropDown/components/ListEmptySelector.js b/lib/packages/core/src/inputs/components/DropDown/components/ListEmptySelector.js new file mode 100644 index 000000000..e26bbdfbe --- /dev/null +++ b/lib/packages/core/src/inputs/components/DropDown/components/ListEmptySelector.js @@ -0,0 +1,13 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const Typography_1 = require("../../../../typography/components/Typography/Typography"); +const ListEmptySelector = ({ listEmptyText, listEmptyFont, }) => { + const font = listEmptyFont ? listEmptyFont : 'Regular-Muted-M'; + const emptyText = listEmptyText + ? listEmptyText + : 'Данные недоступны. Повторите попытку позже.'; + return ( + {emptyText} + ); +}; +exports.default = ListEmptySelector; diff --git a/lib/packages/core/src/inputs/components/DropDown/components/Selector.js b/lib/packages/core/src/inputs/components/DropDown/components/Selector.js new file mode 100644 index 000000000..b5d485069 --- /dev/null +++ b/lib/packages/core/src/inputs/components/DropDown/components/Selector.js @@ -0,0 +1,95 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_safe_area_context_1 = require("react-native-safe-area-context"); +const constants_1 = require("../constants"); +const getDropDownDimensions_1 = require("../utils/getDropDownDimensions"); +const TouchableHighlight_1 = __importDefault(require("../../../../basic/components/TouchableHighlight/TouchableHighlight")); +const Typography_1 = require("../../../../typography/components/Typography/Typography"); +const useStyles_1 = __importDefault(require("../../../../styles/hooks/useStyles")); +const PopupBase_1 = __importDefault(require("../../../../popups/components/PopupBase/PopupBase")); +const View_1 = __importDefault(require("../../../../basic/components/View/View")); +const FlatList_1 = __importDefault(require("../../../../basic/components/FlatList/FlatList")); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const ListEmptySelector_1 = __importDefault(require("./ListEmptySelector")); +const keyExtractor = (item, index) => index.toString() + item.toString(); +function renderItem(props) { + return ({ item }) => { + const { renderItemOnPress, styles, theme, selectedItemColor, selectedItem, flatListItemStyle, flatListTextStylePressed, flatListTextStyle, flatListTextFontPressed, flatListTextFont, } = props; + const isSelected = () => { + if (Array.isArray(selectedItem)) { + return selectedItem.length === 0 + ? false + : selectedItem.some(it => it.value === item.value); + } + return item.value === selectedItem; + }; + const getFont = () => { + if (isSelected()) { + return flatListTextFontPressed || 'Medium-Primary-M'; + } + return flatListTextFont || 'Regular-Secondary-M'; + }; + const backgroundColorItem = selectedItemColor + ? { backgroundColor: selectedItemColor } + : { backgroundColor: theme.colors.BgAccentSoft }; + return ( renderItemOnPress(item)} underlayColor={selectedItemColor ? selectedItemColor : theme.colors.BgAccentSoft}> + + {item.label} + + ); + }; +} +function Selector(props) { + const { list, pageY, navBarHeight = 50, renderItemOnPress, selectedItem, selectedItemColor, buttonStyle, flatListStyle, flatListTextFont, flatListItemStyle, flatListTextStyle, flatListTextStylePressed, flatListTextFontPressed, listEmptyText, listEmptyFont, dropDownHeight, } = props; + const [styles, theme] = (0, useStyles_1.default)(stylesCreate_1.default); + const { height } = (0, react_native_safe_area_context_1.useSafeAreaFrame)(); + const { aboveDropDownPos, underDropDownPos, isAboveDropDown } = (0, getDropDownDimensions_1.getDropDownDimensions)({ + pageY, + navBarHeight, + dropDownHeight, + dropDownBorderWidth: buttonStyle?.borderWidth || constants_1.BORDER_BUTTON_WIDTH, + listLength: list.length, + height, + }); + const styleWidth = flatListStyle?.width || buttonStyle?.width; + return ( + + }/> + + ); +} +exports.default = Selector; diff --git a/lib/packages/core/src/inputs/components/DropDown/components/__tests__/Chip.test.js b/lib/packages/core/src/inputs/components/DropDown/components/__tests__/Chip.test.js new file mode 100644 index 000000000..ac7cce88f --- /dev/null +++ b/lib/packages/core/src/inputs/components/DropDown/components/__tests__/Chip.test.js @@ -0,0 +1,20 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const Chip_1 = __importDefault(require("../Chip")); +describe('@lad-tech/mobydick-core/Chip', () => { + it('renders correctly and onPress fired', () => { + const mockedOnPress = jest.fn(); + const { toJSON, getByLabelText } = (0, react_native_1.render)(); + react_native_1.fireEvent.press(getByLabelText('JavaScript')); + expect(mockedOnPress).toHaveBeenCalled(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly with maxTextLength', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/inputs/components/DropDown/components/__tests__/ChipList.test.js b/lib/packages/core/src/inputs/components/DropDown/components/__tests__/ChipList.test.js new file mode 100644 index 000000000..f3a9e1275 --- /dev/null +++ b/lib/packages/core/src/inputs/components/DropDown/components/__tests__/ChipList.test.js @@ -0,0 +1,19 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const ChipList_1 = __importDefault(require("../ChipList")); +describe('@lad-tech/mobydick-core/ChipList', () => { + it('renders correctly and onChange fired', () => { + const mockedOnChange = jest.fn(); + const { toJSON, getByLabelText } = (0, react_native_1.render)(); + react_native_1.fireEvent.press(getByLabelText('Rust')); + expect(mockedOnChange).toHaveBeenCalledWith({ label: 'Rust', value: 2 }); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/inputs/components/DropDown/components/__tests__/DropDownIcon.test.js b/lib/packages/core/src/inputs/components/DropDown/components/__tests__/DropDownIcon.test.js new file mode 100644 index 000000000..111bec24e --- /dev/null +++ b/lib/packages/core/src/inputs/components/DropDown/components/__tests__/DropDownIcon.test.js @@ -0,0 +1,26 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const DropDownIcon_1 = __importDefault(require("../DropDownIcon")); +const SimpleIcon_1 = __importDefault(require("../../../../../styles/icons/font/SimpleIcon")); +describe('@lad-tech/mobydick-core/DropDownIcon', () => { + it('renders correctly standart open', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly standart close', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly custom open', () => { + const { toJSON } = (0, react_native_1.render)(}/>); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly custom close', () => { + const { toJSON } = (0, react_native_1.render)(}/>); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/inputs/components/DropDown/components/__tests__/ListEmptySelector.test.js b/lib/packages/core/src/inputs/components/DropDown/components/__tests__/ListEmptySelector.test.js new file mode 100644 index 000000000..bab2599c5 --- /dev/null +++ b/lib/packages/core/src/inputs/components/DropDown/components/__tests__/ListEmptySelector.test.js @@ -0,0 +1,17 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const ListEmptySelector_1 = __importDefault(require("../ListEmptySelector")); +describe('npm/mobydick-inputs/ListEmptySelector', () => { + it('renders correctly with text and font', async () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly without text and font', async () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/inputs/components/DropDown/components/__tests__/Selector.test.js b/lib/packages/core/src/inputs/components/DropDown/components/__tests__/Selector.test.js new file mode 100644 index 000000000..e151b4d4e --- /dev/null +++ b/lib/packages/core/src/inputs/components/DropDown/components/__tests__/Selector.test.js @@ -0,0 +1,120 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { + Object.defineProperty(o, "default", { enumerable: true, value: v }); +}) : function(o, v) { + o["default"] = v; +}); +var __importStar = (this && this.__importStar) || function (mod) { + if (mod && mod.__esModule) return mod; + var result = {}; + if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); + __setModuleDefault(result, mod); + return result; +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const react_native_safe_area_context_1 = require("react-native-safe-area-context"); +const Selector_1 = __importDefault(require("../Selector")); +const getDropDownDimensions = __importStar(require("../../utils/getDropDownDimensions")); +describe('@lad-tech/mobydick-core/Selector', () => { + const list = [{ label: 'list', value: 'list' }]; + const renderItemOnPress = jest.fn(); + const largeList = [ + { label: '1', value: '1' }, + { label: '1', value: '1' }, + { label: '1', value: '1' }, + { label: '1', value: '1' }, + { label: '1', value: '1' }, + { label: '1', value: '1' }, + { label: '1', value: '1' }, + ]; + const selectedItem = list[0]?.value; + it('renders correctly', async () => { + const inputList = [{ label: 'list', value: 'list' }]; + const { toJSON, findByLabelText } = (0, react_native_1.render)( + + ); + expect(toJSON()).toMatchSnapshot(); + const item = await findByLabelText(inputList[0].label); + react_native_1.fireEvent.press(item); + expect(renderItemOnPress).toHaveBeenCalledWith(inputList[0]); + }); + it('renders correctly with bottom padding largeList', async () => { + const { toJSON } = (0, react_native_1.render)( + + ); + expect(toJSON()).toMatchSnapshot(); + }); + it('render correct renderItem TouchableHighlight with custom style', () => { + const { toJSON } = (0, react_native_1.render)( + + ); + expect(toJSON()).toMatchSnapshot(); + }); + it('render correct renderItem Typography with custom style', () => { + const { toJSON } = (0, react_native_1.render)( + + ); + expect(toJSON()).toMatchSnapshot(); + }); + it('render correct renderItem Typography with custom font', () => { + const { toJSON } = (0, react_native_1.render)( + + ); + expect(toJSON()).toMatchSnapshot(); + }); + it('How props Selector affect getDropDownDimensions', () => { + const spy = jest.spyOn(getDropDownDimensions, 'getDropDownDimensions'); + (0, react_native_1.render)( + + ); + expect(spy).toHaveBeenLastCalledWith({ + dropDownBorderWidth: 1.5, + dropDownHeight: 72, + height: 640, + navBarHeight: 50, + pageY: 1, + listLength: 1, + }); + }); + it('Selector custom flatList styles', () => { + const { toJSON } = (0, react_native_1.render)( + + ); + expect(toJSON()).toMatchSnapshot(); + }); + it('Selector custom with array in selectedItem', () => { + const data = [ + { label: 'JavaScript', value: 1 }, + { label: 'Rust', value: 2 }, + ]; + const { toJSON } = (0, react_native_1.render)( + + ); + expect(toJSON()).toMatchSnapshot(); + }); + it('Selector custom with empty array in selectedItem', () => { + const data = [ + { label: 'JavaScript', value: 1 }, + { label: 'Rust', value: 2 }, + ]; + const { toJSON } = (0, react_native_1.render)( + + ); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/inputs/components/DropDown/components/stylesCreate.js b/lib/packages/core/src/inputs/components/DropDown/components/stylesCreate.js new file mode 100644 index 000000000..caf8388ae --- /dev/null +++ b/lib/packages/core/src/inputs/components/DropDown/components/stylesCreate.js @@ -0,0 +1,19 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const styles_1 = require("../../../../styles"); +const stylesCreate = (0, styles_1.createStyles)(({ spaces, colors }) => ({ + flatList: { + position: 'absolute', + backgroundColor: colors.BgSecondary, + borderRadius: spaces.Space12, + borderWidth: spaces.Space1, + borderColor: colors.BorderSoft, + paddingVertical: spaces.Space8, + }, + dropDownItem: { + justifyContent: 'center', + paddingHorizontal: spaces.Space12, + paddingVertical: spaces.Space8, + }, +})); +exports.default = stylesCreate; diff --git a/lib/packages/core/src/inputs/components/DropDown/constants/index.js b/lib/packages/core/src/inputs/components/DropDown/constants/index.js new file mode 100644 index 000000000..1a129956d --- /dev/null +++ b/lib/packages/core/src/inputs/components/DropDown/constants/index.js @@ -0,0 +1,14 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.EMPTY_LIST_HEIGHT = exports.LIST_MAX_HEIGHT = exports.DEFAULT_DROPDOWN_MARGIN_FROM_BUTTON = exports.DEFAULT_DROP_DOWN_WIDTH = exports.DEFAULT_DROP_DOWN_HEIGHT = exports.DROP_DOWN_POPUP_ID = exports.BORDER_BUTTON_WIDTH = void 0; +const px_1 = __importDefault(require("../../../../styles/utils/px")); +exports.BORDER_BUTTON_WIDTH = (0, px_1.default)(1); +exports.DROP_DOWN_POPUP_ID = 'DropDownPopup'; +exports.DEFAULT_DROP_DOWN_HEIGHT = (0, px_1.default)(48); +exports.DEFAULT_DROP_DOWN_WIDTH = (0, px_1.default)(200); +exports.DEFAULT_DROPDOWN_MARGIN_FROM_BUTTON = (0, px_1.default)(4); +exports.LIST_MAX_HEIGHT = (0, px_1.default)(244); +exports.EMPTY_LIST_HEIGHT = (0, px_1.default)(74); diff --git a/lib/packages/core/src/inputs/components/DropDown/index.js b/lib/packages/core/src/inputs/components/DropDown/index.js new file mode 100644 index 000000000..fb26521c0 --- /dev/null +++ b/lib/packages/core/src/inputs/components/DropDown/index.js @@ -0,0 +1,23 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.DropDown = void 0; +const DropDown_1 = __importDefault(require("./DropDown")); +exports.DropDown = DropDown_1.default; +__exportStar(require("./types"), exports); diff --git a/lib/packages/core/src/inputs/components/DropDown/stylesCreate.js b/lib/packages/core/src/inputs/components/DropDown/stylesCreate.js new file mode 100644 index 000000000..e73aa9477 --- /dev/null +++ b/lib/packages/core/src/inputs/components/DropDown/stylesCreate.js @@ -0,0 +1,55 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const types_1 = require("../types"); +const style_1 = require("../../style"); +const styles_1 = require("../../../styles"); +const px_1 = __importDefault(require("../../../styles/utils/px")); +const defaultStyle = (0, styles_1.createStyles)(({ spaces, colors }) => ({ + container: { + justifyContent: 'center', + }, + inputContainer: { + backgroundColor: colors.BgSecondary, + borderRadius: spaces.Space8, + paddingLeft: (0, px_1.default)(18), + paddingRight: spaces.Space12, + borderWidth: spaces.Space1, + borderColor: colors.BorderNormal, + flexDirection: 'row', + justifyContent: 'space-between', + alignItems: 'center', + marginBottom: spaces.Space8, + }, + pv8: { + paddingVertical: spaces.Space8, + }, + placeholder: { + flex: 1, + }, + title: { + paddingBottom: spaces.Space8, + }, + overlay: { + position: 'absolute', + width: '100%', + height: '100%', + backgroundColor: colors.TextSecondary, + }, +})); +const stylesCreate = (theme, type, isOpen) => { + switch (type) { + case types_1.IInputsTypes.valid: + return (0, style_1.validStyle)(theme, defaultStyle(theme), isOpen); + case types_1.IInputsTypes.wrong: + return (0, style_1.wrongStyle)(theme, defaultStyle(theme), isOpen); + case types_1.IInputsTypes.disabled: + return (0, style_1.disabledStyle)(theme, defaultStyle(theme), isOpen); + case types_1.IInputsTypes.default: + default: + return defaultStyle(theme); + } +}; +exports.default = stylesCreate; diff --git a/lib/packages/core/src/inputs/components/DropDown/types.js b/lib/packages/core/src/inputs/components/DropDown/types.js new file mode 100644 index 000000000..c8ad2e549 --- /dev/null +++ b/lib/packages/core/src/inputs/components/DropDown/types.js @@ -0,0 +1,2 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/lib/packages/core/src/inputs/components/DropDown/utils/__tests__/getDropDownDimensions.test.js b/lib/packages/core/src/inputs/components/DropDown/utils/__tests__/getDropDownDimensions.test.js new file mode 100644 index 000000000..e23d1b7ec --- /dev/null +++ b/lib/packages/core/src/inputs/components/DropDown/utils/__tests__/getDropDownDimensions.test.js @@ -0,0 +1,67 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("react-native"); +const getDropDownDimensions_1 = require("../getDropDownDimensions"); +const px_1 = __importDefault(require("../../../../../styles/utils/px")); +describe('@lad-tech/mobydick-core/DropDownFunctions', () => { + it('must return actual position list 8', () => { + expect((0, getDropDownDimensions_1.getDropDownDimensions)({ + pageY: 300, + dropDownHeight: 200, + navBarHeight: 50, + dropDownBorderWidth: 1, + listLength: 1, + height: 700, + })).toEqual({ + underDropDownPos: 506, + aboveDropDownPos: 700 - 300 + (0, px_1.default)(4), + isAboveDropDown: false, + }); + }); + it('must return actual position list 5', () => { + expect((0, getDropDownDimensions_1.getDropDownDimensions)({ + pageY: 128, + dropDownHeight: 40, + navBarHeight: 50, + dropDownBorderWidth: 1, + listLength: 1, + height: 700, + })).toEqual({ + underDropDownPos: 174, + aboveDropDownPos: 700 - 128 + (0, px_1.default)(4), + isAboveDropDown: false, + }); + }); + it('must return actual position list 5 Android', () => { + react_native_1.Platform.OS = 'android'; + expect((0, getDropDownDimensions_1.getDropDownDimensions)({ + pageY: 128, + dropDownHeight: 40, + navBarHeight: 50, + dropDownBorderWidth: 1, + listLength: 1, + height: 700, + })).toEqual({ + underDropDownPos: 174, + aboveDropDownPos: 700 - 128 + (0, px_1.default)(4), + isAboveDropDown: false, + }); + }); + it('must return actual position empty list', () => { + expect((0, getDropDownDimensions_1.getDropDownDimensions)({ + pageY: 128, + dropDownHeight: 40, + navBarHeight: 50, + dropDownBorderWidth: 1, + listLength: 0, + height: 700, + })).toEqual({ + underDropDownPos: 174, + aboveDropDownPos: 700 - 128 + (0, px_1.default)(4), + isAboveDropDown: false, + }); + }); +}); diff --git a/lib/packages/core/src/inputs/components/DropDown/utils/__tests__/getSelectedItems.test.js b/lib/packages/core/src/inputs/components/DropDown/utils/__tests__/getSelectedItems.test.js new file mode 100644 index 000000000..c2ddbab02 --- /dev/null +++ b/lib/packages/core/src/inputs/components/DropDown/utils/__tests__/getSelectedItems.test.js @@ -0,0 +1,34 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const getSelectedItems_1 = __importDefault(require("../getSelectedItems")); +describe('@lad-tech/mobydick-core/getSelectedItems', () => { + const inputElement = { value: 1, label: 'JavaScript' }; + it('selectedItem is undefined', () => { + expect((0, getSelectedItems_1.default)(undefined, inputElement)).toStrictEqual([ + inputElement, + ]); + }); + it('selectedItem is empty', () => { + expect((0, getSelectedItems_1.default)([], inputElement)).toStrictEqual([inputElement]); + }); + it('selectedItem is not contains inputElement', () => { + const selectedItem = [ + { value: 2, label: 'PHP' }, + { value: 3, label: 'Rust' }, + ]; + expect((0, getSelectedItems_1.default)(selectedItem, inputElement)).toStrictEqual([ + ...selectedItem, + inputElement, + ]); + }); + it('selectedItem already contains inputElement', () => { + const selectedItem = [ + { value: 2, label: 'PHP' }, + { value: 3, label: 'Rust' }, + ]; + expect((0, getSelectedItems_1.default)([...selectedItem, inputElement], inputElement)).toStrictEqual(selectedItem); + }); +}); diff --git a/lib/packages/core/src/inputs/components/DropDown/utils/getDropDownDimensions.js b/lib/packages/core/src/inputs/components/DropDown/utils/getDropDownDimensions.js new file mode 100644 index 000000000..bb6ae8946 --- /dev/null +++ b/lib/packages/core/src/inputs/components/DropDown/utils/getDropDownDimensions.js @@ -0,0 +1,18 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.getDropDownDimensions = void 0; +const constants_1 = require("../constants"); +const getDropDownDimensions = ({ pageY, navBarHeight, dropDownHeight, listLength, height, }) => { + const listHeight = listLength >= 6 ? constants_1.LIST_MAX_HEIGHT : (constants_1.LIST_MAX_HEIGHT / 6) * listLength; + const contentHeight = listLength ? listHeight : constants_1.EMPTY_LIST_HEIGHT; + const underDropDownPos = pageY + dropDownHeight + constants_1.DEFAULT_DROPDOWN_MARGIN_FROM_BUTTON; + const aboveDropDownPos = height - pageY + constants_1.DEFAULT_DROPDOWN_MARGIN_FROM_BUTTON; + const bottomScreenPos = dropDownHeight + contentHeight + pageY + navBarHeight; + const isAboveDropDown = bottomScreenPos > height; + return { + underDropDownPos: underDropDownPos, + aboveDropDownPos: aboveDropDownPos, + isAboveDropDown: isAboveDropDown, + }; +}; +exports.getDropDownDimensions = getDropDownDimensions; diff --git a/lib/packages/core/src/inputs/components/DropDown/utils/getSelectedItems.js b/lib/packages/core/src/inputs/components/DropDown/utils/getSelectedItems.js new file mode 100644 index 000000000..47e094161 --- /dev/null +++ b/lib/packages/core/src/inputs/components/DropDown/utils/getSelectedItems.js @@ -0,0 +1,13 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +function getSelectedItems(selectedItems, item) { + if (!selectedItems?.length) { + return [item]; + } + const itemAlreadyExist = selectedItems.some(({ value }) => value === item.value); + if (itemAlreadyExist) { + return selectedItems.filter(({ value }) => item.value !== value); + } + return [...selectedItems, item]; +} +exports.default = getSelectedItems; diff --git a/lib/packages/core/src/inputs/components/InputField/InputField.js b/lib/packages/core/src/inputs/components/InputField/InputField.js new file mode 100644 index 000000000..9a7da0ef2 --- /dev/null +++ b/lib/packages/core/src/inputs/components/InputField/InputField.js @@ -0,0 +1,74 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const react_native_1 = require("react-native"); +const types_1 = require("../types"); +const Base_1 = require("../Base"); +const View_1 = __importDefault(require("../../../basic/components/View/View")); +const TextInput_1 = __importDefault(require("../../../basic/components/TextInput/TextInput")); +const useStyles_1 = __importDefault(require("../../../styles/hooks/useStyles")); +const useFont_1 = require("../../../typography/hooks/useFont"); +const px_1 = __importDefault(require("../../../styles/utils/px")); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const constants_1 = __importDefault(require("./constants")); +/** + * Пример использования ref: + * ``` + * const biba = () => { + * const ref = useRef(null); + * const boba = () => { + * ref.current?.isFocused(); + * }; + * return ( + * /> + * ); + * }; + * ``` + */ +const InputField = (0, react_1.forwardRef)((props, ref) => { + const { style, title, subtitle, leftIcon, rightIcon, type = types_1.IInputsTypes.default, disabled = false, titleProps, subtitleIcon, subtitleProps, containerStyle, textInputContainerStyle, onFocus, onBlur, required, secureTextEntry, multiline = false, ...otherProps } = props; + const [focused, setFocused] = (0, react_1.useState)(false); + const [styles, theme] = (0, useStyles_1.default)(stylesCreate_1.default, disabled ? types_1.IInputsTypes.disabled : type, focused, multiline); + const { fontStyle } = (0, useFont_1.useFont)('Regular-Primary-M'); + const getStyle = (0, react_1.useMemo)(() => { + if (react_native_1.Platform.OS === 'android') { + return [styles.androidTextInput]; + } + else { + return fontStyle; + } + }, [fontStyle.color]); + const onFocusInput = (0, react_1.useCallback)((event) => { + setFocused(true); + onFocus?.(event); + }, [onFocus]); + const onBlurInput = (0, react_1.useCallback)((event) => { + setFocused(false); + onBlur?.(event); + }, [onBlur]); + const getHeight = () => { + return multiline ? { minHeight: (0, px_1.default)(80) } : { height: (0, px_1.default)(48) }; + }; + const getPadding = (0, react_1.useCallback)(() => { + return rightIcon ? { paddingRight: (0, px_1.default)(16) } : null; + }, [rightIcon]); + return ( + {title && ()} + + + {leftIcon} + + {rightIcon} + + {subtitle ? () : null} + ); +}); +exports.default = InputField; diff --git a/lib/packages/core/src/inputs/components/InputField/__tests__/InputField.test.js b/lib/packages/core/src/inputs/components/InputField/__tests__/InputField.test.js new file mode 100644 index 000000000..0af51782c --- /dev/null +++ b/lib/packages/core/src/inputs/components/InputField/__tests__/InputField.test.js @@ -0,0 +1,64 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const react_native_2 = require("react-native"); +const InputField_1 = __importDefault(require("../InputField")); +const constants_1 = __importDefault(require("../constants")); +const types_1 = require("../../types"); +describe('@lad-tech/mobydick-core/InputField', () => { + it('renders correctly', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly valid', () => { + const { toJSON, getByTestId } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + const TextInput = getByTestId(constants_1.default.testID); + (0, react_native_1.act)(() => TextInput.props.onFocus()); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly wrong', () => { + const { toJSON, getByTestId } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + const TextInput = getByTestId(constants_1.default.testID); + (0, react_native_1.act)(() => TextInput.props.onFocus()); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly disabled', () => { + const { toJSON, getByTestId } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + const TextInput = getByTestId(constants_1.default.testID); + (0, react_native_1.act)(() => TextInput.props.onFocus()); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly focused/blur', () => { + const { toJSON, getByTestId } = (0, react_native_1.render)(); + const TextInput = getByTestId(constants_1.default.testID); + (0, react_native_1.act)(() => TextInput.props.onFocus()); + expect(toJSON()).toMatchSnapshot(); + (0, react_native_1.act)(() => TextInput.props.onBlur()); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly secureTextEntry', () => { + react_native_2.Platform.OS = 'android'; + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly multiline = true', () => { + react_native_2.Platform.OS = 'android'; + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly multiline = false', () => { + react_native_2.Platform.OS = 'android'; + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders title titleProps', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/inputs/components/InputField/constants.js b/lib/packages/core/src/inputs/components/InputField/constants.js new file mode 100644 index 000000000..1021b4cc0 --- /dev/null +++ b/lib/packages/core/src/inputs/components/InputField/constants.js @@ -0,0 +1,7 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +var Constants; +(function (Constants) { + Constants["testID"] = "TextInput"; +})(Constants || (Constants = {})); +exports.default = Constants; diff --git a/lib/packages/core/src/inputs/components/InputField/index.js b/lib/packages/core/src/inputs/components/InputField/index.js new file mode 100644 index 000000000..be4796338 --- /dev/null +++ b/lib/packages/core/src/inputs/components/InputField/index.js @@ -0,0 +1,23 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.InputField = void 0; +const InputField_1 = __importDefault(require("./InputField")); +exports.InputField = InputField_1.default; +__exportStar(require("./types"), exports); diff --git a/lib/packages/core/src/inputs/components/InputField/stylesCreate.js b/lib/packages/core/src/inputs/components/InputField/stylesCreate.js new file mode 100644 index 000000000..abb8641ba --- /dev/null +++ b/lib/packages/core/src/inputs/components/InputField/stylesCreate.js @@ -0,0 +1,52 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const types_1 = require("../types"); +const style_1 = require("../../style"); +const styles_1 = require("../../../styles"); +const px_1 = __importDefault(require("../../../styles/utils/px")); +const defaultStyle = (0, styles_1.createStyles)(({ spaces, colors }, focused, multiline) => ({ + container: { + minWidth: (0, px_1.default)(130), + }, + inputContainer: { + backgroundColor: colors.BgSecondary, + borderRadius: spaces.Space8, + borderWidth: spaces.Space1, + borderColor: focused ? colors.BorderNormal : 'transparent', + marginVertical: spaces.Space8, + flexDirection: 'row', + justifyContent: 'space-between', + alignItems: multiline ? undefined : 'center', + }, + textInput: { + flex: 1, + paddingRight: spaces.Space16, + paddingLeft: (0, px_1.default)(18), + textAlignVertical: multiline ? 'top' : undefined, + padding: 0, // Android по дефолту ставит padding на input's + paddingVertical: spaces.Space12, + borderRadius: spaces.Space8, + }, + androidTextInput: { + fontSize: spaces.Space16, + color: colors.TextPrimary, + padding: 0, // Android по дефолту ставит padding на input's + }, +})); +const stylesCreate = (theme, type, focused, multiline) => { + switch (type) { + case types_1.IInputsTypes.valid: + return (0, style_1.validStyle)(theme, defaultStyle(theme, focused, multiline), focused); + case types_1.IInputsTypes.wrong: + return (0, style_1.wrongStyle)(theme, defaultStyle(theme, focused, multiline), focused); + case types_1.IInputsTypes.disabled: + return (0, style_1.disabledStyle)(theme, defaultStyle(theme, focused, multiline), focused); + case types_1.IInputsTypes.default: + default: + return defaultStyle(theme, focused, multiline); + } +}; +exports.default = stylesCreate; diff --git a/lib/packages/core/src/inputs/components/InputField/types.js b/lib/packages/core/src/inputs/components/InputField/types.js new file mode 100644 index 000000000..c8ad2e549 --- /dev/null +++ b/lib/packages/core/src/inputs/components/InputField/types.js @@ -0,0 +1,2 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/lib/packages/core/src/inputs/components/Search/Search.js b/lib/packages/core/src/inputs/components/Search/Search.js new file mode 100644 index 000000000..1b6f811ea --- /dev/null +++ b/lib/packages/core/src/inputs/components/Search/Search.js @@ -0,0 +1,32 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const useStyles_1 = __importDefault(require("../../../styles/hooks/useStyles")); +const View_1 = __importDefault(require("../../../basic/components/View/View")); +const SimpleIcon_1 = __importDefault(require("../../../styles/icons/font/SimpleIcon")); +const TextInput_1 = __importDefault(require("../../../basic/components/TextInput/TextInput")); +const Pressable_1 = __importDefault(require("../../../basic/components/Pressable/Pressable")); +const other_1 = require("../../../other"); +const px_1 = __importDefault(require("../../../styles/utils/px")); +const constants_1 = require("./constants"); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const Search = (0, react_1.forwardRef)((props, ref) => { + const { placeholder = constants_1.strings.search, value, onChangeText = text => { + console.log(`Search says: "Add onChangeText (╯°□°)╯︵ ┻━┻". Current value=${text}`); + }, containerStyle, leftIcon, textInputContainerStyle, ...otherProps } = props; + const [styles, theme] = (0, useStyles_1.default)(stylesCreate_1.default); + const onCancel = (0, react_1.useCallback)(() => { + onChangeText(''); + }, [onChangeText]); + return ( + {leftIcon ? leftIcon : } + + {value ? ( + + ) : null} + ); +}); +exports.default = Search; diff --git a/lib/packages/core/src/inputs/components/Search/__tests__/Search.test.js b/lib/packages/core/src/inputs/components/Search/__tests__/Search.test.js new file mode 100644 index 000000000..e081e5675 --- /dev/null +++ b/lib/packages/core/src/inputs/components/Search/__tests__/Search.test.js @@ -0,0 +1,27 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const Search_1 = __importDefault(require("../Search")); +const View_1 = __importDefault(require("../../../../basic/components/View/View")); +const other_1 = require("../../../../other"); +describe('Search', () => { + test('render correctly with value', () => { + const onChangeText = jest.fn(); + const { toJSON, getByLabelText } = (0, react_native_1.render)(}/>); + expect(toJSON()).toMatchSnapshot(); + const cancel = getByLabelText(other_1.LABELS.cancelSearch); + react_native_1.fireEvent.press(cancel); + expect(onChangeText).toHaveBeenCalledWith(''); + }); + test('render correctly without value', () => { + const { toJSON, getByLabelText } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + const log = jest.spyOn(console, 'log').mockImplementation(jest.fn); + const search = getByLabelText(other_1.LABELS.search); + react_native_1.fireEvent.changeText(search, 'search'); + expect(log).toHaveBeenCalledWith('Search says: "Add onChangeText (╯°□°)╯︵ ┻━┻". Current value=search'); + }); +}); diff --git a/lib/packages/core/src/inputs/components/Search/constants.js b/lib/packages/core/src/inputs/components/Search/constants.js new file mode 100644 index 000000000..089b5bd38 --- /dev/null +++ b/lib/packages/core/src/inputs/components/Search/constants.js @@ -0,0 +1,6 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.strings = void 0; +exports.strings = { + search: 'Поиск', +}; diff --git a/lib/packages/core/src/inputs/components/Search/index.js b/lib/packages/core/src/inputs/components/Search/index.js new file mode 100644 index 000000000..da8438176 --- /dev/null +++ b/lib/packages/core/src/inputs/components/Search/index.js @@ -0,0 +1,23 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.Search = void 0; +const Search_1 = __importDefault(require("./Search")); +exports.Search = Search_1.default; +__exportStar(require("./types"), exports); diff --git a/lib/packages/core/src/inputs/components/Search/stylesCreate.js b/lib/packages/core/src/inputs/components/Search/stylesCreate.js new file mode 100644 index 000000000..85e8d0a52 --- /dev/null +++ b/lib/packages/core/src/inputs/components/Search/stylesCreate.js @@ -0,0 +1,34 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const styles_1 = require("../../../styles"); +const px_1 = __importDefault(require("../../../styles/utils/px")); +const stylesCreate = (0, styles_1.createStyles)(({ spaces, colors }) => ({ + container: { + flexDirection: 'row', + alignItems: 'center', + justifyContent: 'center', + height: (0, px_1.default)(36), + backgroundColor: colors.BgSecondary, + borderRadius: spaces.Space8, + paddingLeft: spaces.Space12, + paddingRight: spaces.Space8, + }, + textInput: { + flex: 1, + padding: 0, // Android по дефолту ставит padding на input's + paddingHorizontal: spaces.Space8, + fontSize: spaces.Space16, + color: colors.TextPrimary, + }, + cancelIcon: { + alignItems: 'center', + justifyContent: 'center', + backgroundColor: colors.BgTertiary, + borderRadius: (0, px_1.default)(24), + padding: spaces.Space4, + }, +})); +exports.default = stylesCreate; diff --git a/lib/packages/core/src/inputs/components/Search/types.js b/lib/packages/core/src/inputs/components/Search/types.js new file mode 100644 index 000000000..c8ad2e549 --- /dev/null +++ b/lib/packages/core/src/inputs/components/Search/types.js @@ -0,0 +1,2 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/lib/packages/core/src/inputs/components/Verification/CodeField.js b/lib/packages/core/src/inputs/components/Verification/CodeField.js new file mode 100644 index 000000000..1a52ec517 --- /dev/null +++ b/lib/packages/core/src/inputs/components/Verification/CodeField.js @@ -0,0 +1,29 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const typography_1 = require("../../../typography"); +const useStyles_1 = __importDefault(require("../../../styles/hooks/useStyles")); +const View_1 = __importDefault(require("../../../basic/components/View/View")); +const TextInput_1 = __importDefault(require("../../../basic/components/TextInput/TextInput")); +const other_1 = require("../../../other"); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const CodeField = (0, react_1.forwardRef)((props, ref) => { + const { maxLength, textInputContainerStyle, style, onChangeText, editable, onBackKeyPress, secureTextEntry, fontStyleCodeField, ...otherProps } = props; + const [focused, setFocused] = (0, react_1.useState)(false); + const { fontStyle } = (0, typography_1.useFont)(fontStyleCodeField ? fontStyleCodeField : 'Regular-Primary-XL'); + const [styles, theme] = (0, useStyles_1.default)(stylesCreate_1.default, focused); + const onFocus = (0, react_1.useCallback)(() => setFocused(true), []); + const onBlur = (0, react_1.useCallback)(() => setFocused(false), []); + const onKeyPress = (0, react_1.useCallback)((e) => { + if (onBackKeyPress && e.nativeEvent.key === 'Backspace') { + onBackKeyPress(); + } + }, [onBackKeyPress]); + return ( + + ); +}); +exports.default = CodeField; diff --git a/lib/packages/core/src/inputs/components/Verification/__tests__/CodeField.test.js b/lib/packages/core/src/inputs/components/Verification/__tests__/CodeField.test.js new file mode 100644 index 000000000..56b5b2044 --- /dev/null +++ b/lib/packages/core/src/inputs/components/Verification/__tests__/CodeField.test.js @@ -0,0 +1,32 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const CodeField_1 = __importDefault(require("../CodeField")); +const other_1 = require("../../../../other"); +describe('@lad-tech/mobydick-core/CodeField', () => { + test('render correctly with value focus', () => { + const { toJSON, getByLabelText } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + const codeField = getByLabelText(other_1.LABELS.codeField); + (0, react_native_1.act)(() => codeField.props.onFocus()); + }); + test('render correctly with value blur', () => { + const onChangeText = jest.fn(); + const { toJSON, getByLabelText } = (0, react_native_1.render)( console.log('onBackKeyPress')} onChangeText={onChangeText} fontStyleCodeField={'Regular-Primary-XL'}/>); + const codeField = getByLabelText(other_1.LABELS.codeField); + (0, react_native_1.act)(() => codeField.props.onBlur()); + expect(toJSON()).toMatchSnapshot(); + (0, react_native_1.act)(() => codeField.props.onKeyPress({ nativeEvent: { key: 'cancel' } })); + }); + test('render correctly with value onKeyPress', () => { + const onChangeText = jest.fn(); + const onBackKeyPress = jest.fn(); + const { getByLabelText } = (0, react_native_1.render)(); + const codeField = getByLabelText(other_1.LABELS.codeField); + (0, react_native_1.act)(() => codeField.props.onKeyPress({ nativeEvent: { key: 'Backspace' } })); + expect(onBackKeyPress).toHaveBeenCalled(); + }); +}); diff --git a/lib/packages/core/src/inputs/components/Verification/index.js b/lib/packages/core/src/inputs/components/Verification/index.js new file mode 100644 index 000000000..33bcb52a6 --- /dev/null +++ b/lib/packages/core/src/inputs/components/Verification/index.js @@ -0,0 +1,23 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.CodeField = void 0; +const CodeField_1 = __importDefault(require("./CodeField")); +exports.CodeField = CodeField_1.default; +__exportStar(require("./types"), exports); diff --git a/lib/packages/core/src/inputs/components/Verification/stylesCreate.js b/lib/packages/core/src/inputs/components/Verification/stylesCreate.js new file mode 100644 index 000000000..b5cf3ec19 --- /dev/null +++ b/lib/packages/core/src/inputs/components/Verification/stylesCreate.js @@ -0,0 +1,24 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const styles_1 = require("../../../styles"); +const px_1 = __importDefault(require("../../../styles/utils/px")); +const stylesCreate = (0, styles_1.createStyles)(({ spaces, colors }, focused) => ({ + inputContainer: { + backgroundColor: focused ? colors.BgAccentSoft : colors.BgSecondary, + borderRadius: spaces.Space8, + minWidth: (0, px_1.default)(68), + minHeight: (0, px_1.default)(48), + flexDirection: 'row', + justifyContent: 'center', + alignItems: 'center', + }, + textInput: { + flex: 1, + padding: 0, // Android по дефолту ставит padding на input's + textAlign: 'center', + }, +})); +exports.default = stylesCreate; diff --git a/lib/packages/core/src/inputs/components/Verification/types.js b/lib/packages/core/src/inputs/components/Verification/types.js new file mode 100644 index 000000000..c8ad2e549 --- /dev/null +++ b/lib/packages/core/src/inputs/components/Verification/types.js @@ -0,0 +1,2 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/lib/packages/core/src/inputs/components/index.js b/lib/packages/core/src/inputs/components/index.js new file mode 100644 index 000000000..d245d8959 --- /dev/null +++ b/lib/packages/core/src/inputs/components/index.js @@ -0,0 +1,22 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./InputField"), exports); +__exportStar(require("./Search"), exports); +__exportStar(require("./DropDown"), exports); +__exportStar(require("./Verification"), exports); +__exportStar(require("./Base"), exports); +__exportStar(require("./types"), exports); diff --git a/lib/packages/core/src/inputs/components/types.js b/lib/packages/core/src/inputs/components/types.js new file mode 100644 index 000000000..e39dbf589 --- /dev/null +++ b/lib/packages/core/src/inputs/components/types.js @@ -0,0 +1,10 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.IInputsTypes = void 0; +var IInputsTypes; +(function (IInputsTypes) { + IInputsTypes["default"] = "default"; + IInputsTypes["valid"] = "valid"; + IInputsTypes["wrong"] = "wrong"; + IInputsTypes["disabled"] = "disabled"; +})(IInputsTypes || (exports.IInputsTypes = IInputsTypes = {})); diff --git a/lib/packages/core/src/inputs/index.js b/lib/packages/core/src/inputs/index.js new file mode 100644 index 000000000..287912585 --- /dev/null +++ b/lib/packages/core/src/inputs/index.js @@ -0,0 +1,18 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./components"), exports); +__exportStar(require("./style"), exports); diff --git a/lib/packages/core/src/inputs/style/disabledStyle.js b/lib/packages/core/src/inputs/style/disabledStyle.js new file mode 100644 index 000000000..95c4cdd3d --- /dev/null +++ b/lib/packages/core/src/inputs/style/disabledStyle.js @@ -0,0 +1,11 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.disabledStyle = void 0; +const disabledStyle = (theme, defaultStyles, active) => { + const { colors } = theme; + const { inputContainer } = defaultStyles; + inputContainer.borderColor = active ? colors.BgTertiary : 'transparent'; + inputContainer.backgroundColor = colors.BgTertiary; + return defaultStyles; +}; +exports.disabledStyle = disabledStyle; diff --git a/lib/packages/core/src/inputs/style/index.js b/lib/packages/core/src/inputs/style/index.js new file mode 100644 index 000000000..39acbb4e8 --- /dev/null +++ b/lib/packages/core/src/inputs/style/index.js @@ -0,0 +1,19 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./disabledStyle"), exports); +__exportStar(require("./validStyle"), exports); +__exportStar(require("./wrongStyle"), exports); diff --git a/lib/packages/core/src/inputs/style/validStyle.js b/lib/packages/core/src/inputs/style/validStyle.js new file mode 100644 index 000000000..cc7b928ad --- /dev/null +++ b/lib/packages/core/src/inputs/style/validStyle.js @@ -0,0 +1,11 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.validStyle = void 0; +const validStyle = (theme, defaultStyles, active) => { + const { colors } = theme; + const { inputContainer } = defaultStyles; + inputContainer.borderColor = active ? colors.BorderSuccess : 'transparent'; + inputContainer.backgroundColor = colors.BgAccentSoft; + return defaultStyles; +}; +exports.validStyle = validStyle; diff --git a/lib/packages/core/src/inputs/style/wrongStyle.js b/lib/packages/core/src/inputs/style/wrongStyle.js new file mode 100644 index 000000000..1a91daa84 --- /dev/null +++ b/lib/packages/core/src/inputs/style/wrongStyle.js @@ -0,0 +1,11 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.wrongStyle = void 0; +const wrongStyle = (theme, defaultStyles, active) => { + const { colors } = theme; + const { inputContainer } = defaultStyles; + inputContainer.borderColor = active ? colors.BorderError : 'transparent'; + inputContainer.backgroundColor = colors.BgError; + return defaultStyles; +}; +exports.wrongStyle = wrongStyle; diff --git a/lib/packages/core/src/navbars/components/PanelHeader/PanelHeader.js b/lib/packages/core/src/navbars/components/PanelHeader/PanelHeader.js new file mode 100644 index 000000000..5ab265965 --- /dev/null +++ b/lib/packages/core/src/navbars/components/PanelHeader/PanelHeader.js @@ -0,0 +1,24 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_safe_area_context_1 = require("react-native-safe-area-context"); +const View_1 = __importDefault(require("../../../basic/components/View/View")); +const styles_1 = require("../../../styles"); +const ContentHeader_1 = __importDefault(require("./components/ContentHeader")); +const PanelHeader = props => { + const { commonViewStyle, isSafeAreaView = true, edges = ['top'], ...otherProps } = props; + const [styles] = (0, styles_1.useStyles)(stylesCreate); + return ( + {isSafeAreaView ? ( + + ) : ()} + ); +}; +exports.default = PanelHeader; +const stylesCreate = (0, styles_1.createStyles)(_ => ({ + commonView: { + width: '100%', + }, +})); diff --git a/lib/packages/core/src/navbars/components/PanelHeader/__tests__/PanelHeader.test.js b/lib/packages/core/src/navbars/components/PanelHeader/__tests__/PanelHeader.test.js new file mode 100644 index 000000000..d1ce3282c --- /dev/null +++ b/lib/packages/core/src/navbars/components/PanelHeader/__tests__/PanelHeader.test.js @@ -0,0 +1,55 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const index_1 = require("../index"); +const SimpleIcon_1 = __importDefault(require("../../../../styles/icons/font/SimpleIcon")); +const other_1 = require("../../../../other"); +describe('Tab', () => { + test('render panelHeader', () => { + const { toJSON } = (0, react_native_1.render)(} rightView={} titleView={<>} titleFont={'SemiBold-Secondary-L'} subtitleFont={'SemiBold-Secondary-M'}/>); + expect(toJSON()).toMatchSnapshot(); + }); + test('render panelHeader without props', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render panelHeader with title', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render panelHeader with subtitle', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render panelHeader only leftView', () => { + const { toJSON, getByLabelText } = (0, react_native_1.render)(} titleView={<>} titleFont={'SemiBold-Secondary-L'} subtitleFont={'SemiBold-Secondary-M'}/>); + const layout = getByLabelText(other_1.LABELS.panelHeaderLeftView); + expect(toJSON()).toMatchSnapshot(); + (0, react_native_1.act)(() => { + (0, react_native_1.fireEvent)(layout, 'layout', { + nativeEvent: { layout: { width: 100 } }, + }); + }); + }); + test('render panelHeader only rightView', () => { + const { toJSON, getByLabelText } = (0, react_native_1.render)(} titleView={<>} titleFont={'SemiBold-Secondary-L'} subtitleFont={'SemiBold-Secondary-M'}/>); + const layout = getByLabelText(other_1.LABELS.panelHeaderRightView); + expect(toJSON()).toMatchSnapshot(); + (0, react_native_1.act)(() => { + (0, react_native_1.fireEvent)(layout, 'layout', { + nativeEvent: { layout: { width: 100 } }, + }); + }); + }); + test('render panelHeader isSafeAreaView', () => { + const { toJSON } = (0, react_native_1.render)(} rightView={} titleView={<>} titleFont={'SemiBold-Secondary-L'} subtitleFont={'SemiBold-Secondary-M'} isSafeAreaView={false}/>); + expect(toJSON()).toMatchSnapshot(); + }); + test('render panelHeader edges', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/navbars/components/PanelHeader/components/ContentHeader.js b/lib/packages/core/src/navbars/components/PanelHeader/components/ContentHeader.js new file mode 100644 index 000000000..04c08c645 --- /dev/null +++ b/lib/packages/core/src/navbars/components/PanelHeader/components/ContentHeader.js @@ -0,0 +1,73 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const View_1 = __importDefault(require("../../../../basic/components/View/View")); +const other_1 = require("../../../../other"); +const typography_1 = require("../../../../typography"); +const styles_1 = require("../../../../styles"); +const px_1 = __importDefault(require("../../../../styles/utils/px")); +const ContentHeader = props => { + const { title, titleFont = 'SemiBold-Secondary-M', titleStyle, titleViewStyle, titleView, rightView, leftView, subtitle, subtitleFont = 'Regular-Tertiary-XXS', subtitleStyle, containerStyle, rightViewStyle, leftViewStyle, } = props; + const [styles] = (0, styles_1.useStyles)(stylesCreate); + const [widthLeftView, setWidthLeftView] = (0, react_1.useState)((0, px_1.default)(24)); + const [widthRightView, setWidthRightView] = (0, react_1.useState)((0, px_1.default)(24)); + const onLayoutLeftView = (0, react_1.useCallback)((event) => { + setWidthLeftView(event.nativeEvent.layout.width); + }, []); + const onLayoutRightView = (0, react_1.useCallback)((event) => { + setWidthRightView(event.nativeEvent.layout.width); + }, []); + const widthSideView = widthLeftView > widthRightView ? widthLeftView : widthRightView; + return ( + {leftView ? ( + {leftView} + ) : ()} + + + {titleView || ( + {title && ( + {title} + )} + {subtitle && ( + {subtitle} + )} + )} + + + {rightView ? ( + {rightView} + ) : ()} + ); +}; +const stylesCreate = (0, styles_1.createStyles)(({ spaces }) => ({ + container: { + flexDirection: 'row', + justifyContent: 'space-between', + alignItems: 'center', + paddingHorizontal: spaces.Space20, + paddingVertical: spaces.Space10, + height: (0, px_1.default)(60), + }, + leftView: { + alignItems: 'flex-start', + maxWidth: (0, px_1.default)(96), + }, + titleView: { + flex: 2, + paddingHorizontal: spaces.Space8, + }, + rightView: { + alignItems: 'flex-end', + maxWidth: (0, px_1.default)(96), + }, + title: { + textAlign: 'center', + }, + defaultTitleView: { + alignItems: 'center', + }, +})); +exports.default = ContentHeader; diff --git a/lib/packages/core/src/navbars/components/PanelHeader/components/index.js b/lib/packages/core/src/navbars/components/PanelHeader/components/index.js new file mode 100644 index 000000000..9598e46eb --- /dev/null +++ b/lib/packages/core/src/navbars/components/PanelHeader/components/index.js @@ -0,0 +1,8 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.ContentHeader = void 0; +const ContentHeader_1 = __importDefault(require("./ContentHeader")); +exports.ContentHeader = ContentHeader_1.default; diff --git a/lib/packages/core/src/navbars/components/PanelHeader/index.js b/lib/packages/core/src/navbars/components/PanelHeader/index.js new file mode 100644 index 000000000..7b04ed240 --- /dev/null +++ b/lib/packages/core/src/navbars/components/PanelHeader/index.js @@ -0,0 +1,8 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.PanelHeader = void 0; +const PanelHeader_1 = __importDefault(require("./PanelHeader")); +exports.PanelHeader = PanelHeader_1.default; diff --git a/lib/packages/core/src/navbars/components/Tabs/Tab.js b/lib/packages/core/src/navbars/components/Tabs/Tab.js new file mode 100644 index 000000000..b67cf6b6e --- /dev/null +++ b/lib/packages/core/src/navbars/components/Tabs/Tab.js @@ -0,0 +1,39 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const useStyles_1 = __importDefault(require("../../../styles/hooks/useStyles")); +const TouchableOpacity_1 = __importDefault(require("../../../basic/components/TouchableOpacity/TouchableOpacity")); +const Typography_1 = require("../../../typography/components/Typography/Typography"); +const other_1 = require("../../../other"); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const Tab = (props) => { + const [styles, theme] = (0, useStyles_1.default)(stylesCreate_1.default); + const { active, item, fontTab, fontActiveTab, backgroundColorTab, backgroundColorActiveTab, styleTab, styleActiveTab, onPressCommon, } = props; + const backgroundColorActive = backgroundColorActiveTab || theme.colors.ElementBase; + const backgroundColor = backgroundColorTab || theme.colors.BgTertiary; + const font = fontTab || 'Regular-Tertiary-XS'; + const fontActive = fontActiveTab || 'Regular-White-XS'; + const selectPressable = (0, react_1.useCallback)(() => { + if (item.onPress) { + item.onPress(); + } + else if (onPressCommon) { + onPressCommon(item); + } + }, [item.onPress, onPressCommon]); + return ( + {item.leftIcon ? item.leftIcon : null} + {item.label} + {item.rightIcon ? item.rightIcon : null} + ); +}; +exports.default = Tab; diff --git a/lib/packages/core/src/navbars/components/Tabs/Tabs.js b/lib/packages/core/src/navbars/components/Tabs/Tabs.js new file mode 100644 index 000000000..f4a7dbf07 --- /dev/null +++ b/lib/packages/core/src/navbars/components/Tabs/Tabs.js @@ -0,0 +1,25 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const useStyles_1 = __importDefault(require("../../../styles/hooks/useStyles")); +const View_1 = __importDefault(require("../../../basic/components/View/View")); +const FlatList_1 = __importDefault(require("../../../basic/components/FlatList/FlatList")); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const Tab_1 = __importDefault(require("./Tab")); +const Tabs = (props) => { + const [styles] = (0, useStyles_1.default)(stylesCreate_1.default); + const { list, activeValue, containerStyle, contentContainerStyle, ...otherProps } = props; + const renderItem = (0, react_1.useCallback)(({ item }) => { + return (); + }, [activeValue, otherProps]); + return ( + + ); +}; +exports.default = Tabs; diff --git a/lib/packages/core/src/navbars/components/Tabs/__tests__/Tab.test.js b/lib/packages/core/src/navbars/components/Tabs/__tests__/Tab.test.js new file mode 100644 index 000000000..f7cd579f1 --- /dev/null +++ b/lib/packages/core/src/navbars/components/Tabs/__tests__/Tab.test.js @@ -0,0 +1,44 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const Tab_1 = __importDefault(require("../Tab")); +const View_1 = __importDefault(require("../../../../basic/components/View/View")); +const other_1 = require("../../../../other"); +describe('Tab', () => { + const value = 1; + const label = '1'; + test('render correctly with props', () => { + const { toJSON, getByLabelText } = (0, react_native_1.render)( null, + leftIcon: , + rightIcon: , + }} active={true} backgroundColorTab={'#fff000'} fontTab={'Medium-Accent-H1'}/>); + const tab = getByLabelText(other_1.LABELS.tab); + react_native_1.fireEvent.press(tab); + expect(toJSON()).toMatchSnapshot(); + }); + test('render correctly active false', () => { + const { toJSON, getByLabelText } = (0, react_native_1.render)(); + const tab = getByLabelText(other_1.LABELS.tab); + react_native_1.fireEvent.press(tab); + expect(toJSON()).toMatchSnapshot(); + }); + test('render correctly active true', () => { + const onPressCommon = jest.fn(); + const { getByLabelText } = (0, react_native_1.render)(); + const tab = getByLabelText(other_1.LABELS.tab); + react_native_1.fireEvent.press(tab); + expect(onPressCommon).toHaveBeenCalledWith({ label, value }); + }); +}); diff --git a/lib/packages/core/src/navbars/components/Tabs/__tests__/Tabs.test.js b/lib/packages/core/src/navbars/components/Tabs/__tests__/Tabs.test.js new file mode 100644 index 000000000..b560c25cf --- /dev/null +++ b/lib/packages/core/src/navbars/components/Tabs/__tests__/Tabs.test.js @@ -0,0 +1,19 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const Tabs_1 = __importDefault(require("../Tabs")); +describe('Tabs', () => { + const list = [{ label: '1', value: 1 }]; + const onPress = () => null; + test('render correctly', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render correctly with props', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/navbars/components/Tabs/index.js b/lib/packages/core/src/navbars/components/Tabs/index.js new file mode 100644 index 000000000..2c039ba1f --- /dev/null +++ b/lib/packages/core/src/navbars/components/Tabs/index.js @@ -0,0 +1,10 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.Tab = exports.Tabs = void 0; +const Tabs_1 = __importDefault(require("./Tabs")); +exports.Tabs = Tabs_1.default; +const Tab_1 = __importDefault(require("./Tab")); +exports.Tab = Tab_1.default; diff --git a/lib/packages/core/src/navbars/components/Tabs/stylesCreate.js b/lib/packages/core/src/navbars/components/Tabs/stylesCreate.js new file mode 100644 index 000000000..97907aff0 --- /dev/null +++ b/lib/packages/core/src/navbars/components/Tabs/stylesCreate.js @@ -0,0 +1,20 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const styles_1 = require("../../../styles"); +const stylesCreate = (0, styles_1.createStyles)(({ spaces }) => ({ + containerStyle: { + maxWidth: '100%', + }, + contentContainerStyle: { + alignItems: 'center', + paddingHorizontal: spaces.Space20, + paddingVertical: spaces.Space8, + }, + tab: { + paddingHorizontal: spaces.Space12, + paddingVertical: spaces.Space6, + marginRight: spaces.Space8, + borderRadius: spaces.Space8, + }, +})); +exports.default = stylesCreate; diff --git a/lib/packages/core/src/navbars/components/index.js b/lib/packages/core/src/navbars/components/index.js new file mode 100644 index 000000000..df4f69899 --- /dev/null +++ b/lib/packages/core/src/navbars/components/index.js @@ -0,0 +1,18 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./Tabs"), exports); +__exportStar(require("./PanelHeader"), exports); diff --git a/lib/packages/core/src/navbars/index.js b/lib/packages/core/src/navbars/index.js new file mode 100644 index 000000000..775487958 --- /dev/null +++ b/lib/packages/core/src/navbars/index.js @@ -0,0 +1,18 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./components"), exports); +__exportStar(require("./types"), exports); diff --git a/lib/packages/core/src/navbars/types.js b/lib/packages/core/src/navbars/types.js new file mode 100644 index 000000000..c8ad2e549 --- /dev/null +++ b/lib/packages/core/src/navbars/types.js @@ -0,0 +1,2 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/lib/packages/core/src/other/components/Avatar/Avatar.js b/lib/packages/core/src/other/components/Avatar/Avatar.js new file mode 100644 index 000000000..fc16a72c4 --- /dev/null +++ b/lib/packages/core/src/other/components/Avatar/Avatar.js @@ -0,0 +1,62 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const react_native_1 = require("react-native"); +const View_1 = __importDefault(require("../../../basic/components/View/View")); +const useStyles_1 = __importDefault(require("../../../styles/hooks/useStyles")); +const constants_1 = require("../../constants"); +const useTheme_1 = __importDefault(require("../../../styles/hooks/useTheme")); +const isNumber_1 = require("../../functions/isNumber"); +const types_1 = require("./types"); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const AvatarWithoutImage_1 = __importDefault(require("./components/AvatarWithoutImage")); +const AvatarBadge_1 = __importDefault(require("./components/AvatarBadge")); +const Avatar = props => { + const { user, backgroundColor, size = types_1.IAvatarSize.M, type = types_1.IAvatarTypes.text, style, badge, disabled = false, border = false, headers, } = props; + const { colors } = (0, useTheme_1.default)(); + const userColor = (0, react_1.useMemo)(() => { + const nameLength = `${user?.firstName}${user?.middleName}${user?.lastName}` + .length; + const avatarColors = [ + colors.BannerFirst, + colors.BannerSecond, + colors.BannerThird, + colors.BannerFourth, + colors.BannerFifth, + colors.BannerSixth, + colors.BannerSeventh, + ]; + return avatarColors[nameLength % avatarColors.length]; + }, [ + user, + colors.BannerFirst, + colors.BannerSecond, + colors.BannerThird, + colors.BannerFourth, + colors.BannerFifth, + colors.BannerSixth, + colors.BannerSeventh, + ]); + const [styles] = (0, useStyles_1.default)(stylesCreate_1.default, size, border); + const [error, setError] = (0, react_1.useState)(); + const onError = (0, react_1.useCallback)((e) => { + setError(e.nativeEvent); + }, []); + if (!user) { + return null; + } + const isAvatarBadge = !!badge && !disabled && size === types_1.IAvatarSize.M; + return ( + {isAvatarBadge && } + {error || !user.logo ? () : ()} + ); +}; +exports.default = Avatar; diff --git a/lib/packages/core/src/other/components/Avatar/AvatarGroup.js b/lib/packages/core/src/other/components/Avatar/AvatarGroup.js new file mode 100644 index 000000000..b51aabb17 --- /dev/null +++ b/lib/packages/core/src/other/components/Avatar/AvatarGroup.js @@ -0,0 +1,68 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const View_1 = __importDefault(require("../../../basic/components/View/View")); +const typography_1 = require("../../../typography"); +const useStyles_1 = __importDefault(require("../../../styles/hooks/useStyles")); +const styles_1 = require("../../../styles"); +const px_1 = __importDefault(require("../../../styles/utils/px")); +const Avatar_1 = __importDefault(require("./Avatar")); +const AvatarGroup = props => { + const { groups, groupCount = groups.length, ...otherProps } = props; + const count = groupCount - 3; + const [styles] = (0, useStyles_1.default)(stylesCreate, groupCount); + const maxCount = 99; + const text = count > maxCount ? maxCount : count; + return ( + {groups[0] && ()} + {groups[1] && ()} + {groups[2] && ()} + + {groupCount < 5 ? (groups[3] && ()) : ( + + {'+' + text.toString()} + + )} + ); +}; +exports.default = AvatarGroup; +const stylesCreate = (0, styles_1.createStyles)(({ spaces, colors }, length) => ({ + container: { + flexDirection: 'row', + maxWidth: length > 3 + ? spaces.Space40 * 4 - (0, px_1.default)(36) + : spaces.Space40 * length - spaces.Space12 * (length - 1), + }, + countView: { + width: spaces.Space40, + height: spaces.Space40, + borderRadius: spaces.Space20, + backgroundColor: colors.BgSecondary, + justifyContent: 'center', + zIndex: 4, + right: (0, px_1.default)(36), + borderWidth: spaces.Space2, + borderColor: colors.BgPrimary, + }, + countText: { + alignSelf: 'center', + textAlign: 'center', + }, + avatarOne: { + zIndex: 1, + }, + avatarTwo: { + right: spaces.Space12, + zIndex: 2, + }, + avatarThree: { + right: spaces.Space24, + zIndex: 3, + }, + avatarFour: { + right: (0, px_1.default)(36), + zIndex: 4, + }, +})); diff --git a/lib/packages/core/src/other/components/Avatar/__tests__/Avatar.test.js b/lib/packages/core/src/other/components/Avatar/__tests__/Avatar.test.js new file mode 100644 index 000000000..e07fac17b --- /dev/null +++ b/lib/packages/core/src/other/components/Avatar/__tests__/Avatar.test.js @@ -0,0 +1,101 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const Avatar_1 = __importDefault(require("../Avatar")); +const types_1 = require("../types"); +const Badge_1 = require("../../Badge"); +const constants_1 = require("../../../constants"); +const userWithPhoto = { + logo: 'https://vraki.net/sites/default/files/inline/images/30_55.jpg', + firstName: 'Иван', + lastName: 'Пушкин', +}; +const userWithPhotoError = { + logo: 'https://vraki.net/', + firstName: 'Иван', + lastName: 'Пушкин', +}; +const userWithoutPhoto = { + firstName: 'Иван', + lastName: 'Пушкин', +}; +describe('Avatar', () => { + test('render avatar with photo without size', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render avatar with photo S', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render avatar with photo L', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render avatar with photo XL', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render avatar not photo', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render avatar ITypeAvatar.icon', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render avatar ITypeAvatar.text', () => { + const { toJSON, getByLabelText } = (0, react_native_1.render)(); + (0, react_native_1.fireEvent)(getByLabelText(constants_1.LABELS.imageAvatar), 'onError', { nativeEvent: {} }); + expect(toJSON()).toMatchSnapshot(); + }); + test('render without avatar border', () => { + const userEmpty = null; + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render avatar badge indicator', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render avatar badge counter', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render avatar badge status', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render avatar badge null', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render avatar disabled', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render avatar without firstName', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render avatar without firstName and lastName', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/other/components/Avatar/__tests__/AvatarGroup.test.js b/lib/packages/core/src/other/components/Avatar/__tests__/AvatarGroup.test.js new file mode 100644 index 000000000..248ff49f6 --- /dev/null +++ b/lib/packages/core/src/other/components/Avatar/__tests__/AvatarGroup.test.js @@ -0,0 +1,54 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const AvatarGroup_1 = __importDefault(require("../AvatarGroup")); +const types_1 = require("../types"); +const defaultGroupDate = [ + { + firstName: 'Иван', + lastName: 'Пушкин', + }, + { + firstName: 'Иван', + lastName: 'Пушкин', + }, +]; +const smallGroupDate = [ + { + logo: 'https://vraki.net/sites/default/files/inline/images/30_55.jpg', + firstName: 'Иван', + lastName: 'Пушкин', + }, + ...defaultGroupDate, +]; +const defaultUser = [ + { + firstName: 'Иван', + lastName: 'Пушкин', + }, +]; +describe('AvatarGroup', () => { + test('render AvatarGroup < 3', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render AvatarGroup', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render AvatarGroup = 4', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render AvatarGroup with props', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render AvatarGroup groupCount', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/other/components/Avatar/components/AvatarBadge.js b/lib/packages/core/src/other/components/Avatar/components/AvatarBadge.js new file mode 100644 index 000000000..c908d78f2 --- /dev/null +++ b/lib/packages/core/src/other/components/Avatar/components/AvatarBadge.js @@ -0,0 +1,46 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const types_1 = require("../types"); +const Badge_1 = require("../../Badge"); +const Counter_1 = __importDefault(require("../../Badge/Counter/Counter")); +const SimpleIcon_1 = __importDefault(require("../../../../styles/icons/font/SimpleIcon")); +const useStyles_1 = __importDefault(require("../../../../styles/hooks/useStyles")); +const useTheme_1 = __importDefault(require("../../../../styles/hooks/useTheme")); +const styles_1 = require("../../../../styles"); +const px_1 = __importDefault(require("../../../../styles/utils/px")); +const AvatarBadge = (props) => { + const { badge } = props; + const [styles] = (0, useStyles_1.default)(stylesCreate); + const { colors } = (0, useTheme_1.default)(); + if (badge?.type === types_1.IBadgeTypes.indicator) { + return ; + } + if (badge?.type === types_1.IBadgeTypes.counter) { + return (); + } + if (badge?.type === types_1.IBadgeTypes.status) { + return (); + } + return null; +}; +const stylesCreate = (0, styles_1.createStyles)(_ => ({ + indicator: { + bottom: 2, + right: 2, + }, + counter: { + position: 'absolute', + bottom: -3, + right: -3, + }, + status: { + position: 'absolute', + zIndex: 1, + bottom: 0, + right: 0, + }, +})); +exports.default = AvatarBadge; diff --git a/lib/packages/core/src/other/components/Avatar/components/AvatarWithoutImage.js b/lib/packages/core/src/other/components/Avatar/components/AvatarWithoutImage.js new file mode 100644 index 000000000..9602c2084 --- /dev/null +++ b/lib/packages/core/src/other/components/Avatar/components/AvatarWithoutImage.js @@ -0,0 +1,22 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const types_1 = require("../types"); +const TextAvatar_1 = __importDefault(require("./TextAvatar")); +const IconAvatar_1 = __importDefault(require("./IconAvatar")); +const AvatarWithoutImage = props => { + const { size, firstName, lastName, type } = props; + const currType = type === types_1.IAvatarTypes.icon || (!firstName && !lastName) + ? types_1.IAvatarTypes.icon + : types_1.IAvatarTypes.text; + switch (currType) { + case types_1.IAvatarTypes.text: + return (); + case types_1.IAvatarTypes.icon: + default: + return ; + } +}; +exports.default = AvatarWithoutImage; diff --git a/lib/packages/core/src/other/components/Avatar/components/IconAvatar.js b/lib/packages/core/src/other/components/Avatar/components/IconAvatar.js new file mode 100644 index 000000000..64f33daa6 --- /dev/null +++ b/lib/packages/core/src/other/components/Avatar/components/IconAvatar.js @@ -0,0 +1,27 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const types_1 = require("../types"); +const SimpleIcon_1 = __importDefault(require("../../../../styles/icons/font/SimpleIcon")); +const useTheme_1 = __importDefault(require("../../../../styles/hooks/useTheme")); +const px_1 = __importDefault(require("../../../../styles/utils/px")); +const getSizeIcon = (size) => { + switch (size) { + case types_1.IAvatarSize.S: + return (0, px_1.default)(12); + case types_1.IAvatarSize.L: + return (0, px_1.default)(30); + case types_1.IAvatarSize.XL: + return (0, px_1.default)(40); + case types_1.IAvatarSize.M: + default: + return (0, px_1.default)(20); + } +}; +const IconAvatar = ({ size }) => { + const { colors } = (0, useTheme_1.default)(); + return (); +}; +exports.default = IconAvatar; diff --git a/lib/packages/core/src/other/components/Avatar/components/TextAvatar.js b/lib/packages/core/src/other/components/Avatar/components/TextAvatar.js new file mode 100644 index 000000000..177a12649 --- /dev/null +++ b/lib/packages/core/src/other/components/Avatar/components/TextAvatar.js @@ -0,0 +1,24 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const typography_1 = require("../../../../typography"); +const types_1 = require("../types"); +const getFont = (size) => { + switch (size) { + case types_1.IAvatarSize.S: + return 'Regular-White-XXXS'; + case types_1.IAvatarSize.L: + return 'Regular-White-L'; + case types_1.IAvatarSize.XL: + return 'Regular-White-H5'; + case types_1.IAvatarSize.M: + default: + return 'Regular-White-XS'; + } +}; +const TextAvatar = ({ firstName, lastName, size }) => { + const firstLetter = firstName.slice(0, 1); + const secondLetter = lastName?.slice(0, 1); + const initials = secondLetter ? firstLetter + secondLetter : firstLetter; + return {initials}; +}; +exports.default = TextAvatar; diff --git a/lib/packages/core/src/other/components/Avatar/components/__tests__/IconAvatar.test.js b/lib/packages/core/src/other/components/Avatar/components/__tests__/IconAvatar.test.js new file mode 100644 index 000000000..9d7dc81b7 --- /dev/null +++ b/lib/packages/core/src/other/components/Avatar/components/__tests__/IconAvatar.test.js @@ -0,0 +1,30 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const IconAvatar_1 = __importDefault(require("../IconAvatar")); +const types_1 = require("../../types"); +describe('IconAvatar', () => { + test('render IconAvatar', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render IconAvatar size S', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render IconAvatar size M background', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render IconAvatar size L background', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render IconAvatar size XL background', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/other/components/Avatar/components/__tests__/TextAvatar.test.js b/lib/packages/core/src/other/components/Avatar/components/__tests__/TextAvatar.test.js new file mode 100644 index 000000000..251f65e8a --- /dev/null +++ b/lib/packages/core/src/other/components/Avatar/components/__tests__/TextAvatar.test.js @@ -0,0 +1,35 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const types_1 = require("../../types"); +const TextAvatar_1 = __importDefault(require("../TextAvatar")); +const userWithPhoto = { + logo: 'https://vraki.net/sites/default/files/inline/images/30_55.jpg', + firstName: 'Иван', + lastName: 'Пушкин', +}; +describe('TextAvatar', () => { + test('render TextAvatar', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render TextAvatar size S', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render TextAvatar size M', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render TextAvatar size L', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render TextAvatar size XL', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/other/components/Avatar/index.js b/lib/packages/core/src/other/components/Avatar/index.js new file mode 100644 index 000000000..58017fbe9 --- /dev/null +++ b/lib/packages/core/src/other/components/Avatar/index.js @@ -0,0 +1,25 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.AvatarGroup = exports.Avatar = void 0; +const Avatar_1 = __importDefault(require("./Avatar")); +exports.Avatar = Avatar_1.default; +const AvatarGroup_1 = __importDefault(require("./AvatarGroup")); +exports.AvatarGroup = AvatarGroup_1.default; +__exportStar(require("./types"), exports); diff --git a/lib/packages/core/src/other/components/Avatar/stylesCreate.js b/lib/packages/core/src/other/components/Avatar/stylesCreate.js new file mode 100644 index 000000000..194f5882d --- /dev/null +++ b/lib/packages/core/src/other/components/Avatar/stylesCreate.js @@ -0,0 +1,56 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const styles_1 = require("../../../styles"); +const px_1 = __importDefault(require("../../../styles/utils/px")); +const types_1 = require("./types"); +const getSizeStyles = (sizeAvatar) => { + switch (sizeAvatar) { + case types_1.IAvatarSize.S: + return { + width: (0, px_1.default)(24), + height: (0, px_1.default)(24), + borderRadius: (0, px_1.default)(12), + }; + case types_1.IAvatarSize.M: + return { + width: (0, px_1.default)(40), + height: (0, px_1.default)(40), + borderRadius: (0, px_1.default)(20), + }; + case types_1.IAvatarSize.L: + return { + width: (0, px_1.default)(60), + height: (0, px_1.default)(60), + borderRadius: (0, px_1.default)(30), + }; + case types_1.IAvatarSize.XL: + return { + width: (0, px_1.default)(80), + height: (0, px_1.default)(80), + borderRadius: (0, px_1.default)(40), + }; + } +}; +const getBorderStyles = (color, border) => { + return (border && { + borderWidth: (0, px_1.default)(2), + borderColor: color, + }); +}; +const stylesCreate = (0, styles_1.createStyles)(({ colors }, size, border) => ({ + container: { + alignSelf: 'center', + justifyContent: 'center', + alignItems: 'center', + ...getSizeStyles(size), + ...getBorderStyles(colors.BgPrimary, border), + }, + image: { + ...getSizeStyles(size), + ...getBorderStyles(colors.BgPrimary, border), + }, +})); +exports.default = stylesCreate; diff --git a/lib/packages/core/src/other/components/Avatar/types.js b/lib/packages/core/src/other/components/Avatar/types.js new file mode 100644 index 000000000..3160b7840 --- /dev/null +++ b/lib/packages/core/src/other/components/Avatar/types.js @@ -0,0 +1,25 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.IBadgeTypes = exports.IStatusTypes = exports.IAvatarTypes = exports.IAvatarSize = void 0; +var IAvatarSize; +(function (IAvatarSize) { + IAvatarSize["S"] = "S"; + IAvatarSize["M"] = "M"; + IAvatarSize["L"] = "L"; + IAvatarSize["XL"] = "XL"; +})(IAvatarSize || (exports.IAvatarSize = IAvatarSize = {})); +var IAvatarTypes; +(function (IAvatarTypes) { + IAvatarTypes["icon"] = "icon"; + IAvatarTypes["text"] = "text"; +})(IAvatarTypes || (exports.IAvatarTypes = IAvatarTypes = {})); +var IStatusTypes; +(function (IStatusTypes) { + IStatusTypes["star"] = "icon-starfill"; +})(IStatusTypes || (exports.IStatusTypes = IStatusTypes = {})); +var IBadgeTypes; +(function (IBadgeTypes) { + IBadgeTypes["indicator"] = "indicator"; + IBadgeTypes["counter"] = "counter"; + IBadgeTypes["status"] = "status"; +})(IBadgeTypes || (exports.IBadgeTypes = IBadgeTypes = {})); diff --git a/lib/packages/core/src/other/components/Badge/BadgeIndicator/BadgeIndicator.js b/lib/packages/core/src/other/components/Badge/BadgeIndicator/BadgeIndicator.js new file mode 100644 index 000000000..9bf8ca1ac --- /dev/null +++ b/lib/packages/core/src/other/components/Badge/BadgeIndicator/BadgeIndicator.js @@ -0,0 +1,38 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const View_1 = __importDefault(require("../../../../basic/components/View/View")); +const useStyles_1 = __importDefault(require("../../../../styles/hooks/useStyles")); +const useTheme_1 = __importDefault(require("../../../../styles/hooks/useTheme")); +const styles_1 = require("../../../../styles"); +const px_1 = __importDefault(require("../../../../styles/utils/px")); +const types_1 = require("./types"); +const BadgeIndicator = ({ type, style }) => { + const [styles] = (0, useStyles_1.default)(stylesCreate); + const { colors } = (0, useTheme_1.default)(); + const getBackgroundColor = (0, react_1.useCallback)(() => { + switch (type) { + case types_1.IIndicatorTypes.secondary: + return colors.ElementAdditional; + case types_1.IIndicatorTypes.primary: + default: + return colors.ElementAttention; + } + }, [type]); + return (); +}; +exports.default = BadgeIndicator; +const stylesCreate = (0, styles_1.createStyles)(({ spaces, colors }) => ({ + indicator: { + position: 'absolute', + zIndex: 1, + width: (0, px_1.default)(9), + height: (0, px_1.default)(9), + borderRadius: (0, px_1.default)(9) / 2, + borderColor: colors.BgPrimary, + borderWidth: spaces.Space1, + }, +})); diff --git a/lib/packages/core/src/other/components/Badge/BadgeIndicator/__tests__/BadgeIndicator.js b/lib/packages/core/src/other/components/Badge/BadgeIndicator/__tests__/BadgeIndicator.js new file mode 100644 index 000000000..b35cd7471 --- /dev/null +++ b/lib/packages/core/src/other/components/Badge/BadgeIndicator/__tests__/BadgeIndicator.js @@ -0,0 +1,18 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const BadgeIndicator_1 = __importDefault(require("../BadgeIndicator")); +const types_1 = require("../types"); +describe('BadgeIndicator', () => { + test('render BadgeIndicator secondary', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render BadgeIndicator primary', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/other/components/Badge/BadgeIndicator/index.js b/lib/packages/core/src/other/components/Badge/BadgeIndicator/index.js new file mode 100644 index 000000000..56002ca02 --- /dev/null +++ b/lib/packages/core/src/other/components/Badge/BadgeIndicator/index.js @@ -0,0 +1,23 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.BadgeIndicator = void 0; +const BadgeIndicator_1 = __importDefault(require("./BadgeIndicator")); +exports.BadgeIndicator = BadgeIndicator_1.default; +__exportStar(require("./types"), exports); diff --git a/lib/packages/core/src/other/components/Badge/BadgeIndicator/types.js b/lib/packages/core/src/other/components/Badge/BadgeIndicator/types.js new file mode 100644 index 000000000..002fdeebd --- /dev/null +++ b/lib/packages/core/src/other/components/Badge/BadgeIndicator/types.js @@ -0,0 +1,8 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.IIndicatorTypes = void 0; +var IIndicatorTypes; +(function (IIndicatorTypes) { + IIndicatorTypes["primary"] = "primary"; + IIndicatorTypes["secondary"] = "secondary"; +})(IIndicatorTypes || (exports.IIndicatorTypes = IIndicatorTypes = {})); diff --git a/lib/packages/core/src/other/components/Badge/Counter/Counter.js b/lib/packages/core/src/other/components/Badge/Counter/Counter.js new file mode 100644 index 000000000..80884a7d3 --- /dev/null +++ b/lib/packages/core/src/other/components/Badge/Counter/Counter.js @@ -0,0 +1,25 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const View_1 = __importDefault(require("../../../../basic/components/View/View")); +const useStyles_1 = __importDefault(require("../../../../styles/hooks/useStyles")); +const typography_1 = require("../../../../typography"); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const types_1 = require("./types"); +const Counter = ({ count, style, size = types_1.ICounterSize.medium, type = types_1.ICounterTypes.accent, maxLength = 2, }) => { + const [styles] = (0, useStyles_1.default)(stylesCreate_1.default, size, type); + const font = size === types_1.ICounterSize.medium ? 'SemiBold-White-M' : 'SemiBold-White-XXS'; + if (!count) { + return null; + } + const lastNumber = `${'9'.repeat(maxLength)}+`; + const text = count.toString().length > maxLength ? lastNumber : count.toString(); + return ( + + {text} + + ); +}; +exports.default = Counter; diff --git a/lib/packages/core/src/other/components/Badge/Counter/__tests__/Counter.test.js b/lib/packages/core/src/other/components/Badge/Counter/__tests__/Counter.test.js new file mode 100644 index 000000000..f5c9c384d --- /dev/null +++ b/lib/packages/core/src/other/components/Badge/Counter/__tests__/Counter.test.js @@ -0,0 +1,54 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const Counter_1 = __importDefault(require("../Counter")); +const types_1 = require("../types"); +describe('Counter', () => { + test('render counter', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render counter ICounterSize.medium', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render counter ICounterSize.small', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render counter ICounterTypes.accentLight', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render counter ICounterTypes.attentionLight', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render counter ICounterTypes.attention', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render counter ICounterTypes.accent', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render counter ICounterTypes.mutedLight', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render counter ICounterTypes.muted', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render counter style', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render notification', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/other/components/Badge/Counter/index.js b/lib/packages/core/src/other/components/Badge/Counter/index.js new file mode 100644 index 000000000..8c139fd5c --- /dev/null +++ b/lib/packages/core/src/other/components/Badge/Counter/index.js @@ -0,0 +1,23 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.Counter = void 0; +const Counter_1 = __importDefault(require("./Counter")); +exports.Counter = Counter_1.default; +__exportStar(require("./types"), exports); diff --git a/lib/packages/core/src/other/components/Badge/Counter/stylesCreate.js b/lib/packages/core/src/other/components/Badge/Counter/stylesCreate.js new file mode 100644 index 000000000..77bab7ffb --- /dev/null +++ b/lib/packages/core/src/other/components/Badge/Counter/stylesCreate.js @@ -0,0 +1,54 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const styles_1 = require("../../../../styles"); +const px_1 = __importDefault(require("../../../../styles/utils/px")); +const types_1 = require("./types"); +const stylesCreate = (0, styles_1.createStyles)(({ spaces, colors }, size, type) => { + const isMedium = size === types_1.ICounterSize.medium; + const defaultSize = isMedium ? spaces.Space24 : (0, px_1.default)(18); + const getBackgroundColor = () => { + switch (type) { + case types_1.ICounterTypes.attention: + return { backgroundColor: colors.ElementAttention }; + case types_1.ICounterTypes.accent: + return { backgroundColor: colors.ElementBase }; + case types_1.ICounterTypes.muted: + return { backgroundColor: colors.ElementMuted }; + default: + return { backgroundColor: colors.ElementWhite }; + } + }; + const getColorText = () => { + switch (type) { + case types_1.ICounterTypes.accentLight: + return { color: colors.TextAccent }; + case types_1.ICounterTypes.attentionLight: + return { color: colors.TextError }; + case types_1.ICounterTypes.mutedLight: + return { color: colors.TextMuted }; + default: + return { color: colors.TextWhite }; + } + }; + return { + counter: { + zIndex: 1, + alignSelf: 'center', + minWidth: defaultSize, + height: defaultSize, + borderRadius: defaultSize / 2, + alignItems: 'center', + justifyContent: 'center', + ...getBackgroundColor(), + }, + text: { + textAlign: 'center', + paddingHorizontal: isMedium ? spaces.Space6 : spaces.Space4, + ...getColorText(), + }, + }; +}); +exports.default = stylesCreate; diff --git a/lib/packages/core/src/other/components/Badge/Counter/types.js b/lib/packages/core/src/other/components/Badge/Counter/types.js new file mode 100644 index 000000000..6a073fd37 --- /dev/null +++ b/lib/packages/core/src/other/components/Badge/Counter/types.js @@ -0,0 +1,17 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.ICounterTypes = exports.ICounterSize = void 0; +var ICounterSize; +(function (ICounterSize) { + ICounterSize["medium"] = "medium"; + ICounterSize["small"] = "small"; +})(ICounterSize || (exports.ICounterSize = ICounterSize = {})); +var ICounterTypes; +(function (ICounterTypes) { + ICounterTypes["accentLight"] = "accentLight"; + ICounterTypes["accent"] = "accent"; + ICounterTypes["mutedLight"] = "mutedLight"; + ICounterTypes["attentionLight"] = "attentionLight"; + ICounterTypes["attention"] = "attention"; + ICounterTypes["muted"] = "muted"; +})(ICounterTypes || (exports.ICounterTypes = ICounterTypes = {})); diff --git a/lib/packages/core/src/other/components/Badge/index.js b/lib/packages/core/src/other/components/Badge/index.js new file mode 100644 index 000000000..3f4a2be52 --- /dev/null +++ b/lib/packages/core/src/other/components/Badge/index.js @@ -0,0 +1,18 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./Counter"), exports); +__exportStar(require("./BadgeIndicator"), exports); diff --git a/lib/packages/core/src/other/components/Carousel/AutoCarousel.js b/lib/packages/core/src/other/components/Carousel/AutoCarousel.js new file mode 100644 index 000000000..321eecb02 --- /dev/null +++ b/lib/packages/core/src/other/components/Carousel/AutoCarousel.js @@ -0,0 +1,10 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const Carousel_1 = __importDefault(require("./Carousel")); +const AutoCarousel = ({ ...otherProps }) => { + return (); +}; +exports.default = AutoCarousel; diff --git a/lib/packages/core/src/other/components/Carousel/AutoLoopCarousel.js b/lib/packages/core/src/other/components/Carousel/AutoLoopCarousel.js new file mode 100644 index 000000000..01d15dc78 --- /dev/null +++ b/lib/packages/core/src/other/components/Carousel/AutoLoopCarousel.js @@ -0,0 +1,10 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const LoopCarousel_1 = __importDefault(require("./LoopCarousel")); +const AutoLoopCarousel = ({ ...otherProps }) => { + return ; +}; +exports.default = AutoLoopCarousel; diff --git a/lib/packages/core/src/other/components/Carousel/Carousel.js b/lib/packages/core/src/other/components/Carousel/Carousel.js new file mode 100644 index 000000000..65827a1ef --- /dev/null +++ b/lib/packages/core/src/other/components/Carousel/Carousel.js @@ -0,0 +1,132 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const react_native_1 = require("react-native"); +const react_native_safe_area_context_1 = require("react-native-safe-area-context"); +const TouchableOpacity_1 = __importDefault(require("../../../basic/components/TouchableOpacity/TouchableOpacity")); +const constants_1 = require("../../constants"); +const useStyles_1 = __importDefault(require("../../../styles/hooks/useStyles")); +const Dots_1 = __importDefault(require("../Dots/Dots")); +const isNumber_1 = require("../../functions/isNumber"); +const px_1 = __importDefault(require("../../../styles/utils/px")); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const types_1 = require("./types"); +const Carousel = ({ data, sliderItem, keyExtractor, loading = false, sideMargin = (0, px_1.default)(10), itemWidth, onPressItem, activeItemId, averageItemLength, animateAutoScroll = false, isDots = false, onActiveChange, align = types_1.ICarouselAlign.start, onEndReached, initialNumToRender, isScrolling = false, ms = 2000, indexScroll, dotSize, activeDotColor, passiveDotColor, dotsStyles, ...otherProps }) => { + const ref = (0, react_1.useRef)(null); + const [styles] = (0, useStyles_1.default)(stylesCreate_1.default, sideMargin); + const [currIndex, setCurrIndex] = (0, react_1.useState)(0); + const widthSnap = itemWidth + sideMargin * 2; + const { width: WIDTH } = (0, react_native_safe_area_context_1.useSafeAreaFrame)(); + const viewabilityConfig = (0, react_1.useRef)({ + itemVisiblePercentThreshold: 80, + waitForInteraction: true, + }).current; + const initScroll = (0, react_1.useCallback)(() => { + const selectedIndex = indexScroll || + data.findIndex(item => keyExtractor(item) === activeItemId); + if (selectedIndex > -1 && selectedIndex !== currIndex) { + const widthData = widthSnap * selectedIndex; + const emptySpace = WIDTH - widthSnap; + setCurrIndex(selectedIndex); + align === types_1.ICarouselAlign.center + ? ref.current?.scrollToOffset({ + offset: widthData - emptySpace / 2, + animated: false, + }) + : ref.current?.scrollToIndex({ + index: selectedIndex, + animated: false, + }); + } + }, [ + align, + WIDTH, + indexScroll, + activeItemId, + currIndex, + data, + keyExtractor, + widthSnap, + ]); + const onPress = (0, react_1.useCallback)((item) => () => { + !loading && onPressItem && onPressItem(item); + }, [loading, onPressItem]); + const renderItem = (0, react_1.useCallback)(({ item, index }) => { + return ( + {sliderItem(item, index, data)} + ); + }, [data, onPress, onPressItem, loading, sliderItem]); + const onScrollToIndexFailed = (0, react_1.useCallback)((error) => { + if (averageItemLength) { + ref.current?.scrollToOffset({ + offset: averageItemLength * error.index, + animated: animateAutoScroll, + }); + } + }, [averageItemLength, animateAutoScroll]); + const visibleElementsCount = Math.floor(WIDTH / widthSnap); + const handleOnViewableItemsChanged = (0, react_1.useRef)(({ viewableItems }) => { + if (align === types_1.ICarouselAlign.start) { + const index = viewableItems[0]?.index; + if ((0, isNumber_1.isNumber)(index)) { + setCurrIndex(index); + } + typeof onActiveChange === 'function' && + viewableItems[0]?.item && + onActiveChange(viewableItems[0]?.item); + } + else { + const length = viewableItems.length; + const count = viewableItems[0]?.index === 0 ? length - 1 : length + 1; + const currLength = visibleElementsCount > length ? count : length; + const isEven = currLength % 2 === 0; + const middleVisibleElement = isEven && viewableItems[0]?.index === 0 + ? Math.floor(currLength / 2) - 1 + : Math.floor(currLength / 2); + const index = viewableItems[middleVisibleElement]?.index; + if ((0, isNumber_1.isNumber)(index)) { + setCurrIndex(index); + } + typeof onActiveChange === 'function' && + viewableItems[middleVisibleElement]?.item && + onActiveChange(viewableItems[middleVisibleElement]?.item); + } + }).current; + (0, react_1.useEffect)(() => { + if (!isScrolling) { + return; + } + const timerAutoScroll = setInterval(() => { + setCurrIndex(state => { + ref.current?.scrollToIndex({ + animated: true, + index: state + 1, + }); + return state + 1; + }); + }, ms); + if (currIndex === data.length - 1) { + clearInterval(timerAutoScroll); + } + return () => clearInterval(timerAutoScroll); + }, [currIndex, data.length, isScrolling, ms]); + const checkScroll = (0, react_1.useCallback)(({ contentOffset }, index) => { + if (!contentOffset.x) { + ref.current?.scrollToOffset({ + offset: widthSnap * index, + animated: false, + }); + } + }, [widthSnap]); + const onScroll = (0, react_1.useCallback)((event) => { + indexScroll && checkScroll(event.nativeEvent, indexScroll); + }, [indexScroll, checkScroll]); + return (<> + + {isDots && ()} + ); +}; +exports.default = Carousel; diff --git a/lib/packages/core/src/other/components/Carousel/LoopCarousel.js b/lib/packages/core/src/other/components/Carousel/LoopCarousel.js new file mode 100644 index 000000000..6b9c7299e --- /dev/null +++ b/lib/packages/core/src/other/components/Carousel/LoopCarousel.js @@ -0,0 +1,17 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const types_1 = require("./types"); +const Carousel_1 = __importDefault(require("./Carousel")); +const LoopCarousel = ({ data, itemWidth, align = types_1.ICarouselAlign.start, ...otherProps }) => { + const [infinityData, setInfinityData] = (0, react_1.useState)([...data, ...data, ...data]); + const keyExtractorDefault = (0, react_1.useCallback)((item, index) => { + return String(index) + String(item); + }, []); + const onEndReached = (0, react_1.useCallback)(() => setInfinityData([...infinityData, ...data]), [data, infinityData]); + return (); +}; +exports.default = LoopCarousel; diff --git a/lib/packages/core/src/other/components/Carousel/__tests__/AutoCarousel.test.js b/lib/packages/core/src/other/components/Carousel/__tests__/AutoCarousel.test.js new file mode 100644 index 000000000..1d89ec042 --- /dev/null +++ b/lib/packages/core/src/other/components/Carousel/__tests__/AutoCarousel.test.js @@ -0,0 +1,29 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const react_native_safe_area_context_1 = require("react-native-safe-area-context"); +const AutoCarousel_1 = __importDefault(require("../AutoCarousel")); +const styles_1 = require("../../../../styles"); +const data = [ + { name: 'icon-starfill', id: '0' }, + { name: 'icon-starfill', id: '1' }, + { name: 'icon-starfill', id: '2' }, + { name: 'icon-starfill', id: '3' }, + { name: 'icon-starfill', id: '4' }, + { name: 'icon-starfill', id: '5' }, + { name: 'icon-starfill', id: '6' }, +]; +const sliderItem = (item) => ; +const itemWidth = 100; +const keyExtractor = (item) => item.id; +describe('AutoCarousel', () => { + it('render AutoCarousel', () => { + const { toJSON } = (0, react_native_1.render)( + + ); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/other/components/Carousel/__tests__/AutoLoopCarousel.test.js b/lib/packages/core/src/other/components/Carousel/__tests__/AutoLoopCarousel.test.js new file mode 100644 index 000000000..5b37b711d --- /dev/null +++ b/lib/packages/core/src/other/components/Carousel/__tests__/AutoLoopCarousel.test.js @@ -0,0 +1,28 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const react_native_safe_area_context_1 = require("react-native-safe-area-context"); +const AutoLoopCarousel_1 = __importDefault(require("../AutoLoopCarousel")); +const styles_1 = require("../../../../styles"); +const data = [ + { name: 'icon-starfill', id: '0' }, + { name: 'icon-starfill', id: '1' }, + { name: 'icon-starfill', id: '2' }, + { name: 'icon-starfill', id: '3' }, + { name: 'icon-starfill', id: '4' }, + { name: 'icon-starfill', id: '5' }, + { name: 'icon-starfill', id: '6' }, +]; +const sliderItem = (item) => ; +const itemWidth = 100; +describe('AutoLoopCarousel', () => { + it('render AutoCarousel', () => { + const { toJSON } = (0, react_native_1.render)( + + ); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/other/components/Carousel/__tests__/Carousel.test.js b/lib/packages/core/src/other/components/Carousel/__tests__/Carousel.test.js new file mode 100644 index 000000000..0b91f410c --- /dev/null +++ b/lib/packages/core/src/other/components/Carousel/__tests__/Carousel.test.js @@ -0,0 +1,296 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const react_native_safe_area_context_1 = require("react-native-safe-area-context"); +const Carousel_1 = __importDefault(require("../Carousel")); +const styles_1 = require("../../../../styles"); +const constants_1 = require("../../../constants"); +const types_1 = require("../types"); +const data = [ + { name: 'icon-starfill', id: '0' }, + { name: 'icon-starfill', id: '1' }, + { name: 'icon-starfill', id: '2' }, + { name: 'icon-starfill', id: '3' }, + { name: 'icon-starfill', id: '4' }, + { name: 'icon-starfill', id: '5' }, + { name: 'icon-starfill', id: '6' }, +]; +const sliderItem = (item) => ; +const keyExtractor = (item) => item.id; +const itemWidth = 100; +describe('Carousel', () => { + beforeAll(() => { + jest.useFakeTimers(); + }); + afterAll(() => { + jest.useFakeTimers(); + }); + it('render Carousel', () => { + const { toJSON } = (0, react_native_1.render)( + + ); + expect(toJSON()).toMatchSnapshot(); + }); + it('render Carousel loading', () => { + const { toJSON } = (0, react_native_1.render)( + + ); + expect(toJSON()).toMatchSnapshot(); + }); + it('render Carousel onScroll', () => { + const { toJSON, getAllByLabelText } = (0, react_native_1.render)( + + ); + const onPressItem = getAllByLabelText(constants_1.LABELS.carouselItem); + onPressItem[0] && react_native_1.fireEvent.press(onPressItem[0]); + onPressItem[0] && react_native_1.fireEvent.scroll(onPressItem[0]); + expect(toJSON()).toMatchSnapshot(); + }); + it('render Carousel activeItemId', () => { + const { toJSON, getByLabelText } = (0, react_native_1.render)( + + ); + const carousel = getByLabelText(constants_1.LABELS.carousel); + (0, react_native_1.act)(() => { + (0, react_native_1.fireEvent)(carousel, 'layout', { + nativeEvent: { layout: { height: 100 } }, + }); + }); + expect(toJSON()).toMatchSnapshot(); + }); + it('render Carousel not activeItemId', () => { + const { toJSON, getByLabelText } = (0, react_native_1.render)( + + ); + const carousel = getByLabelText(constants_1.LABELS.carousel); + (0, react_native_1.act)(() => { + (0, react_native_1.fireEvent)(carousel, 'layout', { + nativeEvent: { layout: { height: 100 } }, + }); + }); + expect(toJSON()).toMatchSnapshot(); + }); + it('render Carousel averageItemLength', () => { + const { toJSON, getByLabelText } = (0, react_native_1.render)( + + ); + const carousel = getByLabelText(constants_1.LABELS.carousel); + (0, react_native_1.act)(() => { + (0, react_native_1.fireEvent)(carousel, 'onScrollToIndexFailed', { + error: { index: 7 }, + }); + }); + expect(toJSON()).toMatchSnapshot(); + }); + it('render Carousel averageItemLength onScrollToIndexFailed', () => { + const { toJSON } = (0, react_native_1.render)( + + ); + expect(toJSON()).toMatchSnapshot(); + }); + it('render Carousel onScrollToIndexFailed', () => { + const { toJSON, getByLabelText } = (0, react_native_1.render)( + + ); + const carousel = getByLabelText(constants_1.LABELS.carousel); + (0, react_native_1.act)(() => { + (0, react_native_1.fireEvent)(carousel, 'onScrollToIndexFailed', { + error: { index: 7 }, + }); + }); + expect(toJSON()).toMatchSnapshot(); + }); + it('render Carousel animateAutoScroll true', () => { + const { toJSON } = (0, react_native_1.render)( + + ); + expect(toJSON()).toMatchSnapshot(); + }); + it('render Carousel isDots', () => { + const { toJSON, getByLabelText } = (0, react_native_1.render)( + + ); + const carousel = getByLabelText(constants_1.LABELS.carousel); + (0, react_native_1.fireEvent)(carousel, 'onScroll', { + nativeEvent: { + contentSize: { height: 600, width: 500 }, + contentOffset: { x: 150, y: 0 }, + layoutMeasurement: { height: 100, width: 500 }, + }, + }); + expect(toJSON()).toMatchSnapshot(); + }); + it('render Carousel isDots with props', () => { + const { toJSON } = (0, react_native_1.render)( + + ); + expect(toJSON()).toMatchSnapshot(); + }); + it('render Carousel onActiveChange', () => { + const { toJSON } = (0, react_native_1.render)( + console.log('item', item)} itemWidth={itemWidth}/> + ); + expect(toJSON()).toMatchSnapshot(); + }); + it('render Carousel scroll', () => { + const onActiveChange = jest.fn(); + const { toJSON, getByLabelText } = (0, react_native_1.render)( + + ); + const carousel = getByLabelText(constants_1.LABELS.carousel); + (0, react_native_1.act)(() => { + (0, react_native_1.fireEvent)(carousel, 'onViewableItemsChanged', { + viewableItems: [ + { + index: 7, + isViewable: true, + item: { name: 'icon-starfill', id: '7' }, + key: '7', + }, + ], + }); + }); + expect(toJSON()).toMatchSnapshot(); + }); + it('render Carousel scroll align = center', () => { + const { toJSON, getByLabelText } = (0, react_native_1.render)( + console.log('item', item)} activeItemId={'3'} itemWidth={itemWidth} align={types_1.ICarouselAlign.center}/> + ); + const carousel = getByLabelText(constants_1.LABELS.carousel); + (0, react_native_1.act)(() => { + (0, react_native_1.fireEvent)(carousel, 'onViewableItemsChanged', { + viewableItems: [ + { + index: 0, + isViewable: true, + item: { name: 'icon-starfill', id: '0' }, + key: '0', + }, + ], + }); + }); + expect(toJSON()).toMatchSnapshot(); + }); + it('render Carousel scroll align = center honest', () => { + const { toJSON, getByLabelText } = (0, react_native_1.render)( + console.log('item', item)} activeItemId={'6'} itemWidth={itemWidth} align={types_1.ICarouselAlign.center}/> + ); + const carousel = getByLabelText(constants_1.LABELS.carousel); + (0, react_native_1.act)(() => { + (0, react_native_1.fireEvent)(carousel, 'onViewableItemsChanged', { + viewableItems: [ + { + index: 0, + isViewable: true, + item: { name: 'icon-starfill', id: '0' }, + key: '0', + }, + ], + }); + }); + expect(toJSON()).toMatchSnapshot(); + }); + it('render Carousel scroll align = center honest count', () => { + const onActiveChange = jest.fn(); + const { toJSON, getByLabelText } = (0, react_native_1.render)( + + ); + const carousel = getByLabelText(constants_1.LABELS.carousel); + (0, react_native_1.act)(() => { + (0, react_native_1.fireEvent)(carousel, 'onViewableItemsChanged', { + viewableItems: [ + { + index: 5, + isViewable: true, + item: { name: 'icon-starfill', id: '5' }, + key: '5', + }, + { + index: 6, + isViewable: true, + item: { name: 'icon-starfill', id: '6' }, + key: '6', + }, + ], + }); + }); + expect(toJSON()).toMatchSnapshot(); + }); + it('render Carousel scroll align = center count', () => { + const onActiveChange = jest.fn(); + const { toJSON, getByLabelText } = (0, react_native_1.render)( + + ); + const carousel = getByLabelText(constants_1.LABELS.carousel); + (0, react_native_1.act)(() => { + (0, react_native_1.fireEvent)(carousel, 'onViewableItemsChanged', { + viewableItems: [ + { + index: 4, + isViewable: true, + item: { name: 'icon-starfill', id: '4' }, + key: '4', + }, + { + index: 5, + isViewable: true, + item: { name: 'icon-starfill', id: '5' }, + key: '5', + }, + { + index: 6, + isViewable: true, + item: { name: 'icon-starfill', id: '6' }, + key: '6', + }, + ], + }); + }); + expect(toJSON()).toMatchSnapshot(); + }); + it('render Carousel not scroll', () => { + const onActiveChange = jest.fn(); + const { toJSON, getByLabelText } = (0, react_native_1.render)( + + ); + const carousel = getByLabelText(constants_1.LABELS.carousel); + (0, react_native_1.act)(() => { + (0, react_native_1.fireEvent)(carousel, 'onViewableItemsChanged', { + viewableItems: [ + { + index: 15, + isViewable: true, + item: { name: 'icon-starfill', id: '15' }, + key: '15', + }, + ], + }); + }); + expect(toJSON()).toMatchSnapshot(); + }); + it('render Carousel not index', () => { + const { toJSON, getByLabelText } = (0, react_native_1.render)( + console.log('item', item)} itemWidth={itemWidth}/> + ); + const carousel = getByLabelText(constants_1.LABELS.carousel); + (0, react_native_1.act)(() => { + (0, react_native_1.fireEvent)(carousel, 'onViewableItemsChanged', { + viewableItems: [], + }); + }); + expect(toJSON()).toMatchSnapshot(); + }); + it('render Carousel autoScroll', () => { + jest.useFakeTimers(); + const { toJSON } = (0, react_native_1.render)( + + ); + (0, react_native_1.act)(() => { + jest.runOnlyPendingTimers(); + }); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/other/components/Carousel/__tests__/LoopCarousel.test.js b/lib/packages/core/src/other/components/Carousel/__tests__/LoopCarousel.test.js new file mode 100644 index 000000000..c4d856274 --- /dev/null +++ b/lib/packages/core/src/other/components/Carousel/__tests__/LoopCarousel.test.js @@ -0,0 +1,124 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const react_native_safe_area_context_1 = require("react-native-safe-area-context"); +const styles_1 = require("../../../../styles"); +const LoopCarousel_1 = __importDefault(require("../LoopCarousel")); +const constants_1 = require("../../../constants"); +const types_1 = require("../types"); +const data = [ + { name: 'icon-starfill', id: '0' }, + { name: 'icon-starfill', id: '1' }, + { name: 'icon-starfill', id: '2' }, + { name: 'icon-starfill', id: '3' }, + { name: 'icon-starfill', id: '4' }, + { name: 'icon-starfill', id: '5' }, + { name: 'icon-starfill', id: '6' }, +]; +const sliderItem = (item) => ; +const itemWidth = 100; +describe('LoopCarousel', () => { + it('render LoopCarousel sideMargin', () => { + const { toJSON } = (0, react_native_1.render)( + + ); + expect(toJSON()).toMatchSnapshot(); + }); + it('render LoopCarousel onPressItem', () => { + const onPressItem = jest.fn(); + const { getAllByLabelText } = (0, react_native_1.render)( + + ); + const onPressItemJSX = getAllByLabelText(constants_1.LABELS.carouselItem); + onPressItemJSX[0] && react_native_1.fireEvent.press(onPressItemJSX[0]); + expect(onPressItem).toHaveBeenCalledWith(data[0]); + }); + it('render LoopCarousel onPressItem loading', () => { + const { toJSON, getAllByLabelText } = (0, react_native_1.render)( + console.log(item)} itemWidth={itemWidth} loading={true}/> + ); + const onPressItem = getAllByLabelText(constants_1.LABELS.carouselItem); + onPressItem[0] && react_native_1.fireEvent.press(onPressItem[0]); + onPressItem[0] && react_native_1.fireEvent.scroll(onPressItem[0]); + expect(toJSON()).toMatchSnapshot(); + }); + it('render LoopCarousel activeItemId', () => { + const { toJSON, getByLabelText } = (0, react_native_1.render)( + + ); + const carousel = getByLabelText(constants_1.LABELS.carousel); + expect(toJSON()).toMatchSnapshot(); + (0, react_native_1.act)(() => { + (0, react_native_1.fireEvent)(carousel, 'layout', { + nativeEvent: { layout: { height: 100 } }, + }); + }); + }); + it('render LoopCarousel initScroll isLoop', () => { + const { toJSON, getByLabelText } = (0, react_native_1.render)( + + ); + const carousel = getByLabelText(constants_1.LABELS.carousel); + expect(toJSON()).toMatchSnapshot(); + (0, react_native_1.act)(() => { + (0, react_native_1.fireEvent)(carousel, 'layout', { + nativeEvent: { layout: { height: 100 } }, + }); + }); + }); + it('render LoopCarousel initScroll isLoop align === center', () => { + const { toJSON, getByLabelText } = (0, react_native_1.render)( + + ); + const carousel = getByLabelText(constants_1.LABELS.carousel); + expect(toJSON()).toMatchSnapshot(); + (0, react_native_1.act)(() => { + (0, react_native_1.fireEvent)(carousel, 'layout', { + nativeEvent: { layout: { height: 100 } }, + }); + }); + }); + it('render LoopCarousel contentOffset = 0', () => { + const { toJSON, getByLabelText } = (0, react_native_1.render)( + + ); + expect(toJSON()).toMatchSnapshot(); + const carousel = getByLabelText(constants_1.LABELS.carousel); + (0, react_native_1.fireEvent)(carousel, 'onScroll', { + nativeEvent: { + contentSize: { height: 600, width: 500 }, + contentOffset: { x: 0, y: 0 }, + layoutMeasurement: { height: 100, width: 500 }, + }, + }); + }); + it('render LoopCarousel contentOffset = contentSize', () => { + const { toJSON, getByLabelText } = (0, react_native_1.render)( + + ); + expect(toJSON()).toMatchSnapshot(); + const carousel = getByLabelText(constants_1.LABELS.carousel); + (0, react_native_1.fireEvent)(carousel, 'onScroll', { + nativeEvent: { + contentSize: { height: 600, width: 500 }, + contentOffset: { x: 100, y: 0 }, + layoutMeasurement: { height: 100, width: 500 }, + }, + }); + }); + it('render LoopCarousel not index isLoop', () => { + const { toJSON, getByLabelText } = (0, react_native_1.render)( + console.log('item', item)} itemWidth={itemWidth}/> + ); + const carousel = getByLabelText(constants_1.LABELS.carousel); + (0, react_native_1.act)(() => { + (0, react_native_1.fireEvent)(carousel, 'onViewableItemsChanged', { + viewableItems: [], + }); + }); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/other/components/Carousel/components/EmptyFirstItem.js b/lib/packages/core/src/other/components/Carousel/components/EmptyFirstItem.js new file mode 100644 index 000000000..c8869330d --- /dev/null +++ b/lib/packages/core/src/other/components/Carousel/components/EmptyFirstItem.js @@ -0,0 +1,11 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const types_1 = require("../types"); +const View_1 = __importDefault(require("../../../../basic/components/View/View")); +const EmptyFirstItem = ({ align, width, }) => { + return align === types_1.ICarouselAlign.center ? () : null; +}; +exports.default = EmptyFirstItem; diff --git a/lib/packages/core/src/other/components/Carousel/index.js b/lib/packages/core/src/other/components/Carousel/index.js new file mode 100644 index 000000000..5817b066d --- /dev/null +++ b/lib/packages/core/src/other/components/Carousel/index.js @@ -0,0 +1,29 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.AutoLoopCarousel = exports.AutoCarousel = exports.LoopCarousel = exports.Carousel = void 0; +const Carousel_1 = __importDefault(require("./Carousel")); +exports.Carousel = Carousel_1.default; +const LoopCarousel_1 = __importDefault(require("./LoopCarousel")); +exports.LoopCarousel = LoopCarousel_1.default; +const AutoCarousel_1 = __importDefault(require("./AutoCarousel")); +exports.AutoCarousel = AutoCarousel_1.default; +const AutoLoopCarousel_1 = __importDefault(require("./AutoLoopCarousel")); +exports.AutoLoopCarousel = AutoLoopCarousel_1.default; +__exportStar(require("./types"), exports); diff --git a/lib/packages/core/src/other/components/Carousel/stylesCreate.js b/lib/packages/core/src/other/components/Carousel/stylesCreate.js new file mode 100644 index 000000000..3f2cafb3e --- /dev/null +++ b/lib/packages/core/src/other/components/Carousel/stylesCreate.js @@ -0,0 +1,11 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const styles_1 = require("../../../styles"); +const stylesCreate = (0, styles_1.createStyles)((_, sideMargin) => ({ + item: { + marginHorizontal: Math.floor(sideMargin), + justifyContent: 'center', + alignItems: 'center', + }, +})); +exports.default = stylesCreate; diff --git a/lib/packages/core/src/other/components/Carousel/types.js b/lib/packages/core/src/other/components/Carousel/types.js new file mode 100644 index 000000000..868e6ac98 --- /dev/null +++ b/lib/packages/core/src/other/components/Carousel/types.js @@ -0,0 +1,8 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.ICarouselAlign = void 0; +var ICarouselAlign; +(function (ICarouselAlign) { + ICarouselAlign["center"] = "center"; + ICarouselAlign["start"] = "start"; +})(ICarouselAlign || (exports.ICarouselAlign = ICarouselAlign = {})); diff --git a/lib/packages/core/src/other/components/Collapsible/Collapsible.js b/lib/packages/core/src/other/components/Collapsible/Collapsible.js new file mode 100644 index 000000000..cd9e6761f --- /dev/null +++ b/lib/packages/core/src/other/components/Collapsible/Collapsible.js @@ -0,0 +1,58 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const react_native_1 = require("react-native"); +const typography_1 = require("../../../typography"); +const TouchableOpacity_1 = __importDefault(require("../../../basic/components/TouchableOpacity/TouchableOpacity")); +const SimpleIcon_1 = __importDefault(require("../../../styles/icons/font/SimpleIcon")); +const View_1 = __importDefault(require("../../../basic/components/View/View")); +const useTheme_1 = __importDefault(require("../../../styles/hooks/useTheme")); +const useStyles_1 = __importDefault(require("../../../styles/hooks/useStyles")); +const constants_1 = require("../../constants"); +const styles_1 = require("../../../styles"); +if (react_native_1.Platform.OS === 'android' && + react_native_1.UIManager.setLayoutAnimationEnabledExperimental) { + react_native_1.UIManager.setLayoutAnimationEnabledExperimental(true); +} +const Collapsible = (props) => { + const { title, children, duration = 250, containerStyle, fontTitle = 'SemiBold-Secondary-M', headerStyle, titleStyle, typeAnimation = 'easeInEaseOut', creationPropAnimation = 'scaleY', numberOfLines = 2, initialState = false, isAnimated = true, titleBottomView, } = props; + const [styles] = (0, useStyles_1.default)(stylesCreate); + const { colors } = (0, useTheme_1.default)(); + const [collapsed, setCollapsed] = (0, react_1.useState)(initialState); + const onPress = (0, react_1.useCallback)(() => { + setCollapsed(!collapsed); + isAnimated && + react_native_1.LayoutAnimation.configureNext(react_native_1.LayoutAnimation.create(duration, typeAnimation, creationPropAnimation)); + }, [collapsed, duration, isAnimated]); + const name = (0, react_1.useMemo)(() => { + return collapsed ? 'icon-arrow-down' : 'icon-arrow-right'; + }, [collapsed]); + return ( + + + {title} + + + + {titleBottomView} + {collapsed && children} + ); +}; +const stylesCreate = (0, styles_1.createStyles)(({ spaces }) => ({ + container: { + width: '100%', + padding: spaces.Space20, + }, + header: { + flexDirection: 'row', + alignItems: 'center', + justifyContent: 'space-between', + }, + title: { + flex: 1, + }, +})); +exports.default = Collapsible; diff --git a/lib/packages/core/src/other/components/Collapsible/__tests__/Collapsible.test.js b/lib/packages/core/src/other/components/Collapsible/__tests__/Collapsible.test.js new file mode 100644 index 000000000..917b824f0 --- /dev/null +++ b/lib/packages/core/src/other/components/Collapsible/__tests__/Collapsible.test.js @@ -0,0 +1,44 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const react_native_2 = require("react-native"); +const Collapsible_1 = __importDefault(require("../Collapsible")); +const View_1 = __importDefault(require("../../../../basic/components/View/View")); +const constants_1 = require("../../../constants"); +describe('Collapsible', () => { + test('render crossed onPress - 1', () => { + const { toJSON, getByLabelText } = (0, react_native_1.render)( + <> + + + ); + const onPress = getByLabelText(constants_1.LABELS.collapsed); + react_native_1.fireEvent.press(onPress); + expect(toJSON()).toMatchSnapshot(); + }); + test('render crossed onPress - 1 android', () => { + react_native_2.Platform.OS = 'android'; + const { toJSON, getByLabelText } = (0, react_native_1.render)(}> + <> + + + ); + const onPress = getByLabelText(constants_1.LABELS.collapsed); + react_native_1.fireEvent.press(onPress); + expect(toJSON()).toMatchSnapshot(); + }); + test('render crossed onPress - 2', () => { + const { toJSON, getByLabelText } = (0, react_native_1.render)( + <> + + + ); + const onPress = getByLabelText(constants_1.LABELS.collapsed); + react_native_1.fireEvent.press(onPress); + react_native_1.fireEvent.press(onPress); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/other/components/Collapsible/index.js b/lib/packages/core/src/other/components/Collapsible/index.js new file mode 100644 index 000000000..3f55d1287 --- /dev/null +++ b/lib/packages/core/src/other/components/Collapsible/index.js @@ -0,0 +1,23 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.Collapsible = void 0; +const Collapsible_1 = __importDefault(require("./Collapsible")); +exports.Collapsible = Collapsible_1.default; +__exportStar(require("./types"), exports); diff --git a/lib/packages/core/src/other/components/Collapsible/types.js b/lib/packages/core/src/other/components/Collapsible/types.js new file mode 100644 index 000000000..c8ad2e549 --- /dev/null +++ b/lib/packages/core/src/other/components/Collapsible/types.js @@ -0,0 +1,2 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/lib/packages/core/src/other/components/CrossedText/CrossedText.js b/lib/packages/core/src/other/components/CrossedText/CrossedText.js new file mode 100644 index 000000000..9b62dc9dd --- /dev/null +++ b/lib/packages/core/src/other/components/CrossedText/CrossedText.js @@ -0,0 +1,35 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const View_1 = __importDefault(require("../../../basic/components/View/View")); +const typography_1 = require("../../../typography"); +const styles_1 = require("../../../styles"); +const useStyles_1 = __importDefault(require("../../../styles/hooks/useStyles")); +const px_1 = __importDefault(require("../../../styles/utils/px")); +const CrossedText = ({ children, style, lineColor, lineHeight = (0, px_1.default)(1), ...props }) => { + const [styles] = (0, useStyles_1.default)(stylesCreate); + return ( + {children} + + + + ); +}; +const stylesCreate = (0, styles_1.createStyles)(_ => ({ + crossed: { + width: '100%', + height: '100%', + position: 'absolute', + justifyContent: 'center', + alignItems: 'center', + }, + line: { + width: '100%', + }, +})); +exports.default = CrossedText; diff --git a/lib/packages/core/src/other/components/CrossedText/__tests__/CrossesText.test.js b/lib/packages/core/src/other/components/CrossedText/__tests__/CrossesText.test.js new file mode 100644 index 000000000..1f2400cbb --- /dev/null +++ b/lib/packages/core/src/other/components/CrossedText/__tests__/CrossesText.test.js @@ -0,0 +1,17 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const CrossedText_1 = __importDefault(require("../CrossedText")); +describe('CrossedText', () => { + test('render crossed text default', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render crossed text with lineHeight', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/other/components/CrossedText/index.js b/lib/packages/core/src/other/components/CrossedText/index.js new file mode 100644 index 000000000..ce8dd55c4 --- /dev/null +++ b/lib/packages/core/src/other/components/CrossedText/index.js @@ -0,0 +1,23 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.CrossedText = void 0; +const CrossedText_1 = __importDefault(require("./CrossedText")); +exports.CrossedText = CrossedText_1.default; +__exportStar(require("./types"), exports); diff --git a/lib/packages/core/src/other/components/CrossedText/types.js b/lib/packages/core/src/other/components/CrossedText/types.js new file mode 100644 index 000000000..c8ad2e549 --- /dev/null +++ b/lib/packages/core/src/other/components/CrossedText/types.js @@ -0,0 +1,2 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/lib/packages/core/src/other/components/Dots/Dot.js b/lib/packages/core/src/other/components/Dots/Dot.js new file mode 100644 index 000000000..7176af9ed --- /dev/null +++ b/lib/packages/core/src/other/components/Dots/Dot.js @@ -0,0 +1,27 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const useStyles_1 = __importDefault(require("../../../styles/hooks/useStyles")); +const View_1 = __importDefault(require("../../../basic/components/View/View")); +const styles_1 = require("../../../styles"); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const Dot = ({ active, size, activeDotColor, passiveDotColor, }) => { + const [styles] = (0, useStyles_1.default)(stylesCreate_1.default, size); + const { colors } = (0, styles_1.useTheme)(); + const backgroundColor = (0, react_1.useMemo)(() => { + return active + ? activeDotColor || colors.ElementNeutral + : passiveDotColor || colors.ElementMuted; + }, [ + active, + activeDotColor, + colors.ElementMuted, + colors.ElementNeutral, + passiveDotColor, + ]); + return ; +}; +exports.default = Dot; diff --git a/lib/packages/core/src/other/components/Dots/Dots.js b/lib/packages/core/src/other/components/Dots/Dots.js new file mode 100644 index 000000000..373a93fba --- /dev/null +++ b/lib/packages/core/src/other/components/Dots/Dots.js @@ -0,0 +1,127 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const react_native_1 = require("react-native"); +const View_1 = __importDefault(require("../../../basic/components/View/View")); +const constants_1 = require("../../constants"); +const Dot_1 = __importDefault(require("./Dot")); +const constants_2 = require("./constants"); +function getDirection(newIdx, prevIdx) { + if (newIdx === prevIdx) { + return 0; + } + return newIdx < prevIdx ? -1 : 1; +} +const Dots = ({ length, activeDot, animateAutoScroll = true, fixedSize, activeDotColor, passiveDotColor, dotsStyles, }) => { + const refScrollView = (0, react_1.useRef)(null); + const dots = [...Array(length).keys()]; + const [prevIndex, setPrevIndex] = (0, react_1.useState)(activeDot - 1); + const direction = (0, react_1.useRef)(getDirection(activeDot, prevIndex)); + const half = Math.floor((constants_2.SPAN_SIZE - 1) / 2); + const isFirstHalf = activeDot < Math.floor(length / 2); + const isDynamicDots = length < 7; + const numConsumed = isFirstHalf + ? Math.max(activeDot - half, 0) + : Math.min(activeDot + half, length - 1) - activeDot; + const i = (0, react_1.useRef)(isFirstHalf + ? activeDot - numConsumed + : activeDot - (constants_2.SPAN_SIZE - 1 - numConsumed)); + const j = (0, react_1.useRef)(isFirstHalf + ? activeDot + (constants_2.SPAN_SIZE - 1 - numConsumed) + : activeDot + numConsumed); + const isMiddleDotActive = activeDot !== i.current + 1; + function updateIndexes(currentDirection, currentIndex) { + if (currentDirection === -1) { + i.current = Math.min(currentIndex, i.current); + j.current = Math.min(i.current + (constants_2.SPAN_SIZE - 1), j.current); + } + else if (currentDirection === 1) { + j.current = Math.max(currentIndex, j.current); + i.current = Math.max(j.current - (constants_2.SPAN_SIZE - 1), i.current); + } + } + function setIndexes() { + direction.current = getDirection(activeDot, prevIndex); + updateIndexes(direction.current, activeDot); + setPrevIndex(activeDot); + } + const scrollTo = (index) => { + if (!refScrollView.current) { + return; + } + setIndexes(); + const indicatorRight = () => { + if (index > constants_2.SPAN_SIZE) { + return index - 4; + } + else { + return index - 3; + } + }; + const moveTo = Math.max(0, (direction.current > 0 ? indicatorRight() : index - 1) * + (constants_2.SIZE_SMALL + constants_2.MARGIN_DOT)); + const isScrollTo = prevIndex !== i.current && prevIndex !== j.current; + isScrollTo && + refScrollView.current.scrollTo({ + x: moveTo, + y: 0, + animated: animateAutoScroll, + }); + }; + (0, react_1.useEffect)(() => { + isDynamicDots ? setIndexes() : isMiddleDotActive && scrollTo(activeDot); + }, [activeDot, isDynamicDots, isMiddleDotActive]); + const size = (0, react_1.useCallback)((k) => { + const left = i.current; + const right = j.current; + if (k >= left && k <= right) { + return constants_2.SIZE_LARGE; + } + if (k === left - 1 && left - 1 >= 0) { + return constants_2.SIZE_MEDIUM; + } + if (k === right + 1 && right + 1 < length) { + return constants_2.SIZE_MEDIUM; + } + return constants_2.SIZE_SMALL; + }, [activeDot]); + const renderDot = () => { + return dots.map(dot => ()); + }; + const onLayout = (0, react_1.useCallback)(() => { + //scroll to right index on initial render + scrollTo(activeDot); + }, [activeDot]); + const width = (0, react_1.useMemo)(() => { + return isDynamicDots + ? (fixedSize && (fixedSize + constants_2.MARGIN_DOT) * 8) || constants_2.WIDTH_MEDIUM + : constants_2.WIDTH_MEDIUM; + }, [fixedSize, isDynamicDots]); + if (isDynamicDots) { + return ( + {renderDot()} + ); + } + return ( + + {renderDot()} + + ); +}; +exports.default = Dots; diff --git a/lib/packages/core/src/other/components/Dots/__tests__/Dots.test.js b/lib/packages/core/src/other/components/Dots/__tests__/Dots.test.js new file mode 100644 index 000000000..ded1e648c --- /dev/null +++ b/lib/packages/core/src/other/components/Dots/__tests__/Dots.test.js @@ -0,0 +1,68 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const Dots_1 = __importDefault(require("../Dots")); +const constants_1 = require("../../../constants"); +describe('Dots', () => { + test('render dots length > 7', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render dots length < 7', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render dots activeDot=2', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render dots activeDot=2 fixedSize', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render dots activeDot=10', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render dots activeDot right', () => { + const { toJSON, rerender } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + rerender(); + expect(toJSON()).toMatchSnapshot(); + rerender(); + expect(toJSON()).toMatchSnapshot(); + rerender(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render dots activeDot left', () => { + const { toJSON, rerender } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + rerender(); + expect(toJSON()).toMatchSnapshot(); + rerender(); + expect(toJSON()).toMatchSnapshot(); + rerender(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render dots = 0', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + test('render dots onLayout', () => { + const { toJSON, getByLabelText } = (0, react_native_1.render)(); + const layout = getByLabelText(constants_1.LABELS.dotsAnimatedView); + expect(toJSON()).toMatchSnapshot(); + (0, react_native_1.act)(() => { + (0, react_native_1.fireEvent)(layout, 'layout', { + nativeEvent: { layout: { height: 100 } }, + }); + }); + }); + test('render dots activeDot=10 animateAutoScroll', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/other/components/Dots/__tests__/stylesCreate.test.js b/lib/packages/core/src/other/components/Dots/__tests__/stylesCreate.test.js new file mode 100644 index 000000000..6e62bb212 --- /dev/null +++ b/lib/packages/core/src/other/components/Dots/__tests__/stylesCreate.test.js @@ -0,0 +1,27 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_hooks_1 = require("@testing-library/react-hooks"); +const stylesCreate_1 = __importDefault(require("../stylesCreate")); +const useTheme_1 = __importDefault(require("../../../../styles/hooks/useTheme")); +const px_1 = __importDefault(require("../../../../styles/utils/px")); +describe('dots/stylesCreate', () => { + it('must return', () => { + const { result } = (0, react_hooks_1.renderHook)(() => (0, useTheme_1.default)()); + expect((0, stylesCreate_1.default)(result.current)).toEqual({ + dot: { + width: (0, px_1.default)(8), + height: (0, px_1.default)(8), + marginHorizontal: (0, px_1.default)(5), + borderRadius: (0, px_1.default)(8) / 2, + }, + dots: { + flexDirection: 'row', + alignItems: 'center', + paddingTop: (0, px_1.default)(5), + }, + }); + }); +}); diff --git a/lib/packages/core/src/other/components/Dots/constants.js b/lib/packages/core/src/other/components/Dots/constants.js new file mode 100644 index 000000000..fba61ed62 --- /dev/null +++ b/lib/packages/core/src/other/components/Dots/constants.js @@ -0,0 +1,17 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.WIDTH_LARGE = exports.WIDTH_MEDIUM = exports.WIDTH_SMALL = exports.MARGIN_DOT = exports.SIZE_SMALL = exports.SIZE_MEDIUM = exports.SIZE_LARGE = exports.SPAN_SIZE = void 0; +const px_1 = __importDefault(require("../../../styles/utils/px")); +exports.SPAN_SIZE = 3; +exports.SIZE_LARGE = (0, px_1.default)(8); +exports.SIZE_MEDIUM = (0, px_1.default)(6); +exports.SIZE_SMALL = (0, px_1.default)(4); +exports.MARGIN_DOT = (0, px_1.default)(5) * 2; +exports.WIDTH_SMALL = (exports.SIZE_LARGE + exports.MARGIN_DOT) * 3 + + (exports.SIZE_MEDIUM + exports.MARGIN_DOT) + + (exports.SIZE_SMALL + exports.MARGIN_DOT); +exports.WIDTH_MEDIUM = exports.WIDTH_SMALL + (exports.SIZE_MEDIUM + exports.MARGIN_DOT); +exports.WIDTH_LARGE = exports.WIDTH_MEDIUM + (exports.SIZE_SMALL + exports.MARGIN_DOT); diff --git a/lib/packages/core/src/other/components/Dots/index.js b/lib/packages/core/src/other/components/Dots/index.js new file mode 100644 index 000000000..8d78d009b --- /dev/null +++ b/lib/packages/core/src/other/components/Dots/index.js @@ -0,0 +1,25 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.Dots = exports.Dot = void 0; +const Dot_1 = __importDefault(require("./Dot")); +exports.Dot = Dot_1.default; +const Dots_1 = __importDefault(require("./Dots")); +exports.Dots = Dots_1.default; +__exportStar(require("./types"), exports); diff --git a/lib/packages/core/src/other/components/Dots/stylesCreate.js b/lib/packages/core/src/other/components/Dots/stylesCreate.js new file mode 100644 index 000000000..204afab1f --- /dev/null +++ b/lib/packages/core/src/other/components/Dots/stylesCreate.js @@ -0,0 +1,21 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const styles_1 = require("../../../styles"); +const px_1 = __importDefault(require("../../../styles/utils/px")); +const stylesCreate = (0, styles_1.createStyles)(({ spaces }, size = spaces.Space8) => ({ + dot: { + width: size, + height: size, + marginHorizontal: (0, px_1.default)(5), + borderRadius: size / 2, + }, + dots: { + flexDirection: 'row', + alignItems: 'center', + paddingTop: (0, px_1.default)(5), + }, +})); +exports.default = stylesCreate; diff --git a/lib/packages/core/src/other/components/Dots/types.js b/lib/packages/core/src/other/components/Dots/types.js new file mode 100644 index 000000000..c8ad2e549 --- /dev/null +++ b/lib/packages/core/src/other/components/Dots/types.js @@ -0,0 +1,2 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/lib/packages/core/src/other/components/Status/Status.js b/lib/packages/core/src/other/components/Status/Status.js new file mode 100644 index 000000000..c5fe06922 --- /dev/null +++ b/lib/packages/core/src/other/components/Status/Status.js @@ -0,0 +1,13 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const types_1 = require("./types"); +const StatusDot_1 = __importDefault(require("./components/StatusDot")); +const StatusTag_1 = __importDefault(require("./components/StatusTag")); +const Status = (props) => { + const { type, state, style } = props; + return type === types_1.IStatusType.dot ? () : (); +}; +exports.default = Status; diff --git a/lib/packages/core/src/other/components/Status/__tests__/Status.test.js b/lib/packages/core/src/other/components/Status/__tests__/Status.test.js new file mode 100644 index 000000000..cb25c7b88 --- /dev/null +++ b/lib/packages/core/src/other/components/Status/__tests__/Status.test.js @@ -0,0 +1,54 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const Status_1 = __importDefault(require("../Status")); +const types_1 = require("../types"); +describe('Status', () => { + it('render type dot green', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('render type dot red', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('render type dot blue', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('render type dot gray', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('render type dot orange', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('render type tag green', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('render type tag blue', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('render type tag red', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('render type tag gray', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('render type tag orange', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('render not state', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/other/components/Status/components/StatusDot.js b/lib/packages/core/src/other/components/Status/components/StatusDot.js new file mode 100644 index 000000000..6990c0971 --- /dev/null +++ b/lib/packages/core/src/other/components/Status/components/StatusDot.js @@ -0,0 +1,46 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const types_1 = require("../types"); +const useTheme_1 = __importDefault(require("../../../../styles/hooks/useTheme")); +const useStyles_1 = __importDefault(require("../../../../styles/hooks/useStyles")); +const View_1 = __importDefault(require("../../../../basic/components/View/View")); +const styles_1 = require("../../../../styles"); +const StatusDot = ({ state, style }) => { + const [styles] = (0, useStyles_1.default)(stylesCreate); + const { colors } = (0, useTheme_1.default)(); + const getBackgroundColor = (0, react_1.useCallback)(() => { + switch (state) { + case types_1.IStatusState.blue: + return colors.ElementBase; + case types_1.IStatusState.red: + return colors.ElementAttention; + case types_1.IStatusState.green: + return colors.ElementSuccess; + case types_1.IStatusState.orange: + return colors.ElementAdditional; + case types_1.IStatusState.gray: + default: + return colors.ElementMuted; + } + }, [ + state, + colors.ElementAdditional, + colors.ElementBase, + colors.ElementAttention, + colors.ElementSuccess, + colors.ElementMuted, + ]); + return (); +}; +const stylesCreate = (0, styles_1.createStyles)(({ spaces }) => ({ + dot: { + width: spaces.Space8, + height: spaces.Space8, + borderRadius: spaces.Space8 / 2, + }, +})); +exports.default = StatusDot; diff --git a/lib/packages/core/src/other/components/Status/components/StatusTag.js b/lib/packages/core/src/other/components/Status/components/StatusTag.js new file mode 100644 index 000000000..4e7a38904 --- /dev/null +++ b/lib/packages/core/src/other/components/Status/components/StatusTag.js @@ -0,0 +1,70 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const types_1 = require("../types"); +const useStyles_1 = __importDefault(require("../../../../styles/hooks/useStyles")); +const useTheme_1 = __importDefault(require("../../../../styles/hooks/useTheme")); +const typography_1 = require("../../../../typography"); +const View_1 = __importDefault(require("../../../../basic/components/View/View")); +const styles_1 = require("../../../../styles"); +const StatusTag = ({ state, text, style }) => { + const [styles] = (0, useStyles_1.default)(stylesCreate); + const { colors } = (0, useTheme_1.default)(); + const getFont = (0, react_1.useCallback)(() => { + switch (state) { + case types_1.IStatusState.blue: + return 'Regular-Accent-XXS'; + case types_1.IStatusState.red: + return 'Regular-Error-XXS'; + case types_1.IStatusState.green: + return 'Regular-Success-XXS'; + case types_1.IStatusState.orange: + return 'Regular-Warning-XXS'; + case types_1.IStatusState.gray: + default: + return 'Regular-Tertiary-XXS'; + } + }, [state]); + const getBackgroundColorText = (0, react_1.useCallback)(() => { + switch (state) { + case types_1.IStatusState.blue: + return colors.BgAccentSoft; + case types_1.IStatusState.red: + return colors.BgError; + case types_1.IStatusState.green: + return colors.BgSuccess; + case types_1.IStatusState.orange: + return colors.BgWarning; + case types_1.IStatusState.gray: + default: + return colors.BgSecondary; + } + }, [ + state, + colors.BgAccentSoft, + colors.BgError, + colors.BgSuccess, + colors.BgWarning, + colors.BgSecondary, + ]); + return ( + {text} + ); +}; +const stylesCreate = (0, styles_1.createStyles)(({ spaces }) => ({ + tag: { + paddingVertical: spaces.Space2, + paddingHorizontal: spaces.Space6, + borderRadius: spaces.Space4, + }, +})); +exports.default = StatusTag; diff --git a/lib/packages/core/src/other/components/Status/index.js b/lib/packages/core/src/other/components/Status/index.js new file mode 100644 index 000000000..17f984e12 --- /dev/null +++ b/lib/packages/core/src/other/components/Status/index.js @@ -0,0 +1,23 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.Status = void 0; +const Status_1 = __importDefault(require("./Status")); +exports.Status = Status_1.default; +__exportStar(require("./types"), exports); diff --git a/lib/packages/core/src/other/components/Status/types.js b/lib/packages/core/src/other/components/Status/types.js new file mode 100644 index 000000000..b96bdb829 --- /dev/null +++ b/lib/packages/core/src/other/components/Status/types.js @@ -0,0 +1,16 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.IStatusState = exports.IStatusType = void 0; +var IStatusType; +(function (IStatusType) { + IStatusType["dot"] = "dot"; + IStatusType["tag"] = "tag"; +})(IStatusType || (exports.IStatusType = IStatusType = {})); +var IStatusState; +(function (IStatusState) { + IStatusState["green"] = "green"; + IStatusState["orange"] = "orange"; + IStatusState["red"] = "red"; + IStatusState["blue"] = "blue"; + IStatusState["gray"] = "gray"; +})(IStatusState || (exports.IStatusState = IStatusState = {})); diff --git a/lib/packages/core/src/other/components/index.js b/lib/packages/core/src/other/components/index.js new file mode 100644 index 000000000..11aa71c62 --- /dev/null +++ b/lib/packages/core/src/other/components/index.js @@ -0,0 +1,23 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./Badge/"), exports); +__exportStar(require("./CrossedText"), exports); +__exportStar(require("./Dots"), exports); +__exportStar(require("./Avatar"), exports); +__exportStar(require("./Carousel"), exports); +__exportStar(require("./Status"), exports); +__exportStar(require("./Collapsible"), exports); diff --git a/lib/packages/core/src/other/constants/LABELS.js b/lib/packages/core/src/other/constants/LABELS.js new file mode 100644 index 000000000..9b045372f --- /dev/null +++ b/lib/packages/core/src/other/constants/LABELS.js @@ -0,0 +1,23 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.LABELS = void 0; +exports.LABELS = { + slider: 'slider', + sliderLayoutLowThumb: 'sliderLayoutLowThumb', + imageAvatar: 'imageAvatar', + swipe: 'swipe', + dotsAnimatedView: 'dotsAnimatedView', + dotsScrollView: 'dotsScrollView', + search: 'search', + cancelSearch: 'cancelSearch', + tab: 'tab', + codeField: 'codeField', + selector: 'selector', + actionSheetsItem: 'actionSheetsItem', + carousel: 'carousel', + carouselItem: 'carouselItem', + collapsed: 'collapsed', + panelHeaderLeftView: 'panelHeaderLeftView', + panelHeaderRightView: 'panelHeaderRightView', + chatInputField: 'chatInputField', +}; diff --git a/lib/packages/core/src/other/constants/index.js b/lib/packages/core/src/other/constants/index.js new file mode 100644 index 000000000..8c558167e --- /dev/null +++ b/lib/packages/core/src/other/constants/index.js @@ -0,0 +1,5 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.LABELS = void 0; +const LABELS_1 = require("./LABELS"); +Object.defineProperty(exports, "LABELS", { enumerable: true, get: function () { return LABELS_1.LABELS; } }); diff --git a/lib/packages/core/src/other/functions/isNumber.js b/lib/packages/core/src/other/functions/isNumber.js new file mode 100644 index 000000000..58a263815 --- /dev/null +++ b/lib/packages/core/src/other/functions/isNumber.js @@ -0,0 +1,7 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.isNumber = void 0; +function isNumber(value) { + return typeof value === 'number'; +} +exports.isNumber = isNumber; diff --git a/lib/packages/core/src/other/index.js b/lib/packages/core/src/other/index.js new file mode 100644 index 000000000..e0c6535e1 --- /dev/null +++ b/lib/packages/core/src/other/index.js @@ -0,0 +1,18 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./components"), exports); +__exportStar(require("./constants"), exports); diff --git a/lib/packages/core/src/popups/MobyDickPopup/MobyDickPopup.js b/lib/packages/core/src/popups/MobyDickPopup/MobyDickPopup.js new file mode 100644 index 000000000..27c43f94a --- /dev/null +++ b/lib/packages/core/src/popups/MobyDickPopup/MobyDickPopup.js @@ -0,0 +1,17 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.modalRef = void 0; +const react_1 = require("react"); +exports.modalRef = (0, react_1.createRef)(); +const MobyDickPopup = { + openPopup: props => { + return exports.modalRef.current?.openPopup(props); + }, + closePopup: id => { + exports.modalRef.current?.closePopup(id); + }, + closeAllPopups: () => { + exports.modalRef.current?.closeAllPopups(); + }, +}; +exports.default = MobyDickPopup; diff --git a/lib/packages/core/src/popups/MobyDickPopup/__tests__/MobyDickPopup.test.js b/lib/packages/core/src/popups/MobyDickPopup/__tests__/MobyDickPopup.test.js new file mode 100644 index 000000000..1e2244259 --- /dev/null +++ b/lib/packages/core/src/popups/MobyDickPopup/__tests__/MobyDickPopup.test.js @@ -0,0 +1,53 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const ButtonWrapper_1 = __importDefault(require("../../../basic/components/Button/ButtonWrapper")); +const View_1 = __importDefault(require("../../../basic/components/View/View")); +const PopupsProvider_1 = __importDefault(require("../../context/PopupsProvider")); +const MobyDickPopup_1 = __importDefault(require("../MobyDickPopup")); +const testIdPopup = 'testIdPopup'; +const testIdOpenPopup = 'testIdOpenPopup'; +const testIdCloseAllPopup = 'testIdCloseAllPopup'; +const Popup = ({ onClose }) => { + return (); +}; +const Example = () => { + return ( + { + const id = MobyDickPopup_1.default.openPopup({ + Content: Popup, + props: { + onClose: () => { + MobyDickPopup_1.default.closePopup(id); + }, + }, + }); + }} title={'title'}/> + MobyDickPopup_1.default.closeAllPopups()} title={'title'}/> + ); +}; +describe('@lad-tech/mobydick-core/MobyDickPopup', () => { + it('should renders correctly', async () => { + const { toJSON, getByTestId } = (0, react_native_1.render)( + + ); + // Изначально попапа нет + expect(toJSON()).toMatchSnapshot(); + // Вызвали openPopup и он появился + react_native_1.fireEvent.press(getByTestId(testIdOpenPopup)); + expect(toJSON()).toMatchSnapshot(); + // Вызвали onClose у попапа и он пропал + react_native_1.fireEvent.press(getByTestId(testIdPopup)); + expect(toJSON()).toMatchSnapshot(); + // Пооткрывали много папапов и они отприсовались норм + react_native_1.fireEvent.press(getByTestId(testIdOpenPopup)); + react_native_1.fireEvent.press(getByTestId(testIdOpenPopup)); + expect(toJSON()).toMatchSnapshot(); + // Вызвали closeAllPopups и они все закрылись + react_native_1.fireEvent.press(getByTestId(testIdCloseAllPopup)); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/popups/MobyDickPopup/index.js b/lib/packages/core/src/popups/MobyDickPopup/index.js new file mode 100644 index 000000000..998a5fd4f --- /dev/null +++ b/lib/packages/core/src/popups/MobyDickPopup/index.js @@ -0,0 +1,33 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { + Object.defineProperty(o, "default", { enumerable: true, value: v }); +}) : function(o, v) { + o["default"] = v; +}); +var __importStar = (this && this.__importStar) || function (mod) { + if (mod && mod.__esModule) return mod; + var result = {}; + if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); + __setModuleDefault(result, mod); + return result; +}; +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.modalRef = exports.MobyDickPopup = void 0; +const MobyDickPopup_1 = __importStar(require("./MobyDickPopup")); +exports.MobyDickPopup = MobyDickPopup_1.default; +Object.defineProperty(exports, "modalRef", { enumerable: true, get: function () { return MobyDickPopup_1.modalRef; } }); +__exportStar(require("./types"), exports); diff --git a/lib/packages/core/src/popups/MobyDickPopup/types.js b/lib/packages/core/src/popups/MobyDickPopup/types.js new file mode 100644 index 000000000..c8ad2e549 --- /dev/null +++ b/lib/packages/core/src/popups/MobyDickPopup/types.js @@ -0,0 +1,2 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/lib/packages/core/src/popups/components/ActionSheetBase/ActionSheetBase.js b/lib/packages/core/src/popups/components/ActionSheetBase/ActionSheetBase.js new file mode 100644 index 000000000..f3d015d47 --- /dev/null +++ b/lib/packages/core/src/popups/components/ActionSheetBase/ActionSheetBase.js @@ -0,0 +1,22 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const PopupBase_1 = require("../PopupBase"); +const functions_1 = require("../../functions"); +const useStyles_1 = __importDefault(require("../../../styles/hooks/useStyles")); +const View_1 = __importDefault(require("../../../basic/components/View/View")); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const Item_1 = __importDefault(require("./Item")); +const ActionSheetBase = props => { + const { children, overlayStyle, onClose, containerStyle } = props; + const [styles] = (0, useStyles_1.default)(stylesCreate_1.default); + return ( + + {children} + + ); +}; +ActionSheetBase.Item = Item_1.default; +exports.default = ActionSheetBase; diff --git a/lib/packages/core/src/popups/components/ActionSheetBase/Item.js b/lib/packages/core/src/popups/components/ActionSheetBase/Item.js new file mode 100644 index 000000000..19029aa9a --- /dev/null +++ b/lib/packages/core/src/popups/components/ActionSheetBase/Item.js @@ -0,0 +1,26 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const useStyles_1 = __importDefault(require("../../../styles/hooks/useStyles")); +const useTheme_1 = __importDefault(require("../../../styles/hooks/useTheme")); +const Pressable_1 = __importDefault(require("../../../basic/components/Pressable/Pressable")); +const other_1 = require("../../../other"); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const Contents_1 = __importDefault(require("./content/Contents")); +const Item = props => { + const { onPress, style, disabled, itemType } = props; + const [styles] = (0, useStyles_1.default)(stylesCreate_1.default, itemType); + const { colors } = (0, useTheme_1.default)(); + const getStyle = (0, react_1.useCallback)(({ pressed }) => [ + styles.item, + { backgroundColor: pressed ? colors.BgSecondary : colors.BgPrimary }, + style, + ], []); + return ( + + ); +}; +exports.default = Item; diff --git a/lib/packages/core/src/popups/components/ActionSheetBase/__tests__/ActionSheetBase.test.js b/lib/packages/core/src/popups/components/ActionSheetBase/__tests__/ActionSheetBase.test.js new file mode 100644 index 000000000..10466c172 --- /dev/null +++ b/lib/packages/core/src/popups/components/ActionSheetBase/__tests__/ActionSheetBase.test.js @@ -0,0 +1,22 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const ActionSheetBase_1 = __importDefault(require("../ActionSheetBase")); +const types_1 = require("../types"); +describe('@lad-tech/mobydick-core/ActionSheetBase', () => { + it('should renders correctly', () => { + const { toJSON } = (0, react_native_1.render)( null}> + <> + ); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly with item', () => { + const { toJSON } = (0, react_native_1.render)( null}> + + ); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/popups/components/ActionSheetBase/__tests__/Item.test.js b/lib/packages/core/src/popups/components/ActionSheetBase/__tests__/Item.test.js new file mode 100644 index 000000000..829bf3e2e --- /dev/null +++ b/lib/packages/core/src/popups/components/ActionSheetBase/__tests__/Item.test.js @@ -0,0 +1,42 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const Item_1 = __importDefault(require("../Item")); +const types_1 = require("../types"); +const SimpleIcon_1 = __importDefault(require("../../../../styles/icons/font/SimpleIcon")); +const other_1 = require("../../../../other"); +describe('@lad-tech/mobydick-core/ActionSheetBase', () => { + it('should renders correctly Item', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly Item with textFont', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly inner item', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly Item with !selected', () => { + const { toJSON } = (0, react_native_1.render)( null} textFont={'Regular-White-S'} title={'title'}/>); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly Item with selected', () => { + const { toJSON } = (0, react_native_1.render)( null} title={'title'}/>); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly Item with disabled', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly Item with leftIcon', () => { + const { toJSON, getByLabelText } = (0, react_native_1.render)(}/>); + const pressableItem = getByLabelText(other_1.LABELS.actionSheetsItem); + react_native_1.fireEvent.press(pressableItem); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/popups/components/ActionSheetBase/content/Contents.js b/lib/packages/core/src/popups/components/ActionSheetBase/content/Contents.js new file mode 100644 index 000000000..7ea6401a1 --- /dev/null +++ b/lib/packages/core/src/popups/components/ActionSheetBase/content/Contents.js @@ -0,0 +1,37 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const types_1 = require("../types"); +const stylesCreate_1 = __importDefault(require("../stylesCreate")); +const useStyles_1 = __importDefault(require("../../../../styles/hooks/useStyles")); +const View_1 = __importDefault(require("../../../../basic/components/View/View")); +const typography_1 = require("../../../../typography"); +const CheckBox_1 = __importDefault(require("../../../../controls/CheckBox/CheckBox")); +const Radio_1 = __importDefault(require("../../../../controls/Radio/Radio")); +const Contents = (props) => { + const { title, leftIcon, textFont, radio, checkboxList, onPress, disabled, itemType, } = props; + const [styles] = (0, useStyles_1.default)(stylesCreate_1.default); + const check = checkboxList?.find(item => item === title) || radio === title; + const selectFont = () => { + if (itemType === types_1.IItemType.cancelItem) { + return disabled ? 'Medium-Muted-M' : 'Medium-Accent-M'; + } + else { + return textFont || 'Regular-Primary-M'; + } + }; + return (<> + + {leftIcon && {leftIcon}} + + {title} + + + + {checkboxList && ()} + {radio !== undefined && ()} + ); +}; +exports.default = Contents; diff --git a/lib/packages/core/src/popups/components/ActionSheetBase/index.js b/lib/packages/core/src/popups/components/ActionSheetBase/index.js new file mode 100644 index 000000000..0b53f3d29 --- /dev/null +++ b/lib/packages/core/src/popups/components/ActionSheetBase/index.js @@ -0,0 +1,23 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.ActionSheetBase = void 0; +const ActionSheetBase_1 = __importDefault(require("./ActionSheetBase")); +exports.ActionSheetBase = ActionSheetBase_1.default; +__exportStar(require("./types"), exports); diff --git a/lib/packages/core/src/popups/components/ActionSheetBase/stylesCreate.js b/lib/packages/core/src/popups/components/ActionSheetBase/stylesCreate.js new file mode 100644 index 000000000..3a9dbb316 --- /dev/null +++ b/lib/packages/core/src/popups/components/ActionSheetBase/stylesCreate.js @@ -0,0 +1,73 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const styles_1 = require("../../../styles"); +const px_1 = __importDefault(require("../../../styles/utils/px")); +const types_1 = require("./types"); +const stylesCreate = (0, styles_1.createStyles)(({ spaces, colors }, itemType) => { + const getItemStyle = () => { + switch (itemType) { + case types_1.IItemType.firstItem: + return { + borderTopLeftRadius: spaces.Space12, + borderTopRightRadius: spaces.Space12, + }; + case types_1.IItemType.innerItem: + return { + borderTopWidth: spaces.Space1, + borderTopColor: colors.BgTertiary, + }; + case types_1.IItemType.lastItem: + return { + borderBottomLeftRadius: spaces.Space12, + borderBottomRightRadius: spaces.Space12, + marginBottom: spaces.Space8, + borderTopWidth: spaces.Space1, + borderTopColor: colors.BgTertiary, + }; + case types_1.IItemType.cancelItem: + return { + borderRadius: spaces.Space12, + marginBottom: (0, px_1.default)(30), + justifyContent: 'center', + }; + default: + return { + borderRadius: spaces.Space12, + marginBottom: spaces.Space8, + justifyContent: 'center', + }; + } + }; + return { + overlayStyle: { + justifyContent: 'flex-end', + }, + containerStyle: { + width: '100%', + }, + item: { + justifyContent: 'space-between', + flexDirection: 'row', + alignItems: 'center', + paddingHorizontal: spaces.Space20, + marginHorizontal: spaces.Space8, + minHeight: (0, px_1.default)(50), + ...getItemStyle(), + }, + leftIcon: { + paddingRight: spaces.Space12, + }, + leftIconView: { + justifyContent: 'flex-start', + flexDirection: 'row', + alignItems: 'center', + }, + textSelected: { + paddingVertical: (0, px_1.default)(15), + }, + }; +}); +exports.default = stylesCreate; diff --git a/lib/packages/core/src/popups/components/ActionSheetBase/types.js b/lib/packages/core/src/popups/components/ActionSheetBase/types.js new file mode 100644 index 000000000..d78ad3e92 --- /dev/null +++ b/lib/packages/core/src/popups/components/ActionSheetBase/types.js @@ -0,0 +1,11 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.IItemType = void 0; +var IItemType; +(function (IItemType) { + IItemType["firstItem"] = "firstItem"; + IItemType["innerItem"] = "innerItem"; + IItemType["lastItem"] = "lastItem"; + IItemType["singleItem"] = "singleItem"; + IItemType["cancelItem"] = "cancelItem"; +})(IItemType || (exports.IItemType = IItemType = {})); diff --git a/lib/packages/core/src/popups/components/ModalBase/AlertContent.js b/lib/packages/core/src/popups/components/ModalBase/AlertContent.js new file mode 100644 index 000000000..34edb8968 --- /dev/null +++ b/lib/packages/core/src/popups/components/ModalBase/AlertContent.js @@ -0,0 +1,20 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const SimpleIcon_1 = __importDefault(require("../../../styles/icons/font/SimpleIcon")); +const useStyles_1 = __importDefault(require("../../../styles/hooks/useStyles")); +const useTheme_1 = __importDefault(require("../../../styles/hooks/useTheme")); +const View_1 = __importDefault(require("../../../basic/components/View/View")); +const px_1 = __importDefault(require("../../../styles/utils/px")); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const AlertContent = props => { + const [styles] = (0, useStyles_1.default)(stylesCreate_1.default); + const { colors } = (0, useTheme_1.default)(); + const { name, color, size, style } = props; + return ( + + ); +}; +exports.default = AlertContent; diff --git a/lib/packages/core/src/popups/components/ModalBase/CloseIcon.js b/lib/packages/core/src/popups/components/ModalBase/CloseIcon.js new file mode 100644 index 000000000..64c3e3132 --- /dev/null +++ b/lib/packages/core/src/popups/components/ModalBase/CloseIcon.js @@ -0,0 +1,17 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const useStyles_1 = __importDefault(require("../../../styles/hooks/useStyles")); +const TouchableOpacity_1 = __importDefault(require("../../../basic/components/TouchableOpacity/TouchableOpacity")); +const SimpleIcon_1 = __importDefault(require("../../../styles/icons/font/SimpleIcon")); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const CloseIcon = props => { + const [styles] = (0, useStyles_1.default)(stylesCreate_1.default); + const { onPress } = props; + return ( + + ); +}; +exports.default = CloseIcon; diff --git a/lib/packages/core/src/popups/components/ModalBase/HorizontalButtonsView.js b/lib/packages/core/src/popups/components/ModalBase/HorizontalButtonsView.js new file mode 100644 index 000000000..1b8a82201 --- /dev/null +++ b/lib/packages/core/src/popups/components/ModalBase/HorizontalButtonsView.js @@ -0,0 +1,19 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const useStyles_1 = __importDefault(require("../../../styles/hooks/useStyles")); +const View_1 = __importDefault(require("../../../basic/components/View/View")); +const Button_1 = __importDefault(require("../../../cta/components/Button/Button")); +const types_1 = require("../../../cta/components/Button/types"); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const HorizontalButtonsView = props => { + const [styles] = (0, useStyles_1.default)(stylesCreate_1.default); + const { typeLeft, onPressLeft, textLeft, typeRight, textRight, onPressRight, disabledRight, disabledLeft, } = props; + return ( + + + ); +}; +exports.default = HorizontalButtonsView; diff --git a/lib/packages/core/src/popups/components/ModalBase/ImageView.js b/lib/packages/core/src/popups/components/ModalBase/ImageView.js new file mode 100644 index 000000000..c8ebb8a4e --- /dev/null +++ b/lib/packages/core/src/popups/components/ModalBase/ImageView.js @@ -0,0 +1,13 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const useStyles_1 = __importDefault(require("../../../styles/hooks/useStyles")); +const View_1 = __importDefault(require("../../../basic/components/View/View")); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const ImageView = props => { + const [styles] = (0, useStyles_1.default)(stylesCreate_1.default); + return ({props.image}); +}; +exports.default = ImageView; diff --git a/lib/packages/core/src/popups/components/ModalBase/ModalBase.js b/lib/packages/core/src/popups/components/ModalBase/ModalBase.js new file mode 100644 index 000000000..f0ddbbf14 --- /dev/null +++ b/lib/packages/core/src/popups/components/ModalBase/ModalBase.js @@ -0,0 +1,34 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const PopupBase_1 = require("../PopupBase"); +const functions_1 = require("../../functions"); +const useStyles_1 = __importDefault(require("../../../styles/hooks/useStyles")); +const View_1 = __importDefault(require("../../../basic/components/View/View")); +const CloseIcon_1 = __importDefault(require("./CloseIcon")); +const VerticalButtonsView_1 = __importDefault(require("./VerticalButtonsView")); +const HorizontalButtonsView_1 = __importDefault(require("./HorizontalButtonsView")); +const AlertContent_1 = __importDefault(require("./AlertContent")); +const VerticalButton_1 = __importDefault(require("./VerticalButton")); +const ImageView_1 = __importDefault(require("./ImageView")); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const TextContent_1 = __importDefault(require("./TextContent")); +const ModalBase = props => { + const { children, overlayStyle, onClose, containerStyle } = props; + const [styles] = (0, useStyles_1.default)(stylesCreate_1.default); + return ( + + {children} + + ); +}; +ModalBase.CloseIcon = CloseIcon_1.default; +ModalBase.VerticalButtonsView = VerticalButtonsView_1.default; +ModalBase.HorizontalButtonsView = HorizontalButtonsView_1.default; +ModalBase.AlertContent = AlertContent_1.default; +ModalBase.VerticalButton = VerticalButton_1.default; +ModalBase.ImageView = ImageView_1.default; +ModalBase.TextContent = TextContent_1.default; +exports.default = ModalBase; diff --git a/lib/packages/core/src/popups/components/ModalBase/TextContent.js b/lib/packages/core/src/popups/components/ModalBase/TextContent.js new file mode 100644 index 000000000..a4c349388 --- /dev/null +++ b/lib/packages/core/src/popups/components/ModalBase/TextContent.js @@ -0,0 +1,22 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const useStyles_1 = __importDefault(require("../../../styles/hooks/useStyles")); +const View_1 = __importDefault(require("../../../basic/components/View/View")); +const Typography_1 = require("../../../typography/components/Typography/Typography"); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const TextContent = props => { + const { title, titleStyles, titleFont, descriptionText, descriptionStyles, descriptionFont, } = props; + const [styles] = (0, useStyles_1.default)(stylesCreate_1.default); + return ( + {Boolean(title) && ( + {title} + )} + {Boolean(descriptionText) && ( + {descriptionText} + )} + ); +}; +exports.default = TextContent; diff --git a/lib/packages/core/src/popups/components/ModalBase/VerticalButton.js b/lib/packages/core/src/popups/components/ModalBase/VerticalButton.js new file mode 100644 index 000000000..0f342b611 --- /dev/null +++ b/lib/packages/core/src/popups/components/ModalBase/VerticalButton.js @@ -0,0 +1,11 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const types_1 = require("../../../cta/components/Button/types"); +const Button_1 = __importDefault(require("../../../cta/components/Button/Button")); +const VerticalButton = props => { + return ; +}; +exports.default = VerticalButton; diff --git a/lib/packages/core/src/popups/components/ModalBase/VerticalButtonsView.js b/lib/packages/core/src/popups/components/ModalBase/VerticalButtonsView.js new file mode 100644 index 000000000..eb5167f00 --- /dev/null +++ b/lib/packages/core/src/popups/components/ModalBase/VerticalButtonsView.js @@ -0,0 +1,14 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const View_1 = __importDefault(require("../../../basic/components/View/View")); +const useStyles_1 = __importDefault(require("../../../styles/hooks/useStyles")); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const VerticalButtonsView = props => { + const [styles] = (0, useStyles_1.default)(stylesCreate_1.default); + const { children } = props; + return {children}; +}; +exports.default = VerticalButtonsView; diff --git a/lib/packages/core/src/popups/components/ModalBase/__tests__/AlertContent.test.js b/lib/packages/core/src/popups/components/ModalBase/__tests__/AlertContent.test.js new file mode 100644 index 000000000..89b7d9982 --- /dev/null +++ b/lib/packages/core/src/popups/components/ModalBase/__tests__/AlertContent.test.js @@ -0,0 +1,17 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const AlertContent_1 = __importDefault(require("../AlertContent")); +describe('@lad-tech/mobydick-core/modalBase', () => { + it('should renders correctly AlertContent type = check', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly AlertContent type = warning', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/popups/components/ModalBase/__tests__/CloseIcon.test.js b/lib/packages/core/src/popups/components/ModalBase/__tests__/CloseIcon.test.js new file mode 100644 index 000000000..affe46267 --- /dev/null +++ b/lib/packages/core/src/popups/components/ModalBase/__tests__/CloseIcon.test.js @@ -0,0 +1,13 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const CloseIcon_1 = __importDefault(require("../CloseIcon")); +describe('@lad-tech/mobydick-core/CloseIcon', () => { + it('should renders correctly', () => { + const { toJSON } = (0, react_native_1.render)( null}/>); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/popups/components/ModalBase/__tests__/HorizontalButtonsView.test.js b/lib/packages/core/src/popups/components/ModalBase/__tests__/HorizontalButtonsView.test.js new file mode 100644 index 000000000..fd1ff7733 --- /dev/null +++ b/lib/packages/core/src/popups/components/ModalBase/__tests__/HorizontalButtonsView.test.js @@ -0,0 +1,26 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const types_1 = require("../../../../cta/components/Button/types"); +const HorizontalButtonsView_1 = __importDefault(require("../HorizontalButtonsView")); +describe('@lad-tech/mobydick-core/modalBase', () => { + it('should renders correctly HorizontalButtonsView destructive', () => { + const { toJSON } = (0, react_native_1.render)( console.log('onPressLeft')} textLeft={'textLeft'} typeRight={types_1.IButtonTypes.destructive} onPressRight={() => console.log('onPressRight')} textRight={'textRight'}/>); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly HorizontalButtonsView secondary', () => { + const { toJSON } = (0, react_native_1.render)( console.log('onPressLeft')} textLeft={'textLeft'} typeRight={types_1.IButtonTypes.secondary} onPressRight={() => console.log('onPressRight')} textRight={'textRight'}/>); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly HorizontalButtonsView tertiary', () => { + const { toJSON } = (0, react_native_1.render)( console.log('onPressLeft')} textLeft={'textLeft'} typeRight={types_1.IButtonTypes.tertiary} onPressRight={() => console.log('onPressRight')} textRight={'textRight'}/>); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly HorizontalButtonsView primary', () => { + const { toJSON } = (0, react_native_1.render)( console.log('onPressLeft')} textLeft={'textLeft'} typeRight={types_1.IButtonTypes.primary} onPressRight={() => console.log('onPressRight')} textRight={'textRight'}/>); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/popups/components/ModalBase/__tests__/ImageView.test.js b/lib/packages/core/src/popups/components/ModalBase/__tests__/ImageView.test.js new file mode 100644 index 000000000..9da89e5d2 --- /dev/null +++ b/lib/packages/core/src/popups/components/ModalBase/__tests__/ImageView.test.js @@ -0,0 +1,18 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const View_1 = __importDefault(require("../../../../basic/components/View/View")); +const ImageView_1 = __importDefault(require("../ImageView")); +describe('@lad-tech/mobydick-core/ImageView', () => { + it('should renders correctly', () => { + const { toJSON } = (0, react_native_1.render)(}/>); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly with styles', () => { + const { toJSON } = (0, react_native_1.render)(} imageStyles={{ flex: 1 }}/>); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/popups/components/ModalBase/__tests__/ModalBase.test.js b/lib/packages/core/src/popups/components/ModalBase/__tests__/ModalBase.test.js new file mode 100644 index 000000000..99e3880b1 --- /dev/null +++ b/lib/packages/core/src/popups/components/ModalBase/__tests__/ModalBase.test.js @@ -0,0 +1,17 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const ModalBase_1 = __importDefault(require("../ModalBase")); +describe('@lad-tech/mobydick-core/ModalBase', () => { + afterEach(() => { + jest.resetAllMocks(); + jest.clearAllMocks(); + }); + it('should renders correctly', () => { + const { toJSON } = (0, react_native_1.render)( null}/>); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/popups/components/ModalBase/__tests__/TextContent.text.js b/lib/packages/core/src/popups/components/ModalBase/__tests__/TextContent.text.js new file mode 100644 index 000000000..4ce64f092 --- /dev/null +++ b/lib/packages/core/src/popups/components/ModalBase/__tests__/TextContent.text.js @@ -0,0 +1,29 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const TextContent_1 = __importDefault(require("../TextContent")); +describe('@lad-tech/mobydick-core/Title', () => { + afterEach(() => { + jest.resetAllMocks(); + jest.clearAllMocks(); + }); + it('should renders correctly without titleFont', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly with titleFont', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly without descriptionFont', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly with descriptionFont', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/popups/components/ModalBase/__tests__/VerticalButtonsView.test.js b/lib/packages/core/src/popups/components/ModalBase/__tests__/VerticalButtonsView.test.js new file mode 100644 index 000000000..0e0c6ff4a --- /dev/null +++ b/lib/packages/core/src/popups/components/ModalBase/__tests__/VerticalButtonsView.test.js @@ -0,0 +1,17 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const VerticalButtonsView_1 = __importDefault(require("../VerticalButtonsView")); +const VerticalButton_1 = __importDefault(require("../VerticalButton")); +const types_1 = require("../../../../cta/components/Button/types"); +describe('@lad-tech/mobydick-core/modalBase', () => { + it('should renders correctly VerticalButtonsView one button', () => { + const { toJSON } = (0, react_native_1.render)( + console.log('onPress')} text={'text'}/> + ); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/popups/components/ModalBase/index.js b/lib/packages/core/src/popups/components/ModalBase/index.js new file mode 100644 index 000000000..a0552d878 --- /dev/null +++ b/lib/packages/core/src/popups/components/ModalBase/index.js @@ -0,0 +1,8 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.ModalBase = void 0; +const ModalBase_1 = __importDefault(require("./ModalBase")); +exports.ModalBase = ModalBase_1.default; diff --git a/lib/packages/core/src/popups/components/ModalBase/stylesCreate.js b/lib/packages/core/src/popups/components/ModalBase/stylesCreate.js new file mode 100644 index 000000000..05a8dcdae --- /dev/null +++ b/lib/packages/core/src/popups/components/ModalBase/stylesCreate.js @@ -0,0 +1,71 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("react-native"); +const styles_1 = require("../../../styles"); +const stylesCreate = (0, styles_1.createStyles)(({ spaces, colors }) => { + const { width } = react_native_1.Dimensions.get('window'); + return { + overlayStyle: { + justifyContent: 'flex-end', + }, + container: { + backgroundColor: colors.BgPrimary, + borderRadius: spaces.Space12, + justifyContent: 'center', + alignItems: 'center', + width: width - spaces.Space8 * 2, + paddingHorizontal: spaces.Space20, + paddingVertical: spaces.Space24, + marginVertical: spaces.Space20, + }, + closeButton: { + alignSelf: 'flex-end', + justifyContent: 'center', + position: 'absolute', + top: spaces.Space16, + right: spaces.Space16, + zIndex: 2, + }, + alertView: { + borderRadius: 100, + padding: spaces.Space12, + backgroundColor: colors.BgAccentSoft, + }, + text: { + marginTop: spaces.Space24, + textAlign: 'center', + }, + textContent: { + marginTop: spaces.Space12, + marginBottom: spaces.Space8, + }, + title: { + textAlign: 'center', + }, + description: { + textAlign: 'center', + paddingTop: spaces.Space8, + }, + verticalButtonsView: { + marginTop: spaces.Space20, + alignSelf: 'stretch', + alignItems: 'center', + }, + horizontalButtonsView: { + flexDirection: 'row', + paddingTop: spaces.Space20, + }, + horizontalLeftButton: { + flex: 1, + marginRight: spaces.Space6, + }, + horizontalRightButton: { + flex: 1, + marginLeft: spaces.Space6, + }, + imageView: { + marginBottom: spaces.Space4, + }, + }; +}); +exports.default = stylesCreate; diff --git a/lib/packages/core/src/popups/components/Modals/ModalAsk.js b/lib/packages/core/src/popups/components/Modals/ModalAsk.js new file mode 100644 index 000000000..8f877c005 --- /dev/null +++ b/lib/packages/core/src/popups/components/Modals/ModalAsk.js @@ -0,0 +1,22 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const ModalBase_1 = require("../ModalBase"); +const types_1 = require("../../../cta/components/Button/types"); +const useTheme_1 = __importDefault(require("../../../styles/hooks/useTheme")); +const useStyles_1 = __importDefault(require("../../../styles/hooks/useStyles")); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const ModalAsk = props => { + const { title, descriptionText, typeLeft, textLeft, typeRight, textRight, onPressRight, onClose, } = props; + const { colors } = (0, useTheme_1.default)(); + const [styles] = (0, useStyles_1.default)(stylesCreate_1.default); + return ( + + + + + ); +}; +exports.default = ModalAsk; diff --git a/lib/packages/core/src/popups/components/Modals/ModalError.js b/lib/packages/core/src/popups/components/Modals/ModalError.js new file mode 100644 index 000000000..bd773670c --- /dev/null +++ b/lib/packages/core/src/popups/components/Modals/ModalError.js @@ -0,0 +1,24 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const ModalBase_1 = require("../ModalBase"); +const types_1 = require("../../../cta/components/Button/types"); +const useTheme_1 = __importDefault(require("../../../styles/hooks/useTheme")); +const useStyles_1 = __importDefault(require("../../../styles/hooks/useStyles")); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const ModalError = props => { + const { title, descriptionText, buttonText, onClose } = props; + const { colors } = (0, useTheme_1.default)(); + const [styles] = (0, useStyles_1.default)(stylesCreate_1.default); + return ( + + + + + + + ); +}; +exports.default = ModalError; diff --git a/lib/packages/core/src/popups/components/Modals/ModalLoading.js b/lib/packages/core/src/popups/components/Modals/ModalLoading.js new file mode 100644 index 000000000..7a625a842 --- /dev/null +++ b/lib/packages/core/src/popups/components/Modals/ModalLoading.js @@ -0,0 +1,25 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const ModalBase_1 = require("../ModalBase"); +const useStyles_1 = __importDefault(require("../../../styles/hooks/useStyles")); +const types_1 = require("../../../progress/components/Spinner/types"); +const Spinner_1 = __importDefault(require("../../../progress/components/Spinner/Spinner")); +const types_2 = require("../../../cta/components/Button/types"); +const px_1 = __importDefault(require("../../../styles/utils/px")); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const ModalLoading = props => { + const { onClose, title, descriptionText, buttonText } = props; + const [styles] = (0, useStyles_1.default)(stylesCreate_1.default); + return ( + + + + + + + ); +}; +exports.default = ModalLoading; diff --git a/lib/packages/core/src/popups/components/Modals/ModalSuccess.js b/lib/packages/core/src/popups/components/Modals/ModalSuccess.js new file mode 100644 index 000000000..35982e730 --- /dev/null +++ b/lib/packages/core/src/popups/components/Modals/ModalSuccess.js @@ -0,0 +1,22 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const ModalBase_1 = require("../ModalBase"); +const useStyles_1 = __importDefault(require("../../../styles/hooks/useStyles")); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const ModalSuccess = props => { + const { onClose, title, descriptionText, buttonText } = props; + const [styles] = (0, useStyles_1.default)(stylesCreate_1.default); + return ( + + + + + + + + ); +}; +exports.default = ModalSuccess; diff --git a/lib/packages/core/src/popups/components/Modals/__tests__/ModalAsk.test.js b/lib/packages/core/src/popups/components/Modals/__tests__/ModalAsk.test.js new file mode 100644 index 000000000..7e413f183 --- /dev/null +++ b/lib/packages/core/src/popups/components/Modals/__tests__/ModalAsk.test.js @@ -0,0 +1,18 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const types_1 = require("../../../../cta/components/Button/types"); +const ModalAsk_1 = __importDefault(require("../ModalAsk")); +describe('@lad-tech/mobydick-core/modalAsk', () => { + it('should renders correctly', () => { + const { toJSON } = (0, react_native_1.render)( null} id={'id'} onClose={() => null}/>); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly with optional', () => { + const { toJSON } = (0, react_native_1.render)( null} typeRight={types_1.IButtonTypes.primary} textRight={'textRight'} typeLeft={types_1.IButtonTypes.primary} textLeft={'textLeft'} id={'id'} onClose={() => null}/>); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/popups/components/Modals/__tests__/ModalError.test.js b/lib/packages/core/src/popups/components/Modals/__tests__/ModalError.test.js new file mode 100644 index 000000000..2ca465be8 --- /dev/null +++ b/lib/packages/core/src/popups/components/Modals/__tests__/ModalError.test.js @@ -0,0 +1,17 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const ModalError_1 = __importDefault(require("../ModalError")); +describe('@lad-tech/mobydick-core/modalError', () => { + it('should renders correctly', () => { + const { toJSON } = (0, react_native_1.render)( null}/>); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly with optional', () => { + const { toJSON } = (0, react_native_1.render)( null}/>); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/popups/components/Modals/__tests__/ModalLoading.test.js b/lib/packages/core/src/popups/components/Modals/__tests__/ModalLoading.test.js new file mode 100644 index 000000000..815f534e5 --- /dev/null +++ b/lib/packages/core/src/popups/components/Modals/__tests__/ModalLoading.test.js @@ -0,0 +1,17 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const ModalLoading_1 = __importDefault(require("../ModalLoading")); +describe('@lad-tech/mobydick-core/modalLoading', () => { + it('should renders correctly', () => { + const { toJSON } = (0, react_native_1.render)( null}/>); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly with optional', () => { + const { toJSON } = (0, react_native_1.render)( null}/>); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/popups/components/Modals/__tests__/ModalSuccess.test.js b/lib/packages/core/src/popups/components/Modals/__tests__/ModalSuccess.test.js new file mode 100644 index 000000000..3ec0f38ee --- /dev/null +++ b/lib/packages/core/src/popups/components/Modals/__tests__/ModalSuccess.test.js @@ -0,0 +1,17 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const ModalSuccess_1 = __importDefault(require("../ModalSuccess")); +describe('@lad-tech/mobydick-core/modalSuccess', () => { + it('should renders correctly', () => { + const { toJSON } = (0, react_native_1.render)( null}/>); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly with optional', () => { + const { toJSON } = (0, react_native_1.render)( null}/>); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/popups/components/Modals/index.js b/lib/packages/core/src/popups/components/Modals/index.js new file mode 100644 index 000000000..2b5e0c879 --- /dev/null +++ b/lib/packages/core/src/popups/components/Modals/index.js @@ -0,0 +1,14 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.ModalAsk = exports.ModalSuccess = exports.ModalLoading = exports.ModalError = void 0; +const ModalError_1 = __importDefault(require("./ModalError")); +exports.ModalError = ModalError_1.default; +const ModalLoading_1 = __importDefault(require("./ModalLoading")); +exports.ModalLoading = ModalLoading_1.default; +const ModalSuccess_1 = __importDefault(require("./ModalSuccess")); +exports.ModalSuccess = ModalSuccess_1.default; +const ModalAsk_1 = __importDefault(require("./ModalAsk")); +exports.ModalAsk = ModalAsk_1.default; diff --git a/lib/packages/core/src/popups/components/Modals/stylesCreate.js b/lib/packages/core/src/popups/components/Modals/stylesCreate.js new file mode 100644 index 000000000..e6fd0a123 --- /dev/null +++ b/lib/packages/core/src/popups/components/Modals/stylesCreate.js @@ -0,0 +1,17 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("react-native"); +const styles_1 = require("../../../styles"); +const { width: WIDTH } = react_native_1.Dimensions.get('window'); +const stylesCreate = (0, styles_1.createStyles)(({ spaces }) => ({ + overlayStyle: { + justifyContent: 'center', + }, + container: { + maxWidth: '80%', + }, + contentCalendar: { + width: WIDTH - spaces.Space8 * 2, + }, +})); +exports.default = stylesCreate; diff --git a/lib/packages/core/src/popups/components/Modals/types.js b/lib/packages/core/src/popups/components/Modals/types.js new file mode 100644 index 000000000..c8ad2e549 --- /dev/null +++ b/lib/packages/core/src/popups/components/Modals/types.js @@ -0,0 +1,2 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/lib/packages/core/src/popups/components/PopupBase/PopupBase.js b/lib/packages/core/src/popups/components/PopupBase/PopupBase.js new file mode 100644 index 000000000..735e3acdf --- /dev/null +++ b/lib/packages/core/src/popups/components/PopupBase/PopupBase.js @@ -0,0 +1,31 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const react_native_1 = require("react-native"); +const useStyles_1 = __importDefault(require("../../../styles/hooks/useStyles")); +const Pressable_1 = __importDefault(require("../../../basic/components/Pressable/Pressable")); +const constants_1 = __importDefault(require("./constants")); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const PopupBase = ({ onClose, children, overlayStyle, }) => { + const [styles] = (0, useStyles_1.default)(stylesCreate_1.default); + (0, react_1.useEffect)(() => { + const onBackPress = () => { + onClose(); + return true; + }; + react_native_1.BackHandler.addEventListener('hardwareBackPress', onBackPress); + return () => react_native_1.BackHandler.removeEventListener('hardwareBackPress', onBackPress); + }, []); + const onPressClickOut = (0, react_1.useCallback)((event) => { + if (event.target === event.currentTarget) { + onClose(); + } + }, [onClose]); + return ( + {children} + ); +}; +exports.default = PopupBase; diff --git a/lib/packages/core/src/popups/components/PopupBase/__tests__/PopupBase.test.js b/lib/packages/core/src/popups/components/PopupBase/__tests__/PopupBase.test.js new file mode 100644 index 000000000..74016a6eb --- /dev/null +++ b/lib/packages/core/src/popups/components/PopupBase/__tests__/PopupBase.test.js @@ -0,0 +1,39 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const react_native_2 = require("react-native"); +const PopupBase_1 = __importDefault(require("../PopupBase")); +const constants_1 = __importDefault(require("../constants")); +describe('@lad-tech/mobydick-core/PopupBase', () => { + afterEach(() => { + jest.resetAllMocks(); + jest.clearAllMocks(); + }); + it('BackHandler', () => { + const onClose = jest.fn(); + (0, react_native_1.render)(); + // Оно есть вот туть node_modules/react-native/Libraries/Utilities/__mocks__/BackHandler.js + // eslint-disable-next-line @typescript-eslint/ban-ts-comment + // @ts-ignore + react_native_2.BackHandler.mockPressBack(); + expect(onClose).toHaveBeenCalled(); + }); + it('should renders correctly', () => { + const onClose = jest.fn(); + const { toJSON, getByTestId } = (0, react_native_1.render)(); + const pressable = getByTestId(constants_1.default.testID); + react_native_1.fireEvent.press(pressable, { target: null, currentTarget: null }); + expect(toJSON()).toMatchSnapshot(); + }); + it('should not fire onClose event', () => { + const onClose = jest.fn(); + const { toJSON, getByTestId } = (0, react_native_1.render)(); + const pressable = getByTestId(constants_1.default.testID); + react_native_1.fireEvent.press(pressable, { target: {}, currentTarget: {} }); + expect(toJSON()).toMatchSnapshot(); + expect(onClose).toHaveBeenCalledTimes(0); + }); +}); diff --git a/lib/packages/core/src/popups/components/PopupBase/constants.js b/lib/packages/core/src/popups/components/PopupBase/constants.js new file mode 100644 index 000000000..6b74b4017 --- /dev/null +++ b/lib/packages/core/src/popups/components/PopupBase/constants.js @@ -0,0 +1,7 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +var Constants; +(function (Constants) { + Constants["testID"] = "Pressable"; +})(Constants || (Constants = {})); +exports.default = Constants; diff --git a/lib/packages/core/src/popups/components/PopupBase/index.js b/lib/packages/core/src/popups/components/PopupBase/index.js new file mode 100644 index 000000000..a143494f4 --- /dev/null +++ b/lib/packages/core/src/popups/components/PopupBase/index.js @@ -0,0 +1,23 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.PopupBase = void 0; +const PopupBase_1 = __importDefault(require("./PopupBase")); +exports.PopupBase = PopupBase_1.default; +__exportStar(require("./types"), exports); diff --git a/lib/packages/core/src/popups/components/PopupBase/stylesCreate.js b/lib/packages/core/src/popups/components/PopupBase/stylesCreate.js new file mode 100644 index 000000000..00298fb4a --- /dev/null +++ b/lib/packages/core/src/popups/components/PopupBase/stylesCreate.js @@ -0,0 +1,13 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const styles_1 = require("../../../styles"); +const stylesCreate = (0, styles_1.createStyles)(({ colors }) => ({ + overlay: { + position: 'absolute', + height: '100%', + width: '100%', + backgroundColor: colors.BgOverlay, + alignItems: 'center', + }, +})); +exports.default = stylesCreate; diff --git a/lib/packages/core/src/popups/components/PopupBase/types.js b/lib/packages/core/src/popups/components/PopupBase/types.js new file mode 100644 index 000000000..c8ad2e549 --- /dev/null +++ b/lib/packages/core/src/popups/components/PopupBase/types.js @@ -0,0 +1,2 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/lib/packages/core/src/popups/components/SnackbarBase/SnackbarBase.js b/lib/packages/core/src/popups/components/SnackbarBase/SnackbarBase.js new file mode 100644 index 000000000..e13aaf6f6 --- /dev/null +++ b/lib/packages/core/src/popups/components/SnackbarBase/SnackbarBase.js @@ -0,0 +1,32 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const functions_1 = require("../../functions"); +const useStyles_1 = __importDefault(require("../../../styles/hooks/useStyles")); +const View_1 = __importDefault(require("../../../basic/components/View/View")); +const Title_1 = __importDefault(require("./Title")); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const DEFAULT_TIME_SHOW = 5000; +const SnackbarBase = props => { + const { children, onClose, containerStyle, overlayStyle, position, timeShow } = props; + const [styles] = (0, useStyles_1.default)(stylesCreate_1.default, position); + const timeout = (0, react_1.useRef)(null); + (0, react_1.useEffect)(() => { + timeout.current = setTimeout(() => { + onClose(); + }, timeShow ? timeShow : DEFAULT_TIME_SHOW); + return () => { + timeout.current && clearTimeout(timeout.current); + }; + }, []); + return ( + + {children} + + ); +}; +SnackbarBase.Title = Title_1.default; +exports.default = SnackbarBase; diff --git a/lib/packages/core/src/popups/components/SnackbarBase/Title.js b/lib/packages/core/src/popups/components/SnackbarBase/Title.js new file mode 100644 index 000000000..8cc882ac9 --- /dev/null +++ b/lib/packages/core/src/popups/components/SnackbarBase/Title.js @@ -0,0 +1,16 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const useStyles_1 = __importDefault(require("../../../styles/hooks/useStyles")); +const Typography_1 = require("../../../typography/components/Typography/Typography"); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const Title = props => { + const [styles] = (0, useStyles_1.default)(stylesCreate_1.default); + const { title, titleStyles, titleFont } = props; + return ( + {title} + ); +}; +exports.default = Title; diff --git a/lib/packages/core/src/popups/components/SnackbarBase/__tests__/SnackbarBase.test.js b/lib/packages/core/src/popups/components/SnackbarBase/__tests__/SnackbarBase.test.js new file mode 100644 index 000000000..568837ef5 --- /dev/null +++ b/lib/packages/core/src/popups/components/SnackbarBase/__tests__/SnackbarBase.test.js @@ -0,0 +1,22 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const SnackbarBase_1 = __importDefault(require("../SnackbarBase")); +const types_1 = require("../../../types"); +describe('@lad-tech/mobydick-core/SnackbarBase', () => { + jest.useFakeTimers(); + it('should renders correctly', () => { + const onClose = jest.fn(); + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly with timeShow', () => { + const onClose = jest.fn(); + const { toJSON } = (0, react_native_1.render)(); + jest.runAllTimers(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/popups/components/SnackbarBase/__tests__/Title.test.js b/lib/packages/core/src/popups/components/SnackbarBase/__tests__/Title.test.js new file mode 100644 index 000000000..c81606b63 --- /dev/null +++ b/lib/packages/core/src/popups/components/SnackbarBase/__tests__/Title.test.js @@ -0,0 +1,17 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const Title_1 = __importDefault(require("../Title")); +describe('@lad-tech/mobydick-core/SnackbarBase/Title', () => { + it('should renders correctly without titleFont', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly with titleFont', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/popups/components/SnackbarBase/index.js b/lib/packages/core/src/popups/components/SnackbarBase/index.js new file mode 100644 index 000000000..d56ce792c --- /dev/null +++ b/lib/packages/core/src/popups/components/SnackbarBase/index.js @@ -0,0 +1,23 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.SnackbarBase = void 0; +const SnackbarBase_1 = __importDefault(require("./SnackbarBase")); +exports.SnackbarBase = SnackbarBase_1.default; +__exportStar(require("./types"), exports); diff --git a/lib/packages/core/src/popups/components/SnackbarBase/stylesCreate.js b/lib/packages/core/src/popups/components/SnackbarBase/stylesCreate.js new file mode 100644 index 000000000..c440f178e --- /dev/null +++ b/lib/packages/core/src/popups/components/SnackbarBase/stylesCreate.js @@ -0,0 +1,44 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const types_1 = require("../../types"); +const styles_1 = require("../../../styles"); +const stylesCreate = (0, styles_1.createStyles)(({ colors, spaces }, placement) => { + const placementStyle = () => { + switch (placement) { + case types_1.IPosition.top: + return { + top: 20, + }; + case types_1.IPosition.bottom: + default: + return { + bottom: 10, + }; + } + }; + return { + overlayStyle: { + backgroundColor: 'transparent', + position: 'absolute', + width: '100%', + flex: 1, + alignItems: 'center', + ...placementStyle(), + }, + container: { + backgroundColor: colors.BgContrast, + borderRadius: spaces.Space12, + justifyContent: 'center', + alignItems: 'center', + flexDirection: 'row', + paddingHorizontal: spaces.Space20, + paddingVertical: spaces.Space16, + margin: spaces.Space20, + }, + title: { + flex: 1, + paddingRight: spaces.Space8, + }, + }; +}); +exports.default = stylesCreate; diff --git a/lib/packages/core/src/popups/components/SnackbarBase/types.js b/lib/packages/core/src/popups/components/SnackbarBase/types.js new file mode 100644 index 000000000..c8ad2e549 --- /dev/null +++ b/lib/packages/core/src/popups/components/SnackbarBase/types.js @@ -0,0 +1,2 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/lib/packages/core/src/popups/components/TooltipBase/Arrow.js b/lib/packages/core/src/popups/components/TooltipBase/Arrow.js new file mode 100644 index 000000000..c9f919972 --- /dev/null +++ b/lib/packages/core/src/popups/components/TooltipBase/Arrow.js @@ -0,0 +1,37 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const useStyles_1 = __importDefault(require("../../../styles/hooks/useStyles")); +const View_1 = __importDefault(require("../../../basic/components/View/View")); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const types_1 = require("./types"); +const placementArrow = (placement) => { + switch (placement) { + case types_1.IPlacement.start: + return { + left: 10, + }; + case types_1.IPlacement.end: + return { + right: 10, + }; + case types_1.IPlacement.center: + default: + return { + alignSelf: 'center', + }; + } +}; +const Arrow = props => { + const { arrowViewStyles, placement, position } = props; + const [styles] = (0, useStyles_1.default)(stylesCreate_1.default, position); + return (); +}; +exports.default = Arrow; diff --git a/lib/packages/core/src/popups/components/TooltipBase/DescriptionText.js b/lib/packages/core/src/popups/components/TooltipBase/DescriptionText.js new file mode 100644 index 000000000..1a4a6bd9e --- /dev/null +++ b/lib/packages/core/src/popups/components/TooltipBase/DescriptionText.js @@ -0,0 +1,16 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const useStyles_1 = __importDefault(require("../../../styles/hooks/useStyles")); +const typography_1 = require("../../../typography"); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const DescriptionText = props => { + const [styles] = (0, useStyles_1.default)(stylesCreate_1.default); + const { descriptionText, descriptionStyles, descriptionFont } = props; + return ( + {descriptionText} + ); +}; +exports.default = DescriptionText; diff --git a/lib/packages/core/src/popups/components/TooltipBase/LeftButton.js b/lib/packages/core/src/popups/components/TooltipBase/LeftButton.js new file mode 100644 index 000000000..3aec43af3 --- /dev/null +++ b/lib/packages/core/src/popups/components/TooltipBase/LeftButton.js @@ -0,0 +1,13 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const Button_1 = __importDefault(require("../../../cta/components/Button/Button")); +const types_1 = require("../../../cta/components/Button/types"); +const useTheme_1 = __importDefault(require("../../../styles/hooks/useTheme")); +const LeftButton = props => { + const { spaces } = (0, useTheme_1.default)(); + return (); +}; +exports.default = LeftButton; diff --git a/lib/packages/core/src/popups/components/TooltipBase/Title.js b/lib/packages/core/src/popups/components/TooltipBase/Title.js new file mode 100644 index 000000000..4ed5c56af --- /dev/null +++ b/lib/packages/core/src/popups/components/TooltipBase/Title.js @@ -0,0 +1,16 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const useStyles_1 = __importDefault(require("../../../styles/hooks/useStyles")); +const Typography_1 = require("../../../typography/components/Typography/Typography"); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const Title = props => { + const [styles] = (0, useStyles_1.default)(stylesCreate_1.default); + const { title, titleStyles, titleFont } = props; + return ( + {title} + ); +}; +exports.default = Title; diff --git a/lib/packages/core/src/popups/components/TooltipBase/TooltipBase.js b/lib/packages/core/src/popups/components/TooltipBase/TooltipBase.js new file mode 100644 index 000000000..126ed4aa1 --- /dev/null +++ b/lib/packages/core/src/popups/components/TooltipBase/TooltipBase.js @@ -0,0 +1,76 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const react_native_1 = require("react-native"); +const react_native_safe_area_context_1 = require("react-native-safe-area-context"); +const PopupBase_1 = require("../PopupBase"); +const types_1 = require("../../types"); +const useStyles_1 = __importDefault(require("../../../styles/hooks/useStyles")); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const Title_1 = __importDefault(require("./Title")); +const DescriptionText_1 = __importDefault(require("./DescriptionText")); +const Arrow_1 = __importDefault(require("./Arrow")); +const LeftButton_1 = __importDefault(require("./LeftButton")); +const types_2 = require("./types"); +const TooltipBase = props => { + const { containerStyle, children, onClose, overlayStyle, position, placement, refCurrent, timeShow, } = props; + const [styles] = (0, useStyles_1.default)(stylesCreate_1.default); + const { width, height } = (0, react_native_safe_area_context_1.useSafeAreaFrame)(); + const [positionValueY, setPositionValueY] = (0, react_1.useState)(0); + const [positionValueX, setPositionValueX] = (0, react_1.useState)(0); + const timeout = (0, react_1.useRef)(null); + (0, react_1.useEffect)(() => { + if (timeShow) { + timeout.current = setTimeout(() => { + onClose(); + }, timeShow); + } + return () => { + timeout.current && clearTimeout(timeout.current); + }; + }, []); + (0, react_1.useMemo)(() => { + refCurrent?.current?.measure((_x, _y, _width, _height, _pageX, pageY) => { + if (pageY) { + const androidValue = height - pageY; + position === types_1.IPosition.top + ? setPositionValueY(pageY + _height) + : setPositionValueY(androidValue); + placement === types_2.IPlacement.start + ? setPositionValueX(_pageX) + : setPositionValueX(width - _pageX - _width); + } + }); + }, []); + if (positionValueY === 0) { + return null; + } + return ( + + {children} + + ); +}; +TooltipBase.Title = Title_1.default; +TooltipBase.DescriptionText = DescriptionText_1.default; +TooltipBase.Arrow = Arrow_1.default; +TooltipBase.LeftButton = LeftButton_1.default; +exports.default = TooltipBase; diff --git a/lib/packages/core/src/popups/components/TooltipBase/__tests__/Arrow.test.js b/lib/packages/core/src/popups/components/TooltipBase/__tests__/Arrow.test.js new file mode 100644 index 000000000..96a65f374 --- /dev/null +++ b/lib/packages/core/src/popups/components/TooltipBase/__tests__/Arrow.test.js @@ -0,0 +1,23 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const Arrow_1 = __importDefault(require("../Arrow")); +const types_1 = require("../types"); +const types_2 = require("../../../types"); +describe('@lad-tech/mobydick-core/TooltipBase/Arrow', () => { + it('should renders correctly top start', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly bottom center', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly bottom end', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/popups/components/TooltipBase/__tests__/DescriptionText.test.js b/lib/packages/core/src/popups/components/TooltipBase/__tests__/DescriptionText.test.js new file mode 100644 index 000000000..8116c52f3 --- /dev/null +++ b/lib/packages/core/src/popups/components/TooltipBase/__tests__/DescriptionText.test.js @@ -0,0 +1,17 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const DescriptionText_1 = __importDefault(require("../DescriptionText")); +describe('@lad-tech/mobydick-core/TooltipBase/DescriptionText', () => { + it('should renders correctly font', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/popups/components/TooltipBase/__tests__/LeftButton.test.js b/lib/packages/core/src/popups/components/TooltipBase/__tests__/LeftButton.test.js new file mode 100644 index 000000000..5c7291d7d --- /dev/null +++ b/lib/packages/core/src/popups/components/TooltipBase/__tests__/LeftButton.test.js @@ -0,0 +1,14 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const types_1 = require("../../../../cta/components/Button/types"); +const LeftButton_1 = __importDefault(require("../LeftButton")); +describe('@lad-tech/mobydick-core/TooltipBase/LeftButton', () => { + it('should renders correctly', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/popups/components/TooltipBase/__tests__/Title.test.js b/lib/packages/core/src/popups/components/TooltipBase/__tests__/Title.test.js new file mode 100644 index 000000000..46a19bfe7 --- /dev/null +++ b/lib/packages/core/src/popups/components/TooltipBase/__tests__/Title.test.js @@ -0,0 +1,17 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const Title_1 = __importDefault(require("../Title")); +describe('@lad-tech/mobydick-core/TooltipBase/Title', () => { + it('should renders correctly font', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/popups/components/TooltipBase/__tests__/TooltipBase.test.js b/lib/packages/core/src/popups/components/TooltipBase/__tests__/TooltipBase.test.js new file mode 100644 index 000000000..de490269f --- /dev/null +++ b/lib/packages/core/src/popups/components/TooltipBase/__tests__/TooltipBase.test.js @@ -0,0 +1,49 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const react_native_safe_area_context_1 = require("react-native-safe-area-context"); +const react_1 = __importDefault(require("react")); +const TooltipBase_1 = __importDefault(require("../TooltipBase")); +const types_1 = require("../types"); +const types_2 = require("../../../types"); +const Button_1 = __importDefault(require("../../../../cta/components/Button/Button")); +describe('@lad-tech/mobydick-core/TooltipBase/TooltipBase', () => { + jest.useFakeTimers(); + let buttonRef; + beforeEach(() => { + buttonRef = react_1.default.createRef(); + (0, react_native_1.render)(); + }); + it('should renders correctly bottom center', () => { + jest + .spyOn(buttonRef.current, 'measure') + .mockImplementation((cb) => cb(0, 24, 1, 1, 287, 2410)); + const { toJSON } = (0, react_native_1.render)( + null} position={types_2.IPosition.bottom} placement={types_1.IPlacement.center} refCurrent={buttonRef}/> + ); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly top start', () => { + const { toJSON } = (0, react_native_1.render)( + null} position={types_2.IPosition.top} placement={types_1.IPlacement.start} refCurrent={buttonRef}/> + ); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly top end', () => { + const { toJSON } = (0, react_native_1.render)( + null} position={types_2.IPosition.top} placement={types_1.IPlacement.end} refCurrent={buttonRef}/> + ); + expect(toJSON()).toMatchSnapshot(); + }); + it('should renders correctly Timeshow', () => { + const onClose = jest.fn(); + const { toJSON } = (0, react_native_1.render)( + + ); + jest.runAllTimers(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/popups/components/TooltipBase/index.js b/lib/packages/core/src/popups/components/TooltipBase/index.js new file mode 100644 index 000000000..161d249ce --- /dev/null +++ b/lib/packages/core/src/popups/components/TooltipBase/index.js @@ -0,0 +1,23 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.TooltipBase = void 0; +const TooltipBase_1 = __importDefault(require("./TooltipBase")); +exports.TooltipBase = TooltipBase_1.default; +__exportStar(require("./types"), exports); diff --git a/lib/packages/core/src/popups/components/TooltipBase/stylesCreate.js b/lib/packages/core/src/popups/components/TooltipBase/stylesCreate.js new file mode 100644 index 000000000..2fe82bee6 --- /dev/null +++ b/lib/packages/core/src/popups/components/TooltipBase/stylesCreate.js @@ -0,0 +1,69 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const types_1 = require("../../types"); +const styles_1 = require("../../../styles"); +const stylesCreate = (0, styles_1.createStyles)(({ spaces, colors }, position) => { + const positionStyle = () => { + switch (position) { + case types_1.IPosition.top: + return { + top: -spaces.Space8, + borderBottomWidth: spaces.Space8, + borderRightWidth: spaces.Space8, + borderTopWidth: 0, + borderLeftWidth: spaces.Space8, + borderBottomColor: colors.BgContrast, + borderRightColor: 'transparent', + borderTopColor: 'transparent', + borderLeftColor: 'transparent', + }; + case types_1.IPosition.bottom: + default: + return { + bottom: -spaces.Space8, + borderTopWidth: spaces.Space8, + borderRightWidth: spaces.Space8, + borderBottomWidth: 0, + borderLeftWidth: spaces.Space8, + borderTopColor: colors.BgContrast, + borderRightColor: 'transparent', + borderBottomColor: 'transparent', + borderLeftColor: 'transparent', + }; + } + }; + return { + container: { + backgroundColor: colors.BgContrast, + paddingVertical: spaces.Space8, + paddingHorizontal: spaces.Space16, + borderRadius: spaces.Space8, + justifyContent: 'center', + alignItems: 'flex-start', + zIndex: 1, + marginVertical: spaces.Space8, + position: 'absolute', + }, + overlayStyle: { + backgroundColor: 'transparent', + }, + arrow: { + position: 'absolute', + width: 0, + height: 0, + backgroundColor: 'transparent', + borderStyle: 'solid', + }, + title: { + zIndex: 1, + }, + descriptionText: { + zIndex: 1, + paddingBottom: spaces.Space8, + }, + positionStyle: { + ...positionStyle(), + }, + }; +}); +exports.default = stylesCreate; diff --git a/lib/packages/core/src/popups/components/TooltipBase/types.js b/lib/packages/core/src/popups/components/TooltipBase/types.js new file mode 100644 index 000000000..2a72c8387 --- /dev/null +++ b/lib/packages/core/src/popups/components/TooltipBase/types.js @@ -0,0 +1,9 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.IPlacement = void 0; +var IPlacement; +(function (IPlacement) { + IPlacement["start"] = "start"; + IPlacement["center"] = "center"; + IPlacement["end"] = "end"; +})(IPlacement || (exports.IPlacement = IPlacement = {})); diff --git a/lib/packages/core/src/popups/components/index.js b/lib/packages/core/src/popups/components/index.js new file mode 100644 index 000000000..e8bbd04b9 --- /dev/null +++ b/lib/packages/core/src/popups/components/index.js @@ -0,0 +1,22 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./PopupBase"), exports); +__exportStar(require("./ModalBase"), exports); +__exportStar(require("./SnackbarBase"), exports); +__exportStar(require("./TooltipBase"), exports); +__exportStar(require("./ActionSheetBase"), exports); +__exportStar(require("./Modals"), exports); diff --git a/lib/packages/core/src/popups/context/PopupsContext.js b/lib/packages/core/src/popups/context/PopupsContext.js new file mode 100644 index 000000000..03abc45e0 --- /dev/null +++ b/lib/packages/core/src/popups/context/PopupsContext.js @@ -0,0 +1,14 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const missingFunc = () => { + throw new Error('[@lad-tech/mobydick-core] usePopups hook was called outside of context, wrap your app with PopupsProvider component'); +}; +const PopupsContext = (0, react_1.createContext)({ + popups: [], + openPopup: missingFunc, + closePopup: missingFunc, + closeAllPopups: missingFunc, +}); +PopupsContext.displayName = '@lad-tech/mobydick-core/PopupsContext'; +exports.default = PopupsContext; diff --git a/lib/packages/core/src/popups/context/PopupsProvider.js b/lib/packages/core/src/popups/context/PopupsProvider.js new file mode 100644 index 000000000..3a31a1d94 --- /dev/null +++ b/lib/packages/core/src/popups/context/PopupsProvider.js @@ -0,0 +1,50 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const reducer_1 = require("../reducer"); +const MobyDickPopup_1 = require("../MobyDickPopup"); +const PopupsContext_1 = __importDefault(require("./PopupsContext")); +let popupId = 1; +const PopupsProvider = ({ children }) => { + const [state, dispatch] = (0, react_1.useReducer)(reducer_1.reducer, reducer_1.defaultState); + const openPopup = ({ Content, ...params }) => { + const modalId = params.id || (popupId++).toString(); + dispatch((0, reducer_1.openPopupAction)({ + ...params, + Content: Content, + id: modalId, + })); + return modalId; + }; + const closePopup = (id) => { + dispatch((0, reducer_1.closePopupAction)(id)); + }; + const closeAllPopups = () => { + dispatch((0, reducer_1.closeAllPopupsAction)()); + }; + const context = { + popups: state.popups, + openPopup, + closePopup, + closeAllPopups, + }; + (0, react_1.useImperativeHandle)(MobyDickPopup_1.modalRef, () => ({ + openPopup, + closePopup, + closeAllPopups, + })); + return ( + {children} + {state.popups.map(({ props, Content, id }) => { + return ( { + props?.onClose && typeof props.onClose === 'function' + ? props?.onClose() + : closePopup(id); + }}/>); + })} + ); +}; +exports.default = PopupsProvider; diff --git a/lib/packages/core/src/popups/context/__tests__/PopupsProvider.test.js b/lib/packages/core/src/popups/context/__tests__/PopupsProvider.test.js new file mode 100644 index 000000000..2c6c91396 --- /dev/null +++ b/lib/packages/core/src/popups/context/__tests__/PopupsProvider.test.js @@ -0,0 +1,45 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const hooks_1 = require("../../hooks"); +const PopupsProvider_1 = __importDefault(require("../PopupsProvider")); +const ButtonWrapper_1 = __importDefault(require("../../../basic/components/Button/ButtonWrapper")); +const View_1 = __importDefault(require("../../../basic/components/View/View")); +const testIdPopup = 'testIdPopup'; +const testIdOpenPopup = 'testIdOpenPopup'; +const testIdCloseAllPopup = 'testIdCloseAllPopup'; +const Popup = ({ onClose }) => { + return ( onClose()} title={'title'}/>); +}; +const Example = () => { + const popupContext = (0, hooks_1.usePopups)(); + return ( + popupContext.openPopup({ Content: Popup })} title={'title'}/> + popupContext.closeAllPopups()} title={'title'}/> + ); +}; +describe('@lad-tech/mobydick-core/PopupsProvider', () => { + it('should renders correctly', async () => { + const { toJSON, getByTestId } = (0, react_native_1.render)( + + ); + // Изначально попапа нет + expect(toJSON()).toMatchSnapshot(); + // Вызвали popupContext.openPopup и он появился + react_native_1.fireEvent.press(getByTestId(testIdOpenPopup)); + expect(toJSON()).toMatchSnapshot(); + // Вызвали onClose у попапа и он пропал + react_native_1.fireEvent.press(getByTestId(testIdPopup)); + expect(toJSON()).toMatchSnapshot(); + // Пооткрывали много папапов и они отприсовались норм + react_native_1.fireEvent.press(getByTestId(testIdOpenPopup)); + react_native_1.fireEvent.press(getByTestId(testIdOpenPopup)); + expect(toJSON()).toMatchSnapshot(); + // Вызвали popupContext.closeAllPopups и они все закрылись + react_native_1.fireEvent.press(getByTestId(testIdCloseAllPopup)); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/popups/context/constants.js b/lib/packages/core/src/popups/context/constants.js new file mode 100644 index 000000000..e0233d40d --- /dev/null +++ b/lib/packages/core/src/popups/context/constants.js @@ -0,0 +1,4 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.MISSING_POPUPS_PROVIDER_WARNING = void 0; +exports.MISSING_POPUPS_PROVIDER_WARNING = 'Возможно тебе не хватает PopupsProvider?'; diff --git a/lib/packages/core/src/popups/context/index.js b/lib/packages/core/src/popups/context/index.js new file mode 100644 index 000000000..4fe1a062f --- /dev/null +++ b/lib/packages/core/src/popups/context/index.js @@ -0,0 +1,25 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.PopupsProvider = exports.PopupsContext = void 0; +const PopupsContext_1 = __importDefault(require("./PopupsContext")); +exports.PopupsContext = PopupsContext_1.default; +const PopupsProvider_1 = __importDefault(require("./PopupsProvider")); +exports.PopupsProvider = PopupsProvider_1.default; +__exportStar(require("./types"), exports); diff --git a/lib/packages/core/src/popups/context/types.js b/lib/packages/core/src/popups/context/types.js new file mode 100644 index 000000000..c8ad2e549 --- /dev/null +++ b/lib/packages/core/src/popups/context/types.js @@ -0,0 +1,2 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/lib/packages/core/src/popups/functions/__tests__/returnTrue.text.js b/lib/packages/core/src/popups/functions/__tests__/returnTrue.text.js new file mode 100644 index 000000000..5f5daef91 --- /dev/null +++ b/lib/packages/core/src/popups/functions/__tests__/returnTrue.text.js @@ -0,0 +1,8 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const returnTrue_1 = require("../returnTrue"); +describe('@lad-tech/mobydick-core/functions', () => { + it('should renders correctly', () => { + expect((0, returnTrue_1.returnTrue)()).toBe(true); + }); +}); diff --git a/lib/packages/core/src/popups/functions/index.js b/lib/packages/core/src/popups/functions/index.js new file mode 100644 index 000000000..b719f002c --- /dev/null +++ b/lib/packages/core/src/popups/functions/index.js @@ -0,0 +1,5 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.returnTrue = void 0; +const returnTrue_1 = require("./returnTrue"); +Object.defineProperty(exports, "returnTrue", { enumerable: true, get: function () { return returnTrue_1.returnTrue; } }); diff --git a/lib/packages/core/src/popups/functions/returnTrue.js b/lib/packages/core/src/popups/functions/returnTrue.js new file mode 100644 index 000000000..ff1d5552d --- /dev/null +++ b/lib/packages/core/src/popups/functions/returnTrue.js @@ -0,0 +1,5 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.returnTrue = void 0; +const returnTrue = () => true; +exports.returnTrue = returnTrue; diff --git a/lib/packages/core/src/popups/hooks/__tests__/usePopup.test.js b/lib/packages/core/src/popups/hooks/__tests__/usePopup.test.js new file mode 100644 index 000000000..e13e44ab8 --- /dev/null +++ b/lib/packages/core/src/popups/hooks/__tests__/usePopup.test.js @@ -0,0 +1,56 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_hooks_1 = require("@testing-library/react-hooks"); +const react_native_1 = require("@testing-library/react-native"); +const usePopup_1 = __importDefault(require("../usePopup")); +const context_1 = require("../../context"); +const MobyDickPopup_1 = require("../../MobyDickPopup"); +describe('@lad-tech/mobydick-core/usePopup', () => { + const fakeComponent = () => null; + beforeEach(jest.clearAllMocks); + it('use case', () => { + const openPopup = jest.spyOn(MobyDickPopup_1.MobyDickPopup, 'openPopup'); + const closePopup = jest.spyOn(MobyDickPopup_1.MobyDickPopup, 'closePopup'); + const closeAllPopups = jest.spyOn(MobyDickPopup_1.MobyDickPopup, 'closeAllPopups'); + const props = { title: 'test' }; + const { result } = (0, react_hooks_1.renderHook)(() => (0, usePopup_1.default)(fakeComponent), { + wrapper: context_1.PopupsProvider, + }); + (0, react_native_1.act)(() => { + result.current.open({ title: 'test' }); + }); + expect(openPopup).toHaveBeenCalledWith({ Content: fakeComponent, props }); + (0, react_native_1.act)(() => { + result.current.close(); + }); + expect(closePopup).toHaveBeenCalledWith('1'); + (0, react_native_1.act)(() => { + result.current.closeAll(); + }); + expect(closeAllPopups).toHaveBeenCalled(); + }); + it('close before open', () => { + const closePopup = jest.spyOn(MobyDickPopup_1.MobyDickPopup, 'closePopup'); + const { result } = (0, react_hooks_1.renderHook)(() => (0, usePopup_1.default)(fakeComponent), { + wrapper: context_1.PopupsProvider, + }); + (0, react_native_1.act)(() => { + result.current.close(); + }); + expect(closePopup).not.toHaveBeenCalled(); + }); + it('open without props', () => { + const component = () => null; + const openPopup = jest.spyOn(MobyDickPopup_1.MobyDickPopup, 'openPopup'); + const { result } = (0, react_hooks_1.renderHook)(() => (0, usePopup_1.default)(component), { + wrapper: context_1.PopupsProvider, + }); + (0, react_native_1.act)(() => { + result.current.open(); + }); + expect(openPopup).toHaveBeenCalledWith({ Content: component, props: {} }); + }); +}); diff --git a/lib/packages/core/src/popups/hooks/__tests__/usePopups.test.js b/lib/packages/core/src/popups/hooks/__tests__/usePopups.test.js new file mode 100644 index 000000000..1153ac5f2 --- /dev/null +++ b/lib/packages/core/src/popups/hooks/__tests__/usePopups.test.js @@ -0,0 +1,16 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_hooks_1 = require("@testing-library/react-hooks"); +const usePopups_1 = __importDefault(require("../usePopups")); +describe('@lad-tech/mobydick-core/usePopups', () => { + it('should not usePopups', () => { + const error = new Error('[@lad-tech/mobydick-core] usePopups hook was called outside of context, wrap your app with PopupsProvider component'); + const { result } = (0, react_hooks_1.renderHook)(() => (0, usePopups_1.default)()); + expect(result.current.openPopup).toThrow(error); + expect(result.current.closePopup).toThrow(error); + expect(result.current.closeAllPopups).toThrow(error); + }); +}); diff --git a/lib/packages/core/src/popups/hooks/index.js b/lib/packages/core/src/popups/hooks/index.js new file mode 100644 index 000000000..fe47cb56e --- /dev/null +++ b/lib/packages/core/src/popups/hooks/index.js @@ -0,0 +1,10 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.usePopup = exports.usePopups = void 0; +const usePopups_1 = __importDefault(require("./usePopups")); +exports.usePopups = usePopups_1.default; +const usePopup_1 = __importDefault(require("./usePopup")); +exports.usePopup = usePopup_1.default; diff --git a/lib/packages/core/src/popups/hooks/usePopup.js b/lib/packages/core/src/popups/hooks/usePopup.js new file mode 100644 index 000000000..7bf5ac408 --- /dev/null +++ b/lib/packages/core/src/popups/hooks/usePopup.js @@ -0,0 +1,26 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const MobyDickPopup_1 = require("../MobyDickPopup"); +const usePopup = (modal) => { + const id = (0, react_1.useRef)(null); + return { + open: (props) => { + id.current = MobyDickPopup_1.MobyDickPopup.openPopup({ + Content: modal, + props: props || + {}, + }); + }, + close: () => { + if (id.current) { + MobyDickPopup_1.MobyDickPopup.closePopup(id.current); + id.current = null; + } + }, + closeAll: () => { + MobyDickPopup_1.MobyDickPopup.closeAllPopups(); + }, + }; +}; +exports.default = usePopup; diff --git a/lib/packages/core/src/popups/hooks/usePopups.js b/lib/packages/core/src/popups/hooks/usePopups.js new file mode 100644 index 000000000..18a7976dd --- /dev/null +++ b/lib/packages/core/src/popups/hooks/usePopups.js @@ -0,0 +1,9 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const PopupsContext_1 = __importDefault(require("../context/PopupsContext")); +const usePopups = () => (0, react_1.useContext)(PopupsContext_1.default); +exports.default = usePopups; diff --git a/lib/packages/core/src/popups/index.js b/lib/packages/core/src/popups/index.js new file mode 100644 index 000000000..4ab16c321 --- /dev/null +++ b/lib/packages/core/src/popups/index.js @@ -0,0 +1,24 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.MobyDickPopup = void 0; +__exportStar(require("./context"), exports); +__exportStar(require("./components"), exports); +__exportStar(require("./hooks"), exports); +__exportStar(require("./types"), exports); +__exportStar(require("./functions"), exports); +var MobyDickPopup_1 = require("./MobyDickPopup"); +Object.defineProperty(exports, "MobyDickPopup", { enumerable: true, get: function () { return MobyDickPopup_1.MobyDickPopup; } }); diff --git a/lib/packages/core/src/popups/reducer/__tests__/reducer.test.js b/lib/packages/core/src/popups/reducer/__tests__/reducer.test.js new file mode 100644 index 000000000..6b90e6f2e --- /dev/null +++ b/lib/packages/core/src/popups/reducer/__tests__/reducer.test.js @@ -0,0 +1,9 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const reducer_1 = require("../reducer"); +describe('Popup reducer', () => { + test('Default works', () => { + // dirty hack for get into default case + expect((0, reducer_1.reducer)(reducer_1.defaultState, { type: 'type' })).toStrictEqual(reducer_1.defaultState); + }); +}); diff --git a/lib/packages/core/src/popups/reducer/actions.js b/lib/packages/core/src/popups/reducer/actions.js new file mode 100644 index 000000000..87c39f911 --- /dev/null +++ b/lib/packages/core/src/popups/reducer/actions.js @@ -0,0 +1,18 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.closeAllPopupsAction = exports.closePopupAction = exports.openPopupAction = void 0; +const constatnts_1 = require("./constatnts"); +const openPopupAction = (popup) => ({ + type: constatnts_1.POPUP_OPEN, + popup, +}); +exports.openPopupAction = openPopupAction; +const closePopupAction = (id) => ({ + type: constatnts_1.POPUP_CLOSE, + id, +}); +exports.closePopupAction = closePopupAction; +const closeAllPopupsAction = () => ({ + type: constatnts_1.POPUP_CLOSE_ALL, +}); +exports.closeAllPopupsAction = closeAllPopupsAction; diff --git a/lib/packages/core/src/popups/reducer/constatnts.js b/lib/packages/core/src/popups/reducer/constatnts.js new file mode 100644 index 000000000..6e907a70b --- /dev/null +++ b/lib/packages/core/src/popups/reducer/constatnts.js @@ -0,0 +1,6 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.POPUP_CLOSE_ALL = exports.POPUP_CLOSE = exports.POPUP_OPEN = void 0; +exports.POPUP_OPEN = 'POPUP_OPEN'; +exports.POPUP_CLOSE = 'POPUP_CLOSE'; +exports.POPUP_CLOSE_ALL = 'POPUP_CLOSE_ALL'; diff --git a/lib/packages/core/src/popups/reducer/index.js b/lib/packages/core/src/popups/reducer/index.js new file mode 100644 index 000000000..2c5b8b998 --- /dev/null +++ b/lib/packages/core/src/popups/reducer/index.js @@ -0,0 +1,20 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./reducer"), exports); +__exportStar(require("./actions"), exports); +__exportStar(require("./types"), exports); +__exportStar(require("./constatnts"), exports); diff --git a/lib/packages/core/src/popups/reducer/reducer.js b/lib/packages/core/src/popups/reducer/reducer.js new file mode 100644 index 000000000..7e93b9ce1 --- /dev/null +++ b/lib/packages/core/src/popups/reducer/reducer.js @@ -0,0 +1,33 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.reducer = exports.defaultState = void 0; +const constatnts_1 = require("./constatnts"); +exports.defaultState = { + popups: [], + currentPopup: null, +}; +const reducer = (state, action) => { + switch (action.type) { + case constatnts_1.POPUP_OPEN: + return { + ...state, + popups: [...state.popups, action.popup], + currentPopup: action.popup, + }; + case constatnts_1.POPUP_CLOSE: + return { + ...state, + popups: state.popups.filter(item => item.id !== action.id), + currentPopup: state.popups[state.popups.length - 2] || null, + }; + case constatnts_1.POPUP_CLOSE_ALL: + return { + ...state, + popups: [], + currentPopup: null, + }; + default: + return state; + } +}; +exports.reducer = reducer; diff --git a/lib/packages/core/src/popups/reducer/types.js b/lib/packages/core/src/popups/reducer/types.js new file mode 100644 index 000000000..c8ad2e549 --- /dev/null +++ b/lib/packages/core/src/popups/reducer/types.js @@ -0,0 +1,2 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/lib/packages/core/src/popups/types.js b/lib/packages/core/src/popups/types.js new file mode 100644 index 000000000..1f1e109b7 --- /dev/null +++ b/lib/packages/core/src/popups/types.js @@ -0,0 +1,8 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.IPosition = void 0; +var IPosition; +(function (IPosition) { + IPosition["top"] = "top"; + IPosition["bottom"] = "bottom"; +})(IPosition || (exports.IPosition = IPosition = {})); diff --git a/lib/packages/core/src/progress/components/Indicator/Indicator.js b/lib/packages/core/src/progress/components/Indicator/Indicator.js new file mode 100644 index 000000000..98045a7a1 --- /dev/null +++ b/lib/packages/core/src/progress/components/Indicator/Indicator.js @@ -0,0 +1,36 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const react_native_1 = require("react-native"); +const View_1 = __importDefault(require("../../../basic/components/View/View")); +const useStyles_1 = __importDefault(require("../../../styles/hooks/useStyles")); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const Indicator = props => { + const { percent, indicatorViewStyles, indicatorStyles } = props; + const [styles] = (0, useStyles_1.default)(stylesCreate_1.default); + const percentAnimated = (0, react_1.useRef)(new react_native_1.Animated.Value(percent)).current; + (0, react_1.useEffect)(() => { + react_native_1.Animated.timing(percentAnimated, { + toValue: percent, + duration: 500, + useNativeDriver: false, + }).start(); + }, [percent]); + const width = percentAnimated.interpolate({ + inputRange: [0, 100], + outputRange: ['0%', '100%'], + extrapolate: 'clamp', + }); + return ( + + ); +}; +exports.default = Indicator; diff --git a/lib/packages/core/src/progress/components/Indicator/__tests__/Indicator.test.js b/lib/packages/core/src/progress/components/Indicator/__tests__/Indicator.test.js new file mode 100644 index 000000000..be3bfafe9 --- /dev/null +++ b/lib/packages/core/src/progress/components/Indicator/__tests__/Indicator.test.js @@ -0,0 +1,10 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const index_1 = require("../index"); +describe('@lad-tech/mobydick-core/Indicator', () => { + it('renders correctly with colors', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/progress/components/Indicator/index.js b/lib/packages/core/src/progress/components/Indicator/index.js new file mode 100644 index 000000000..7c7151cae --- /dev/null +++ b/lib/packages/core/src/progress/components/Indicator/index.js @@ -0,0 +1,23 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.Indicator = void 0; +const Indicator_1 = __importDefault(require("./Indicator")); +exports.Indicator = Indicator_1.default; +__exportStar(require("./types"), exports); diff --git a/lib/packages/core/src/progress/components/Indicator/stylesCreate.js b/lib/packages/core/src/progress/components/Indicator/stylesCreate.js new file mode 100644 index 000000000..9ec77771b --- /dev/null +++ b/lib/packages/core/src/progress/components/Indicator/stylesCreate.js @@ -0,0 +1,16 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const styles_1 = require("../../../styles"); +const stylesCreate = (0, styles_1.createStyles)(({ spaces, colors }) => ({ + indicatorView: { + width: '90%', + height: spaces.Space2, + borderRadius: spaces.Space20, + backgroundColor: colors.BgSecondary, + }, + indicator: { + borderRadius: spaces.Space20, + backgroundColor: colors.CtaBtnPrimary, + }, +})); +exports.default = stylesCreate; diff --git a/lib/packages/core/src/progress/components/Indicator/types.js b/lib/packages/core/src/progress/components/Indicator/types.js new file mode 100644 index 000000000..c8ad2e549 --- /dev/null +++ b/lib/packages/core/src/progress/components/Indicator/types.js @@ -0,0 +1,2 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/lib/packages/core/src/progress/components/PanelSpinner/PanelSpinner.js b/lib/packages/core/src/progress/components/PanelSpinner/PanelSpinner.js new file mode 100644 index 000000000..8d68698a6 --- /dev/null +++ b/lib/packages/core/src/progress/components/PanelSpinner/PanelSpinner.js @@ -0,0 +1,41 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("react-native"); +const SimpleIcon_1 = __importDefault(require("../../../styles/icons/font/SimpleIcon")); +const useStyles_1 = __importDefault(require("../../../styles/hooks/useStyles")); +const Spinner_1 = require("../Spinner"); +const types_1 = require("../Spinner/types"); +const Pressable_1 = __importDefault(require("../../../basic/components/Pressable/Pressable")); +const px_1 = __importDefault(require("../../../styles/utils/px")); +const stylesCreate_1 = __importDefault(require("./stylesCreate")); +const PanelSpinner = props => { + const { isLoading, duration = 2500, isError = false, onCancel } = props; + const [styles, theme] = (0, useStyles_1.default)(stylesCreate_1.default); + const SpinnerStatus = () => { + return isError ? ( + + ) : ( + + ); + }; + return ( + {isLoading ? (<> + + {!!onCancel && ( + + )} + ) : ()} + ); +}; +exports.default = PanelSpinner; diff --git a/lib/packages/core/src/progress/components/PanelSpinner/__tests__/PanelSpinner.test.js b/lib/packages/core/src/progress/components/PanelSpinner/__tests__/PanelSpinner.test.js new file mode 100644 index 000000000..ccb34b758 --- /dev/null +++ b/lib/packages/core/src/progress/components/PanelSpinner/__tests__/PanelSpinner.test.js @@ -0,0 +1,24 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const index_1 = require("../index"); +describe('@lad-tech/mobydick-core/PanelSpinner', () => { + it('renders correctly', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly canceled', () => { + const { toJSON } = (0, react_native_1.render)( { + console.log('renders correctly canceled'); + }}/>); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly done', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly error', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/progress/components/PanelSpinner/index.js b/lib/packages/core/src/progress/components/PanelSpinner/index.js new file mode 100644 index 000000000..25c929fd4 --- /dev/null +++ b/lib/packages/core/src/progress/components/PanelSpinner/index.js @@ -0,0 +1,23 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.PanelSpinner = void 0; +const PanelSpinner_1 = __importDefault(require("./PanelSpinner")); +exports.PanelSpinner = PanelSpinner_1.default; +__exportStar(require("./types"), exports); diff --git a/lib/packages/core/src/progress/components/PanelSpinner/stylesCreate.js b/lib/packages/core/src/progress/components/PanelSpinner/stylesCreate.js new file mode 100644 index 000000000..79664dbfb --- /dev/null +++ b/lib/packages/core/src/progress/components/PanelSpinner/stylesCreate.js @@ -0,0 +1,36 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const styles_1 = require("../../../styles"); +const px_1 = __importDefault(require("../../../styles/utils/px")); +const stylesCreate = (0, styles_1.createStyles)(({ spaces, colors }) => ({ + container: { + justifyContent: 'center', + alignItems: 'center', + padding: spaces.Space20, + backgroundColor: colors.BgPrimary, + borderColor: colors.BorderSoft, + borderWidth: (0, px_1.default)(0.5), + borderRadius: (0, px_1.default)(200), + shadowColor: colors.BgBlack, + // ios + shadowOffset: { + width: 0, + height: 1, + }, + shadowOpacity: 0.3, + shadowRadius: (0, px_1.default)(12), + // android + elevation: 10, + }, + insideView: { + justifyContent: 'center', + alignItems: 'center', + width: spaces.Space48, + aspectRatio: 1, + borderRadius: spaces.Space24, + }, +})); +exports.default = stylesCreate; diff --git a/lib/packages/core/src/progress/components/PanelSpinner/types.js b/lib/packages/core/src/progress/components/PanelSpinner/types.js new file mode 100644 index 000000000..c8ad2e549 --- /dev/null +++ b/lib/packages/core/src/progress/components/PanelSpinner/types.js @@ -0,0 +1,2 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/lib/packages/core/src/progress/components/Spinner/Loader.js b/lib/packages/core/src/progress/components/Spinner/Loader.js new file mode 100644 index 000000000..ed55e3151 --- /dev/null +++ b/lib/packages/core/src/progress/components/Spinner/Loader.js @@ -0,0 +1,28 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const styles_1 = require("../../../styles"); +const useTheme_1 = __importDefault(require("../../../styles/hooks/useTheme")); +const types_1 = require("./types"); +const Loader = props => { + const { size, fill, ...otherProps } = props; + const { colors } = (0, useTheme_1.default)(); + const getSize = (color) => { + switch (size) { + case types_1.ISizeSpinner.XXS: + return (); + case types_1.ISizeSpinner.S: + return (); + case types_1.ISizeSpinner.M: + return (); + case types_1.ISizeSpinner.L: + return (); + default: + return (); + } + }; + return getSize(fill || colors.ElementBase); +}; +exports.default = Loader; diff --git a/lib/packages/core/src/progress/components/Spinner/Spinner.js b/lib/packages/core/src/progress/components/Spinner/Spinner.js new file mode 100644 index 000000000..b09cf5020 --- /dev/null +++ b/lib/packages/core/src/progress/components/Spinner/Spinner.js @@ -0,0 +1,35 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const react_native_1 = require("react-native"); +const useTheme_1 = __importDefault(require("../../../styles/hooks/useTheme")); +const Loader_1 = __importDefault(require("./Loader")); +const types_1 = require("./types"); +const Spinner = props => { + const { duration = 2500, size = types_1.ISizeSpinner.S, fill, ...otherProps } = props; + const { colors } = (0, useTheme_1.default)(); + const spinValue = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current; + (0, react_1.useEffect)(() => { + const loop = react_native_1.Animated.loop(react_native_1.Animated.timing(spinValue, { + useNativeDriver: true, + toValue: 1, + duration, + })); + loop.start(); + return () => { + loop.stop(); + spinValue.setValue(0); + }; + }, [duration]); + const rotation = spinValue.interpolate({ + inputRange: [0, 1], + outputRange: ['0deg', '360deg'], + }); + return ( + + ); +}; +exports.default = Spinner; diff --git a/lib/packages/core/src/progress/components/Spinner/__tests__/Loader.test.js b/lib/packages/core/src/progress/components/Spinner/__tests__/Loader.test.js new file mode 100644 index 000000000..8d6781ec8 --- /dev/null +++ b/lib/packages/core/src/progress/components/Spinner/__tests__/Loader.test.js @@ -0,0 +1,26 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const types_1 = require("../types"); +const Loader_1 = __importDefault(require("../Loader")); +describe('@lad-tech/mobydick-core/Loader', () => { + it('renders correctly S', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly M', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly L', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly without size', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/progress/components/Spinner/__tests__/Spinner.test.js b/lib/packages/core/src/progress/components/Spinner/__tests__/Spinner.test.js new file mode 100644 index 000000000..d6520ae1b --- /dev/null +++ b/lib/packages/core/src/progress/components/Spinner/__tests__/Spinner.test.js @@ -0,0 +1,19 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const index_1 = require("../index"); +const types_1 = require("../types"); +describe('@lad-tech/mobydick-core/Spinner', () => { + it('renders correctly S', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly M', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly L', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/progress/components/Spinner/index.js b/lib/packages/core/src/progress/components/Spinner/index.js new file mode 100644 index 000000000..45fd51df1 --- /dev/null +++ b/lib/packages/core/src/progress/components/Spinner/index.js @@ -0,0 +1,23 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.Spinner = void 0; +const Spinner_1 = __importDefault(require("./Spinner")); +exports.Spinner = Spinner_1.default; +__exportStar(require("./types"), exports); diff --git a/lib/packages/core/src/progress/components/Spinner/types.js b/lib/packages/core/src/progress/components/Spinner/types.js new file mode 100644 index 000000000..1ea1695b5 --- /dev/null +++ b/lib/packages/core/src/progress/components/Spinner/types.js @@ -0,0 +1,11 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.ISizeSpinner = void 0; +var ISizeSpinner; +(function (ISizeSpinner) { + ISizeSpinner["XXS"] = "XXS"; + ISizeSpinner["XS"] = "XS"; + ISizeSpinner["S"] = "S"; + ISizeSpinner["M"] = "M"; + ISizeSpinner["L"] = "L"; +})(ISizeSpinner || (exports.ISizeSpinner = ISizeSpinner = {})); diff --git a/lib/packages/core/src/progress/components/index.js b/lib/packages/core/src/progress/components/index.js new file mode 100644 index 000000000..5b3f3fdcb --- /dev/null +++ b/lib/packages/core/src/progress/components/index.js @@ -0,0 +1,19 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./Spinner"), exports); +__exportStar(require("./Indicator"), exports); +__exportStar(require("./PanelSpinner"), exports); diff --git a/lib/packages/core/src/progress/index.js b/lib/packages/core/src/progress/index.js new file mode 100644 index 000000000..b69ae2499 --- /dev/null +++ b/lib/packages/core/src/progress/index.js @@ -0,0 +1,17 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./components"), exports); diff --git a/lib/packages/core/src/styles/constants/HIT_SLOP.js b/lib/packages/core/src/styles/constants/HIT_SLOP.js new file mode 100644 index 000000000..f01d1d064 --- /dev/null +++ b/lib/packages/core/src/styles/constants/HIT_SLOP.js @@ -0,0 +1,12 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const px_1 = __importDefault(require("../utils/px")); +const HIT_SLOP = { + small: { top: (0, px_1.default)(10), bottom: (0, px_1.default)(10), left: (0, px_1.default)(10), right: (0, px_1.default)(10) }, + medium: { top: (0, px_1.default)(20), bottom: (0, px_1.default)(20), left: (0, px_1.default)(20), right: (0, px_1.default)(20) }, + large: { top: (0, px_1.default)(30), bottom: (0, px_1.default)(30), left: (0, px_1.default)(30), right: (0, px_1.default)(30) }, +}; +exports.default = HIT_SLOP; diff --git a/lib/packages/core/src/styles/constants/colors/color.js b/lib/packages/core/src/styles/constants/colors/color.js new file mode 100644 index 000000000..088ea7d10 --- /dev/null +++ b/lib/packages/core/src/styles/constants/colors/color.js @@ -0,0 +1,281 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.defaultBannerDarkColor = exports.defaultBannerLightColor = exports.defaultCategoryDarkColor = exports.defaultCategoryLightColor = exports.defaultChartDarkColor = exports.defaultChartLightColor = exports.defaultCTADarkColor = exports.defaultCTALightColor = exports.defaultBgDarkColor = exports.defaultBgLightColor = exports.defaultBorderDarkColor = exports.defaultBorderLightColor = exports.defaultElementDarkColor = exports.defaultElementLightColor = exports.defaultIconDarkColor = exports.defaultIconLightColor = exports.defaultTextDarkColor = exports.defaultTextLightColor = void 0; +exports.defaultTextLightColor = { + TextPrimary: '#20242D', + TextSecondary: '#444B5A', + TextTertiary: '#5E6678', + TextMuted: '#9BA1B0', + TextAccent: '#2B78EE', + TextAccentContrast: '#4C94FF', + TextContrast: '#FFF', + TextError: '#F54D3D', + TextBlack: '#20242D', + TextBlackExtra: 'rgba(32, 36, 45, 0.75)', + TextWhite: '#FFF', + TextWhiteExtra: 'rgba(255, 255, 255, 0.75)', + TextSuccess: '#29A35C', + TextWarning: '#F97A1F', +}; +exports.defaultTextDarkColor = { + TextPrimary: '#FFFFFF', + TextSecondary: '#D1D4DB', + TextTertiary: '#B6BBC6', + TextMuted: '#7A8394', + TextAccent: '#4C94FF', + TextAccentContrast: '#2B78EE', + TextContrast: '#20242D', + TextError: '#F86B5D', + TextBlack: '#20242D', + TextBlackExtra: 'rgba(32, 36, 45, 0.75)', + TextWhite: '#FFF', + TextWhiteExtra: 'rgba(255, 255, 255, 0.75)', + TextSuccess: '#4ABA79', + TextWarning: '#FA9247', +}; +exports.defaultIconLightColor = { + IconNeutral: '#5E6678', + IconMuted: '#9BA1B0', + IconBase: '#2B78EE', + IconAttention: '#F54D3D', + IconAdditional: '#FAB742', + IconWhite: '#FFF', + IconBlack: '#1E232F', + IconSuccess: '#4ABA79', +}; +exports.defaultIconDarkColor = { + IconNeutral: '#B6BBC6', + IconMuted: '#7A8394', + IconBase: '#4C94FF', + IconAttention: '#F86B5D', + IconAdditional: '#FAB742', + IconWhite: '#FFF', + IconBlack: '#1E232F', + IconSuccess: '#4ABA79', +}; +exports.defaultElementLightColor = { + ElementNeutral: '#5E6678', + ElementMuted: '#B6BBC6', + ElementBase: '#2B78EE', + ElementAttention: '#F54D3D', + ElementAdditional: '#FAB742', + ElementWhite: '#FFF', + ElementBlack: '#20242D', + ElementSuccess: '#4ABA79', +}; +exports.defaultElementDarkColor = { + ElementNeutral: '#B6BBC6', + ElementMuted: '#5E6678', + ElementBase: '#4C94FF', + ElementAttention: '#F86B5D', + ElementAdditional: '#FAB742', + ElementWhite: '#FFF', + ElementBlack: '#20242D', + ElementSuccess: '#4ABA79', +}; +exports.defaultBorderLightColor = { + BorderExtra: 'rgba(32, 36, 45, 0.75)', + BorderHard: 'rgba(32, 36, 45, 0.45)', + BorderNormal: 'rgba(32, 36, 45, 0.3)', + BorderSoft: 'rgba(32, 36, 45, 0.15)', + BorderError: '#F54D3D', + BorderSuccess: '#2B78EE', +}; +exports.defaultBorderDarkColor = { + BorderExtra: 'rgba(255, 255, 255, 0.75)', + BorderHard: 'rgba(255, 255, 255, 0.45)', + BorderNormal: 'rgba(255, 255, 255, 0.3)', + BorderSoft: 'rgba(255, 255, 255, 0.15)', + BorderError: '#F86B5D', + BorderSuccess: '#4C94FF', +}; +exports.defaultBgLightColor = { + BgPrimary: '#FFF', + BgPrimaryExtra: 'rgba(255, 255, 255, 0.75)', + BgSecondary: '#EEEFF1', + BgTertiary: '#D1D4DB', + BgQuaternary: '#B6BBC6', + BgContrast: '#20242D', + BgContrastExtra: 'rgba(32, 36, 45, 0.75)', + BgError: 'rgba(245, 77, 61, 0.15)', + BgAccent: '#E5F0FF', + BgAccentSoft: 'rgba(43, 120, 238, 0.15)', + BgAccentNormal: 'rgba(43, 120, 238, 0.3)', + BgAccentHard: 'rgba(43, 120, 238, 0.45)', + BgOverlay: 'rgba(0, 0, 0, 0.2)', + BgBlack: '#20242D', + BgWhite: '#FFF', + BgWhiteSoft: 'rgba(255, 255, 255, 0.15)', + BgSuccess: 'rgba(74, 186, 121, 0.15)', + BgWarning: 'rgba(250, 183, 66, 0.15)', +}; +exports.defaultBgDarkColor = { + BgPrimary: '#20242D', + BgPrimaryExtra: 'rgba(32, 36, 45, 0.75)', + BgSecondary: '#2E3442', + BgTertiary: '#444B5A', + BgQuaternary: '#5E6678', + BgContrast: '#FFF', + BgContrastExtra: 'rgba(255, 255, 255, 0.75)', + BgError: 'rgba(245, 77, 61, 0.15)', + BgAccent: '#1E2C43', + BgAccentSoft: 'rgba(43, 120, 238, 0.15)', + BgAccentNormal: 'rgba(43, 120, 238, 0.3)', + BgAccentHard: 'rgba(43, 120, 238, 0.45)', + BgOverlay: 'rgba(255, 255, 255, 0.2)', + BgBlack: '#20242D', + BgWhite: '#FFF', + BgWhiteSoft: 'rgba(255, 255, 255, 0.15)', + BgSuccess: 'rgba(74, 186, 121, 0.15)', + BgWarning: 'rgba(250, 183, 66, 0.15)', +}; +exports.defaultCTALightColor = { + CtaBtnPrimary: '#2B78EE', + CtaBtnSecondary: 'rgba(43, 120, 238, 0.15)', + CtaBtnMuted: '#9BA1B0', + CtaBtnDestructive: '#F54D3D', +}; +exports.defaultCTADarkColor = { + CtaBtnPrimary: '#2B78EE', + CtaBtnSecondary: 'rgba(43, 120, 238, 0.15)', + CtaBtnMuted: '#758199', + CtaBtnDestructive: '#F86B5D', +}; +exports.defaultChartLightColor = { + ChartFirst: '#FF6952', + ChartFirstHard: 'rgba(255, 105, 82, 0.45)', + ChartFirstSoft: 'rgba(255, 105, 82, 0.15)', + ChartSecond: '#FA9247', + ChartSecondHard: 'rgba(250, 146, 71, 0.45)', + ChartSecondSoft: 'rgba(250, 146, 71, 0.15)', + ChartThird: '#FAB742', + ChartThirdHard: 'rgba(250, 183, 66, 0.45)', + ChartThirdSoft: 'rgba(250, 183, 66, 0.15)', + ChartFourth: '#4ABA79', + ChartFourthHard: 'rgba(74, 186, 121, 0.45)', + ChartFourthSoft: 'rgba(74, 186, 121, 0.15)', + ChartFifth: '#2DB3B3', + ChartFifthHard: 'rgba(45, 179, 179, 0.45)', + ChartFifthSoft: 'rgba(45, 179, 179, 0.15)', + ChartSixth: '#2B78EE', + ChartSixthHard: 'rgba(43, 120, 238, 0.45)', + ChartSixthSoft: 'rgba(43, 120, 238, 0.15)', + ChartSeventh: '#6E6EF7', + ChartSeventhHard: 'rgba(110, 110, 247, 0.45)', + ChartSeventhSoft: 'rgba(110, 110, 247, 0.15)', +}; +exports.defaultChartDarkColor = { + ChartFirst: '#FF6952', + ChartFirstHard: 'rgba(255, 105, 82, 0.45)', + ChartFirstSoft: 'rgba(255, 105, 82, 0.15)', + ChartSecond: '#FA9247', + ChartSecondHard: 'rgba(250, 146, 71, 0.45)', + ChartSecondSoft: 'rgba(250, 146, 71, 0.15)', + ChartThird: '#FAB742', + ChartThirdHard: 'rgba(250, 183, 66, 0.45)', + ChartThirdSoft: 'rgba(250, 183, 66, 0.15)', + ChartFourth: '#4ABA79', + ChartFourthHard: 'rgba(74, 186, 121, 0.45)', + ChartFourthSoft: 'rgba(74, 186, 121, 0.15)', + ChartFifth: '#2DB3B3', + ChartFifthHard: 'rgba(45, 179, 179, 0.45)', + ChartFifthSoft: 'rgba(45, 179, 179, 0.15)', + ChartSixth: '#2B78EE', + ChartSixthHard: 'rgba(43, 120, 238, 0.45)', + ChartSixthSoft: 'rgba(43, 120, 238, 0.15)', + ChartSeventh: '#6E6EF7', + ChartSeventhHard: 'rgba(110, 110, 247, 0.45)', + ChartSeventhSoft: 'rgba(110, 110, 247, 0.15)', +}; +exports.defaultCategoryLightColor = { + CategoryFirst: '#FF6952', + CategoryFirstHard: 'rgba(255, 105, 82, 0.45)', + CategoryFirstSoft: 'rgba(255, 105, 82, 0.15)', + CategorySecond: '#FA9247', + CategorySecondHard: 'rgba(250, 146, 71, 0.45)', + CategorySecondSoft: 'rgba(250, 146, 71, 0.15)', + CategoryThird: '#FAB742', + CategoryThirdHard: 'rgba(250, 183, 66, 0.45)', + CategoryThirdSoft: 'rgba(250, 183, 66, 0.15)', + CategoryFourth: '#4ABA79', + CategoryFourthHard: 'rgba(74, 186, 121, 0.45)', + CategoryFourthSoft: 'rgba(74, 186, 121, 0.15)', + CategoryFifth: '#2DB3B3', + CategoryFifthHard: 'rgba(45, 179, 179, 0.45)', + CategoryFifthSoft: 'rgba(45, 179, 179, 0.15)', + CategorySixth: '#2B78EE', + CategorySixthHard: 'rgba(43, 120, 238, 0.45)', + CategorySixthSoft: 'rgba(43, 120, 238, 0.15)', + CategorySeventh: '#6E6EF7', + CategorySeventhHard: 'rgba(110, 110, 247, 0.45)', + CategorySeventhSoft: 'rgba(110, 110, 247, 0.15)', +}; +exports.defaultCategoryDarkColor = { + CategoryFirst: '#FF6952', + CategoryFirstHard: 'rgba(255, 105, 82, 0.45)', + CategoryFirstSoft: 'rgba(255, 105, 82, 0.15)', + CategorySecond: '#FA9247', + CategorySecondHard: 'rgba(250, 146, 71, 0.45)', + CategorySecondSoft: 'rgba(250, 146, 71, 0.15)', + CategoryThird: '#FAB742', + CategoryThirdHard: 'rgba(250, 183, 66, 0.45)', + CategoryThirdSoft: 'rgba(250, 183, 66, 0.15)', + CategoryFourth: '#4ABA79', + CategoryFourthHard: 'rgba(74, 186, 121, 0.45)', + CategoryFourthSoft: 'rgba(74, 186, 121, 0.15)', + CategoryFifth: '#2DB3B3', + CategoryFifthHard: 'rgba(45, 179, 179, 0.45)', + CategoryFifthSoft: 'rgba(45, 179, 179, 0.15)', + CategorySixth: '#2B78EE', + CategorySixthHard: 'rgba(43, 120, 238, 0.45)', + CategorySixthSoft: 'rgba(43, 120, 238, 0.15)', + CategorySeventh: '#6E6EF7', + CategorySeventhHard: 'rgba(110, 110, 247, 0.45)', + CategorySeventhSoft: 'rgba(110, 110, 247, 0.15)', +}; +exports.defaultBannerLightColor = { + BannerFirst: '#FF6952', + BannerFirstHard: 'rgba(255, 105, 82, 0.45)', + BannerFirstSoft: 'rgba(255, 105, 82, 0.15)', + BannerSecond: '#FA9247', + BannerSecondHard: 'rgba(250, 146, 71, 0.45)', + BannerSecondSoft: 'rgba(250, 146, 71, 0.15)', + BannerThird: '#FAB742', + BannerThirdHard: 'rgba(250, 183, 66, 0.45)', + BannerThirdSoft: 'rgba(250, 183, 66, 0.15)', + BannerFourth: '#4ABA79', + BannerFourthHard: 'rgba(74, 186, 121, 0.45)', + BannerFourthSoft: 'rgba(74, 186, 121, 0.15)', + BannerFifth: '#2DB3B3', + BannerFifthHard: 'rgba(45, 179, 179, 0.45)', + BannerFifthSoft: 'rgba(45, 179, 179, 0.15)', + BannerSixth: '#2B78EE', + BannerSixthHard: 'rgba(43, 120, 238, 0.45)', + BannerSixthSoft: 'rgba(43, 120, 238, 0.15)', + BannerSeventh: '#6E6EF7', + BannerSeventhHard: 'rgba(110, 110, 247, 0.45)', + BannerSeventhSoft: 'rgba(110, 110, 247, 0.15)', +}; +exports.defaultBannerDarkColor = { + BannerFirst: '#FF6952', + BannerFirstHard: 'rgba(255, 105, 82, 0.45)', + BannerFirstSoft: 'rgba(255, 105, 82, 0.15)', + BannerSecond: '#FA9247', + BannerSecondHard: 'rgba(250, 146, 71, 0.45)', + BannerSecondSoft: 'rgba(250, 146, 71, 0.15)', + BannerThird: '#FAB742', + BannerThirdHard: 'rgba(250, 183, 66, 0.45)', + BannerThirdSoft: 'rgba(250, 183, 66, 0.15)', + BannerFourth: '#4ABA79', + BannerFourthHard: 'rgba(74, 186, 121, 0.45)', + BannerFourthSoft: 'rgba(74, 186, 121, 0.15)', + BannerFifth: '#2DB3B3', + BannerFifthHard: 'rgba(45, 179, 179, 0.45)', + BannerFifthSoft: 'rgba(45, 179, 179, 0.15)', + BannerSixth: '#2B78EE', + BannerSixthHard: 'rgba(43, 120, 238, 0.45)', + BannerSixthSoft: 'rgba(43, 120, 238, 0.15)', + BannerSeventh: '#6E6EF7', + BannerSeventhHard: 'rgba(110, 110, 247, 0.45)', + BannerSeventhSoft: 'rgba(110, 110, 247, 0.15)', +}; diff --git a/lib/packages/core/src/styles/constants/colors/index.js b/lib/packages/core/src/styles/constants/colors/index.js new file mode 100644 index 000000000..45f9def70 --- /dev/null +++ b/lib/packages/core/src/styles/constants/colors/index.js @@ -0,0 +1,18 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./color"), exports); +__exportStar(require("./types"), exports); diff --git a/lib/packages/core/src/styles/constants/colors/types.js b/lib/packages/core/src/styles/constants/colors/types.js new file mode 100644 index 000000000..c8ad2e549 --- /dev/null +++ b/lib/packages/core/src/styles/constants/colors/types.js @@ -0,0 +1,2 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/lib/packages/core/src/styles/constants/defaultSpaces.js b/lib/packages/core/src/styles/constants/defaultSpaces.js new file mode 100644 index 000000000..d08deae1d --- /dev/null +++ b/lib/packages/core/src/styles/constants/defaultSpaces.js @@ -0,0 +1,23 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.defaultSpaces = void 0; +const px_1 = __importDefault(require("../utils/px")); +exports.defaultSpaces = { + Space1: (0, px_1.default)(1), + Space2: (0, px_1.default)(2), + Space4: (0, px_1.default)(4), + Space6: (0, px_1.default)(6), + Space8: (0, px_1.default)(8), + Space10: (0, px_1.default)(10), + Space12: (0, px_1.default)(12), + Space16: (0, px_1.default)(16), + Space20: (0, px_1.default)(20), + Space24: (0, px_1.default)(24), + Space32: (0, px_1.default)(32), + Space40: (0, px_1.default)(40), + Space48: (0, px_1.default)(48), + Space64: (0, px_1.default)(64), +}; diff --git a/lib/packages/core/src/styles/constants/index.js b/lib/packages/core/src/styles/constants/index.js new file mode 100644 index 000000000..f97da7d60 --- /dev/null +++ b/lib/packages/core/src/styles/constants/index.js @@ -0,0 +1,25 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.HIT_SLOP = void 0; +const HIT_SLOP_1 = __importDefault(require("./HIT_SLOP")); +exports.HIT_SLOP = HIT_SLOP_1.default; +__exportStar(require("./colors"), exports); +__exportStar(require("./defaultSpaces"), exports); +__exportStar(require("./theme"), exports); diff --git a/lib/packages/core/src/styles/constants/theme.js b/lib/packages/core/src/styles/constants/theme.js new file mode 100644 index 000000000..c3f109ffa --- /dev/null +++ b/lib/packages/core/src/styles/constants/theme.js @@ -0,0 +1,54 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.defaultTheme = exports.defaultFonts = exports.CurrentTheme = void 0; +const getShadows_1 = require("../shadows/getShadows"); +const defaultSpaces_1 = require("./defaultSpaces"); +const colors_1 = require("./colors"); +var CurrentTheme; +(function (CurrentTheme) { + CurrentTheme["light"] = "light"; + CurrentTheme["dark"] = "dark"; +})(CurrentTheme || (exports.CurrentTheme = CurrentTheme = {})); +exports.defaultFonts = { + Regular: 'Inter-Regular', + Medium: 'Inter-Medium', + SemiBold: 'Inter-SemiBold', + Bold: 'Inter-Bold', + Italic: 'Inter-Italic', + BoldItalic: 'Inter-BoldItalic', +}; +exports.defaultTheme = { + currentTheme: CurrentTheme.light, + colors: { + [CurrentTheme.light]: { + ...colors_1.defaultTextLightColor, + ...colors_1.defaultElementLightColor, + ...colors_1.defaultIconLightColor, + ...colors_1.defaultBgLightColor, + ...colors_1.defaultCTALightColor, + ...colors_1.defaultBorderLightColor, + ...colors_1.defaultChartLightColor, + ...colors_1.defaultCategoryLightColor, + ...colors_1.defaultBannerLightColor, + }, + [CurrentTheme.dark]: { + ...colors_1.defaultTextDarkColor, + ...colors_1.defaultElementDarkColor, + ...colors_1.defaultIconDarkColor, + ...colors_1.defaultBgDarkColor, + ...colors_1.defaultCTADarkColor, + ...colors_1.defaultBorderDarkColor, + ...colors_1.defaultChartDarkColor, + ...colors_1.defaultCategoryDarkColor, + ...colors_1.defaultBannerDarkColor, + }, + }, + spaces: { + ...defaultSpaces_1.defaultSpaces, + }, + fonts: exports.defaultFonts, + shadows: (0, getShadows_1.getShadows)({ + spaces: defaultSpaces_1.defaultSpaces, + currentTheme: CurrentTheme.light, + }), +}; diff --git a/lib/packages/core/src/styles/context/ThemeProvider.js b/lib/packages/core/src/styles/context/ThemeProvider.js new file mode 100644 index 000000000..4c7ed166f --- /dev/null +++ b/lib/packages/core/src/styles/context/ThemeProvider.js @@ -0,0 +1,29 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const theme_1 = require("../constants/theme"); +const getShadows_1 = require("../shadows/getShadows"); +const context_1 = __importDefault(require("./context")); +const ThemeProvider = ({ theme, currentTheme, children }) => { + const [themeState, setThemeState] = (0, react_1.useState)(theme ?? theme_1.defaultTheme); + const [currentThemeState, setCurrentThemeState] = (0, react_1.useState)(currentTheme ?? theme_1.defaultTheme.currentTheme); + return ( + {children} + ); +}; +exports.default = ThemeProvider; diff --git a/lib/packages/core/src/styles/context/__tests__/ThemeProvider.test.js b/lib/packages/core/src/styles/context/__tests__/ThemeProvider.test.js new file mode 100644 index 000000000..f4f386219 --- /dev/null +++ b/lib/packages/core/src/styles/context/__tests__/ThemeProvider.test.js @@ -0,0 +1,13 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const ThemeProvider_1 = __importDefault(require("../ThemeProvider")); +describe('ThemeProvider', () => { + it('render correctly', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/styles/context/context.js b/lib/packages/core/src/styles/context/context.js new file mode 100644 index 000000000..a1662867e --- /dev/null +++ b/lib/packages/core/src/styles/context/context.js @@ -0,0 +1,23 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.defaultThemeContext = exports.missingFunc = exports.MissingThemeProviderError = void 0; +const react_1 = require("react"); +const theme_1 = require("../constants/theme"); +exports.MissingThemeProviderError = new Error('[@lad-tech/mobydick-core] useTheme hook was called outside of context, wrap your app with ThemeProvider component'); +const missingFunc = () => { + throw exports.MissingThemeProviderError; +}; +exports.missingFunc = missingFunc; +exports.defaultThemeContext = { + theme: theme_1.defaultTheme, + spaces: theme_1.defaultTheme.spaces, + colors: theme_1.defaultTheme.colors[theme_1.defaultTheme.currentTheme], + currentTheme: theme_1.defaultTheme.currentTheme, + fonts: theme_1.defaultFonts, + shadows: theme_1.defaultTheme.shadows, + setTheme: exports.missingFunc, + setCurrentTheme: exports.missingFunc, +}; +const ThemeContext = (0, react_1.createContext)(exports.defaultThemeContext); +ThemeContext.displayName = '@lad-tech/mobydick-core/ThemeContext'; +exports.default = ThemeContext; diff --git a/lib/packages/core/src/styles/context/index.js b/lib/packages/core/src/styles/context/index.js new file mode 100644 index 000000000..c27b11f1f --- /dev/null +++ b/lib/packages/core/src/styles/context/index.js @@ -0,0 +1,10 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.ThemeProvider = exports.ThemeContext = void 0; +const context_1 = __importDefault(require("./context")); +exports.ThemeContext = context_1.default; +const ThemeProvider_1 = __importDefault(require("./ThemeProvider")); +exports.ThemeProvider = ThemeProvider_1.default; diff --git a/lib/packages/core/src/styles/hooks/__tests__/useStyles.tests.js b/lib/packages/core/src/styles/hooks/__tests__/useStyles.tests.js new file mode 100644 index 000000000..cb355ce65 --- /dev/null +++ b/lib/packages/core/src/styles/hooks/__tests__/useStyles.tests.js @@ -0,0 +1,16 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_hooks_1 = require("@testing-library/react-hooks"); +const react_native_1 = require("react-native"); +const useStyles_1 = __importDefault(require("../useStyles")); +const context_1 = require("../../context/context"); +const styles = () => react_native_1.StyleSheet.create({ test: { flex: 1 } }); +describe('useStyles', () => { + it('render correctly', () => { + const { result } = (0, react_hooks_1.renderHook)(() => (0, useStyles_1.default)(styles)); + expect(result.current).toStrictEqual([styles(), context_1.defaultThemeContext]); + }); +}); diff --git a/lib/packages/core/src/styles/hooks/__tests__/useTheme.test.js b/lib/packages/core/src/styles/hooks/__tests__/useTheme.test.js new file mode 100644 index 000000000..de79424d8 --- /dev/null +++ b/lib/packages/core/src/styles/hooks/__tests__/useTheme.test.js @@ -0,0 +1,16 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_hooks_1 = require("@testing-library/react-hooks"); +const useTheme_1 = __importDefault(require("../useTheme")); +const context_1 = require("../../context/context"); +describe('useTheme', () => { + it('throw error when change without Provider', () => { + const { result } = (0, react_hooks_1.renderHook)(() => (0, useTheme_1.default)()); + expect(result.current).toStrictEqual(context_1.defaultThemeContext); + expect(result.current.setCurrentTheme).toThrow(context_1.MissingThemeProviderError); + expect(result.current.setTheme).toThrow(context_1.MissingThemeProviderError); + }); +}); diff --git a/lib/packages/core/src/styles/hooks/index.js b/lib/packages/core/src/styles/hooks/index.js new file mode 100644 index 000000000..1f3f0ad4d --- /dev/null +++ b/lib/packages/core/src/styles/hooks/index.js @@ -0,0 +1,10 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.useStyles = exports.useTheme = void 0; +const useStyles_1 = __importDefault(require("./useStyles")); +exports.useStyles = useStyles_1.default; +const useTheme_1 = __importDefault(require("./useTheme")); +exports.useTheme = useTheme_1.default; diff --git a/lib/packages/core/src/styles/hooks/useStyles.js b/lib/packages/core/src/styles/hooks/useStyles.js new file mode 100644 index 000000000..187f83242 --- /dev/null +++ b/lib/packages/core/src/styles/hooks/useStyles.js @@ -0,0 +1,11 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const useTheme_1 = __importDefault(require("./useTheme")); +const useStyles = (createStyleFn, ...args) => { + const theme = (0, useTheme_1.default)(); + return [createStyleFn(theme, ...args), theme]; +}; +exports.default = useStyles; diff --git a/lib/packages/core/src/styles/hooks/useTheme.js b/lib/packages/core/src/styles/hooks/useTheme.js new file mode 100644 index 000000000..1c171e115 --- /dev/null +++ b/lib/packages/core/src/styles/hooks/useTheme.js @@ -0,0 +1,9 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const context_1 = __importDefault(require("../context/context")); +const useTheme = () => (0, react_1.useContext)(context_1.default); +exports.default = useTheme; diff --git a/lib/packages/core/src/styles/icons/font/SimpleIcon.js b/lib/packages/core/src/styles/icons/font/SimpleIcon.js new file mode 100644 index 000000000..fc35f244b --- /dev/null +++ b/lib/packages/core/src/styles/icons/font/SimpleIcon.js @@ -0,0 +1,28 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.iconNames = void 0; +const react_1 = require("react"); +const Text_1 = __importDefault(require("../../../basic/components/Text/Text")); +const useTheme_1 = __importDefault(require("../../hooks/useTheme")); +const px_1 = __importDefault(require("../../utils/px")); +const unicodesMap_json_1 = __importDefault(require("./unicodesMap.json")); +const SimpleIcon = ({ size = (0, px_1.default)(24), name, style, color, }) => { + const { colors } = (0, useTheme_1.default)(); + const resolveGlyph = (0, react_1.useCallback)((iconName) => { + const glyph = unicodesMap_json_1.default[iconName]; + return String.fromCodePoint(glyph); + }, []); + const icon = (0, react_1.useMemo)(() => resolveGlyph(name), [name]); + const textStyle = { + fontSize: size, + fontFamily: 'Neotis', + color: color ?? colors.IconNeutral, + ...style, + }; + return {icon}; +}; +exports.iconNames = Object.keys(unicodesMap_json_1.default); +exports.default = SimpleIcon; diff --git a/lib/packages/core/src/styles/icons/font/SimpleIconAlbum.js b/lib/packages/core/src/styles/icons/font/SimpleIconAlbum.js new file mode 100644 index 000000000..81833ec6e --- /dev/null +++ b/lib/packages/core/src/styles/icons/font/SimpleIconAlbum.js @@ -0,0 +1,47 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { + Object.defineProperty(o, "default", { enumerable: true, value: v }); +}) : function(o, v) { + o["default"] = v; +}); +var __importStar = (this && this.__importStar) || function (mod) { + if (mod && mod.__esModule) return mod; + var result = {}; + if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); + __setModuleDefault(result, mod); + return result; +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const Pressable_1 = __importDefault(require("../../../basic/components/Pressable/Pressable")); +const FlatList_1 = __importDefault(require("../../../basic/components/FlatList/FlatList")); +const px_1 = __importDefault(require("../../utils/px")); +const SimpleIcon_1 = __importStar(require("./SimpleIcon")); +const renderItem = (onPress, color) => ({ item }) => { + return ( onPress(item)}> + + ); +}; +const keyExtractor = item => item; +const SimpleIconAlbum = ({ color, onPress, numColumns = 9, ...rest }) => { + return (); +}; +const styles = { + item: { + padding: (0, px_1.default)(10), + }, +}; +exports.default = SimpleIconAlbum; diff --git a/lib/packages/core/src/styles/icons/font/__tests__/SimpleIcon.test.js b/lib/packages/core/src/styles/icons/font/__tests__/SimpleIcon.test.js new file mode 100644 index 000000000..f1703d606 --- /dev/null +++ b/lib/packages/core/src/styles/icons/font/__tests__/SimpleIcon.test.js @@ -0,0 +1,13 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const SimpleIcon_1 = __importDefault(require("../SimpleIcon")); +describe('@lad-tech/mobydick-core/icons/SimpleIcon', () => { + it('renders correctly', () => { + const { toJSON } = (0, react_native_1.render)(); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/styles/icons/font/__tests__/SimpleIconAlbum.test.js b/lib/packages/core/src/styles/icons/font/__tests__/SimpleIconAlbum.test.js new file mode 100644 index 000000000..1692108a1 --- /dev/null +++ b/lib/packages/core/src/styles/icons/font/__tests__/SimpleIconAlbum.test.js @@ -0,0 +1,24 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const SimpleIconAlbum_1 = __importDefault(require("../SimpleIconAlbum")); +describe('@lad-tech/mobydick-core/icons/SimpleIconAlbum', () => { + it('renders correctly', () => { + const { toJSON } = (0, react_native_1.render)( console.log()}/>); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly with color', () => { + const { toJSON } = (0, react_native_1.render)( console.log()}/>); + expect(toJSON()).toMatchSnapshot(); + }); + it('renders correctly with press', () => { + const onPress = jest.fn(); + const { getByTestId } = (0, react_native_1.render)(); + const pressable = getByTestId('icon-image'); + react_native_1.fireEvent.press(pressable, { target: null, currentTarget: null }); + expect(onPress).toHaveBeenCalledWith('icon-image'); + }); +}); diff --git a/lib/packages/core/src/styles/icons/font/index.js b/lib/packages/core/src/styles/icons/font/index.js new file mode 100644 index 000000000..d98247515 --- /dev/null +++ b/lib/packages/core/src/styles/icons/font/index.js @@ -0,0 +1,34 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { + Object.defineProperty(o, "default", { enumerable: true, value: v }); +}) : function(o, v) { + o["default"] = v; +}); +var __importStar = (this && this.__importStar) || function (mod) { + if (mod && mod.__esModule) return mod; + var result = {}; + if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); + __setModuleDefault(result, mod); + return result; +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.iconNames = exports.SimpleIconAlbum = exports.SimpleIcon = void 0; +const SimpleIconAlbum_1 = __importDefault(require("./SimpleIconAlbum")); +exports.SimpleIconAlbum = SimpleIconAlbum_1.default; +const SimpleIcon_1 = __importStar(require("./SimpleIcon")); +exports.SimpleIcon = SimpleIcon_1.default; +Object.defineProperty(exports, "iconNames", { enumerable: true, get: function () { return SimpleIcon_1.iconNames; } }); diff --git a/lib/packages/core/src/styles/icons/font/unicodesMap.json b/lib/packages/core/src/styles/icons/font/unicodesMap.json new file mode 100644 index 000000000..725eb4a40 --- /dev/null +++ b/lib/packages/core/src/styles/icons/font/unicodesMap.json @@ -0,0 +1,103 @@ +{ + "icon-Bio_agefill": 59905, + "icon-Calendarfill": 59906, + "icon-CellsFill": 59907, + "icon-Chart2fill": 59908, + "icon-Chartfill": 59909, + "icon-Fatfill": 59910, + "icon-Kettlebellfill": 59911, + "icon-Musclefill": 59912, + "icon-Rulerfill": 59913, + "icon-Sleepfill": 59914, + "icon-Stepfill": 59915, + "icon-Time": 59916, + "icon-Waterfill": 59917, + "icon-account": 59918, + "icon-accountfill": 59919, + "icon-arrow-down": 59920, + "icon-arrow-left": 59921, + "icon-arrow-left-1": 59922, + "icon-arrow-right": 59923, + "icon-arrow-right-1": 59924, + "icon-arrow-up": 59925, + "icon-attachment": 59926, + "icon-bag": 59927, + "icon-bagfill": 59928, + "icon-bar": 59929, + "icon-bookmark": 59930, + "icon-calendar": 59931, + "icon-calendar_search": 59932, + "icon-call": 59933, + "icon-camera": 59934, + "icon-cancel": 59935, + "icon-cancel2": 59936, + "icon-card": 59937, + "icon-cart": 59938, + "icon-case": 59939, + "icon-chart": 59940, + "icon-chart2": 59941, + "icon-check": 59942, + "icon-check2": 59943, + "icon-copy": 59944, + "icon-delete": 59945, + "icon-diamond": 59946, + "icon-discount": 59947, + "icon-doc": 59948, + "icon-edit": 59949, + "icon-exchange": 59950, + "icon-filter": 59951, + "icon-flash": 59952, + "icon-folder": 59953, + "icon-folder-1": 59954, + "icon-grid": 59955, + "icon-gridfill": 59956, + "icon-group": 59957, + "icon-hangup": 59958, + "icon-heart": 59959, + "icon-heartfill": 59960, + "icon-hide": 59961, + "icon-home2": 59962, + "icon-house": 59963, + "icon-housefill": 59964, + "icon-image": 59965, + "icon-info": 59966, + "icon-info2": 59967, + "icon-kebab": 59968, + "icon-link": 59969, + "icon-list": 59970, + "icon-loading": 59971, + "icon-location": 59972, + "icon-lock": 59973, + "icon-logout": 59974, + "icon-mail": 59975, + "icon-mic": 59976, + "icon-minus": 59977, + "icon-money": 59978, + "icon-mute": 59979, + "icon-noconnection": 59980, + "icon-notification": 59981, + "icon-plus": 59982, + "icon-plus2": 59983, + "icon-present": 59984, + "icon-qr": 59985, + "icon-ruble": 59986, + "icon-search": 59987, + "icon-send": 59988, + "icon-settings": 59989, + "icon-share": 59990, + "icon-show": 59991, + "icon-smartphone": 59992, + "icon-sort-horizontal": 59993, + "icon-sort-vertical": 59994, + "icon-speed": 59995, + "icon-stack": 59996, + "icon-starfill": 59997, + "icon-staroutline": 59998, + "icon-unlock": 59999, + "icon-unmute": 60000, + "icon-video": 60001, + "icon-videooff": 60002, + "icon-volume": 60003, + "icon-wallet": 60004, + "icon-warning": 60005 +} diff --git a/lib/packages/core/src/styles/icons/index.js b/lib/packages/core/src/styles/icons/index.js new file mode 100644 index 000000000..e387da210 --- /dev/null +++ b/lib/packages/core/src/styles/icons/index.js @@ -0,0 +1,18 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./font"), exports); +__exportStar(require("./svg"), exports); diff --git a/lib/packages/core/src/styles/icons/svg/index.js b/lib/packages/core/src/styles/icons/svg/index.js new file mode 100644 index 000000000..075502377 --- /dev/null +++ b/lib/packages/core/src/styles/icons/svg/index.js @@ -0,0 +1,18 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.Loader = exports.Check = exports.Exit = exports.Plus = exports.Hide = exports.Show = void 0; +const show_svg_1 = __importDefault(require("./show.svg")); +exports.Show = show_svg_1.default; +const hide_svg_1 = __importDefault(require("./hide.svg")); +exports.Hide = hide_svg_1.default; +const plus_svg_1 = __importDefault(require("./plus.svg")); +exports.Plus = plus_svg_1.default; +const exit_svg_1 = __importDefault(require("./exit.svg")); +exports.Exit = exit_svg_1.default; +const check_svg_1 = __importDefault(require("./check.svg")); +exports.Check = check_svg_1.default; +const loader_svg_1 = __importDefault(require("./loader.svg")); +exports.Loader = loader_svg_1.default; diff --git a/lib/packages/core/src/styles/index.js b/lib/packages/core/src/styles/index.js new file mode 100644 index 000000000..f3430a500 --- /dev/null +++ b/lib/packages/core/src/styles/index.js @@ -0,0 +1,23 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./icons"), exports); +__exportStar(require("./context"), exports); +__exportStar(require("./constants"), exports); +__exportStar(require("./types"), exports); +__exportStar(require("./hooks"), exports); +__exportStar(require("./utils"), exports); +__exportStar(require("./shadows"), exports); diff --git a/lib/packages/core/src/styles/shadows/getShadows.js b/lib/packages/core/src/styles/shadows/getShadows.js new file mode 100644 index 000000000..502d16a4a --- /dev/null +++ b/lib/packages/core/src/styles/shadows/getShadows.js @@ -0,0 +1,95 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.getShadows = exports.shadowsAndroidDark = exports.shadowsAndroidLight = exports.shadowsIosDark = exports.shadowsIosLight = void 0; +const react_native_1 = require("react-native"); +const shadowsIosLight = ({ spaces, }) => ({ + small: { + shadowOffset: { + width: 0, + height: spaces.Space2, + }, + shadowRadius: spaces.Space4, + shadowOpacity: 0.16, + }, + medium: { + shadowOffset: { + width: 0, + height: spaces.Space6, + }, + shadowRadius: spaces.Space8, + shadowOpacity: 0.16, + }, + large: { + shadowOffset: { + width: 0, + height: spaces.Space12, + }, + shadowRadius: spaces.Space16, + shadowOpacity: 0.16, + }, +}); +exports.shadowsIosLight = shadowsIosLight; +const shadowsIosDark = ({ spaces, }) => ({ + small: { + shadowOffset: { + width: 0, + height: spaces.Space2, + }, + shadowRadius: spaces.Space4, + shadowOpacity: 0.48, + }, + medium: { + shadowOffset: { + width: 0, + height: spaces.Space6, + }, + shadowRadius: spaces.Space8, + shadowOpacity: 0.48, + }, + large: { + shadowOffset: { + width: 0, + height: spaces.Space12, + }, + shadowRadius: spaces.Space16, + shadowOpacity: 0.48, + }, +}); +exports.shadowsIosDark = shadowsIosDark; +const shadowsAndroidLight = ({ spaces, }) => ({ + small: { + elevation: spaces.Space1, + }, + medium: { + elevation: spaces.Space8, + }, + large: { + elevation: spaces.Space16, + }, +}); +exports.shadowsAndroidLight = shadowsAndroidLight; +const shadowsAndroidDark = ({ spaces, }) => ({ + small: { + elevation: spaces.Space4, + }, + medium: { + elevation: spaces.Space12, + }, + large: { + elevation: spaces.Space24, + }, +}); +exports.shadowsAndroidDark = shadowsAndroidDark; +const getShadows = ({ spaces, currentTheme, }) => { + const isDark = currentTheme === 'dark'; + if (react_native_1.Platform.OS === 'ios') { + return isDark ? (0, exports.shadowsIosDark)({ spaces }) : (0, exports.shadowsIosLight)({ spaces }); + } + if (react_native_1.Platform.OS === 'android') { + return isDark + ? (0, exports.shadowsAndroidDark)({ spaces }) + : (0, exports.shadowsAndroidLight)({ spaces }); + } + return (0, exports.shadowsAndroidLight)({ spaces }); +}; +exports.getShadows = getShadows; diff --git a/lib/packages/core/src/styles/shadows/index.js b/lib/packages/core/src/styles/shadows/index.js new file mode 100644 index 000000000..40d1e7f5e --- /dev/null +++ b/lib/packages/core/src/styles/shadows/index.js @@ -0,0 +1,17 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./getShadows"), exports); diff --git a/lib/packages/core/src/styles/types.js b/lib/packages/core/src/styles/types.js new file mode 100644 index 000000000..c8ad2e549 --- /dev/null +++ b/lib/packages/core/src/styles/types.js @@ -0,0 +1,2 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/lib/packages/core/src/styles/utils/__tests__/rem.test.js b/lib/packages/core/src/styles/utils/__tests__/rem.test.js new file mode 100644 index 000000000..4bdbfd6ec --- /dev/null +++ b/lib/packages/core/src/styles/utils/__tests__/rem.test.js @@ -0,0 +1,30 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("react-native"); +const rem_1 = __importDefault(require("../rem")); +describe('rem', () => { + it('should correct ios', () => { + react_native_1.Platform.OS = 'ios'; + const res = (0, rem_1.default)(10); + expect(res).toEqual(15); + }); + it('should correct android', () => { + react_native_1.Platform.OS = 'android'; + const res = (0, rem_1.default)(10); + expect(res).toEqual(15); + }); + it('should correct horizontal', () => { + react_native_1.Platform.OS = 'android'; + jest.spyOn(react_native_1.Dimensions, 'get').mockImplementation(() => ({ + width: 818, + height: 414, + scale: 1, + fontScale: 1, + })); + const res = (0, rem_1.default)(10); + expect(res).toEqual(11); + }); +}); diff --git a/lib/packages/core/src/styles/utils/createStyles.js b/lib/packages/core/src/styles/utils/createStyles.js new file mode 100644 index 000000000..05983a76f --- /dev/null +++ b/lib/packages/core/src/styles/utils/createStyles.js @@ -0,0 +1,6 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const createStyles = (fn) => { + return fn; +}; +exports.default = createStyles; diff --git a/lib/packages/core/src/styles/utils/index.js b/lib/packages/core/src/styles/utils/index.js new file mode 100644 index 000000000..ca5cbcceb --- /dev/null +++ b/lib/packages/core/src/styles/utils/index.js @@ -0,0 +1,12 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.px = exports.rem = exports.createStyles = void 0; +const createStyles_1 = __importDefault(require("./createStyles")); +exports.createStyles = createStyles_1.default; +const rem_1 = __importDefault(require("./rem")); +exports.rem = rem_1.default; +const px_1 = __importDefault(require("./px")); +exports.px = px_1.default; diff --git a/lib/packages/core/src/styles/utils/px.js b/lib/packages/core/src/styles/utils/px.js new file mode 100644 index 000000000..d44c9e2cb --- /dev/null +++ b/lib/packages/core/src/styles/utils/px.js @@ -0,0 +1,7 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("react-native"); +const px = (size) => { + return react_native_1.PixelRatio.roundToNearestPixel(size); +}; +exports.default = px; diff --git a/lib/packages/core/src/styles/utils/rem.js b/lib/packages/core/src/styles/utils/rem.js new file mode 100644 index 000000000..c3714f260 --- /dev/null +++ b/lib/packages/core/src/styles/utils/rem.js @@ -0,0 +1,23 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.scale = void 0; +const react_native_1 = require("react-native"); +const guidelineBaseWidth = 375; +const scale = (size) => { + const { width, height } = react_native_1.Dimensions.get('window'); + if (width < height) { + return (width / guidelineBaseWidth) * size; + } + else { + return (height / guidelineBaseWidth) * size; + } +}; +exports.scale = scale; +/** + * @deprecated Bad working with large screens use `px` instead + */ +const rem = (size, factor = 0.5) => { + const newSize = size + ((0, exports.scale)(size) - size) * factor; + return react_native_1.PixelRatio.roundToNearestPixel(newSize); +}; +exports.default = rem; diff --git a/lib/packages/core/src/typography/components/Typography/Typography.js b/lib/packages/core/src/typography/components/Typography/Typography.js new file mode 100644 index 000000000..bf6b99b31 --- /dev/null +++ b/lib/packages/core/src/typography/components/Typography/Typography.js @@ -0,0 +1,15 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.Typography = void 0; +const Text_1 = __importDefault(require("../../../basic/components/Text/Text")); +const hooks_1 = require("../../hooks"); +const Typography = ({ children, font = 'Regular-Primary-S', style, ...props }) => { + const { fontStyle } = (0, hooks_1.useFont)(font); + return ( + {children} + ); +}; +exports.Typography = Typography; diff --git a/lib/packages/core/src/typography/components/Typography/__tests__/Typography.test.js b/lib/packages/core/src/typography/components/Typography/__tests__/Typography.test.js new file mode 100644 index 000000000..b10b4d77d --- /dev/null +++ b/lib/packages/core/src/typography/components/Typography/__tests__/Typography.test.js @@ -0,0 +1,10 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const Typography_1 = require("../Typography"); +describe('@lad-tech/mobydick-core/Typography', () => { + it('renders default correctly', () => { + const { toJSON } = (0, react_native_1.render)(My Text); + expect(toJSON()).toMatchSnapshot(); + }); +}); diff --git a/lib/packages/core/src/typography/components/Typography/index.js b/lib/packages/core/src/typography/components/Typography/index.js new file mode 100644 index 000000000..ef9323090 --- /dev/null +++ b/lib/packages/core/src/typography/components/Typography/index.js @@ -0,0 +1,17 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./Typography"), exports); diff --git a/lib/packages/core/src/typography/components/index.js b/lib/packages/core/src/typography/components/index.js new file mode 100644 index 000000000..ef9323090 --- /dev/null +++ b/lib/packages/core/src/typography/components/index.js @@ -0,0 +1,17 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./Typography"), exports); diff --git a/lib/packages/core/src/typography/hooks/__tests__/useFont.test.js b/lib/packages/core/src/typography/hooks/__tests__/useFont.test.js new file mode 100644 index 000000000..029f797cd --- /dev/null +++ b/lib/packages/core/src/typography/hooks/__tests__/useFont.test.js @@ -0,0 +1,26 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_hooks_1 = require("@testing-library/react-hooks"); +const useFont_1 = require("../useFont"); +describe('useFont', () => { + test('positive case default font', () => { + const { result: { current }, } = (0, react_hooks_1.renderHook)(() => (0, useFont_1.useFont)()); + expect(current.fontStyle).toStrictEqual({ + color: '#20242D', + fontFamily: 'Inter-Regular', + fontSize: 22.5, + lineHeight: 28.5, + minHeight: 28.5, + }); + }); + test('positive case custom font', () => { + const { result: { current }, } = (0, react_hooks_1.renderHook)(() => (0, useFont_1.useFont)('Medium-Primary-S')); + expect(current.fontStyle).toStrictEqual({ + color: '#20242D', + fontFamily: 'Inter-Medium', + fontSize: 22.5, + lineHeight: 28.5, + minHeight: 28.5, + }); + }); +}); diff --git a/lib/packages/core/src/typography/hooks/index.js b/lib/packages/core/src/typography/hooks/index.js new file mode 100644 index 000000000..13f8fd033 --- /dev/null +++ b/lib/packages/core/src/typography/hooks/index.js @@ -0,0 +1,17 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./useFont"), exports); diff --git a/lib/packages/core/src/typography/hooks/useFont.js b/lib/packages/core/src/typography/hooks/useFont.js new file mode 100644 index 000000000..b0a13a865 --- /dev/null +++ b/lib/packages/core/src/typography/hooks/useFont.js @@ -0,0 +1,24 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.useFont = void 0; +const useTheme_1 = __importDefault(require("../../styles/hooks/useTheme")); +const types_1 = require("../types"); +const utils_1 = require("../utils"); +const useFont = (font = 'Regular-Primary-S') => { + const { colors, theme } = (0, useTheme_1.default)(); + const getWeight = (weight) => theme.fonts[weight]; + const [weight, color, size] = font.split('-'); + const { fontSize, lineHeight } = (0, utils_1.getSize)(size); + const fontStyle = { + color: colors[`${types_1.TEXT}${color}`], + fontFamily: getWeight(weight), + fontSize, + lineHeight, + minHeight: lineHeight, + }; + return { fontStyle }; +}; +exports.useFont = useFont; diff --git a/lib/packages/core/src/typography/index.js b/lib/packages/core/src/typography/index.js new file mode 100644 index 000000000..45533b2b8 --- /dev/null +++ b/lib/packages/core/src/typography/index.js @@ -0,0 +1,20 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./components"), exports); +__exportStar(require("./utils"), exports); +__exportStar(require("./hooks"), exports); +__exportStar(require("./types"), exports); diff --git a/lib/packages/core/src/typography/types.js b/lib/packages/core/src/typography/types.js new file mode 100644 index 000000000..28ea9ddc7 --- /dev/null +++ b/lib/packages/core/src/typography/types.js @@ -0,0 +1,28 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.TEXT = exports.TFontWeight = exports.TFontSize = void 0; +var TFontSize; +(function (TFontSize) { + TFontSize["H1"] = "H1"; + TFontSize["H2"] = "H2"; + TFontSize["H3"] = "H3"; + TFontSize["H4"] = "H4"; + TFontSize["H5"] = "H5"; + TFontSize["XL"] = "XL"; + TFontSize["L"] = "L"; + TFontSize["M"] = "M"; + TFontSize["S"] = "S"; + TFontSize["XS"] = "XS"; + TFontSize["XXS"] = "XXS"; + TFontSize["XXXS"] = "XXXS"; +})(TFontSize || (exports.TFontSize = TFontSize = {})); +var TFontWeight; +(function (TFontWeight) { + TFontWeight["Regular"] = "Regular"; + TFontWeight["Medium"] = "Medium"; + TFontWeight["SemiBold"] = "SemiBold"; + TFontWeight["Bold"] = "Bold"; + TFontWeight["Italic"] = "Italic"; + TFontWeight["BoldItalic"] = "BoldItalic"; +})(TFontWeight || (exports.TFontWeight = TFontWeight = {})); +exports.TEXT = 'Text'; diff --git a/lib/packages/core/src/typography/utils/getSize.js b/lib/packages/core/src/typography/utils/getSize.js new file mode 100644 index 000000000..44ddfcbad --- /dev/null +++ b/lib/packages/core/src/typography/utils/getSize.js @@ -0,0 +1,24 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.getSize = void 0; +const px_1 = __importDefault(require("../../styles/utils/px")); +const sizes = { + H1: { fontSize: (0, px_1.default)(36), lineHeight: (0, px_1.default)(40) }, + H2: { fontSize: (0, px_1.default)(32), lineHeight: (0, px_1.default)(36) }, + H3: { fontSize: (0, px_1.default)(28), lineHeight: (0, px_1.default)(32) }, + H4: { fontSize: (0, px_1.default)(24), lineHeight: (0, px_1.default)(26) }, + H5: { fontSize: (0, px_1.default)(22), lineHeight: (0, px_1.default)(24) }, + XL: { fontSize: (0, px_1.default)(20), lineHeight: (0, px_1.default)(24) }, + L: { fontSize: (0, px_1.default)(18), lineHeight: (0, px_1.default)(22) }, + M: { fontSize: (0, px_1.default)(16), lineHeight: (0, px_1.default)(20) }, + S: { fontSize: (0, px_1.default)(15), lineHeight: (0, px_1.default)(19) }, + XS: { fontSize: (0, px_1.default)(14), lineHeight: (0, px_1.default)(18) }, + XXS: { fontSize: (0, px_1.default)(12), lineHeight: (0, px_1.default)(16) }, + XXXS: { fontSize: (0, px_1.default)(10), lineHeight: (0, px_1.default)(14) }, +}; +// eslint-disable-next-line import/prefer-default-export +const getSize = (size) => sizes[size]; +exports.getSize = getSize; diff --git a/lib/packages/core/src/typography/utils/index.js b/lib/packages/core/src/typography/utils/index.js new file mode 100644 index 000000000..7964b9e43 --- /dev/null +++ b/lib/packages/core/src/typography/utils/index.js @@ -0,0 +1,17 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./getSize"), exports); diff --git a/lib/packages/dragAndDrop/index.js b/lib/packages/dragAndDrop/index.js new file mode 100644 index 000000000..6bb2867b5 --- /dev/null +++ b/lib/packages/dragAndDrop/index.js @@ -0,0 +1,17 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./src"), exports); diff --git a/lib/packages/dragAndDrop/src/DragAndDrop/DragAndDrop.js b/lib/packages/dragAndDrop/src/DragAndDrop/DragAndDrop.js new file mode 100644 index 000000000..63e9e983d --- /dev/null +++ b/lib/packages/dragAndDrop/src/DragAndDrop/DragAndDrop.js @@ -0,0 +1,132 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { + Object.defineProperty(o, "default", { enumerable: true, value: v }); +}) : function(o, v) { + o["default"] = v; +}); +var __importStar = (this && this.__importStar) || function (mod) { + if (mod && mod.__esModule) return mod; + var result = {}; + if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); + __setModuleDefault(result, mod); + return result; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_gesture_handler_1 = require("react-native-gesture-handler"); +const react_native_reanimated_1 = __importStar(require("react-native-reanimated")); +const react_native_1 = require("react-native"); +const utils_1 = require("./utils"); +const DragAndDrop = ({ children, positions, id, scrollY, scrollView, columns, itemWidth, itemHeight, heightScrollView, }) => { + const position = (0, utils_1.getPosition)({ + index: positions.value[id], + col: columns, + height: itemHeight, + width: itemWidth, + }); + const x = (0, react_native_reanimated_1.useSharedValue)(position.x); + const y = (0, react_native_reanimated_1.useSharedValue)(position.y); + const isGestureActive = (0, react_native_reanimated_1.useSharedValue)(false); + const containerHeight = heightScrollView; + const contentHeight = Math.ceil(Object.keys(positions.value).length / columns) * itemHeight; + (0, react_native_reanimated_1.useAnimatedReaction)(() => positions.value[id], newOrder => { + const newPositions = (0, utils_1.getPosition)({ + index: newOrder, + col: columns, + height: itemHeight, + width: itemWidth, + }); + x.value = (0, react_native_reanimated_1.withTiming)(newPositions.x, utils_1.animationConfig); + y.value = (0, react_native_reanimated_1.withTiming)(newPositions.y, utils_1.animationConfig); + }); + const animatedStyle = (0, react_native_reanimated_1.useAnimatedStyle)(() => { + const zIndex = isGestureActive.value ? 1 : 0; + const scale = isGestureActive.value ? 1.1 : 1; + return { + position: 'absolute', + top: 0, + left: 0, + width: itemWidth, + height: itemHeight, + zIndex, + transform: [{ translateX: x.value }, { translateY: y.value }, { scale }], + }; + }); + const pan = react_native_gesture_handler_1.Gesture.Pan() + .onStart(event => { + x.value = x.value + event.translationX; + y.value = y.value + event.translationY; + isGestureActive.value = true; + }) + .onChange(event => { + x.value = x.value + event.changeX; + y.value = y.value + event.changeY; + // 1. We calculate where the tile should be + const newOrder = (0, utils_1.getOrder)({ + tx: x.value, + ty: y.value, + max: Object.keys(positions.value).length - 1, + col: columns, + width: itemWidth, + height: itemHeight, + }); + // 2. We swap the positions + const oldOrder = positions.value[id]; + if (newOrder !== oldOrder) { + const idToSwap = Object.keys(positions.value).find(key => positions.value[key] === newOrder); + if (idToSwap) { + // Spread operator is not supported in worklets + // And Object.assign doesn't seem to be working on alpha.6 + const newPositions = JSON.parse(JSON.stringify(positions.value)); + newPositions[id] = newOrder; + newPositions[idToSwap] = oldOrder; + positions.value = newPositions; + } + } + // 3. Scroll + const lowerBound = scrollY.value; + const upperBound = lowerBound + containerHeight - itemHeight; + const maxScroll = contentHeight - containerHeight; + const leftToScrollDown = maxScroll - scrollY.value; + if (y.value < lowerBound) { + const diff = Math.min(lowerBound - y.value, lowerBound); + scrollY.value -= diff; + y.value -= diff; + (0, react_native_reanimated_1.scrollTo)(scrollView, 0, scrollY.value, false); + } + if (y.value > upperBound) { + const diff = Math.min(y.value - upperBound, leftToScrollDown); + scrollY.value += diff; + y.value += diff; + (0, react_native_reanimated_1.scrollTo)(scrollView, 0, scrollY.value, false); + } + }) + .onEnd(_ => { + const destination = (0, utils_1.getPosition)({ + index: positions.value[id], + col: columns, + height: itemHeight, + width: itemWidth, + }); + x.value = (0, react_native_reanimated_1.withTiming)(destination.x, utils_1.animationConfig, () => (isGestureActive.value = false)); + y.value = (0, react_native_reanimated_1.withTiming)(destination.y, utils_1.animationConfig, () => (isGestureActive.value = false)); + }); + return ( + + + {children} + + + ); +}; +exports.default = DragAndDrop; diff --git a/lib/packages/dragAndDrop/src/DragAndDrop/DragAndDropList.js b/lib/packages/dragAndDrop/src/DragAndDrop/DragAndDropList.js new file mode 100644 index 000000000..1b4f98426 --- /dev/null +++ b/lib/packages/dragAndDrop/src/DragAndDrop/DragAndDropList.js @@ -0,0 +1,75 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { + Object.defineProperty(o, "default", { enumerable: true, value: v }); +}) : function(o, v) { + o["default"] = v; +}); +var __importStar = (this && this.__importStar) || function (mod) { + if (mod && mod.__esModule) return mod; + var result = {}; + if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); + __setModuleDefault(result, mod); + return result; +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_gesture_handler_1 = require("react-native-gesture-handler"); +const react_native_reanimated_1 = __importStar(require("react-native-reanimated")); +const mobydick_core_1 = require("@lad-tech/mobydick-core"); +const react_1 = require("react"); +const react_native_1 = require("react-native"); +const DragAndDrop_1 = __importDefault(require("./DragAndDrop")); +const DragAndDropList = ({ list, renderItem, itemWidth, itemHeight, columns, contentContainerStyle, }) => { + const [styles] = (0, mobydick_core_1.useStyles)(createStyleFn); + const scrollY = (0, react_native_reanimated_1.useSharedValue)(0); + const scrollView = (0, react_native_reanimated_1.useAnimatedRef)(); + const [heightScrollView, setHeightScrollView] = (0, react_1.useState)(0); + const positions = (0, react_native_reanimated_1.useSharedValue)(Object.assign({}, ...list.map((_item, index) => ({ [index]: index })))); + const onScroll = (0, react_native_reanimated_1.useAnimatedScrollHandler)({ + onScroll: ({ contentOffset: { y } }) => { + scrollY.value = y; + }, + }); + return ( + + { + setHeightScrollView(event.nativeEvent.layout.height); + }} contentContainerStyle={[ + styles.contentContainer, + { + height: Math.ceil(list.length / columns) * itemHeight, + }, + contentContainerStyle, + ]} showsVerticalScrollIndicator={false} bounces={false} scrollEventThrottle={16}> + {list.map((item, index) => { + return ( + {renderItem(item, index, list)} + ); + })} + + + ); +}; +const createStyleFn = (0, mobydick_core_1.createStyles)(() => ({ + container: { + flex: 1, + }, + contentContainer: { + alignItems: 'center', + justifyContent: 'space-between', + }, +})); +exports.default = DragAndDropList; diff --git a/lib/packages/dragAndDrop/src/DragAndDrop/index.js b/lib/packages/dragAndDrop/src/DragAndDrop/index.js new file mode 100644 index 000000000..61160fbe3 --- /dev/null +++ b/lib/packages/dragAndDrop/src/DragAndDrop/index.js @@ -0,0 +1,25 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.DragAndDropList = exports.DragAndDrop = void 0; +const DragAndDrop_1 = __importDefault(require("./DragAndDrop")); +exports.DragAndDrop = DragAndDrop_1.default; +const DragAndDropList_1 = __importDefault(require("./DragAndDropList")); +exports.DragAndDropList = DragAndDropList_1.default; +__exportStar(require("./types"), exports); diff --git a/lib/packages/dragAndDrop/src/DragAndDrop/types.js b/lib/packages/dragAndDrop/src/DragAndDrop/types.js new file mode 100644 index 000000000..c8ad2e549 --- /dev/null +++ b/lib/packages/dragAndDrop/src/DragAndDrop/types.js @@ -0,0 +1,2 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/lib/packages/dragAndDrop/src/DragAndDrop/utils.js b/lib/packages/dragAndDrop/src/DragAndDrop/utils.js new file mode 100644 index 000000000..526fe843d --- /dev/null +++ b/lib/packages/dragAndDrop/src/DragAndDrop/utils.js @@ -0,0 +1,25 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.animationConfig = exports.getOrder = exports.getPosition = void 0; +const react_native_reanimated_1 = require("react-native-reanimated"); +const getPosition = ({ index, col, width, height, }) => { + 'worklet'; + return { + x: (index % col) * width, + y: Math.floor(index / col) * height, + }; +}; +exports.getPosition = getPosition; +const getOrder = ({ tx, ty, max, col, width, height, }) => { + 'worklet'; + const x = Math.round(tx / width) * width; + const y = Math.round(ty / height) * height; + const row = Math.max(y, 0) / height; + const columns = Math.max(x, 0) / width; + return Math.min(row * col + columns, max); +}; +exports.getOrder = getOrder; +exports.animationConfig = { + easing: react_native_reanimated_1.Easing.inOut(react_native_reanimated_1.Easing.ease), + duration: 350, +}; diff --git a/lib/packages/dragAndDrop/src/index.js b/lib/packages/dragAndDrop/src/index.js new file mode 100644 index 000000000..1ce54cca4 --- /dev/null +++ b/lib/packages/dragAndDrop/src/index.js @@ -0,0 +1,17 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./DragAndDrop"), exports); diff --git a/lib/packages/markdown/index.js b/lib/packages/markdown/index.js new file mode 100644 index 000000000..6bb2867b5 --- /dev/null +++ b/lib/packages/markdown/index.js @@ -0,0 +1,17 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./src"), exports); diff --git a/lib/packages/markdown/src/Markdown/Markdown.js b/lib/packages/markdown/src/Markdown/Markdown.js new file mode 100644 index 000000000..097cc1a5f --- /dev/null +++ b/lib/packages/markdown/src/Markdown/Markdown.js @@ -0,0 +1,42 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_markdown_display_1 = __importDefault(require("react-native-markdown-display")); +const mobydick_core_1 = require("@lad-tech/mobydick-core"); +const Markdown = ({ children, style }) => { + const { colors } = (0, mobydick_core_1.useTheme)(); + const { fontStyle: bodyFontStyle } = (0, mobydick_core_1.useFont)('Regular-Primary-XXS'); + const { fontStyle: strongFontStyle } = (0, mobydick_core_1.useFont)('SemiBold-Primary-XXS'); + const innersStyle = { + body: { + fontFamily: bodyFontStyle.fontFamily, + fontSize: bodyFontStyle.fontSize, + color: bodyFontStyle.color, + }, + heading1: { + fontSize: px(24), + }, + heading2: { + fontSize: px(20), + }, + heading3: { + fontSize: px(18), + }, + strong: { + fontFamily: strongFontStyle.fontFamily, + }, + code_inline: { + backgroundColor: colors.BgSecondary, + }, + code_block: { + backgroundColor: colors.BgSecondary, + }, + fence: { + backgroundColor: colors.BgSecondary, + }, + }; + return ({children}); +}; +exports.default = Markdown; diff --git a/lib/packages/markdown/src/Markdown/index.js b/lib/packages/markdown/src/Markdown/index.js new file mode 100644 index 000000000..d0bbe4c1c --- /dev/null +++ b/lib/packages/markdown/src/Markdown/index.js @@ -0,0 +1,23 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.Markdown = void 0; +const Markdown_1 = __importDefault(require("./Markdown")); +exports.Markdown = Markdown_1.default; +__exportStar(require("./types"), exports); diff --git a/lib/packages/markdown/src/Markdown/types.js b/lib/packages/markdown/src/Markdown/types.js new file mode 100644 index 000000000..c8ad2e549 --- /dev/null +++ b/lib/packages/markdown/src/Markdown/types.js @@ -0,0 +1,2 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/lib/packages/markdown/src/index.js b/lib/packages/markdown/src/index.js new file mode 100644 index 000000000..c1a9d00db --- /dev/null +++ b/lib/packages/markdown/src/index.js @@ -0,0 +1,17 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./Markdown"), exports); diff --git a/lib/packages/utils/index.js b/lib/packages/utils/index.js new file mode 100644 index 000000000..6bb2867b5 --- /dev/null +++ b/lib/packages/utils/index.js @@ -0,0 +1,17 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./src"), exports); diff --git a/lib/packages/utils/src/hooks/__tests__/useDebounce.test.js b/lib/packages/utils/src/hooks/__tests__/useDebounce.test.js new file mode 100644 index 000000000..6b16c7722 --- /dev/null +++ b/lib/packages/utils/src/hooks/__tests__/useDebounce.test.js @@ -0,0 +1,35 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_hooks_1 = require("@testing-library/react-hooks"); +const useDebounce_1 = __importDefault(require("../useDebounce")); +describe('useDebounce', () => { + jest.useFakeTimers(); + test('typing correctly', () => { + const fn = (a, b) => { + return a + b; + }; + const { result: { current }, } = (0, react_hooks_1.renderHook)(() => (0, useDebounce_1.default)(fn)); + current(null, 'qwe'); + }); + test('positive case with default delay', () => { + const fn = jest.fn(); + const { result: { current }, } = (0, react_hooks_1.renderHook)(() => (0, useDebounce_1.default)(fn)); + for (let i = 0; i < 1 + Math.ceil(1000 / 60) * 4; i++) { + (0, react_hooks_1.act)(current); + } + jest.runAllTimers(); + expect(fn).toHaveBeenCalledTimes(1); + }); + test('positive case with custom delay', () => { + const fn = jest.fn(); + const { result: { current }, } = (0, react_hooks_1.renderHook)(() => (0, useDebounce_1.default)(fn, 1)); + for (let i = 0; i < 1 + Math.ceil(1000 / 60) * 4; i++) { + (0, react_hooks_1.act)(current); + } + jest.runAllTimers(); + expect(fn).toHaveBeenCalledTimes(1); + }); +}); diff --git a/lib/packages/utils/src/hooks/__tests__/useIsForeground.test.js b/lib/packages/utils/src/hooks/__tests__/useIsForeground.test.js new file mode 100644 index 000000000..e1b80236d --- /dev/null +++ b/lib/packages/utils/src/hooks/__tests__/useIsForeground.test.js @@ -0,0 +1,25 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_hooks_1 = require("@testing-library/react-hooks"); +const react_native_1 = require("react-native"); +const useIsForeground_1 = __importDefault(require("../useIsForeground")); +describe('useIsForeground', () => { + afterEach(() => { + jest.resetAllMocks(); + }); + test('positive case', () => { + const { result: { current }, } = (0, react_hooks_1.renderHook)(() => (0, useIsForeground_1.default)()); + expect(current).toBe(true); + }); + test('negative case', () => { + const appStateSpy = jest.spyOn(react_native_1.AppState, 'addEventListener'); + const { result } = (0, react_hooks_1.renderHook)(() => (0, useIsForeground_1.default)()); + const [firstCall] = appStateSpy.mock.calls; + const [, cb] = firstCall; + (0, react_hooks_1.act)(() => cb('inactive')); + expect(result.current).toBe(false); + }); +}); diff --git a/lib/packages/utils/src/hooks/__tests__/useLatest.test.js b/lib/packages/utils/src/hooks/__tests__/useLatest.test.js new file mode 100644 index 000000000..0a965f7ad --- /dev/null +++ b/lib/packages/utils/src/hooks/__tests__/useLatest.test.js @@ -0,0 +1,14 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_hooks_1 = require("@testing-library/react-hooks"); +const useLatest_1 = __importDefault(require("../useLatest")); +describe('useLatest', () => { + test('positive case', () => { + const fn = jest.fn(); + const { result: { current }, } = (0, react_hooks_1.renderHook)(() => (0, useLatest_1.default)(fn)); + (0, react_hooks_1.act)(current.current); + }); +}); diff --git a/lib/packages/utils/src/hooks/__tests__/useThrottle.test.js b/lib/packages/utils/src/hooks/__tests__/useThrottle.test.js new file mode 100644 index 000000000..d29cc2b7d --- /dev/null +++ b/lib/packages/utils/src/hooks/__tests__/useThrottle.test.js @@ -0,0 +1,27 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_hooks_1 = require("@testing-library/react-hooks"); +const useThrottle_1 = __importDefault(require("../useThrottle")); +describe('useThrottle', () => { + jest.useFakeTimers(); + test('positive case with default delay', () => { + const fn = jest.fn(); + const { result: { current }, } = (0, react_hooks_1.renderHook)(() => (0, useThrottle_1.default)(fn)); + for (let i = 0; i < 1 + Math.ceil(1000 / 60) * 4; i++) { + (0, react_hooks_1.act)(current.throttledFn); + } + jest.runAllTimers(); + expect(fn).toHaveBeenCalledTimes(1); + }); + test('positive case with custom delay', () => { + const fn = jest.fn(); + const { result: { current }, } = (0, react_hooks_1.renderHook)(() => (0, useThrottle_1.default)(fn, 1)); + for (let i = 0; i < 1 + Math.ceil(1000 / 60) * 4; i++) { + (0, react_hooks_1.act)(current.throttledFn); + } + expect(fn).toHaveBeenCalledTimes(1); + }); +}); diff --git a/lib/packages/utils/src/hooks/__tests__/useToggle.test.js b/lib/packages/utils/src/hooks/__tests__/useToggle.test.js new file mode 100644 index 000000000..a3177263b --- /dev/null +++ b/lib/packages/utils/src/hooks/__tests__/useToggle.test.js @@ -0,0 +1,19 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_hooks_1 = require("@testing-library/react-hooks"); +const useToggle_1 = __importDefault(require("../useToggle")); +describe('useToggle', () => { + test('positive case', () => { + const { result: { current }, } = (0, react_hooks_1.renderHook)(() => (0, useToggle_1.default)(true)); + expect(current[0]).toEqual(true); + (0, react_hooks_1.act)(() => current[1]()); + }); + test('case without initialState', () => { + const { result: { current }, } = (0, react_hooks_1.renderHook)(() => (0, useToggle_1.default)()); + expect(current[0]).toEqual(false); + (0, react_hooks_1.act)(() => current[1]()); + }); +}); diff --git a/lib/packages/utils/src/hooks/index.js b/lib/packages/utils/src/hooks/index.js new file mode 100644 index 000000000..f069e003d --- /dev/null +++ b/lib/packages/utils/src/hooks/index.js @@ -0,0 +1,16 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.useIsForeground = exports.useToggle = exports.useLatest = exports.useDebounce = exports.useThrottle = void 0; +const useThrottle_1 = __importDefault(require("./useThrottle")); +exports.useThrottle = useThrottle_1.default; +const useDebounce_1 = __importDefault(require("./useDebounce")); +exports.useDebounce = useDebounce_1.default; +const useLatest_1 = __importDefault(require("./useLatest")); +exports.useLatest = useLatest_1.default; +const useToggle_1 = __importDefault(require("./useToggle")); +exports.useToggle = useToggle_1.default; +const useIsForeground_1 = __importDefault(require("./useIsForeground")); +exports.useIsForeground = useIsForeground_1.default; diff --git a/lib/packages/utils/src/hooks/useDebounce.js b/lib/packages/utils/src/hooks/useDebounce.js new file mode 100644 index 000000000..b0252f497 --- /dev/null +++ b/lib/packages/utils/src/hooks/useDebounce.js @@ -0,0 +1,24 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const useLatest_1 = __importDefault(require("./useLatest")); +const useDebounce = (callback, delay = 1000) => { + const latestCallback = (0, useLatest_1.default)(callback); + let timeout = (0, react_1.useRef)(null).current; + const debouncedFn = (0, react_1.useMemo)(() => { + return (...args) => { + timeout && clearTimeout(timeout); + timeout = setTimeout(() => { + latestCallback.current(...args); + }, delay); + }; + }, []); + (0, react_1.useEffect)(() => () => { + timeout && clearTimeout(timeout); + }, [debouncedFn]); + return debouncedFn; +}; +exports.default = useDebounce; diff --git a/lib/packages/utils/src/hooks/useIsForeground.js b/lib/packages/utils/src/hooks/useIsForeground.js new file mode 100644 index 000000000..a067ebef8 --- /dev/null +++ b/lib/packages/utils/src/hooks/useIsForeground.js @@ -0,0 +1,16 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const react_native_1 = require("react-native"); +const useIsForeground = () => { + const [isForeground, setIsForeground] = (0, react_1.useState)(true); + (0, react_1.useEffect)(() => { + const onChange = (state) => { + setIsForeground(state === 'active'); + }; + const listener = react_native_1.AppState.addEventListener('change', onChange); + return () => listener.remove(); + }, [setIsForeground]); + return isForeground; +}; +exports.default = useIsForeground; diff --git a/lib/packages/utils/src/hooks/useLatest.js b/lib/packages/utils/src/hooks/useLatest.js new file mode 100644 index 000000000..ccde1663a --- /dev/null +++ b/lib/packages/utils/src/hooks/useLatest.js @@ -0,0 +1,11 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +function useLatest(value) { + const valueRef = (0, react_1.useRef)(value); + (0, react_1.useLayoutEffect)(() => { + valueRef.current = value; + }, [value]); + return valueRef; +} +exports.default = useLatest; diff --git a/lib/packages/utils/src/hooks/useThrottle.js b/lib/packages/utils/src/hooks/useThrottle.js new file mode 100644 index 000000000..e44394e33 --- /dev/null +++ b/lib/packages/utils/src/hooks/useThrottle.js @@ -0,0 +1,23 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const useThrottle = (fn, time = 1000) => { + const timeout = (0, react_1.useRef)(null); + (0, react_1.useEffect)(() => { + return () => { + timeout.current && clearTimeout(timeout.current); + }; + }, []); + return { + throttledFn: (...params) => { + if (timeout.current) { + return; + } + timeout.current = setTimeout(() => { + timeout.current = null; + }, time); + fn(...params); + }, + }; +}; +exports.default = useThrottle; diff --git a/lib/packages/utils/src/hooks/useToggle.js b/lib/packages/utils/src/hooks/useToggle.js new file mode 100644 index 000000000..821a63f2e --- /dev/null +++ b/lib/packages/utils/src/hooks/useToggle.js @@ -0,0 +1,9 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const useToggle = (initialState = false) => { + const [state, setState] = (0, react_1.useState)(initialState); + const toggle = (0, react_1.useCallback)(() => setState(state => !state), []); + return [state, toggle]; +}; +exports.default = useToggle; diff --git a/lib/packages/utils/src/index.js b/lib/packages/utils/src/index.js new file mode 100644 index 000000000..fa32b1762 --- /dev/null +++ b/lib/packages/utils/src/index.js @@ -0,0 +1,17 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("./hooks"), exports); diff --git a/lib/scripts/release.js b/lib/scripts/release.js new file mode 100644 index 000000000..84549dd8c --- /dev/null +++ b/lib/scripts/release.js @@ -0,0 +1,121 @@ +#!/usr/bin/env ts-node +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const path_1 = __importDefault(require("path")); +const child_process_1 = require("child_process"); +const yargs_1 = __importDefault(require("yargs")); +const simple_git_1 = __importDefault(require("simple-git")); +const package_json_1 = __importDefault(require("../package.json")); +const logger_1 = __importDefault(require("./utils/logger")); +const getIncrementedVersion_1 = require("./release/getIncrementedVersion"); +const setPackageVersion_1 = require("./release/setPackageVersion"); +const getPackageList_1 = require("./release/getPackageList"); +const publishPackage_1 = require("./release/publishPackage"); +const git = (0, simple_git_1.default)(); +const parser = (0, yargs_1.default)(process.argv.slice(2)) + .option('stage', { + type: 'string', + choices: ['alpha', 'beta'], + description: "Prerelease stage: 'alpha', 'beta'", +}) + .option('tag', { + type: 'string', + default: 'latest', + description: 'Tag', +}) + .option('skipVersionCheck', { + type: 'boolean', + default: false, + description: 'Skip checking version.', +}) + .option('skipPublish', { + type: 'boolean', + default: false, + description: 'Skip publishing step.', +}) + .example([['$0 minor --alpha', 'Prerelease to alpha stage.']]) + .parse(); +(async () => { + const argv = await parser; + const status = await git.status(); + if (status.files.length !== 0) { + logger_1.default.error('Working tree is not clean'); + process.exit(1); + } + logger_1.default.info('Releasing all packages'); + let incrementedVersion = package_json_1.default.version; + if (!argv.skipVersionCheck) { + incrementedVersion = (0, getIncrementedVersion_1.getIncrementedVersion)(incrementedVersion, { + type: argv._[0], + stage: argv.stage, + }); + logger_1.default.info(`New version: ${incrementedVersion}`); + await (0, setPackageVersion_1.setPackagesVersion)(incrementedVersion); + } + const packages = (0, getPackageList_1.getPackagesList)(); + if (!argv.skipPublish) { + logger_1.default.info('Publishing packages to npm'); + if (argv.stage && argv.tag === 'latest') { + argv.tag = 'next'; + } + await Promise.all(packages.map(p => (0, publishPackage_1.publishPackage)({ path: p.path, name: p.packageJson.name, tag: argv.tag }))); + logger_1.default.info('All packages were published successfully'); + } + (0, child_process_1.execSync)('npx react-native-version'); + await git.add([ + path_1.default.join(__dirname, '../packages'), + path_1.default.join(__dirname, '../package.json'), + path_1.default.join(__dirname, '../android'), + path_1.default.join(__dirname, '../ios'), + ]); + await git.commit(`[release] Version: ${incrementedVersion} [skip ci]`); + await git.push(); + await git.addTag(`v${incrementedVersion}`); + await git.pushTags(); + logger_1.default.info(' \n' + + ' . \n' + + ' /., \n' + + ' #@. \n' + + ' .&& \n' + + ' %% \n' + + ' ,*,. *&(/* \n' + + ' ,*#*,/* .#/(* (&(, \n' + + ' /#(*///// ,/**//#* , \n' + + ' .,.***,,,.** ,,. . .(*/, \n' + + ' ,(( ,. ..,,,( .,* . ...#&** \n' + + ' %..(&&@/*#,*./,(.*,*,***, /*%./. #&/#** \n' + + ' *(****/(/ ,**../.., .(/.((/**@@&@&, / \n' + + ' *(&( .,.*(/,. *,,.@/,,**%,,//*.*..(#/, \n' + + ' */*/.,,,.,&,./. *.&#* ,(,#*.#*.*..(#/, \n' + + ' *..../*... .%,#%.//*(.,.*.#,,. ,,,*/, \n' + + ' .**#**, @/(#@ (%*(#*/(*&#/&./@@@(,,*./ \n' + + ' .,%..,..,(/ % ,,.,,..,*/&#@ %*,*.&/,/ \n' + + ' **(.....,..(/%#(***,..*/%(/. *( . *%*. \n' + + ' #*..(*#/*(* #****.,,,..*#.,, *((,.&/* \n' + + ' */*/,,,,...*,,#*,, ..,,*//.,,./*,.%%,* \n' + + ' . */../(# /@/,.(#&/#%(*(..,(. ..,,/*., \n' + + ' .*#/*#%&, ./,.(% .&@%, ./(/...//*/,*(/. \n' + + ' ,,(#*/*, /*,&&&%##%&%.. .,/,,*,// \n' + + ' .,./,.(,.../*** ((%#*#,/,* .. .//(*, \n' + + ' ...(. ...**.. . ...* . **#/* \n' + + ' .,,/(**, . ... . .. ,,%(*,.. \n' + + ' ... */&.. . ../*#*... , .(%(. .. \n' + + ' *. .,(* ,*,/#///#*... .. /*/* ..,. \n' + + ' ,......* ,&%//((@**/,*. ...,**(/..,... \n' + + ' ,., . .,/,.,,*/(,*%(.,,***//,/*/(/, . ..* \n' + + ' .*,. .. .. (*/.,.., .,.,*.../,,,/*, . ,. \n' + + ' .(**,. .. ...,.//,,/**(**/..,*.**. .,. ... \n' + + ' ..*, . ..,,/*...*(,.,*.*, .#(,//(,//,.,... \n' + + ' ,,*,,... .,. ,,(.***,, .. ,,....,..#*#*(,,,,,. \n' + + ' .,,*/* ... .,.. . *,(. ..,* ,.. .*,.(,,,...... . \n' + + ' ..,/(....,,.,.( ,.,,, ....,#,...,,.,///.,,,.,.,. \n' + + ' .,**//*.,,,..*.. .,%,*, .,.. , .,/*,,.,,...,,., \n' + + ' .,..,(,. ,,*( ,....**, .,. . ... . ,..,//,/.,,,,.,. \n' + + ' ..,.,**. .,&/.,/, ...*.,*. ..%. (..,*./*,,**,,*/. \n' + + ' ..... .*,..,,* .,..,.,,.*/./*..* /,/,,..*%@##(,,*,,,,,. \n' + + ' ...,,,,..,*/.,,,..,(&/ ,(*.*.#/ .,,..,,//#%#,.,......* \n' + + ' Hello from Bibazavr \n'); +})(); diff --git a/lib/scripts/release/__tests__/getIncrementedVersion.test.js b/lib/scripts/release/__tests__/getIncrementedVersion.test.js new file mode 100644 index 000000000..221799505 --- /dev/null +++ b/lib/scripts/release/__tests__/getIncrementedVersion.test.js @@ -0,0 +1,42 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const getIncrementedVersion_1 = require("../getIncrementedVersion"); +describe('scripts/release/get-incremented-version', () => { + const processExit = jest + .spyOn(process, 'exit') + .mockImplementation(() => undefined); + it('returns right version with patch update', () => { + expect((0, getIncrementedVersion_1.getIncrementedVersion)('1.1.1', { type: 'patch' })).toBe('1.1.2'); + expect((0, getIncrementedVersion_1.getIncrementedVersion)('1.1.1', { type: 'patch', stage: 'alpha' })).toBe('1.1.2-alpha.0'); + expect((0, getIncrementedVersion_1.getIncrementedVersion)('1.1.2-alpha.0', { type: 'patch', stage: 'alpha' })).toBe('1.1.2-alpha.1'); + expect((0, getIncrementedVersion_1.getIncrementedVersion)('1.1.2-alpha.1', { type: 'patch' })).toBe('1.1.2'); + expect((0, getIncrementedVersion_1.getIncrementedVersion)('1.1.2-alpha.1', { type: 'patch', stage: 'beta' })).toBe('1.1.2-beta.0'); + expect((0, getIncrementedVersion_1.getIncrementedVersion)('1.1.2-beta.0', { type: 'patch', stage: 'beta' })).toBe('1.1.2-beta.1'); + expect((0, getIncrementedVersion_1.getIncrementedVersion)('1.1.2-beta.1', { type: 'patch' })).toBe('1.1.2'); + }); + it('returns right version with minor update', () => { + expect((0, getIncrementedVersion_1.getIncrementedVersion)('1.1.1', { type: 'minor' })).toBe('1.2.0'); + expect((0, getIncrementedVersion_1.getIncrementedVersion)('1.1.1', { type: 'minor', stage: 'alpha' })).toBe('1.2.0-alpha.0'); + expect((0, getIncrementedVersion_1.getIncrementedVersion)('1.2.0-alpha.0', { type: 'minor', stage: 'alpha' })).toBe('1.2.0-alpha.1'); + expect((0, getIncrementedVersion_1.getIncrementedVersion)('1.2.0-alpha.1', { type: 'minor' })).toBe('1.2.0'); + expect((0, getIncrementedVersion_1.getIncrementedVersion)('1.2.0-alpha.1', { type: 'minor', stage: 'beta' })).toBe('1.2.0-beta.0'); + expect((0, getIncrementedVersion_1.getIncrementedVersion)('1.2.0-beta.0', { type: 'minor', stage: 'beta' })).toBe('1.2.0-beta.1'); + expect((0, getIncrementedVersion_1.getIncrementedVersion)('1.2.0-beta.1', { type: 'minor' })).toBe('1.2.0'); + }); + it('returns right version with major update', () => { + expect((0, getIncrementedVersion_1.getIncrementedVersion)('1.1.1', { type: 'major' })).toBe('2.0.0'); + expect((0, getIncrementedVersion_1.getIncrementedVersion)('1.1.1', { type: 'major', stage: 'alpha' })).toBe('2.0.0-alpha.0'); + expect((0, getIncrementedVersion_1.getIncrementedVersion)('2.0.0-alpha.0', { type: 'major' })).toBe('2.0.0'); + expect((0, getIncrementedVersion_1.getIncrementedVersion)('2.0.0-alpha.0', { type: 'major', stage: 'alpha' })).toBe('2.0.0-alpha.1'); + expect((0, getIncrementedVersion_1.getIncrementedVersion)('2.0.0-alpha.1', { type: 'major' })).toBe('2.0.0'); + expect((0, getIncrementedVersion_1.getIncrementedVersion)('2.0.0-alpha.1', { type: 'major', stage: 'beta' })).toBe('2.0.0-beta.0'); + expect((0, getIncrementedVersion_1.getIncrementedVersion)('2.0.0-beta.0', { type: 'major', stage: 'beta' })).toBe('2.0.0-beta.1'); + expect((0, getIncrementedVersion_1.getIncrementedVersion)('2.0.0-beta.1', { type: 'major' })).toBe('2.0.0'); + }); + it('bad case', () => { + expect((0, getIncrementedVersion_1.getIncrementedVersion)('eqweqw', { type: 'badType' })).toBeUndefined(); + expect(processExit).toHaveBeenCalledWith(1); + expect((0, getIncrementedVersion_1.getIncrementedVersion)('eqweqw', { type: 'patch', stage: 'badStage' })).toBeUndefined(); + expect(processExit).toHaveBeenCalledWith(1); + }); +}); diff --git a/lib/scripts/release/getIncrementedVersion.js b/lib/scripts/release/getIncrementedVersion.js new file mode 100644 index 000000000..4a8e4221f --- /dev/null +++ b/lib/scripts/release/getIncrementedVersion.js @@ -0,0 +1,58 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.getIncrementedVersion = void 0; +const logger_1 = __importDefault(require("../utils/logger")); +const VERSION_INCREMENT = ['patch', 'minor', 'major']; +const VERSION_STAGE = ['alpha', 'beta']; +function getIncrementedVersion(version, options) { + if (!VERSION_INCREMENT.includes(options.type)) { + logger_1.default.error(`Incorrect version type: ${options.type}, it should be one of these values: ${VERSION_INCREMENT.join(', ')}`); + return process.exit(1); + } + if (options.stage && !VERSION_STAGE.includes(options.stage)) { + logger_1.default.error(`Incorrect version stage: ${options.stage}, it should be one of these values: ${VERSION_STAGE.join(', ')}`); + return process.exit(1); + } + const updateVersion = (raw) => { + const splitted = raw.split('.'); + if (options.type === 'patch') { + splitted[2] = (parseInt(splitted[2], 10) + 1).toString(); + } + if (options.type === 'minor') { + splitted[1] = (parseInt(splitted[1], 10) + 1).toString(); + splitted[2] = '0'; + } + if (options.type === 'major') { + splitted[0] = (parseInt(splitted[0], 10) + 1).toString(); + splitted[1] = '0'; + splitted[2] = '0'; + } + return splitted.join('.'); + }; + const updateStage = (raw) => { + const [name, no] = (raw || '').split('.'); + if (!raw || name !== options.stage) { + return `${options.stage}.0`; + } + return `${name}.${parseInt(no, 10) + 1}`; + }; + const [rawVersion, rawStage] = version.split('-'); + // entering prerelease + if (!rawStage && options.stage) { + return `${updateVersion(rawVersion)}-${updateStage(rawStage)}`; + } + // exiting prerelase + if (rawStage && !options.stage) { + return rawVersion; + } + // release + if (!rawStage && !options.stage) { + return updateVersion(rawVersion); + } + // prerelease + return `${rawVersion}-${updateStage(rawStage)}`; +} +exports.getIncrementedVersion = getIncrementedVersion; diff --git a/lib/scripts/release/getPackageList.js b/lib/scripts/release/getPackageList.js new file mode 100644 index 000000000..a662d582f --- /dev/null +++ b/lib/scripts/release/getPackageList.js @@ -0,0 +1,25 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.getPackagesList = void 0; +const path_1 = __importDefault(require("path")); +const fs_1 = __importDefault(require("fs")); +function getPackagesList() { + const basePath = path_1.default.join(__dirname, '../../packages'); + const packagesPaths = fs_1.default.readdirSync(basePath); + const packages = []; + for (const packagePath of packagesPaths) { + const packageJsonPath = path_1.default.join(basePath, packagePath, 'package.json'); + if (fs_1.default.realpathSync(packageJsonPath)) { + packages.push({ + path: path_1.default.join(basePath, packagePath), + packageJsonPath, + packageJson: JSON.parse(fs_1.default.readFileSync(packageJsonPath, { encoding: 'utf-8' })), + }); + } + } + return packages; +} +exports.getPackagesList = getPackagesList; diff --git a/lib/scripts/release/publishPackage.js b/lib/scripts/release/publishPackage.js new file mode 100644 index 000000000..98301b466 --- /dev/null +++ b/lib/scripts/release/publishPackage.js @@ -0,0 +1,22 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.publishPackage = void 0; +const child_process_1 = require("child_process"); +const logger_1 = __importDefault(require("../utils/logger")); +async function publishPackage({ path, name, tag, }) { + try { + (0, child_process_1.execSync)(`yarn --cwd ${path} build`); + (0, child_process_1.execSync)(`npm publish ${path} --tag ${tag}`); + logger_1.default.info(`Package ${name} was published`); + // eslint-disable-next-line @typescript-eslint/no-explicit-any + } + catch (error) { + logger_1.default.error(`Failed to publish package ${name}`); + process.stdout.write(`${error?.message}\n`); + process.exit(1); + } +} +exports.publishPackage = publishPackage; diff --git a/lib/scripts/release/setPackageVersion.js b/lib/scripts/release/setPackageVersion.js new file mode 100644 index 000000000..16641dc04 --- /dev/null +++ b/lib/scripts/release/setPackageVersion.js @@ -0,0 +1,34 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.setPackagesVersion = void 0; +const path_1 = __importDefault(require("path")); +const fs_1 = __importDefault(require("fs")); +async function writeVersionToPackageJson(filePath, version) { + const current = JSON.parse(fs_1.default.readFileSync(filePath, 'utf8')); + current.version = version; + if (current.peerDependencies) { + Object.keys(current.peerDependencies).forEach(packageName => { + if (packageName.includes('@lad-tech/mobydick-')) { + current.peerDependencies[packageName] = version; + } + }); + } + if (current.dependencies) { + Object.keys(current.dependencies).forEach(packageName => { + if (packageName.includes('@lad-tech/mobydick-')) { + current.dependencies[packageName] = version; + } + }); + } + fs_1.default.writeFileSync(filePath, JSON.stringify(current, null, 2)); +} +async function setPackagesVersion(version) { + const src = path_1.default.join(__dirname, '../../packages'); + const folders = fs_1.default.readdirSync(src); + await Promise.all(folders.map(folder => writeVersionToPackageJson(path_1.default.join(src, folder, '/package.json'), version))); + await writeVersionToPackageJson(path_1.default.join(__dirname, '../../package.json'), version); +} +exports.setPackagesVersion = setPackagesVersion; diff --git a/lib/scripts/semantic-release.js b/lib/scripts/semantic-release.js new file mode 100644 index 000000000..e8949877e --- /dev/null +++ b/lib/scripts/semantic-release.js @@ -0,0 +1,97 @@ +#!/usr/bin/env ts-node +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const child_process_1 = require("child_process"); +const yargs_1 = __importDefault(require("yargs")); +const package_json_1 = __importDefault(require("../package.json")); +const logger_1 = __importDefault(require("./utils/logger")); +const setPackageVersion_1 = require("./release/setPackageVersion"); +const getPackageList_1 = require("./release/getPackageList"); +const publishPackage_1 = require("./release/publishPackage"); +const parser = (0, yargs_1.default)(process.argv.slice(2)) + .option('stage', { + type: 'string', + choices: ['alpha', 'beta'], + description: "Prerelease stage: 'alpha', 'beta'", +}) + .option('tag', { + type: 'string', + default: 'latest', + description: 'Tag', +}) + .option('skipVersionCheck', { + type: 'boolean', + default: false, + description: 'Skip checking version.', +}) + .option('skipPublish', { + type: 'boolean', + default: false, + description: 'Skip publishing step.', +}) + .example([['$0 minor --alpha', 'Prerelease to alpha stage.']]) + .parse(); +(async () => { + const argv = await parser; + logger_1.default.info('Releasing all packages'); + const incrementedVersion = package_json_1.default.version; + if (!argv.skipVersionCheck) { + logger_1.default.info(`New version: ${incrementedVersion}`); + await (0, setPackageVersion_1.setPackagesVersion)(incrementedVersion); + } + const packages = (0, getPackageList_1.getPackagesList)(); + if (!argv.skipPublish) { + logger_1.default.info('Publishing packages to npm'); + if (argv.stage && argv.tag === 'latest') { + argv.tag = 'next'; + } + await Promise.all(packages.map(p => (0, publishPackage_1.publishPackage)({ path: p.path, name: p.packageJson.name, tag: argv.tag }))); + logger_1.default.info('All packages were published successfully'); + } + (0, child_process_1.execSync)('npx react-native-version -A'); + logger_1.default.info(' . \n' + + ' /., \n' + + ' #@. \n' + + ' .&& \n' + + ' %% \n' + + ' ,*,. *&(/* \n' + + ' ,*#*,/* .#/(* (&(, \n' + + ' /#(*///// ,/**//#* , \n' + + ' .,.***,,,.** ,,. . .(*/, \n' + + ' ,(( ,. ..,,,( .,* . ...#&** \n' + + ' %..(&&@/*#,*./,(.*,*,***, /*%./. #&/#** \n' + + ' *(****/(/ ,**../.., .(/.((/**@@&@&, / \n' + + ' *(&( .,.*(/,. *,,.@/,,**%,,//*.*..(#/, \n' + + ' */*/.,,,.,&,./. *.&#* ,(,#*.#*.*..(#/, \n' + + ' *..../*... .%,#%.//*(.,.*.#,,. ,,,*/, \n' + + ' .**#**, @/(#@ (%*(#*/(*&#/&./@@@(,,*./ \n' + + ' .,%..,..,(/ % ,,.,,..,*/&#@ %*,*.&/,/ \n' + + ' **(.....,..(/%#(***,..*/%(/. *( . *%*. \n' + + ' #*..(*#/*(* #****.,,,..*#.,, *((,.&/* \n' + + ' */*/,,,,...*,,#*,, ..,,*//.,,./*,.%%,* \n' + + ' . */../(# /@/,.(#&/#%(*(..,(. ..,,/*., \n' + + ' .*#/*#%&, ./,.(% .&@%, ./(/...//*/,*(/. \n' + + ' ,,(#*/*, /*,&&&%##%&%.. .,/,,*,// \n' + + ' .,./,.(,.../*** ((%#*#,/,* .. .//(*, \n' + + ' ...(. ...**.. . ...* . **#/* \n' + + ' .,,/(**, . ... . .. ,,%(*,.. \n' + + ' ... */&.. . ../*#*... , .(%(. .. \n' + + ' *. .,(* ,*,/#///#*... .. /*/* ..,. \n' + + ' ,......* ,&%//((@**/,*. ...,**(/..,... \n' + + ' ,., . .,/,.,,*/(,*%(.,,***//,/*/(/, . ..* \n' + + ' .*,. .. .. (*/.,.., .,.,*.../,,,/*, . ,. \n' + + ' .(**,. .. ...,.//,,/**(**/..,*.**. .,. ... \n' + + ' ..*, . ..,,/*...*(,.,*.*, .#(,//(,//,.,... \n' + + ' ,,*,,... .,. ,,(.***,, .. ,,....,..#*#*(,,,,,. \n' + + ' .,,*/* ... .,.. . *,(. ..,* ,.. .*,.(,,,...... . \n' + + ' ..,/(....,,.,.( ,.,,, ....,#,...,,.,///.,,,.,.,. \n' + + ' .,**//*.,,,..*.. .,%,*, .,.. , .,/*,,.,,...,,., \n' + + ' .,..,(,. ,,*( ,....**, .,. . ... . ,..,//,/.,,,,.,. \n' + + ' ..,.,**. .,&/.,/, ...*.,*. ..%. (..,*./*,,**,,*/. \n' + + ' ..... .*,..,,* .,..,.,,.*/./*..* /,/,,..*%@##(,,*,,,,,. \n' + + ' ...,,,,..,*/.,,,..,(&/ ,(*.*.#/ .,,..,,//#%#,.,......* \n' + + ' Hello from Bibazavr \n'); +})(); diff --git a/lib/scripts/utils/logger.js b/lib/scripts/utils/logger.js new file mode 100644 index 000000000..19020c71d --- /dev/null +++ b/lib/scripts/utils/logger.js @@ -0,0 +1,21 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.Prefix = void 0; +const winston_1 = require("winston"); +const logger = (0, winston_1.createLogger)({ + level: 'info', + format: winston_1.format.combine(winston_1.format.errors({ stack: true }), winston_1.format.splat(), winston_1.format.json()), + transports: [], +}); +// +// If we're not in production then **ALSO** log to the `console` +// with the colorized simple format. +// +/* istanbul ignore next */ +if (process.env.NODE_ENV !== 'production') { + logger.add(new winston_1.transports.Console({ + format: winston_1.format.combine(winston_1.format.colorize(), winston_1.format.simple()), + })); +} +exports.default = logger; +exports.Prefix = 'Checker'; diff --git a/lib/src/app/ui/index.js b/lib/src/app/ui/index.js new file mode 100644 index 000000000..ea7507fda --- /dev/null +++ b/lib/src/app/ui/index.js @@ -0,0 +1,20 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_safe_area_context_1 = require("react-native-safe-area-context"); +const react_native_gesture_handler_1 = require("react-native-gesture-handler"); +const ui_1 = require("@shared/ui"); +const ui_2 = __importDefault(require("@pages/MainStack/ui")); +exports.default = () => { + return ( + + + + + + + + ); +}; diff --git a/lib/src/entities/index.js b/lib/src/entities/index.js new file mode 100644 index 000000000..7beb56cb3 --- /dev/null +++ b/lib/src/entities/index.js @@ -0,0 +1,2 @@ +"use strict"; +// важный файл - не удалять diff --git a/lib/src/pages/MainStack/Home/Calendar/ui/index.js b/lib/src/pages/MainStack/Home/Calendar/ui/index.js new file mode 100644 index 000000000..dec1e831f --- /dev/null +++ b/lib/src/pages/MainStack/Home/Calendar/ui/index.js @@ -0,0 +1,17 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const ui_1 = require("@shared/ui"); +const getScreenStyles_1 = __importDefault(require("@shared/styles/getScreenStyles")); +const CalendarWidget_1 = require("@widgets/Calendar/ui/CalendarWidget"); +const ModalCalendarWidget_1 = require("@widgets/Calendar/ui/ModalCalendarWidget"); +const CalendarScreen = () => { + const [styles] = (0, ui_1.useStyles)(getScreenStyles_1.default); + return ( + + + ); +}; +exports.default = CalendarScreen; diff --git a/lib/src/pages/MainStack/Home/Chart/BarChart/ui/index.js b/lib/src/pages/MainStack/Home/Chart/BarChart/ui/index.js new file mode 100644 index 000000000..f1d29d6ec --- /dev/null +++ b/lib/src/pages/MainStack/Home/Chart/BarChart/ui/index.js @@ -0,0 +1,19 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const ui_1 = require("@shared/ui"); +const getScreenStyles_1 = __importDefault(require("@shared/styles/getScreenStyles")); +const chart_1 = require("@shared/lib/test/data/chart"); +const RenderSectionItem_1 = __importDefault(require("@widgets/Chart/ui/RenderSectionItem")); +const RenderHeader_1 = __importDefault(require("@widgets/Chart/ui/RenderHeader")); +const renderSectionItem = ({ period, transition, state }, index) => (); +const renderHeader = headerData => (); +const BarChartScreen = () => { + const [styles] = (0, ui_1.useStyles)(getScreenStyles_1.default); + return ( + + ); +}; +exports.default = BarChartScreen; diff --git a/lib/src/pages/MainStack/Home/Chart/LineChart/ui/index.js b/lib/src/pages/MainStack/Home/Chart/LineChart/ui/index.js new file mode 100644 index 000000000..05b97e601 --- /dev/null +++ b/lib/src/pages/MainStack/Home/Chart/LineChart/ui/index.js @@ -0,0 +1,19 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const ui_1 = require("@shared/ui"); +const getScreenStyles_1 = __importDefault(require("@shared/styles/getScreenStyles")); +const chart_1 = require("@shared/lib/test/data/chart"); +const RenderSectionItem_1 = __importDefault(require("@widgets/Chart/ui/RenderSectionItem")); +const RenderHeader_1 = __importDefault(require("@widgets/Chart/ui/RenderHeader")); +const renderSectionItem = ({ period, transition, state }, index) => (); +const renderHeader = headerData => (); +const LineChartScreen = () => { + const [styles] = (0, ui_1.useStyles)(getScreenStyles_1.default); + return ( + + ); +}; +exports.default = LineChartScreen; diff --git a/lib/src/pages/MainStack/Home/Chart/ui/index.js b/lib/src/pages/MainStack/Home/Chart/ui/index.js new file mode 100644 index 000000000..3a1b6e7fd --- /dev/null +++ b/lib/src/pages/MainStack/Home/Chart/ui/index.js @@ -0,0 +1,18 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const ui_1 = require("@shared/ui"); +const getScreenStyles_1 = __importDefault(require("@shared/styles/getScreenStyles")); +const NavigationButton_1 = __importDefault(require("@shared/ui/NavigationButton")); +const screens_1 = require("@shared/lib/constants/screens"); +const navigationRef_1 = require("@shared/lib/navigationRef"); +const ChartScreen = () => { + const [styles] = (0, ui_1.useStyles)(getScreenStyles_1.default); + return ( + + + ); +}; +exports.default = ChartScreen; diff --git a/lib/src/pages/MainStack/Home/Core/CTA/ui/index.js b/lib/src/pages/MainStack/Home/Core/CTA/ui/index.js new file mode 100644 index 000000000..5a53e2fc4 --- /dev/null +++ b/lib/src/pages/MainStack/Home/Core/CTA/ui/index.js @@ -0,0 +1,15 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const ui_1 = require("@shared/ui"); +const getScreenStyles_1 = __importDefault(require("@shared/styles/getScreenStyles")); +const ButtonWidget_1 = require("@widgets/Core/CTA/ui/ButtonWidget"); +const CTAScreen = () => { + const [styles] = (0, ui_1.useStyles)(getScreenStyles_1.default); + return ( + + ); +}; +exports.default = CTAScreen; diff --git a/lib/src/pages/MainStack/Home/Core/Chat/ui/index.js b/lib/src/pages/MainStack/Home/Core/Chat/ui/index.js new file mode 100644 index 000000000..8a94f8954 --- /dev/null +++ b/lib/src/pages/MainStack/Home/Core/Chat/ui/index.js @@ -0,0 +1,15 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const ui_1 = require("@shared/ui"); +const getScreenStyles_1 = __importDefault(require("@shared/styles/getScreenStyles")); +const ChatWidget_1 = require("@widgets/Core/Chat/ui/ChatWidget"); +const ChatScreen = () => { + const [styles] = (0, ui_1.useStyles)(getScreenStyles_1.default); + return ( + + ); +}; +exports.default = ChatScreen; diff --git a/lib/src/pages/MainStack/Home/Core/Controls/ui/index.js b/lib/src/pages/MainStack/Home/Core/Controls/ui/index.js new file mode 100644 index 000000000..bb885c05f --- /dev/null +++ b/lib/src/pages/MainStack/Home/Core/Controls/ui/index.js @@ -0,0 +1,19 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const ui_1 = require("@shared/ui"); +const getScreenStyles_1 = __importDefault(require("@shared/styles/getScreenStyles")); +const SliderWidget_1 = require("@widgets/Core/Controls/ui/SliderWidget"); +const ControlListWidget_1 = require("@widgets/Core/Controls/ui/ControlListWidget"); +const SwipeWidget_1 = require("@widgets/Core/Controls/ui/SwipeWidget"); +const ControlsScreen = () => { + const [styles] = (0, ui_1.useStyles)(getScreenStyles_1.default); + return ( + + + + ); +}; +exports.default = ControlsScreen; diff --git a/lib/src/pages/MainStack/Home/Core/DragAndDrop/ui/index.js b/lib/src/pages/MainStack/Home/Core/DragAndDrop/ui/index.js new file mode 100644 index 000000000..f8da1db91 --- /dev/null +++ b/lib/src/pages/MainStack/Home/Core/DragAndDrop/ui/index.js @@ -0,0 +1,26 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.EL_HEIGHT = exports.EL_WIDTH = exports.COL = exports.MARGIN = void 0; +const react_native_1 = require("react-native"); +const ui_1 = require("@shared/ui"); +const BlockView_1 = require("@shared/ui/BlockView"); +const { width: WIDTH } = react_native_1.Dimensions.get('window'); +const arr = new Array(26).fill('').map((_, i) => i); +exports.MARGIN = px(8); +exports.COL = 2; +exports.EL_WIDTH = WIDTH / exports.COL - exports.MARGIN; +exports.EL_HEIGHT = exports.EL_WIDTH / 2; +const DragAndDropScreen = () => { + const { colors } = (0, ui_1.useTheme)(); + const bgColors = [ + colors.ElementMuted, + colors.ElementAdditional, + colors.ElementAttention, + colors.ElementBase, + colors.ElementNeutral, + colors.ElementSuccess, + colors.ElementWhite, + ]; + return ( ()}/>); +}; +exports.default = DragAndDropScreen; diff --git a/lib/src/pages/MainStack/Home/Core/Inputs/ui/index.js b/lib/src/pages/MainStack/Home/Core/Inputs/ui/index.js new file mode 100644 index 000000000..0c00fa1c2 --- /dev/null +++ b/lib/src/pages/MainStack/Home/Core/Inputs/ui/index.js @@ -0,0 +1,15 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const ui_1 = require("@shared/ui"); +const getScreenStyles_1 = __importDefault(require("@shared/styles/getScreenStyles")); +const InputsWidget_1 = __importDefault(require("@widgets/Core/Inputs/ui/InputsWidget")); +const InputsScreen = () => { + const [styles] = (0, ui_1.useStyles)(getScreenStyles_1.default); + return ( + + ); +}; +exports.default = InputsScreen; diff --git a/lib/src/pages/MainStack/Home/Core/Navbars/ui/index.js b/lib/src/pages/MainStack/Home/Core/Navbars/ui/index.js new file mode 100644 index 000000000..7d395978a --- /dev/null +++ b/lib/src/pages/MainStack/Home/Core/Navbars/ui/index.js @@ -0,0 +1,20 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const ui_1 = require("@shared/ui"); +const getScreenStyles_1 = __importDefault(require("@shared/styles/getScreenStyles")); +const TabsWidget_1 = require("@widgets/Core/Navbars/ui/TabsWidget"); +const PanelHeaderWidget_1 = require("@widgets/Core/Navbars/ui/PanelHeaderWidget"); +const NavbarsScreen = () => { + const [styles] = (0, ui_1.useStyles)(getScreenStyles_1.default); + return ( + + + ); +}; +exports.default = NavbarsScreen; diff --git a/lib/src/pages/MainStack/Home/Core/Other/ui/index.js b/lib/src/pages/MainStack/Home/Core/Other/ui/index.js new file mode 100644 index 000000000..d2b927402 --- /dev/null +++ b/lib/src/pages/MainStack/Home/Core/Other/ui/index.js @@ -0,0 +1,27 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const ui_1 = require("@shared/ui"); +const getScreenStyles_1 = __importDefault(require("@shared/styles/getScreenStyles")); +const DotsWidget_1 = require("@widgets/Core/Other/ui/DotsWidget"); +const AvatarWidget_1 = require("@widgets/Core/Other/ui/AvatarWidget"); +const BadgeWidget_1 = require("@widgets/Core/Other/ui/BadgeWidget"); +const StatusWidget_1 = require("@widgets/Core/Other/ui/StatusWidget"); +const CollapsibleWidget_1 = require("@widgets/Core/Other/ui/CollapsibleWidget"); +const CrossedTextWidget_1 = require("@widgets/Core/Other/ui/CrossedTextWidget"); +const CarouselWidget_1 = require("@widgets/Core/Other/ui/CarouselWidget"); +const OtherScreen = () => { + const [styles] = (0, ui_1.useStyles)(getScreenStyles_1.default); + return ( + + + + + + + + ); +}; +exports.default = OtherScreen; diff --git a/lib/src/pages/MainStack/Home/Core/Popup/ui/index.js b/lib/src/pages/MainStack/Home/Core/Popup/ui/index.js new file mode 100644 index 000000000..054235e16 --- /dev/null +++ b/lib/src/pages/MainStack/Home/Core/Popup/ui/index.js @@ -0,0 +1,25 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const ui_1 = require("@shared/ui"); +const getScreenStyles_1 = __importDefault(require("@shared/styles/getScreenStyles")); +const ActionSheetWidget_1 = require("@widgets/Core/Popup/ui/ActionSheetWidget"); +const ModalsWidget_1 = require("@widgets/Core/Popup/ui/ModalsWidget"); +const SnackbarWidget_1 = require("@widgets/Core/Popup/ui/SnackbarWidget"); +const TooltipWidget_1 = require("@widgets/Core/Popup/ui/TooltipWidget"); +const ModalWidget_1 = require("@widgets/Core/Popup/ui/ModalWidget"); +const PopupBaseWidget_1 = require("@widgets/Core/Popup/ui/PopupBaseWidget"); +const PopupScreen = () => { + const [styles] = (0, ui_1.useStyles)(getScreenStyles_1.default); + return ( + + + + + + + ); +}; +exports.default = PopupScreen; diff --git a/lib/src/pages/MainStack/Home/Core/Progress/ui/index.js b/lib/src/pages/MainStack/Home/Core/Progress/ui/index.js new file mode 100644 index 000000000..8bf9cdd6c --- /dev/null +++ b/lib/src/pages/MainStack/Home/Core/Progress/ui/index.js @@ -0,0 +1,19 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const ui_1 = require("@shared/ui"); +const getScreenStyles_1 = __importDefault(require("@shared/styles/getScreenStyles")); +const IndicatorWidget_1 = require("@widgets/Core/Progress/ui/IndicatorWidget"); +const SpinnerWidget_1 = require("@widgets/Core/Progress/ui/SpinnerWidget"); +const PanelSpinnerWidget_1 = require("@widgets/Core/Progress/ui/PanelSpinnerWidget"); +const ProgressScreen = () => { + const [styles] = (0, ui_1.useStyles)(getScreenStyles_1.default); + return ( + + + + ); +}; +exports.default = ProgressScreen; diff --git a/lib/src/pages/MainStack/Home/Core/Styles/ui/index.js b/lib/src/pages/MainStack/Home/Core/Styles/ui/index.js new file mode 100644 index 000000000..34d738ced --- /dev/null +++ b/lib/src/pages/MainStack/Home/Core/Styles/ui/index.js @@ -0,0 +1,18 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const ui_1 = require("@shared/ui"); +const getScreenStyles_1 = __importDefault(require("@shared/styles/getScreenStyles")); +const ShadowWidget_1 = require("@widgets/Core/Styles/ui/ShadowWidget"); +const SimpleIconWidget_1 = require("@widgets/Core/Styles/ui/SimpleIconWidget"); +const renderItem = () => ; +const StylesScreen = () => { + const [styles] = (0, ui_1.useStyles)(getScreenStyles_1.default); + return ( + + + }/>); +}; +exports.default = StylesScreen; diff --git a/lib/src/pages/MainStack/Home/Core/Typography/ui/index.js b/lib/src/pages/MainStack/Home/Core/Typography/ui/index.js new file mode 100644 index 000000000..6739655c0 --- /dev/null +++ b/lib/src/pages/MainStack/Home/Core/Typography/ui/index.js @@ -0,0 +1,31 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const ui_1 = require("@shared/ui"); +const getScreenStyles_1 = __importDefault(require("@shared/styles/getScreenStyles")); +const getAllTypography = () => { + const weights = Object.keys(ui_1.TFontWeight); + const sizes = Object.keys(ui_1.TFontSize); + const colors = Object.keys(ui_1.defaultTextLightColor).map(name => name.slice(4, name.length)); + const result = []; + weights.forEach(weight => { + colors.forEach(color => { + sizes.forEach(size => { + result.push(`${weight}-${color}-${size}`); + }); + }); + }); + return result; +}; +const renderItem = ({ item }) => ({item}); +const keyExtractor = item => item; +const TypographyScreen = () => { + const [styles] = (0, ui_1.useStyles)(getScreenStyles_1.default); + const data = getAllTypography(); + return ( + + ); +}; +exports.default = TypographyScreen; diff --git a/lib/src/pages/MainStack/Home/Core/ui/index.js b/lib/src/pages/MainStack/Home/Core/ui/index.js new file mode 100644 index 000000000..50435c4ae --- /dev/null +++ b/lib/src/pages/MainStack/Home/Core/ui/index.js @@ -0,0 +1,26 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const ui_1 = require("@shared/ui"); +const getScreenStyles_1 = __importDefault(require("@shared/styles/getScreenStyles")); +const NavigationButton_1 = __importDefault(require("@shared/ui/NavigationButton")); +const screens_1 = require("@shared/lib/constants/screens"); +const navigationRef_1 = require("@shared/lib/navigationRef"); +const CoreScreen = () => { + const [styles] = (0, ui_1.useStyles)(getScreenStyles_1.default); + return ( + + + + + + + + + + + ); +}; +exports.default = CoreScreen; diff --git a/lib/src/pages/MainStack/Home/KeyboardAware/ScrollView/Tabs/ui/KeyboardAwareScrollViewWithBottomAndTabsScreen.js b/lib/src/pages/MainStack/Home/KeyboardAware/ScrollView/Tabs/ui/KeyboardAwareScrollViewWithBottomAndTabsScreen.js new file mode 100644 index 000000000..a70be7a7e --- /dev/null +++ b/lib/src/pages/MainStack/Home/KeyboardAware/ScrollView/Tabs/ui/KeyboardAwareScrollViewWithBottomAndTabsScreen.js @@ -0,0 +1,17 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.KeyboardAwareScrollViewWithBottomAndTabsScreen = void 0; +const ui_1 = require("@shared/ui"); +const getScreenStyles_1 = __importDefault(require("@shared/styles/getScreenStyles")); +const Inputs_1 = require("@widgets/KeyboardAware/Inputs"); +const Bottom_1 = require("@widgets/KeyboardAware/Bottom"); +const KeyboardAwareScrollViewWithBottomAndTabsScreen = () => { + const [styles] = (0, ui_1.useStyles)(getScreenStyles_1.default); + return (}> + + ); +}; +exports.KeyboardAwareScrollViewWithBottomAndTabsScreen = KeyboardAwareScrollViewWithBottomAndTabsScreen; diff --git a/lib/src/pages/MainStack/Home/KeyboardAware/ScrollView/Tabs/ui/KeyboardAwareScrollViewWithTabsScreen.js b/lib/src/pages/MainStack/Home/KeyboardAware/ScrollView/Tabs/ui/KeyboardAwareScrollViewWithTabsScreen.js new file mode 100644 index 000000000..d483f4a51 --- /dev/null +++ b/lib/src/pages/MainStack/Home/KeyboardAware/ScrollView/Tabs/ui/KeyboardAwareScrollViewWithTabsScreen.js @@ -0,0 +1,16 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.KeyboardAwareScrollViewWithTabsScreen = void 0; +const ui_1 = require("@shared/ui"); +const getScreenStyles_1 = __importDefault(require("@shared/styles/getScreenStyles")); +const Inputs_1 = require("@widgets/KeyboardAware/Inputs"); +const KeyboardAwareScrollViewWithTabsScreen = () => { + const [styles] = (0, ui_1.useStyles)(getScreenStyles_1.default); + return ( + + ); +}; +exports.KeyboardAwareScrollViewWithTabsScreen = KeyboardAwareScrollViewWithTabsScreen; diff --git a/lib/src/pages/MainStack/Home/KeyboardAware/ScrollView/Tabs/ui/index.js b/lib/src/pages/MainStack/Home/KeyboardAware/ScrollView/Tabs/ui/index.js new file mode 100644 index 000000000..374dcaf82 --- /dev/null +++ b/lib/src/pages/MainStack/Home/KeyboardAware/ScrollView/Tabs/ui/index.js @@ -0,0 +1,15 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.KeyboardAwareScrollViewTabsScreen = void 0; +const bottom_tabs_1 = require("@react-navigation/bottom-tabs"); +const KeyboardAwareScrollViewWithTabsScreen_1 = require("./KeyboardAwareScrollViewWithTabsScreen"); +const KeyboardAwareScrollViewWithBottomAndTabsScreen_1 = require("./KeyboardAwareScrollViewWithBottomAndTabsScreen"); +const screens_1 = require("@shared/lib/constants/screens"); +const Tab = (0, bottom_tabs_1.createBottomTabNavigator)(); +const KeyboardAwareScrollViewTabsScreen = () => { + return ( + + + ); +}; +exports.KeyboardAwareScrollViewTabsScreen = KeyboardAwareScrollViewTabsScreen; diff --git a/lib/src/pages/MainStack/Home/KeyboardAware/ScrollView/ui/KeyboardAwareScrollViewScreen.js b/lib/src/pages/MainStack/Home/KeyboardAware/ScrollView/ui/KeyboardAwareScrollViewScreen.js new file mode 100644 index 000000000..9d8c3687f --- /dev/null +++ b/lib/src/pages/MainStack/Home/KeyboardAware/ScrollView/ui/KeyboardAwareScrollViewScreen.js @@ -0,0 +1,16 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.KeyboardAwareScrollViewScreen = void 0; +const ui_1 = require("@shared/ui"); +const getScreenStyles_1 = __importDefault(require("@shared/styles/getScreenStyles")); +const Inputs_1 = require("@widgets/KeyboardAware/Inputs"); +const KeyboardAwareScrollViewScreen = () => { + const [styles] = (0, ui_1.useStyles)(getScreenStyles_1.default); + return ( + + ); +}; +exports.KeyboardAwareScrollViewScreen = KeyboardAwareScrollViewScreen; diff --git a/lib/src/pages/MainStack/Home/KeyboardAware/ScrollView/ui/KeyboardAwareScrollViewWithBottomScreen.js b/lib/src/pages/MainStack/Home/KeyboardAware/ScrollView/ui/KeyboardAwareScrollViewWithBottomScreen.js new file mode 100644 index 000000000..820e77198 --- /dev/null +++ b/lib/src/pages/MainStack/Home/KeyboardAware/ScrollView/ui/KeyboardAwareScrollViewWithBottomScreen.js @@ -0,0 +1,17 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.KeyboardAwareScrollViewWithBottomScreen = void 0; +const ui_1 = require("@shared/ui"); +const getScreenStyles_1 = __importDefault(require("@shared/styles/getScreenStyles")); +const Inputs_1 = require("@widgets/KeyboardAware/Inputs"); +const Bottom_1 = require("@widgets/KeyboardAware/Bottom"); +const KeyboardAwareScrollViewWithBottomScreen = () => { + const [styles] = (0, ui_1.useStyles)(getScreenStyles_1.default); + return (}> + + ); +}; +exports.KeyboardAwareScrollViewWithBottomScreen = KeyboardAwareScrollViewWithBottomScreen; diff --git a/lib/src/pages/MainStack/Home/KeyboardAware/ui/index.js b/lib/src/pages/MainStack/Home/KeyboardAware/ui/index.js new file mode 100644 index 000000000..9039e0600 --- /dev/null +++ b/lib/src/pages/MainStack/Home/KeyboardAware/ui/index.js @@ -0,0 +1,19 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const ui_1 = require("@shared/ui"); +const getScreenStyles_1 = __importDefault(require("@shared/styles/getScreenStyles")); +const NavigationButton_1 = __importDefault(require("@shared/ui/NavigationButton")); +const screens_1 = require("@shared/lib/constants/screens"); +const navigationRef_1 = require("@shared/lib/navigationRef"); +const KeyboardAwareScreen = () => { + const [styles] = (0, ui_1.useStyles)(getScreenStyles_1.default); + return ( + + + + ); +}; +exports.default = KeyboardAwareScreen; diff --git a/lib/src/pages/MainStack/Home/Markdown/ui/index.js b/lib/src/pages/MainStack/Home/Markdown/ui/index.js new file mode 100644 index 000000000..b28f14f6e --- /dev/null +++ b/lib/src/pages/MainStack/Home/Markdown/ui/index.js @@ -0,0 +1,15 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const ui_1 = require("@shared/ui"); +const getScreenStyles_1 = __importDefault(require("@shared/styles/getScreenStyles")); +const MarkdownWidget_1 = require("@widgets/Markdown/ui/MarkdownWidget"); +const MarkdownScreen = () => { + const [styles] = (0, ui_1.useStyles)(getScreenStyles_1.default); + return ( + + ); +}; +exports.default = MarkdownScreen; diff --git a/lib/src/pages/MainStack/Home/Utils/ui/index.js b/lib/src/pages/MainStack/Home/Utils/ui/index.js new file mode 100644 index 000000000..a902e984f --- /dev/null +++ b/lib/src/pages/MainStack/Home/Utils/ui/index.js @@ -0,0 +1,12 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const ui_1 = require("@shared/ui"); +const getScreenStyles_1 = __importDefault(require("@shared/styles/getScreenStyles")); +const UtilsScreen = () => { + const [styles] = (0, ui_1.useStyles)(getScreenStyles_1.default); + return ; +}; +exports.default = UtilsScreen; diff --git a/lib/src/pages/MainStack/Home/ui/index.js b/lib/src/pages/MainStack/Home/ui/index.js new file mode 100644 index 000000000..bb729a4d4 --- /dev/null +++ b/lib/src/pages/MainStack/Home/ui/index.js @@ -0,0 +1,23 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const ui_1 = require("@shared/ui"); +const getScreenStyles_1 = __importDefault(require("@shared/styles/getScreenStyles")); +const navigationRef_1 = require("@shared/lib/navigationRef"); +const screens_1 = require("@shared/lib/constants/screens"); +const NavigationButton_1 = __importDefault(require("@shared/ui/NavigationButton")); +const HomeScreen = () => { + const [styles] = (0, ui_1.useStyles)(getScreenStyles_1.default); + return ( + + + + + + + + ); +}; +exports.default = HomeScreen; diff --git a/lib/src/pages/MainStack/Settings/ui/index.js b/lib/src/pages/MainStack/Settings/ui/index.js new file mode 100644 index 000000000..1d4cc2777 --- /dev/null +++ b/lib/src/pages/MainStack/Settings/ui/index.js @@ -0,0 +1,19 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const ui_1 = require("@shared/ui"); +const getScreenStyles_1 = __importDefault(require("@shared/styles/getScreenStyles")); +const SettingsScreen = () => { + const { currentTheme, setCurrentTheme } = (0, ui_1.useTheme)(); + const [styles] = (0, ui_1.useStyles)(getScreenStyles_1.default); + return ( + { + setCurrentTheme(currentTheme === ui_1.CurrentTheme.light + ? ui_1.CurrentTheme.dark + : ui_1.CurrentTheme.light); + }}/> + ); +}; +exports.default = SettingsScreen; diff --git a/lib/src/pages/MainStack/ui/index.js b/lib/src/pages/MainStack/ui/index.js new file mode 100644 index 000000000..26bc99ade --- /dev/null +++ b/lib/src/pages/MainStack/ui/index.js @@ -0,0 +1,86 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const native_stack_1 = require("@react-navigation/native-stack"); +const native_1 = require("@react-navigation/native"); +const screens_1 = require("@shared/lib/constants/screens"); +const ui_1 = require("@shared/ui"); +const navigationRef_1 = require("@shared/lib/navigationRef"); +const useNavigationTheme_1 = require("@shared/lib/hooks/useNavigationTheme"); +const ui_2 = __importDefault(require("@pages/MainStack/Settings/ui")); +const ui_3 = __importDefault(require("@pages/MainStack/Home/ui")); +const ui_4 = __importDefault(require("@pages/MainStack/Home/Calendar/ui")); +const ui_5 = __importDefault(require("@pages/MainStack/Home/Core/ui")); +const ui_6 = __importDefault(require("@pages/MainStack/Home/Utils/ui")); +const ui_7 = __importDefault(require("@pages/MainStack/Home/Core/Typography/ui")); +const ui_8 = __importDefault(require("@pages/MainStack/Home/Core/Inputs/ui")); +const ui_9 = __importDefault(require("@pages/MainStack/Home/Chart/ui")); +const ui_10 = __importDefault(require("@pages/MainStack/Home/Chart/LineChart/ui")); +const ui_11 = __importDefault(require("@pages/MainStack/Home/Chart/BarChart/ui")); +const ui_12 = __importDefault(require("@pages/MainStack/Home/Core/Progress/ui")); +const ui_13 = __importDefault(require("@pages/MainStack/Home/Core/Popup/ui")); +const ui_14 = __importDefault(require("@pages/MainStack/Home/Core/Chat/ui")); +const ui_15 = __importDefault(require("@pages/MainStack/Home/Core/Controls/ui")); +const ui_16 = __importDefault(require("@pages/MainStack/Home/Core/Styles/ui")); +const ui_17 = __importDefault(require("@pages/MainStack/Home/Core/CTA/ui")); +const ui_18 = __importDefault(require("@pages/MainStack/Home/KeyboardAware/ui")); +const KeyboardAwareScrollViewScreen_1 = require("@pages/MainStack/Home/KeyboardAware/ScrollView/ui/KeyboardAwareScrollViewScreen"); +const KeyboardAwareScrollViewWithBottomScreen_1 = require("@pages/MainStack/Home/KeyboardAware/ScrollView/ui/KeyboardAwareScrollViewWithBottomScreen"); +const ui_19 = require("@pages/MainStack/Home/KeyboardAware/ScrollView/Tabs/ui"); +const ui_20 = __importDefault(require("@pages/MainStack/Home/Core/Other/ui")); +const ui_21 = __importDefault(require("@pages/MainStack/Home/Core/Navbars/ui")); +const ui_22 = __importDefault(require("@pages/MainStack/Home/Core/DragAndDrop/ui")); +const ui_23 = __importDefault(require("@pages/MainStack/Home/Markdown/ui")); +const Stack = (0, native_stack_1.createNativeStackNavigator)(); +const MainStack = () => { + const theme = (0, useNavigationTheme_1.useNavigationTheme)(); + return ( + { + return { + headerRight: () => { + return (}/>); + }, + }; + }}> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +}; +exports.default = MainStack; diff --git a/lib/src/shared/lib/constants/rootStackParamList.js b/lib/src/shared/lib/constants/rootStackParamList.js new file mode 100644 index 000000000..e93b7ec74 --- /dev/null +++ b/lib/src/shared/lib/constants/rootStackParamList.js @@ -0,0 +1,3 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const screens_1 = require("@shared/lib/constants/screens"); diff --git a/lib/src/shared/lib/constants/screens.js b/lib/src/shared/lib/constants/screens.js new file mode 100644 index 000000000..471db29d6 --- /dev/null +++ b/lib/src/shared/lib/constants/screens.js @@ -0,0 +1,32 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.SCREENS = void 0; +var SCREENS; +(function (SCREENS) { + SCREENS["Home"] = "Home"; + SCREENS["Settings"] = "Settings"; + SCREENS["Core"] = "Core"; + SCREENS["Calendar"] = "Calendar"; + SCREENS["Utils"] = "Utils"; + SCREENS["Chart"] = "Chart"; + SCREENS["Chat"] = "Chat"; + SCREENS["Controls"] = "Controls"; + SCREENS["CTA"] = "CTA"; + SCREENS["Inputs"] = "Inputs"; + SCREENS["Popups"] = "Popups"; + SCREENS["Progress"] = "Progress"; + SCREENS["Styles"] = "Styles"; + SCREENS["Typography"] = "Typography"; + SCREENS["Other"] = "Other"; + SCREENS["Navbars"] = "Navbars"; + SCREENS["LineChart"] = "LineChart"; + SCREENS["BarChart"] = "BarChart"; + SCREENS["KeyboardAware"] = "KeyboardAware"; + SCREENS["KeyboardAwareScrollView"] = "KeyboardAwareScrollView"; + SCREENS["KeyboardAwareScrollViewWithBottom"] = "KeyboardAwareScrollViewWithBottom"; + SCREENS["KeyboardAwareScrollViewTabs"] = "KeyboardAwareScrollViewTabsScreen"; + SCREENS["KeyboardAwareScrollViewWithTabs"] = "KeyboardAwareScrollViewWithTabs"; + SCREENS["KeyboardAwareScrollViewWithBottomAndTabs"] = "KeyboardAwareScrollViewWithBottomAndTabs"; + SCREENS["DragAndDrop"] = "DragAndDrop"; + SCREENS["Markdown"] = "Markdown"; +})(SCREENS || (exports.SCREENS = SCREENS = {})); diff --git a/lib/src/shared/lib/hooks/__tests__/useNavigationTheme.test.js b/lib/src/shared/lib/hooks/__tests__/useNavigationTheme.test.js new file mode 100644 index 000000000..c05bfaf59 --- /dev/null +++ b/lib/src/shared/lib/hooks/__tests__/useNavigationTheme.test.js @@ -0,0 +1,22 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_1 = require("@testing-library/react-native"); +const useNavigationTheme_1 = require("../useNavigationTheme"); +describe('useNavigationTheme', () => { + test('default', () => { + const { result } = (0, react_native_1.renderHook)(() => (0, useNavigationTheme_1.useNavigationTheme)()); + expect(result).toStrictEqual({ + current: { + colors: { + background: '#FFF', + border: 'rgba(32, 36, 45, 0.3)', + card: '#FFF', + notification: '#5E6678', + primary: '#20242D', + text: '#20242D', + }, + dark: false, + }, + }); + }); +}); diff --git a/lib/src/shared/lib/hooks/useNavigationTheme.js b/lib/src/shared/lib/hooks/useNavigationTheme.js new file mode 100644 index 000000000..ad95620d6 --- /dev/null +++ b/lib/src/shared/lib/hooks/useNavigationTheme.js @@ -0,0 +1,20 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.useNavigationTheme = void 0; +const ui_1 = require("@shared/ui"); +const useNavigationTheme = () => { + const { currentTheme, colors } = (0, ui_1.useTheme)(); + const theme = { + dark: currentTheme === ui_1.CurrentTheme.dark, + colors: { + primary: colors.BgContrast, + border: colors.BorderNormal, + text: colors.TextPrimary, + card: colors.BgPrimary, + background: colors.BgPrimary, + notification: colors.IconNeutral, + }, + }; + return theme; +}; +exports.useNavigationTheme = useNavigationTheme; diff --git a/lib/src/shared/lib/index.js b/lib/src/shared/lib/index.js new file mode 100644 index 000000000..4aef30ceb --- /dev/null +++ b/lib/src/shared/lib/index.js @@ -0,0 +1,17 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("@lad-tech/mobydick-utils"), exports); diff --git a/lib/src/shared/lib/navigationRef.js b/lib/src/shared/lib/navigationRef.js new file mode 100644 index 000000000..dffc21257 --- /dev/null +++ b/lib/src/shared/lib/navigationRef.js @@ -0,0 +1,51 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.goBack = exports.replace = exports.popToTop = exports.pop = exports.push = exports.navigate = exports.move = exports.navigationRef = void 0; +const native_1 = require("@react-navigation/native"); +exports.navigationRef = (0, native_1.createNavigationContainerRef)(); +const move = (...args) => () => { + push(...args); +}; +exports.move = move; +function navigate(...args) { + if (exports.navigationRef.isReady() && exports.navigationRef.current) { + exports.navigationRef.current.navigate(...args); + } +} +exports.navigate = navigate; +function push(...args) { + if (exports.navigationRef.isReady() && exports.navigationRef.current) { + // It's okay to pass args like that for better func usage + // eslint-disable-next-line @typescript-eslint/ban-ts-comment + // @ts-expect-error + exports.navigationRef.current.dispatch(native_1.StackActions.push(...args)); + } +} +exports.push = push; +function pop(count) { + if (exports.navigationRef.isReady() && exports.navigationRef.current) { + exports.navigationRef.current.dispatch(native_1.StackActions.pop(count)); + } +} +exports.pop = pop; +function popToTop() { + if (exports.navigationRef.isReady() && exports.navigationRef.current) { + exports.navigationRef.current.dispatch(native_1.StackActions.popToTop()); + } +} +exports.popToTop = popToTop; +function replace(...args) { + if (exports.navigationRef.isReady() && exports.navigationRef.current) { + // It's okay to pass args like that for better func usage + // eslint-disable-next-line @typescript-eslint/ban-ts-comment + // @ts-expect-error + exports.navigationRef.current.dispatch(native_1.StackActions.replace(...args)); + } +} +exports.replace = replace; +function goBack() { + if (exports.navigationRef.isReady() && exports.navigationRef.current) { + exports.navigationRef.current.goBack(); + } +} +exports.goBack = goBack; diff --git a/lib/src/shared/lib/test/data/avatar.js b/lib/src/shared/lib/test/data/avatar.js new file mode 100644 index 000000000..adc920bd0 --- /dev/null +++ b/lib/src/shared/lib/test/data/avatar.js @@ -0,0 +1,32 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.defaultUserTest = exports.smallGroupDateTest = exports.defaultGroupDateTest = exports.userWithLogoTest = exports.userTest = void 0; +exports.userTest = { + firstName: 'Anonim', + lastName: 'Anonim', +}; +exports.userWithLogoTest = { + firstName: 'Anonim', + logo: require('@shared/ui/images/Avatar.png'), +}; +exports.defaultGroupDateTest = [ + { + firstName: 'Иван', + lastName: 'Пушкин', + }, + { + firstName: 'Иван', + lastName: 'Пушкин', + }, +]; +exports.smallGroupDateTest = [ + { + logo: require('@shared/ui/images/Avatar.png'), + firstName: 'Иван', + lastName: 'Пушкин', + }, + ...exports.defaultGroupDateTest, +]; +exports.defaultUserTest = [ + exports.userTest, +]; diff --git a/lib/src/shared/lib/test/data/chart.js b/lib/src/shared/lib/test/data/chart.js new file mode 100644 index 000000000..894717a80 --- /dev/null +++ b/lib/src/shared/lib/test/data/chart.js @@ -0,0 +1,121 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.mockChartDataset = exports.mockChart = void 0; +const random = Math.random() * 10; +const mockChart = (n) => new Array(n).fill(0).map((_value, index) => { + return { + x: random * index, + y: 10 + Math.random() * index, + }; +}); +exports.mockChart = mockChart; +exports.mockChartDataset = { + 'period 1': [ + { + coordinates: (0, exports.mockChart)(20), + name: '1 line', + colors: [ + '#ff0000', + '#f4e91d', + ] + }, + { + coordinates: (0, exports.mockChart)(10), + name: '2 line', + }, + { + coordinates: (0, exports.mockChart)(5), + name: '3 line', + colors: [ + '#33135b', + '#9BE1DA', + '#c5cd56', + '#3b3f8e', + ] + }, + ], + 'pasdasdasderiod 1': [ + { + coordinates: (0, exports.mockChart)(20), + name: '1 line', + colors: [ + '#0022ff', + '#cd1df4', + ] + }, + { + coordinates: (0, exports.mockChart)(10), + name: '2 line', + }, + { + coordinates: (0, exports.mockChart)(5), + name: '3 line', + colors: [ + '#5b3113', + '#9BE1DA', + '#c5cd56', + '#668e3b', + ] + }, + ], + 'asdasdasdasdasd 1': [ + { + coordinates: (0, exports.mockChart)(20), + name: '1 line', + colors: [ + '#1c9680', + '#479459', + ] + }, + { + coordinates: (0, exports.mockChart)(10), + name: '2 line', + }, + { + coordinates: (0, exports.mockChart)(5), + name: '3 line', + colors: [ + '#33135b', + '#9BE1DA', + '#c5cd56', + '#3b3f8e', + ] + }, + ], + period: [ + { + coordinates: (0, exports.mockChart)(20), + name: '1 line', + colors: [ + '#ba80ff', + '#9BE1DA', + '#56CDCB', + '#3B8B8E', + ] + }, + { + coordinates: (0, exports.mockChart)(10), + name: '2 line', + colors: [ + '#E0F5E9', + '#e1db9b', + '#abcd56', + '#768e3b', + '#1cef38', + '#1df488', + '#1de7f9', + '#5787ff', + ], + }, + { + coordinates: (0, exports.mockChart)(5), + name: '3 line', + colors: [ + '#ee80ff', + '#e19b9b', + '#5ecd56', + '#833b8e', + ] + }, + ], +}; diff --git a/lib/src/shared/styles/getScreenStyles.js b/lib/src/shared/styles/getScreenStyles.js new file mode 100644 index 000000000..23f6499b2 --- /dev/null +++ b/lib/src/shared/styles/getScreenStyles.js @@ -0,0 +1,12 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const ui_1 = require("@shared/ui"); +const getScreenStyles = (0, ui_1.createStyles)(({ colors, spaces }) => ({ + container: { + flex: 1, + backgroundColor: colors.BgPrimary, + padding: spaces.Space8, + gap: spaces.Space16, + }, +})); +exports.default = getScreenStyles; diff --git a/lib/src/shared/ui/BlockView.js b/lib/src/shared/ui/BlockView.js new file mode 100644 index 000000000..49047d7ef --- /dev/null +++ b/lib/src/shared/ui/BlockView.js @@ -0,0 +1,24 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.BlockView = void 0; +const ui_1 = require("@shared/ui"); +const BlockView = ({ item, width, height, backgroundColor, }) => { + const [styles, { colors }] = (0, ui_1.useStyles)(stylesFn); + return ( + {item} + ); +}; +exports.BlockView = BlockView; +const stylesFn = (0, ui_1.createStyles)(() => ({ + container: { + alignItems: 'center', + justifyContent: 'center', + }, +})); diff --git a/lib/src/shared/ui/Header.js b/lib/src/shared/ui/Header.js new file mode 100644 index 000000000..80a103f46 --- /dev/null +++ b/lib/src/shared/ui/Header.js @@ -0,0 +1,7 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const ui_1 = require("@shared/ui"); +const Header = ({ title }) => { + return {title}; +}; +exports.default = Header; diff --git a/lib/src/shared/ui/NavigationButton.js b/lib/src/shared/ui/NavigationButton.js new file mode 100644 index 000000000..f07f0722f --- /dev/null +++ b/lib/src/shared/ui/NavigationButton.js @@ -0,0 +1,19 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +const ui_1 = require("@shared/ui"); +const NavigationButton = ({ onPress, text }) => { + const [styles] = (0, ui_1.useStyles)(createStylesFn); + return ( + {text} + ); +}; +const createStylesFn = (0, ui_1.createStyles)(({ spaces, colors }) => ({ + container: { + borderColor: colors.BorderNormal, + borderWidth: spaces.Space1, + borderRadius: spaces.Space8, + padding: spaces.Space8, + backgroundColor: colors.BgPrimary, + }, +})); +exports.default = NavigationButton; diff --git a/lib/src/shared/ui/index.js b/lib/src/shared/ui/index.js new file mode 100644 index 000000000..963649fd7 --- /dev/null +++ b/lib/src/shared/ui/index.js @@ -0,0 +1,22 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", { value: true }); +__exportStar(require("@lad-tech/mobydick-core"), exports); +__exportStar(require("@lad-tech/mobydick-chart"), exports); +__exportStar(require("@lad-tech/keyboard-aware"), exports); +__exportStar(require("@lad-tech/mobydick-calendar"), exports); +__exportStar(require("@lad-tech/mobydick-drag-and-drop"), exports); +__exportStar(require("@lad-tech/mobydick-markdown"), exports); diff --git a/lib/src/widgets/Calendar/ui/CalendarWidget.js b/lib/src/widgets/Calendar/ui/CalendarWidget.js new file mode 100644 index 000000000..61f45b38d --- /dev/null +++ b/lib/src/widgets/Calendar/ui/CalendarWidget.js @@ -0,0 +1,22 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.CalendarWidget = void 0; +const ui_1 = require("@shared/ui"); +const Header_1 = __importDefault(require("@shared/ui/Header")); +const CalendarWidget = () => { + const [styles] = (0, ui_1.useStyles)(stylesFn); + return ( + + + ); +}; +exports.CalendarWidget = CalendarWidget; +const stylesFn = (0, ui_1.createStyles)(({ spaces }) => ({ + container: { + gap: spaces.Space16, + alignItems: 'center', + }, +})); diff --git a/lib/src/widgets/Calendar/ui/ModalCalendarWidget.js b/lib/src/widgets/Calendar/ui/ModalCalendarWidget.js new file mode 100644 index 000000000..197e69f68 --- /dev/null +++ b/lib/src/widgets/Calendar/ui/ModalCalendarWidget.js @@ -0,0 +1,25 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.ModalCalendarWidget = void 0; +const ui_1 = require("@shared/ui"); +const Header_1 = __importDefault(require("@shared/ui/Header")); +const ModalCalendarWidget = () => { + const [styles] = (0, ui_1.useStyles)(stylesFn); + const { openPopup } = (0, ui_1.usePopups)(); + return ( + + openPopup({ + Content: props => , + })}/> + ); +}; +exports.ModalCalendarWidget = ModalCalendarWidget; +const stylesFn = (0, ui_1.createStyles)(({ spaces }) => ({ + container: { + gap: spaces.Space16, + alignItems: 'center', + }, +})); diff --git a/lib/src/widgets/Chart/ui/RenderHeader.js b/lib/src/widgets/Chart/ui/RenderHeader.js new file mode 100644 index 000000000..b79e4420b --- /dev/null +++ b/lib/src/widgets/Chart/ui/RenderHeader.js @@ -0,0 +1,53 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { + Object.defineProperty(o, "default", { enumerable: true, value: v }); +}) : function(o, v) { + o["default"] = v; +}); +var __importStar = (this && this.__importStar) || function (mod) { + if (mod && mod.__esModule) return mod; + var result = {}; + if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); + __setModuleDefault(result, mod); + return result; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.AnimatedText = void 0; +const react_native_reanimated_1 = __importStar(require("react-native-reanimated")); +const react_native_1 = require("react-native"); +const ui_1 = require("@shared/ui"); +exports.AnimatedText = react_native_reanimated_1.default.createAnimatedComponent(react_native_1.TextInput); +react_native_reanimated_1.default.addWhitelistedNativeProps({ text: true }); +const RenderHeader = ({ header }) => { + const { fontStyle } = (0, ui_1.useFont)('Regular-Primary-XS'); + const animatedPropsPeriod = (0, react_native_reanimated_1.useAnimatedProps)(() => { + return { + text: header.selectedPeriodName.value, + defaultValue: header.selectedPeriodName.value, + }; + }); + const animatedPropsRecord = (0, react_native_reanimated_1.useAnimatedProps)(() => { + const lastRecord = header.selectedValues.value[0]?.y.toString() ?? ''; + return { + text: lastRecord, + defaultValue: lastRecord, + }; + }); + return ( + + Last record + + ); +}; +exports.default = RenderHeader; diff --git a/lib/src/widgets/Chart/ui/RenderSectionItem.js b/lib/src/widgets/Chart/ui/RenderSectionItem.js new file mode 100644 index 000000000..0fb98a410 --- /dev/null +++ b/lib/src/widgets/Chart/ui/RenderSectionItem.js @@ -0,0 +1,58 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { + Object.defineProperty(o, "default", { enumerable: true, value: v }); +}) : function(o, v) { + o["default"] = v; +}); +var __importStar = (this && this.__importStar) || function (mod) { + if (mod && mod.__esModule) return mod; + var result = {}; + if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); + __setModuleDefault(result, mod); + return result; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_native_reanimated_1 = __importStar(require("react-native-reanimated")); +const ui_1 = require("@shared/ui"); +const RenderSectionItem = ({ period, state, transition, index }) => { + const [styles, { colors }] = (0, ui_1.useStyles)(createStyleFn); + const animationStyles = (0, react_native_reanimated_1.useAnimatedStyle)(() => { + const { current, next } = state.value; + if (index !== current && index !== next) { + return { backgroundColor: colors.BgAccent }; + } + if (index === current && index === next) { + return { backgroundColor: colors.BgAccentHard }; + } + return { + backgroundColor: (0, react_native_reanimated_1.interpolateColor)(transition.value, index === next ? [0, 1] : [1, 0], [colors.BgAccent, colors.BgAccentHard]), + }; + }); + return ( + {period} + ); +}; +const createStyleFn = (0, ui_1.createStyles)(({ spaces }) => ({ + container: { + flexGrow: 1, + padding: spaces.Space8, + borderRadius: spaces.Space16, + margin: spaces.Space4, + }, + text: { + textAlign: 'center', + textAlignVertical: 'center', + }, +})); +exports.default = RenderSectionItem; diff --git a/lib/src/widgets/Core/CTA/ui/ButtonWidget.js b/lib/src/widgets/Core/CTA/ui/ButtonWidget.js new file mode 100644 index 000000000..f6932dcf9 --- /dev/null +++ b/lib/src/widgets/Core/CTA/ui/ButtonWidget.js @@ -0,0 +1,64 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.ButtonWidget = void 0; +const react_1 = require("react"); +const ui_1 = require("@shared/ui"); +const Header_1 = __importDefault(require("@shared/ui/Header")); +const ButtonWidget = () => { + const [styles] = (0, ui_1.useStyles)(style); + const [counter, setCounter] = (0, react_1.useState)(99); + const onChangeCounter = (value) => () => { + setCounter(val => val + value); + }; + return ( + + + + + + + + + + + + + + + + + + + + }/> + }/> + } rightIcon={}/> + + + + + + + + + + + + + + + ); +}; +exports.ButtonWidget = ButtonWidget; +const style = (0, ui_1.createStyles)(({ spaces }) => ({ + container: { + gap: spaces.Space4, + }, + content: { + alignItems: 'center', + gap: spaces.Space4, + }, +})); diff --git a/lib/src/widgets/Core/Chat/ui/ChatWidget.js b/lib/src/widgets/Core/Chat/ui/ChatWidget.js new file mode 100644 index 000000000..e963a6ed6 --- /dev/null +++ b/lib/src/widgets/Core/Chat/ui/ChatWidget.js @@ -0,0 +1,46 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.ChatWidget = void 0; +const react_1 = require("react"); +const ui_1 = require("@shared/ui"); +const ChatWidget = () => { + const [styles] = (0, ui_1.useStyles)(styleFn); + const [input, setInput] = (0, react_1.useState)(''); + const [myMessages, setMyMessages] = (0, react_1.useState)([ + { time: '12-12-1998', isMe: true, message: 'message' }, + ]); + const onSend = () => { + setMyMessages([ + ...myMessages, + { + time: new Date().toString(), + isMe: true, + message: input, + }, + ]); + setInput(''); + }; + return ( + + + + } renderItem={renderItem} keyExtractor={keyExtractor}/> + + + + + + ); +}; +exports.ChatWidget = ChatWidget; +const renderItem = ({ item }) => { + return ; +}; +const keyExtractor = (_item, index) => index.toString(); +const styleFn = (0, ui_1.createStyles)(({ colors }) => ({ + container: { flex: 1, backgroundColor: colors.BgSecondary }, +})); diff --git a/lib/src/widgets/Core/Controls/ui/ControlListWidget.js b/lib/src/widgets/Core/Controls/ui/ControlListWidget.js new file mode 100644 index 000000000..74e00f744 --- /dev/null +++ b/lib/src/widgets/Core/Controls/ui/ControlListWidget.js @@ -0,0 +1,40 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.ControlListWidget = void 0; +const react_1 = require("react"); +const ui_1 = require("@shared/ui"); +const ControlListWidget = () => { + const [styles] = (0, ui_1.useStyles)(styleFn); + const [checkbox, setCheckbox] = (0, react_1.useState)([]); + const [radio, setRadio] = (0, react_1.useState)([]); + return ( + ControlsList + + checkbox + + + option one + + + option two + + + + + + radio + + + option one + + + option two + + + + ); +}; +exports.ControlListWidget = ControlListWidget; +const styleFn = (0, ui_1.createStyles)(({ spaces }) => ({ + container: { gap: spaces.Space8 }, +})); diff --git a/lib/src/widgets/Core/Controls/ui/SliderWidget.js b/lib/src/widgets/Core/Controls/ui/SliderWidget.js new file mode 100644 index 000000000..9c55fa66e --- /dev/null +++ b/lib/src/widgets/Core/Controls/ui/SliderWidget.js @@ -0,0 +1,31 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.SliderWidget = void 0; +const react_1 = require("react"); +const ui_1 = require("@shared/ui"); +const SliderWidget = () => { + const [styles] = (0, ui_1.useStyles)(styleFn); + const [range, setRange] = (0, react_1.useState)({ low: 0, high: 100 }); + const [low, setLow] = (0, react_1.useState)(0); + return ( + Slider + + default + { + setRange({ low, high }); + }}/> + {`Low: ${range.low} High: ${range.high} Step: ${5}`} + + + disableRange + { + setLow(low); + }}/> + {`Low: ${low} Step: ${1}`} + + ); +}; +exports.SliderWidget = SliderWidget; +const styleFn = (0, ui_1.createStyles)(({ spaces }) => ({ + container: { gap: spaces.Space8 }, +})); diff --git a/lib/src/widgets/Core/Controls/ui/SwipeWidget.js b/lib/src/widgets/Core/Controls/ui/SwipeWidget.js new file mode 100644 index 000000000..15a50f3f0 --- /dev/null +++ b/lib/src/widgets/Core/Controls/ui/SwipeWidget.js @@ -0,0 +1,13 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.SwipeWidget = void 0; +const react_1 = require("react"); +const ui_1 = require("@shared/ui"); +const SwipeWidget = () => { + const [active, setActive] = (0, react_1.useState)(false); + return ( + Swipe + + ); +}; +exports.SwipeWidget = SwipeWidget; diff --git a/lib/src/widgets/Core/Inputs/ui/DropDownExample.js b/lib/src/widgets/Core/Inputs/ui/DropDownExample.js new file mode 100644 index 000000000..12bb89b51 --- /dev/null +++ b/lib/src/widgets/Core/Inputs/ui/DropDownExample.js @@ -0,0 +1,69 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const Header_1 = __importDefault(require("@shared/ui/Header")); +const ui_1 = require("@shared/ui"); +const DropDownExample = () => { + const [language, setLanguage] = (0, react_1.useState)(); + const [styles] = (0, ui_1.useStyles)(createStylesFn); + const [programmingLanguages, setProgrammingLanguages] = (0, react_1.useState)([]); + const languageList = [ + { + value: 1, + label: 'Russian', + }, + { + value: 2, + label: 'English', + }, + { + value: 3, + label: 'German', + }, + ]; + const programmingLanguageList = [ + { + value: 1, + label: 'JavaScript', + }, + { + value: 2, + label: 'Kotlin', + }, + { + value: 3, + label: 'Swift', + }, + { + value: 4, + label: 'Rust', + }, + { + value: 5, + label: 'C++', + }, + { + value: 6, + label: 'COBOL', + }, + ]; + return (<> + + + + + + ); +}; +const createStylesFn = (0, ui_1.createStyles)(_ => ({ + buttonStyle: { + width: '100%', + }, + flatListStyle: { + width: '95%', + }, +})); +exports.default = DropDownExample; diff --git a/lib/src/widgets/Core/Inputs/ui/ExampleSearch.js b/lib/src/widgets/Core/Inputs/ui/ExampleSearch.js new file mode 100644 index 000000000..822bb02f5 --- /dev/null +++ b/lib/src/widgets/Core/Inputs/ui/ExampleSearch.js @@ -0,0 +1,28 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const lib_1 = require("@shared/lib"); +const ui_1 = require("@shared/ui"); +const Header_1 = __importDefault(require("@shared/ui/Header")); +const ExampleSearch = () => { + const [styles] = (0, ui_1.useStyles)(styleSource); + const [value, setValue] = (0, react_1.useState)(''); + const debouncedFn = (0, lib_1.useDebounce)((valueFn) => console.log('value', valueFn), 1000); + const onChangeText = (text) => { + setValue(text); + debouncedFn(text); + }; + return ( + + }/> + ); +}; +const styleSource = (0, ui_1.createStyles)(({ spaces }) => ({ + wrapper: { + gap: spaces.Space12, + }, +})); +exports.default = ExampleSearch; diff --git a/lib/src/widgets/Core/Inputs/ui/InputList.js b/lib/src/widgets/Core/Inputs/ui/InputList.js new file mode 100644 index 000000000..d7a75b12a --- /dev/null +++ b/lib/src/widgets/Core/Inputs/ui/InputList.js @@ -0,0 +1,34 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const Header_1 = __importDefault(require("@shared/ui/Header")); +const ui_1 = require("@shared/ui"); +const InputList = () => { + const [styles] = (0, ui_1.useStyles)(styleSource); + const [about, setAbout] = (0, react_1.useState)(''); + const [isSecureTextEntry, setSecureTextEntry] = (0, react_1.useState)(false); + return ( + + + + + setSecureTextEntry(!isSecureTextEntry)}> + + } secureTextEntry={isSecureTextEntry} required={true}/> + + + + + + + ); +}; +const styleSource = (0, ui_1.createStyles)(({ spaces }) => ({ + containerStyle: { + gap: spaces.Space12, + }, +})); +exports.default = InputList; diff --git a/lib/src/widgets/Core/Inputs/ui/InputsWidget.js b/lib/src/widgets/Core/Inputs/ui/InputsWidget.js new file mode 100644 index 000000000..30c946993 --- /dev/null +++ b/lib/src/widgets/Core/Inputs/ui/InputsWidget.js @@ -0,0 +1,18 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const DropDownExample_1 = __importDefault(require("./DropDownExample")); +const Verification_1 = __importDefault(require("./Verification")); +const ExampleSearch_1 = __importDefault(require("./ExampleSearch")); +const InputList_1 = __importDefault(require("./InputList")); +const InputsWidget = () => { + return (<> + + + + + ); +}; +exports.default = InputsWidget; diff --git a/lib/src/widgets/Core/Inputs/ui/Verification.js b/lib/src/widgets/Core/Inputs/ui/Verification.js new file mode 100644 index 000000000..9a11937c8 --- /dev/null +++ b/lib/src/widgets/Core/Inputs/ui/Verification.js @@ -0,0 +1,91 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const react_1 = require("react"); +const react_native_1 = require("react-native"); +const Header_1 = __importDefault(require("@shared/ui/Header")); +const ui_1 = require("@shared/ui"); +const Verification = () => { + const [styles] = (0, ui_1.useStyles)(styleSource); + const input0 = (0, react_1.useRef)(null); + const input1 = (0, react_1.useRef)(null); + const input2 = (0, react_1.useRef)(null); + const input3 = (0, react_1.useRef)(null); + const [char0, writeChar0] = (0, react_1.useState)(''); + const [char1, writeChar1] = (0, react_1.useState)(''); + const [char2, writeChar2] = (0, react_1.useState)(''); + const [char3, writeChar3] = (0, react_1.useState)(''); + const onLayout = (0, react_1.useCallback)(() => input0?.current?.focus(), []); + const onChangeText0 = (0, react_1.useCallback)((text) => { + writeChar0(text); + text.length && input1.current?.focus(); + }, []); + const onBackKeyPress0 = (0, react_1.useCallback)(() => { + if (char0 === '') { + react_native_1.Keyboard.dismiss(); + } + }, [char0]); + const onChangeText1 = (0, react_1.useCallback)((text) => { + writeChar1(text); + text.length && input2.current?.focus(); + }, []); + const onBackKeyPress1 = (0, react_1.useCallback)(() => { + if (char1 === '') { + input0.current?.focus(); + } + }, [char1]); + const onChangeText2 = (0, react_1.useCallback)((text) => { + writeChar2(text); + text.length && input3.current?.focus(); + }, []); + const onBackKeyPress2 = (0, react_1.useCallback)(() => { + if (char2 === '') { + input1.current?.focus(); + } + }, [char2]); + const onChangeText3 = (0, react_1.useCallback)((text) => { + writeChar3(text); + text.length && react_native_1.Keyboard.dismiss(); + }, []); + const onBackKeyPress3 = (0, react_1.useCallback)(() => { + if (char3 === '') { + input2.current?.focus(); + } + }, [char3]); + return ( + + + + + + + + + ); +}; +const styleSource = (0, ui_1.createStyles)(theme => { + const { colors, spaces } = theme; + return { + wrapper: { + gap: spaces.Space12, + }, + container: { + flexDirection: 'row', + justifyContent: 'center', + alignItems: 'center', + marginBottom: spaces.Space12, + }, + textInputContainerStyle: { + marginRight: spaces.Space12, + }, + borderStyle: { + width: spaces.Space16, + height: spaces.Space2, + backgroundColor: colors.BorderNormal, + marginHorizontal: spaces.Space6, + }, + }; +}); +exports.default = Verification; diff --git a/lib/src/widgets/Core/Navbars/ui/PanelHeaderWidget.js b/lib/src/widgets/Core/Navbars/ui/PanelHeaderWidget.js new file mode 100644 index 000000000..786d1d814 --- /dev/null +++ b/lib/src/widgets/Core/Navbars/ui/PanelHeaderWidget.js @@ -0,0 +1,14 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.PanelHeaderWidget = void 0; +const ui_1 = require("@shared/ui"); +const PanelHeaderWidget = () => { + const [styles] = (0, ui_1.useStyles)(stylesFn); + return (} rightView={} containerStyle={styles.container}/>); +}; +exports.PanelHeaderWidget = PanelHeaderWidget; +const stylesFn = (0, ui_1.createStyles)(({ colors }) => ({ + container: { + backgroundColor: colors.BgAccent, + }, +})); diff --git a/lib/src/widgets/Core/Navbars/ui/TabsWidget.js b/lib/src/widgets/Core/Navbars/ui/TabsWidget.js new file mode 100644 index 000000000..3a4bee6d3 --- /dev/null +++ b/lib/src/widgets/Core/Navbars/ui/TabsWidget.js @@ -0,0 +1,35 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.TabsWidget = void 0; +const react_1 = require("react"); +const ui_1 = require("@shared/ui"); +const Header_1 = __importDefault(require("@shared/ui/Header")); +const TABS_TEST = [ + { value: 'tab1', label: 'tab1' }, + { value: 'tab2', label: 'tab2' }, + { value: 'tab3', label: 'tab3' }, + { value: 'tab4', label: 'tab4' }, + { value: 'tab5', label: 'tab5' }, + { value: 'tab6', label: 'tab6' }, + { value: 'tab7', label: 'tab7' }, + { value: 'tab8', label: 'tab8' }, + { value: 'tab9', label: 'tab9' }, +]; +const TabsWidget = () => { + const [styles] = (0, ui_1.useStyles)(stylesFn); + const [activeValue, setActiveValue] = (0, react_1.useState)('tab1'); + return ( + + setActiveValue(item.value)} activeValue={activeValue}/> + ); +}; +exports.TabsWidget = TabsWidget; +const stylesFn = (0, ui_1.createStyles)(({ spaces }) => ({ + container: { + gap: spaces.Space16, + alignItems: 'center', + }, +})); diff --git a/lib/src/widgets/Core/Other/ui/AvatarWidget.js b/lib/src/widgets/Core/Other/ui/AvatarWidget.js new file mode 100644 index 000000000..5eeb9aaad --- /dev/null +++ b/lib/src/widgets/Core/Other/ui/AvatarWidget.js @@ -0,0 +1,91 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.AvatarWidget = void 0; +const ui_1 = require("@shared/ui"); +const Header_1 = __importDefault(require("@shared/ui/Header")); +const avatar_1 = require("@shared/lib/test/data/avatar"); +const AvatarWidget = () => { + const [styles] = (0, ui_1.useStyles)(stylesFn); + return ( + + + {'Content'} + + + + + + {'State'} + + + + + {'Size'} + + + + + + + {'Badge'} + + + + + + {'Badge counter'} + + + + + + + + {'Group'} + + + + + + ); +}; +exports.AvatarWidget = AvatarWidget; +const stylesFn = (0, ui_1.createStyles)(({ spaces }) => ({ + container: { + gap: spaces.Space16, + alignItems: 'center', + }, + row: { + flexDirection: 'row', + gap: spaces.Space16, + }, +})); diff --git a/lib/src/widgets/Core/Other/ui/BadgeWidget.js b/lib/src/widgets/Core/Other/ui/BadgeWidget.js new file mode 100644 index 000000000..765894558 --- /dev/null +++ b/lib/src/widgets/Core/Other/ui/BadgeWidget.js @@ -0,0 +1,39 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.BadgeWidget = void 0; +const ui_1 = require("@shared/ui"); +const Header_1 = __importDefault(require("@shared/ui/Header")); +const BadgeWidget = () => { + const [styles] = (0, ui_1.useStyles)(stylesFn); + return ( + + + {'BadgeIndicator'} + + + + + {'Counter'} + + + + + + + + ); +}; +exports.BadgeWidget = BadgeWidget; +const stylesFn = (0, ui_1.createStyles)(({ spaces }) => ({ + container: { + gap: spaces.Space16, + alignItems: 'center', + }, + row: { + flexDirection: 'row', + gap: spaces.Space16, + }, +})); diff --git a/lib/src/widgets/Core/Other/ui/CarouselWidget.js b/lib/src/widgets/Core/Other/ui/CarouselWidget.js new file mode 100644 index 000000000..b81965548 --- /dev/null +++ b/lib/src/widgets/Core/Other/ui/CarouselWidget.js @@ -0,0 +1,31 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.CarouselWidget = void 0; +const ui_1 = require("@shared/ui"); +const Header_1 = __importDefault(require("@shared/ui/Header")); +const BlockView_1 = require("@shared/ui/BlockView"); +const data = [1, 2, 3, 4, 5, 6]; +const ITEM_WIDTH = px(80); +const CarouselWidget = () => { + const [styles] = (0, ui_1.useStyles)(stylesFn); + return ( + + Carousel + } itemWidth={ITEM_WIDTH} sideMargin={2} keyExtractor={item => item.toString()}/> + LoopCarousel + } itemWidth={ITEM_WIDTH} sideMargin={2}/> + AutoCarousel + } itemWidth={ITEM_WIDTH} sideMargin={2} keyExtractor={item => item.toString()}/> + AutoLoopCarousel + } itemWidth={ITEM_WIDTH} sideMargin={2}/> + ); +}; +exports.CarouselWidget = CarouselWidget; +const stylesFn = (0, ui_1.createStyles)(({ spaces }) => ({ + container: { + gap: spaces.Space16, + }, +})); diff --git a/lib/src/widgets/Core/Other/ui/CollapsibleWidget.js b/lib/src/widgets/Core/Other/ui/CollapsibleWidget.js new file mode 100644 index 000000000..c4d989f38 --- /dev/null +++ b/lib/src/widgets/Core/Other/ui/CollapsibleWidget.js @@ -0,0 +1,28 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.CollapsibleWidget = void 0; +const ui_1 = require("@shared/ui"); +const Header_1 = __importDefault(require("@shared/ui/Header")); +const CollapsibleWidget = () => { + const [styles] = (0, ui_1.useStyles)(stylesFn); + return ( + + + + + Component to wrap content in Collapsible element with trigger to + open and close + + + + ); +}; +exports.CollapsibleWidget = CollapsibleWidget; +const stylesFn = (0, ui_1.createStyles)(({ spaces }) => ({ + container: { + gap: spaces.Space16, + }, +})); diff --git a/lib/src/widgets/Core/Other/ui/CrossedTextWidget.js b/lib/src/widgets/Core/Other/ui/CrossedTextWidget.js new file mode 100644 index 000000000..a5776d5c3 --- /dev/null +++ b/lib/src/widgets/Core/Other/ui/CrossedTextWidget.js @@ -0,0 +1,26 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.CrossedTextWidget = void 0; +const ui_1 = require("@shared/ui"); +const Header_1 = __importDefault(require("@shared/ui/Header")); +const CrossedTextWidget = () => { + const [styles] = (0, ui_1.useStyles)(stylesFn); + return (<> + + + + CrossedText + + + ); +}; +exports.CrossedTextWidget = CrossedTextWidget; +const stylesFn = (0, ui_1.createStyles)(({ spaces }) => ({ + container: { + gap: spaces.Space16, + alignItems: 'center', + }, +})); diff --git a/lib/src/widgets/Core/Other/ui/DotsWidget.js b/lib/src/widgets/Core/Other/ui/DotsWidget.js new file mode 100644 index 000000000..f421b4a39 --- /dev/null +++ b/lib/src/widgets/Core/Other/ui/DotsWidget.js @@ -0,0 +1,47 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.DotsWidget = void 0; +const react_1 = require("react"); +const ui_1 = require("@shared/ui"); +const Header_1 = __importDefault(require("@shared/ui/Header")); +const DotsWidget = () => { + const [styles] = (0, ui_1.useStyles)(stylesFn); + const [activeDot, setActiveDot] = (0, react_1.useState)(0); + const length = 9; + const onPressIncrease = () => { + if (activeDot !== length - 1) { + setActiveDot(curr => curr + 1); + } + }; + const onPressDecrease = () => { + if (activeDot !== 0) { + setActiveDot(curr => curr - 1); + } + }; + return ( + + + + + Press me to decrease dot + + + + + + Press me to increase dot + + + + ); +}; +exports.DotsWidget = DotsWidget; +const stylesFn = (0, ui_1.createStyles)(({ spaces }) => ({ + container: { + gap: spaces.Space16, + alignItems: 'center', + }, +})); diff --git a/lib/src/widgets/Core/Other/ui/StatusWidget.js b/lib/src/widgets/Core/Other/ui/StatusWidget.js new file mode 100644 index 000000000..38203ea62 --- /dev/null +++ b/lib/src/widgets/Core/Other/ui/StatusWidget.js @@ -0,0 +1,43 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.StatusWidget = void 0; +const ui_1 = require("@shared/ui"); +const Header_1 = __importDefault(require("@shared/ui/Header")); +const StatusWidget = () => { + const [styles] = (0, ui_1.useStyles)(stylesFn); + return ( + + + Dot + + + + + + + + Tag + + + + + + + + + ); +}; +exports.StatusWidget = StatusWidget; +const stylesFn = (0, ui_1.createStyles)(({ spaces }) => ({ + container: { + gap: spaces.Space16, + alignItems: 'center', + }, + row: { + flexDirection: 'row', + gap: spaces.Space16, + }, +})); diff --git a/lib/src/widgets/Core/Popup/ui/ActionSheetWidget.js b/lib/src/widgets/Core/Popup/ui/ActionSheetWidget.js new file mode 100644 index 000000000..a46d81dd6 --- /dev/null +++ b/lib/src/widgets/Core/Popup/ui/ActionSheetWidget.js @@ -0,0 +1,20 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.ActionSheetWidget = void 0; +const ui_1 = require("@shared/ui"); +const ActionSheetWidget = () => { + const { openPopup } = (0, ui_1.usePopups)(); + return ( + ActionSheet + openPopup({ + Content: props => ( + + + + + + ), + })}/> + ); +}; +exports.ActionSheetWidget = ActionSheetWidget; diff --git a/lib/src/widgets/Core/Popup/ui/ModalWidget.js b/lib/src/widgets/Core/Popup/ui/ModalWidget.js new file mode 100644 index 000000000..78b6a272c --- /dev/null +++ b/lib/src/widgets/Core/Popup/ui/ModalWidget.js @@ -0,0 +1,32 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.ModalWidget = void 0; +const ui_1 = require("@shared/ui"); +const Header_1 = __importDefault(require("@shared/ui/Header")); +const ModalWidget = () => { + const [styles] = (0, ui_1.useStyles)(styleFn); + const { openPopup } = (0, ui_1.usePopups)(); + return ( + + openPopup({ + Content: props => ( + + + + + + + + ), + })}/> + ); +}; +exports.ModalWidget = ModalWidget; +const styleFn = (0, ui_1.createStyles)(({ spaces }) => ({ + container: { + gap: spaces.Space8, + }, +})); diff --git a/lib/src/widgets/Core/Popup/ui/ModalsWidget.js b/lib/src/widgets/Core/Popup/ui/ModalsWidget.js new file mode 100644 index 000000000..617f51e92 --- /dev/null +++ b/lib/src/widgets/Core/Popup/ui/ModalsWidget.js @@ -0,0 +1,25 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.ModalsWidget = void 0; +const ui_1 = require("@shared/ui"); +const ModalsWidget = () => { + const [styles] = (0, ui_1.useStyles)(styleFn); + const { openPopup } = (0, ui_1.usePopups)(); + return ( + Modal + openPopup({ + Content: props => (), + })}/> + openPopup({ + Content: props => (), + })}/> + openPopup({ + Content: props => (), + })}/> + openPopup({ + Content: props => (), + })}/> + ); +}; +exports.ModalsWidget = ModalsWidget; +const styleFn = (0, ui_1.createStyles)(({ spaces }) => ({ container: { gap: spaces.Space8 } })); diff --git a/lib/src/widgets/Core/Popup/ui/PopupBaseWidget.js b/lib/src/widgets/Core/Popup/ui/PopupBaseWidget.js new file mode 100644 index 000000000..11cc4d669 --- /dev/null +++ b/lib/src/widgets/Core/Popup/ui/PopupBaseWidget.js @@ -0,0 +1,20 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.PopupBaseWidget = void 0; +const ui_1 = require("@shared/ui"); +const PopupBaseWidget = () => { + const [styles] = (0, ui_1.useStyles)(styleFn); + const { openPopup } = (0, ui_1.usePopups)(); + return ( + Popup + openPopup({ + Content: props => , + })}/> + ); +}; +exports.PopupBaseWidget = PopupBaseWidget; +const styleFn = (0, ui_1.createStyles)(({ spaces }) => ({ + container: { + gap: spaces.Space8, + }, +})); diff --git a/lib/src/widgets/Core/Popup/ui/SnackbarWidget.js b/lib/src/widgets/Core/Popup/ui/SnackbarWidget.js new file mode 100644 index 000000000..18f5286ad --- /dev/null +++ b/lib/src/widgets/Core/Popup/ui/SnackbarWidget.js @@ -0,0 +1,23 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.SnackbarWidget = void 0; +const ui_1 = require("@shared/ui"); +const SnackbarWidget = () => { + const [styles] = (0, ui_1.useStyles)(styleFn); + const { openPopup } = (0, ui_1.usePopups)(); + return ( + Snackbar + openPopup({ + Content: props => ( + + ), + })}/> + openPopup({ + Content: props => ( + + ), + })}/> + ); +}; +exports.SnackbarWidget = SnackbarWidget; +const styleFn = (0, ui_1.createStyles)(({ spaces }) => ({ container: { gap: spaces.Space8 } })); diff --git a/lib/src/widgets/Core/Popup/ui/TooltipWidget.js b/lib/src/widgets/Core/Popup/ui/TooltipWidget.js new file mode 100644 index 000000000..4f604ba02 --- /dev/null +++ b/lib/src/widgets/Core/Popup/ui/TooltipWidget.js @@ -0,0 +1,33 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.TooltipWidget = void 0; +const react_1 = require("react"); +const ui_1 = require("@shared/ui"); +const TooltipWidget = () => { + const ref = (0, react_1.useRef)(null); + const [styles] = (0, ui_1.useStyles)(styleFn); + const { openPopup } = (0, ui_1.usePopups)(); + return ( + Tooltip + + Ref component + + openPopup({ + Content: props => ( + + + + + ), + })}/> + ); +}; +exports.TooltipWidget = TooltipWidget; +const styleFn = (0, ui_1.createStyles)(({ spaces, colors }) => ({ + container: { gap: spaces.Space8 }, + ref: { + alignItems: 'center', + padding: spaces.Space8, + backgroundColor: colors.BgAccent, + }, +})); diff --git a/lib/src/widgets/Core/Progress/ui/IndicatorWidget.js b/lib/src/widgets/Core/Progress/ui/IndicatorWidget.js new file mode 100644 index 000000000..61278ffb4 --- /dev/null +++ b/lib/src/widgets/Core/Progress/ui/IndicatorWidget.js @@ -0,0 +1,22 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.IndicatorWidget = void 0; +const react_1 = require("react"); +const ui_1 = require("@shared/ui"); +const IndicatorWidget = () => { + const [percent, setPercent] = (0, react_1.useState)(10); + const onPress = () => { + const randomPercent = Math.random(); + setPercent(randomPercent * 100); + }; + return ( + Indicator + + + + Press me to change percent + + + ); +}; +exports.IndicatorWidget = IndicatorWidget; diff --git a/lib/src/widgets/Core/Progress/ui/PanelSpinnerWidget.js b/lib/src/widgets/Core/Progress/ui/PanelSpinnerWidget.js new file mode 100644 index 000000000..e0e5c151f --- /dev/null +++ b/lib/src/widgets/Core/Progress/ui/PanelSpinnerWidget.js @@ -0,0 +1,35 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.PanelSpinnerWidget = void 0; +const ui_1 = require("@shared/ui"); +const PanelSpinnerWidget = () => { + const [styles] = (0, ui_1.useStyles)(stylesFn); + return ( + PanelSpinner + + + + isLoading=true + + + + isLoading=false + + + { }}/> + with onCancel + + + ); +}; +exports.PanelSpinnerWidget = PanelSpinnerWidget; +const stylesFn = (0, ui_1.createStyles)(({ spaces }) => ({ + container: { + flexDirection: 'row', + gap: spaces.Space8, + }, + panelContainer: { + flex: 1, + alignItems: 'center', + }, +})); diff --git a/lib/src/widgets/Core/Progress/ui/SpinnerWidget.js b/lib/src/widgets/Core/Progress/ui/SpinnerWidget.js new file mode 100644 index 000000000..569dd73e6 --- /dev/null +++ b/lib/src/widgets/Core/Progress/ui/SpinnerWidget.js @@ -0,0 +1,30 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.SpinnerWidget = void 0; +const ui_1 = require("@shared/ui"); +const Header_1 = __importDefault(require("@shared/ui/Header")); +const SpinnerWidget = () => { + const { colors } = (0, ui_1.useTheme)(); + const [styles] = (0, ui_1.useStyles)(stylesCreate); + return (<> + + + + + + + + + + ); +}; +exports.SpinnerWidget = SpinnerWidget; +const stylesCreate = (0, ui_1.createStyles)(_ => ({ + container: { + flexDirection: 'row', + justifyContent: 'space-evenly', + }, +})); diff --git a/lib/src/widgets/Core/Styles/ui/ShadowWidget.js b/lib/src/widgets/Core/Styles/ui/ShadowWidget.js new file mode 100644 index 000000000..681da4b8d --- /dev/null +++ b/lib/src/widgets/Core/Styles/ui/ShadowWidget.js @@ -0,0 +1,60 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.ShadowWidget = void 0; +const ui_1 = require("@shared/ui"); +const Header_1 = __importDefault(require("@shared/ui/Header")); +const ShadowWidget = () => { + const [styles] = (0, ui_1.useStyles)(style); + return ( + + + + + shadowSmall + + + + shadowMedium + + + + shadowLarge + + + ); +}; +exports.ShadowWidget = ShadowWidget; +const style = (0, ui_1.createStyles)(({ shadows, spaces, colors }) => ({ + container: { + alignItems: 'center', + justifyContent: 'space-between', + }, + content: { + flexDirection: 'row', + flexWrap: 'wrap', + alignItems: 'center', + justifyContent: 'space-between', + gap: spaces.Space12, + }, + item: { + alignItems: 'center', + }, + box: { + backgroundColor: colors.BgSecondary, + margin: spaces.Space8, + height: spaces.Space64, + width: spaces.Space64, + }, + shadowSmall: { + ...shadows.small, + }, + shadowMedium: { + ...shadows.medium, + }, + shadowLarge: { + ...shadows.large, + }, +})); diff --git a/lib/src/widgets/Core/Styles/ui/SimpleIconWidget.js b/lib/src/widgets/Core/Styles/ui/SimpleIconWidget.js new file mode 100644 index 000000000..f280cd0ea --- /dev/null +++ b/lib/src/widgets/Core/Styles/ui/SimpleIconWidget.js @@ -0,0 +1,18 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.SimpleIconWidget = void 0; +const react_1 = require("react"); +const ui_1 = require("@shared/ui"); +const Header_1 = __importDefault(require("@shared/ui/Header")); +const SimpleIconWidget = () => { + const [simpleIconName, setSimpleIconName] = (0, react_1.useState)(''); + return ( + + + {simpleIconName} + ); +}; +exports.SimpleIconWidget = SimpleIconWidget; diff --git a/lib/src/widgets/KeyboardAware/Bottom.js b/lib/src/widgets/KeyboardAware/Bottom.js new file mode 100644 index 000000000..f46247736 --- /dev/null +++ b/lib/src/widgets/KeyboardAware/Bottom.js @@ -0,0 +1,20 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.BottomComponent = void 0; +const ui_1 = require("@shared/ui"); +const BottomComponent = () => { + const [styles] = (0, ui_1.useStyles)(style); + return ( + BottomComponents + + ); +}; +exports.BottomComponent = BottomComponent; +const style = (0, ui_1.createStyles)(({ shadows, colors, spaces }) => ({ + container: { + backgroundColor: colors.BgPrimary, + ...shadows.large, + alignItems: 'center', + padding: spaces.Space12, + }, +})); diff --git a/lib/src/widgets/KeyboardAware/Inputs.js b/lib/src/widgets/KeyboardAware/Inputs.js new file mode 100644 index 000000000..9147997f2 --- /dev/null +++ b/lib/src/widgets/KeyboardAware/Inputs.js @@ -0,0 +1,16 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.Inputs = void 0; +const ui_1 = require("@shared/ui"); +const Inputs = () => { + const [styles] = (0, ui_1.useStyles)(style); + return ( + {new Array(20).fill(0).map((_value, index) => ())} + ); +}; +exports.Inputs = Inputs; +const style = (0, ui_1.createStyles)(({ spaces }) => ({ + container: { + gap: spaces.Space8, + }, +})); diff --git a/lib/src/widgets/Markdown/ui/MarkdownWidget.js b/lib/src/widgets/Markdown/ui/MarkdownWidget.js new file mode 100644 index 000000000..e353bc91c --- /dev/null +++ b/lib/src/widgets/Markdown/ui/MarkdownWidget.js @@ -0,0 +1,144 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.MarkdownWidget = void 0; +const ui_1 = require("@shared/ui"); +const MarkdownWidget = () => { + const [styles] = (0, ui_1.useStyles)(stylesFn); + return ( + {markdown} + + ); +}; +exports.MarkdownWidget = MarkdownWidget; +const markdown = ` +# MobyDick + +Библиотека компонентов для мобильной разработки. + +# Содержание +1. [О проекте](#1-о-проекте) +2. [Разработка](#2-разработка) + - [Локальный запуск](#локальный-запуск) + - [Подготовка](#подготовка) + - [Установка](#установка) + - [Как запустить проект](#как-запустить-проект) + - [Code style](#code-style) + - [Процесс сборки приложения для релиза](#процесс-сборки-приложения-для-релиза) +3. [Тесты](#3-тесты) +4. [База знаний](#4-база-знаний) + +# 1. О проекте +Легковесная библиотека компонентов для разработки мобильных приложений. См. также [дизайн-систему в Figma](https://www.figma.com/file/O1ISmXoYQaYPfDZDBsme10/%E2%9D%96-Neotis--%C2%B7--Design-system?node-id=3%3A130). + +Чтобы не тянуть все зависимости, которые могут не пригодиться, либу разделили на модули: + + +- [@lad-tech/mobydick-core](./packages/core/README.md) +- [@lad-tech/mobydick-utils](./packages/utils/README.md) +- [@lad-tech/mobydick-calendar](./packages/calendar/README.md) + +# 2. Разработка +## Локальный запуск +### Подготовка +- **Пакетный менеджер** [\`yarn\`](https://yarnpkg.com/getting-started/install), так как он быстрый. +- Конфигурацию ESlint. Информация о ней находится в [отдельном репозитории](https://github.com/lad-tech/eslint-config), чтобы использовать ее на смежных проектах. + +Чтобы установить все пакеты, нужно установить ассоциации для нашего gitlab registry и закрепить accessToken. Для этого изучи пункты 1 и 2 в инструкции [“Как скачать наш пакет”](https://glab.lad24.ru/npm/registry#%D0%BA%D0%B0%D0%BA-%D1%81%D0%BA%D0%B0%D1%87%D0%B0%D1%82%D1%8C-%D0%BD%D0%B0%D1%88-%D0%BF%D0%B0%D0%BA%D0%B5%D1%82). + +### Установка +1. Сначала прочитай [инструкцию](https://reactnative.dev/docs/environment-setup). +2. Установить Android SDK можно через [Android Studio](https://developer.android.com/studio) (самый простой способ) или через [IDEA](https://www.jetbrains.com/ru-ru/idea/), прописав нужные переменные для \`.bashrc\` или аналоги: + + \`\`\`bash + export ANDROID_HOME=$HOME/Android/Sdk + export PATH=$PATH:$ANDROID_HOME/emulator + export PATH=$PATH:$ANDROID_HOME/tools + export PATH=$PATH:$ANDROID_HOME/tools/bin + export PATH=$PATH:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools + export ANDROID_SDK_ROOT=$ANDROID_HOME + export PATH=$PATH:$ANDROID_SDK_ROOT/cmdline-tools/latest/bin:$ANDROID_SDK_ROOT/cmdline-tools/tools/bin + export PATH=$PATH:$ANDROID_SDK_ROOT/emulator #регистируем новый Path + export JAVA_HOME=/usr/lib/jvm/java-8-openjdk-amd64/ + \`\`\` + +3. Чтобы установить пакеты, лучше использовать команду \`yarn install --frozen-lockfile\`. + + +### Как запустить проект +Чтобы запустить проект локально, используй: + +- \`yarn start\` +- \`yarn android\` или \`yarn ios\` +- \`yarn storybook\` + +### Для debugging +Чтобы пользоваться React Native Debugger нужно добавить patch для StyleSheet у React Native +\`\`\`bash +702 bytes +diff --git a/node_modules/react-native/Libraries/StyleSheet/StyleSheet.js b/node_modules/react-native/Libraries/StyleSheet/StyleSheet.js +index 785fbfe..1d3b93c 100644 +--- a/node_modules/react-native/Libraries/StyleSheet/StyleSheet.js ++++ b/node_modules/react-native/Libraries/StyleSheet/StyleSheet.js +@@ -360,13 +360,6 @@ module.exports = { + // TODO: This should return S as the return type. But first, + // we need to codemod all the callsites that are typing this + // return value as a number (even though it was opaque). +- if (__DEV__) { +- for (const key in obj) { +- if (obj[key]) { +- Object.freeze(obj[key]); +- } +- } +- } + return obj; + }, + }; +\`\`\` + +## Code style +1. Константы + \`CAPS_SNAKE_CASE\` +2. Функции + \`camelCase\` +3. Классы + \`PascalCase\` +4. Enum + \`PascalCaseEnum.camelCase\` +5. Типы + \`PascalCaseType\` +6. Интерфейсы + \`PascalCase\` +7. Переменные внутри функций + \`camelCase\` +8. Названия файлов + - Если внутри файлов \`default export Class\`, то + \`PascalCase\` + - В любом другом случае (функции / константы / etc) + \`camelCase\` + +## Процесс сборки приложения для релиза + +Запустить скрипт в \`scripts/publish\` + +# 3. Тесты + +Чтобы запустить тесты, используй команду \`yarn run test\`. + +# 4. База знаний + +**Несколько простых правил для readme** +1. Основная структура readme-файла нерушима. +2. Технические писатели обеспечивают структуру и читаемость. +3. Если ты считаешь, что твоей команде не хватает какой-то информации, пиши в #docs. +4. Для каждой новой темы используй новый заголовок. Максимальный уровень вложенности заголовков равен 3. +5. Если на чём-то нужно заострить внимание, пиши полужирным “важно” и “примечание”. +`; +const stylesFn = (0, ui_1.createStyles)(({ spaces }) => ({ + container: { + flex: 1, + paddingHorizontal: spaces.Space10, + }, + footer: { + height: spaces.Space32, + }, +})); diff --git a/packages/calendar/src/Calendar/Calendar.tsx b/packages/calendar/src/Calendar/Calendar.tsx index cb8d985ef..f46513875 100644 --- a/packages/calendar/src/Calendar/Calendar.tsx +++ b/packages/calendar/src/Calendar/Calendar.tsx @@ -11,7 +11,7 @@ import { DateData, LocaleConfig, } from 'react-native-calendars'; -import {useStyles, useTheme, rem} from '@lad-tech/mobydick-core'; +import {px, useStyles, useTheme} from '@lad-tech/mobydick-core'; import {localeConfigRu} from './localeConfig'; import { @@ -109,10 +109,10 @@ const Calendar: FC = props => { arrowColor: colors.IconNeutral, monthTextColor: colors.TextPrimary, textDayHeaderFontFamily: 'Inter-SemiBold', - textDayHeaderFontSize: rem(14), - textDayFontSize: rem(14), + textDayHeaderFontSize: px(14), + textDayFontSize: px(14), textDayFontFamily: 'Inter-Regular', - weekVerticalMargin: rem(1), + weekVerticalMargin: px(1), 'stylesheet.day.period': { todayText: { fontWeight: '400', @@ -125,7 +125,7 @@ const Calendar: FC = props => { 'stylesheet.calendar.header': { dayHeader: { marginTop: 0, - marginBottom: rem(5), + marginBottom: px(5), color: colors.TextSecondary, }, }, diff --git a/packages/calendar/src/Calendar/__tests__/__snapshots__/Calendar.test.tsx.snap b/packages/calendar/src/Calendar/__tests__/__snapshots__/Calendar.test.tsx.snap index 2fd83acc3..c0f362ebc 100644 --- a/packages/calendar/src/Calendar/__tests__/__snapshots__/Calendar.test.tsx.snap +++ b/packages/calendar/src/Calendar/__tests__/__snapshots__/Calendar.test.tsx.snap @@ -8,7 +8,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "paddingTop": 18, + "paddingTop": 12, } } > @@ -50,7 +50,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -63,7 +63,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "width": 240, + "width": 160, } } > @@ -109,9 +109,9 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -162,9 +162,9 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -212,7 +212,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -230,8 +230,8 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` "paddingRight": 5, }, { - "height": 390, - "width": 678, + "height": 260, + "width": 702, }, ] } @@ -300,7 +300,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -316,7 +316,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -332,7 +332,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -348,7 +348,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -364,7 +364,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -380,7 +380,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -396,7 +396,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -418,7 +418,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -495,7 +495,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -606,7 +606,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -717,7 +717,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -825,7 +825,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -933,7 +933,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -1041,7 +1041,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -1149,7 +1149,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -1190,7 +1190,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -1267,7 +1267,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -1375,7 +1375,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -1483,7 +1483,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -1591,7 +1591,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -1699,7 +1699,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -1807,7 +1807,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -1915,7 +1915,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -1956,7 +1956,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -2033,7 +2033,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -2141,7 +2141,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -2249,7 +2249,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -2357,7 +2357,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -2465,7 +2465,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -2573,7 +2573,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -2681,7 +2681,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -2722,7 +2722,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -2799,7 +2799,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -2907,7 +2907,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -3015,7 +3015,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -3123,7 +3123,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -3231,7 +3231,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -3339,7 +3339,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -3447,7 +3447,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -3488,7 +3488,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -3565,7 +3565,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -3673,7 +3673,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -3781,7 +3781,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -3889,7 +3889,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -3997,7 +3997,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -4105,7 +4105,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -4216,7 +4216,7 @@ exports[`Calendar press calendarLeftArrow 01 -> 12 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -4269,7 +4269,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "paddingTop": 18, + "paddingTop": 12, } } > @@ -4311,7 +4311,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -4324,7 +4324,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "width": 240, + "width": 160, } } > @@ -4370,9 +4370,9 @@ exports[`Calendar press calendarLeftArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -4423,9 +4423,9 @@ exports[`Calendar press calendarLeftArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -4473,7 +4473,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -4491,8 +4491,8 @@ exports[`Calendar press calendarLeftArrow 1`] = ` "paddingRight": 5, }, { - "height": 390, - "width": 678, + "height": 260, + "width": 702, }, ] } @@ -4561,7 +4561,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -4577,7 +4577,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -4593,7 +4593,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -4609,7 +4609,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -4625,7 +4625,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -4641,7 +4641,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -4657,7 +4657,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -4679,7 +4679,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -4756,7 +4756,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -4867,7 +4867,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -4978,7 +4978,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -5086,7 +5086,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -5194,7 +5194,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -5302,7 +5302,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -5410,7 +5410,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -5451,7 +5451,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -5528,7 +5528,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -5636,7 +5636,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -5744,7 +5744,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -5852,7 +5852,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -5960,7 +5960,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -6068,7 +6068,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -6176,7 +6176,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -6217,7 +6217,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -6294,7 +6294,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -6402,7 +6402,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -6510,7 +6510,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -6618,7 +6618,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -6726,7 +6726,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -6834,7 +6834,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -6942,7 +6942,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -6983,7 +6983,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -7060,7 +7060,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -7168,7 +7168,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -7276,7 +7276,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -7384,7 +7384,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -7492,7 +7492,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -7600,7 +7600,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -7708,7 +7708,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -7749,7 +7749,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -7826,7 +7826,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -7934,7 +7934,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -8042,7 +8042,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -8150,7 +8150,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -8258,7 +8258,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -8369,7 +8369,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -8480,7 +8480,7 @@ exports[`Calendar press calendarLeftArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -8533,7 +8533,7 @@ exports[`Calendar press calendarPressTitle * 2 calendarLeftArrow 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "paddingTop": 18, + "paddingTop": 12, } } > @@ -8575,7 +8575,7 @@ exports[`Calendar press calendarPressTitle * 2 calendarLeftArrow 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -8588,7 +8588,7 @@ exports[`Calendar press calendarPressTitle * 2 calendarLeftArrow 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "width": 240, + "width": 160, } } > @@ -8634,9 +8634,9 @@ exports[`Calendar press calendarPressTitle * 2 calendarLeftArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -8684,7 +8684,7 @@ exports[`Calendar press calendarPressTitle * 2 calendarLeftArrow 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -8781,9 +8781,9 @@ exports[`Calendar press calendarPressTitle * 2 calendarLeftArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -8798,9 +8798,9 @@ exports[`Calendar press calendarPressTitle * 2 calendarLeftArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -8844,9 +8844,9 @@ exports[`Calendar press calendarPressTitle * 2 calendarLeftArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -8861,9 +8861,9 @@ exports[`Calendar press calendarPressTitle * 2 calendarLeftArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -8907,9 +8907,9 @@ exports[`Calendar press calendarPressTitle * 2 calendarLeftArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -8924,9 +8924,9 @@ exports[`Calendar press calendarPressTitle * 2 calendarLeftArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -8984,9 +8984,9 @@ exports[`Calendar press calendarPressTitle * 2 calendarLeftArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -9001,9 +9001,9 @@ exports[`Calendar press calendarPressTitle * 2 calendarLeftArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -9047,9 +9047,9 @@ exports[`Calendar press calendarPressTitle * 2 calendarLeftArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -9064,9 +9064,9 @@ exports[`Calendar press calendarPressTitle * 2 calendarLeftArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -9110,9 +9110,9 @@ exports[`Calendar press calendarPressTitle * 2 calendarLeftArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -9127,9 +9127,9 @@ exports[`Calendar press calendarPressTitle * 2 calendarLeftArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -9187,9 +9187,9 @@ exports[`Calendar press calendarPressTitle * 2 calendarLeftArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -9204,9 +9204,9 @@ exports[`Calendar press calendarPressTitle * 2 calendarLeftArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -9250,9 +9250,9 @@ exports[`Calendar press calendarPressTitle * 2 calendarLeftArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -9267,9 +9267,9 @@ exports[`Calendar press calendarPressTitle * 2 calendarLeftArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -9313,9 +9313,9 @@ exports[`Calendar press calendarPressTitle * 2 calendarLeftArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -9330,9 +9330,9 @@ exports[`Calendar press calendarPressTitle * 2 calendarLeftArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -9390,9 +9390,9 @@ exports[`Calendar press calendarPressTitle * 2 calendarLeftArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -9407,9 +9407,9 @@ exports[`Calendar press calendarPressTitle * 2 calendarLeftArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -9453,9 +9453,9 @@ exports[`Calendar press calendarPressTitle * 2 calendarLeftArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -9470,9 +9470,9 @@ exports[`Calendar press calendarPressTitle * 2 calendarLeftArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -9516,9 +9516,9 @@ exports[`Calendar press calendarPressTitle * 2 calendarLeftArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -9533,9 +9533,9 @@ exports[`Calendar press calendarPressTitle * 2 calendarLeftArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -9559,7 +9559,7 @@ exports[`Calendar press calendarPressTitle * 3 calendarLeftArrow 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "paddingTop": 18, + "paddingTop": 12, } } > @@ -9601,7 +9601,7 @@ exports[`Calendar press calendarPressTitle * 3 calendarLeftArrow 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -9614,7 +9614,7 @@ exports[`Calendar press calendarPressTitle * 3 calendarLeftArrow 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "width": 240, + "width": 160, } } > @@ -9660,9 +9660,9 @@ exports[`Calendar press calendarPressTitle * 3 calendarLeftArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -9710,7 +9710,7 @@ exports[`Calendar press calendarPressTitle * 3 calendarLeftArrow 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -9807,9 +9807,9 @@ exports[`Calendar press calendarPressTitle * 3 calendarLeftArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -9824,9 +9824,9 @@ exports[`Calendar press calendarPressTitle * 3 calendarLeftArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -9870,9 +9870,9 @@ exports[`Calendar press calendarPressTitle * 3 calendarLeftArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -9887,9 +9887,9 @@ exports[`Calendar press calendarPressTitle * 3 calendarLeftArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -9933,9 +9933,9 @@ exports[`Calendar press calendarPressTitle * 3 calendarLeftArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -9950,9 +9950,9 @@ exports[`Calendar press calendarPressTitle * 3 calendarLeftArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -10010,9 +10010,9 @@ exports[`Calendar press calendarPressTitle * 3 calendarLeftArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -10027,9 +10027,9 @@ exports[`Calendar press calendarPressTitle * 3 calendarLeftArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -10073,9 +10073,9 @@ exports[`Calendar press calendarPressTitle * 3 calendarLeftArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -10090,9 +10090,9 @@ exports[`Calendar press calendarPressTitle * 3 calendarLeftArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -10136,9 +10136,9 @@ exports[`Calendar press calendarPressTitle * 3 calendarLeftArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -10153,9 +10153,9 @@ exports[`Calendar press calendarPressTitle * 3 calendarLeftArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -10213,9 +10213,9 @@ exports[`Calendar press calendarPressTitle * 3 calendarLeftArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -10230,9 +10230,9 @@ exports[`Calendar press calendarPressTitle * 3 calendarLeftArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -10276,9 +10276,9 @@ exports[`Calendar press calendarPressTitle * 3 calendarLeftArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -10293,9 +10293,9 @@ exports[`Calendar press calendarPressTitle * 3 calendarLeftArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -10339,9 +10339,9 @@ exports[`Calendar press calendarPressTitle * 3 calendarLeftArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -10356,9 +10356,9 @@ exports[`Calendar press calendarPressTitle * 3 calendarLeftArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -10416,9 +10416,9 @@ exports[`Calendar press calendarPressTitle * 3 calendarLeftArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -10433,9 +10433,9 @@ exports[`Calendar press calendarPressTitle * 3 calendarLeftArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -10479,9 +10479,9 @@ exports[`Calendar press calendarPressTitle * 3 calendarLeftArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -10496,9 +10496,9 @@ exports[`Calendar press calendarPressTitle * 3 calendarLeftArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -10542,9 +10542,9 @@ exports[`Calendar press calendarPressTitle * 3 calendarLeftArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -10559,9 +10559,9 @@ exports[`Calendar press calendarPressTitle * 3 calendarLeftArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -10585,7 +10585,7 @@ exports[`Calendar press calendarPressTitle calendarRightArrow 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "paddingTop": 18, + "paddingTop": 12, } } > @@ -10627,7 +10627,7 @@ exports[`Calendar press calendarPressTitle calendarRightArrow 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -10640,7 +10640,7 @@ exports[`Calendar press calendarPressTitle calendarRightArrow 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "width": 240, + "width": 160, } } > @@ -10686,9 +10686,9 @@ exports[`Calendar press calendarPressTitle calendarRightArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -10736,7 +10736,7 @@ exports[`Calendar press calendarPressTitle calendarRightArrow 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -10833,9 +10833,9 @@ exports[`Calendar press calendarPressTitle calendarRightArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -10850,9 +10850,9 @@ exports[`Calendar press calendarPressTitle calendarRightArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -10896,9 +10896,9 @@ exports[`Calendar press calendarPressTitle calendarRightArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -10913,9 +10913,9 @@ exports[`Calendar press calendarPressTitle calendarRightArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -10959,9 +10959,9 @@ exports[`Calendar press calendarPressTitle calendarRightArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -10976,9 +10976,9 @@ exports[`Calendar press calendarPressTitle calendarRightArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -11036,9 +11036,9 @@ exports[`Calendar press calendarPressTitle calendarRightArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -11053,9 +11053,9 @@ exports[`Calendar press calendarPressTitle calendarRightArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -11099,9 +11099,9 @@ exports[`Calendar press calendarPressTitle calendarRightArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -11116,9 +11116,9 @@ exports[`Calendar press calendarPressTitle calendarRightArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -11162,9 +11162,9 @@ exports[`Calendar press calendarPressTitle calendarRightArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -11179,9 +11179,9 @@ exports[`Calendar press calendarPressTitle calendarRightArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -11239,9 +11239,9 @@ exports[`Calendar press calendarPressTitle calendarRightArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -11256,9 +11256,9 @@ exports[`Calendar press calendarPressTitle calendarRightArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -11302,9 +11302,9 @@ exports[`Calendar press calendarPressTitle calendarRightArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -11319,9 +11319,9 @@ exports[`Calendar press calendarPressTitle calendarRightArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -11365,9 +11365,9 @@ exports[`Calendar press calendarPressTitle calendarRightArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -11382,9 +11382,9 @@ exports[`Calendar press calendarPressTitle calendarRightArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -11442,9 +11442,9 @@ exports[`Calendar press calendarPressTitle calendarRightArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -11459,9 +11459,9 @@ exports[`Calendar press calendarPressTitle calendarRightArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -11505,9 +11505,9 @@ exports[`Calendar press calendarPressTitle calendarRightArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -11522,9 +11522,9 @@ exports[`Calendar press calendarPressTitle calendarRightArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -11568,9 +11568,9 @@ exports[`Calendar press calendarPressTitle calendarRightArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -11585,9 +11585,9 @@ exports[`Calendar press calendarPressTitle calendarRightArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -11611,7 +11611,7 @@ exports[`Calendar press calendarPressTitle*2 calendarRightArrow 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "paddingTop": 18, + "paddingTop": 12, } } > @@ -11653,7 +11653,7 @@ exports[`Calendar press calendarPressTitle*2 calendarRightArrow 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -11666,7 +11666,7 @@ exports[`Calendar press calendarPressTitle*2 calendarRightArrow 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "width": 240, + "width": 160, } } > @@ -11712,9 +11712,9 @@ exports[`Calendar press calendarPressTitle*2 calendarRightArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -11762,7 +11762,7 @@ exports[`Calendar press calendarPressTitle*2 calendarRightArrow 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -11859,9 +11859,9 @@ exports[`Calendar press calendarPressTitle*2 calendarRightArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -11876,9 +11876,9 @@ exports[`Calendar press calendarPressTitle*2 calendarRightArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -11922,9 +11922,9 @@ exports[`Calendar press calendarPressTitle*2 calendarRightArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -11939,9 +11939,9 @@ exports[`Calendar press calendarPressTitle*2 calendarRightArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -11985,9 +11985,9 @@ exports[`Calendar press calendarPressTitle*2 calendarRightArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -12002,9 +12002,9 @@ exports[`Calendar press calendarPressTitle*2 calendarRightArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -12062,9 +12062,9 @@ exports[`Calendar press calendarPressTitle*2 calendarRightArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -12079,9 +12079,9 @@ exports[`Calendar press calendarPressTitle*2 calendarRightArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -12125,9 +12125,9 @@ exports[`Calendar press calendarPressTitle*2 calendarRightArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -12142,9 +12142,9 @@ exports[`Calendar press calendarPressTitle*2 calendarRightArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -12188,9 +12188,9 @@ exports[`Calendar press calendarPressTitle*2 calendarRightArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -12205,9 +12205,9 @@ exports[`Calendar press calendarPressTitle*2 calendarRightArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -12265,9 +12265,9 @@ exports[`Calendar press calendarPressTitle*2 calendarRightArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -12282,9 +12282,9 @@ exports[`Calendar press calendarPressTitle*2 calendarRightArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -12328,9 +12328,9 @@ exports[`Calendar press calendarPressTitle*2 calendarRightArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -12345,9 +12345,9 @@ exports[`Calendar press calendarPressTitle*2 calendarRightArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -12391,9 +12391,9 @@ exports[`Calendar press calendarPressTitle*2 calendarRightArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -12408,9 +12408,9 @@ exports[`Calendar press calendarPressTitle*2 calendarRightArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -12468,9 +12468,9 @@ exports[`Calendar press calendarPressTitle*2 calendarRightArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -12485,9 +12485,9 @@ exports[`Calendar press calendarPressTitle*2 calendarRightArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -12531,9 +12531,9 @@ exports[`Calendar press calendarPressTitle*2 calendarRightArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -12548,9 +12548,9 @@ exports[`Calendar press calendarPressTitle*2 calendarRightArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -12594,9 +12594,9 @@ exports[`Calendar press calendarPressTitle*2 calendarRightArrow 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -12611,9 +12611,9 @@ exports[`Calendar press calendarPressTitle*2 calendarRightArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -12637,7 +12637,7 @@ exports[`Calendar press calendarPressTitleYear 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "paddingTop": 18, + "paddingTop": 12, } } > @@ -12679,7 +12679,7 @@ exports[`Calendar press calendarPressTitleYear 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -12692,7 +12692,7 @@ exports[`Calendar press calendarPressTitleYear 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "width": 240, + "width": 160, } } > @@ -12738,9 +12738,9 @@ exports[`Calendar press calendarPressTitleYear 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -12788,7 +12788,7 @@ exports[`Calendar press calendarPressTitleYear 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -12885,9 +12885,9 @@ exports[`Calendar press calendarPressTitleYear 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -12902,9 +12902,9 @@ exports[`Calendar press calendarPressTitleYear 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -12948,9 +12948,9 @@ exports[`Calendar press calendarPressTitleYear 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -12965,9 +12965,9 @@ exports[`Calendar press calendarPressTitleYear 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -13011,9 +13011,9 @@ exports[`Calendar press calendarPressTitleYear 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -13028,9 +13028,9 @@ exports[`Calendar press calendarPressTitleYear 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -13088,9 +13088,9 @@ exports[`Calendar press calendarPressTitleYear 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -13105,9 +13105,9 @@ exports[`Calendar press calendarPressTitleYear 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -13151,9 +13151,9 @@ exports[`Calendar press calendarPressTitleYear 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -13168,9 +13168,9 @@ exports[`Calendar press calendarPressTitleYear 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -13214,9 +13214,9 @@ exports[`Calendar press calendarPressTitleYear 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -13231,9 +13231,9 @@ exports[`Calendar press calendarPressTitleYear 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -13291,9 +13291,9 @@ exports[`Calendar press calendarPressTitleYear 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -13308,9 +13308,9 @@ exports[`Calendar press calendarPressTitleYear 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -13354,9 +13354,9 @@ exports[`Calendar press calendarPressTitleYear 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -13371,9 +13371,9 @@ exports[`Calendar press calendarPressTitleYear 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -13417,9 +13417,9 @@ exports[`Calendar press calendarPressTitleYear 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -13434,9 +13434,9 @@ exports[`Calendar press calendarPressTitleYear 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -13494,9 +13494,9 @@ exports[`Calendar press calendarPressTitleYear 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -13511,9 +13511,9 @@ exports[`Calendar press calendarPressTitleYear 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -13557,9 +13557,9 @@ exports[`Calendar press calendarPressTitleYear 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -13574,9 +13574,9 @@ exports[`Calendar press calendarPressTitleYear 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -13620,9 +13620,9 @@ exports[`Calendar press calendarPressTitleYear 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -13637,9 +13637,9 @@ exports[`Calendar press calendarPressTitleYear 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -13663,7 +13663,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "paddingTop": 18, + "paddingTop": 12, } } > @@ -13705,7 +13705,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -13718,7 +13718,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "width": 240, + "width": 160, } } > @@ -13764,9 +13764,9 @@ exports[`Calendar press calendarRightArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -13817,9 +13817,9 @@ exports[`Calendar press calendarRightArrow 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -13867,7 +13867,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -13885,8 +13885,8 @@ exports[`Calendar press calendarRightArrow 1`] = ` "paddingRight": 5, }, { - "height": 390, - "width": 678, + "height": 260, + "width": 702, }, ] } @@ -13955,7 +13955,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -13971,7 +13971,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -13987,7 +13987,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -14003,7 +14003,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -14019,7 +14019,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -14035,7 +14035,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -14051,7 +14051,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -14073,7 +14073,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -14150,7 +14150,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -14261,7 +14261,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -14369,7 +14369,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -14477,7 +14477,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -14585,7 +14585,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -14693,7 +14693,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -14801,7 +14801,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -14842,7 +14842,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -14919,7 +14919,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -15027,7 +15027,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -15135,7 +15135,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -15243,7 +15243,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -15351,7 +15351,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -15459,7 +15459,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -15567,7 +15567,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -15608,7 +15608,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -15685,7 +15685,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -15793,7 +15793,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -15901,7 +15901,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -16009,7 +16009,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -16117,7 +16117,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -16225,7 +16225,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -16333,7 +16333,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -16374,7 +16374,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -16451,7 +16451,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -16559,7 +16559,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -16667,7 +16667,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -16775,7 +16775,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -16883,7 +16883,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -16991,7 +16991,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -17099,7 +17099,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -17140,7 +17140,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -17217,7 +17217,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -17325,7 +17325,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -17436,7 +17436,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -17547,7 +17547,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -17658,7 +17658,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -17769,7 +17769,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -17880,7 +17880,7 @@ exports[`Calendar press calendarRightArrow 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -17933,7 +17933,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "paddingTop": 18, + "paddingTop": 12, } } > @@ -17975,7 +17975,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -17988,7 +17988,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "width": 240, + "width": 160, } } > @@ -18034,9 +18034,9 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -18087,9 +18087,9 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -18137,7 +18137,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -18155,8 +18155,8 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "paddingRight": 5, }, { - "height": 390, - "width": 678, + "height": 260, + "width": 702, }, ] } @@ -18225,7 +18225,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -18241,7 +18241,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -18257,7 +18257,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -18273,7 +18273,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -18289,7 +18289,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -18305,7 +18305,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -18321,7 +18321,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -18343,7 +18343,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -18420,7 +18420,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -18531,7 +18531,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -18642,7 +18642,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -18753,7 +18753,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -18864,7 +18864,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -18975,7 +18975,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -19086,7 +19086,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -19127,7 +19127,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -19204,7 +19204,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -19312,7 +19312,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -19420,7 +19420,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -19528,7 +19528,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -19636,7 +19636,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -19744,7 +19744,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -19852,7 +19852,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -19893,7 +19893,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -19970,7 +19970,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -20078,7 +20078,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -20186,7 +20186,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -20294,7 +20294,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -20402,7 +20402,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -20510,7 +20510,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -20618,7 +20618,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -20659,7 +20659,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -20736,7 +20736,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -20844,7 +20844,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -20952,7 +20952,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -21060,7 +21060,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -21168,7 +21168,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -21276,7 +21276,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -21384,7 +21384,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -21425,7 +21425,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -21502,7 +21502,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -21610,7 +21610,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -21718,7 +21718,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -21826,7 +21826,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -21934,7 +21934,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -22042,7 +22042,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -22150,7 +22150,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -22191,7 +22191,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -22268,7 +22268,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -22376,7 +22376,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -22484,7 +22484,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -22595,7 +22595,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -22706,7 +22706,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -22817,7 +22817,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -22928,7 +22928,7 @@ exports[`Calendar press calendarRightArrow 12 -> 1 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -22981,7 +22981,7 @@ exports[`Calendar renders correctly 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "paddingTop": 18, + "paddingTop": 12, } } > @@ -23023,7 +23023,7 @@ exports[`Calendar renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -23036,7 +23036,7 @@ exports[`Calendar renders correctly 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "width": 240, + "width": 160, } } > @@ -23082,9 +23082,9 @@ exports[`Calendar renders correctly 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -23135,9 +23135,9 @@ exports[`Calendar renders correctly 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -23185,7 +23185,7 @@ exports[`Calendar renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -23203,8 +23203,8 @@ exports[`Calendar renders correctly 1`] = ` "paddingRight": 5, }, { - "height": 390, - "width": 678, + "height": 260, + "width": 702, }, ] } @@ -23273,7 +23273,7 @@ exports[`Calendar renders correctly 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -23289,7 +23289,7 @@ exports[`Calendar renders correctly 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -23305,7 +23305,7 @@ exports[`Calendar renders correctly 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -23321,7 +23321,7 @@ exports[`Calendar renders correctly 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -23337,7 +23337,7 @@ exports[`Calendar renders correctly 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -23353,7 +23353,7 @@ exports[`Calendar renders correctly 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -23369,7 +23369,7 @@ exports[`Calendar renders correctly 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -23391,7 +23391,7 @@ exports[`Calendar renders correctly 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -23468,7 +23468,7 @@ exports[`Calendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -23579,7 +23579,7 @@ exports[`Calendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -23690,7 +23690,7 @@ exports[`Calendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -23801,7 +23801,7 @@ exports[`Calendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -23912,7 +23912,7 @@ exports[`Calendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -24020,7 +24020,7 @@ exports[`Calendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -24128,7 +24128,7 @@ exports[`Calendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -24169,7 +24169,7 @@ exports[`Calendar renders correctly 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -24246,7 +24246,7 @@ exports[`Calendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -24354,7 +24354,7 @@ exports[`Calendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -24462,7 +24462,7 @@ exports[`Calendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -24570,7 +24570,7 @@ exports[`Calendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -24678,7 +24678,7 @@ exports[`Calendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -24786,7 +24786,7 @@ exports[`Calendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -24894,7 +24894,7 @@ exports[`Calendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -24935,7 +24935,7 @@ exports[`Calendar renders correctly 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -25012,7 +25012,7 @@ exports[`Calendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -25120,7 +25120,7 @@ exports[`Calendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -25228,7 +25228,7 @@ exports[`Calendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -25336,7 +25336,7 @@ exports[`Calendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -25465,7 +25465,7 @@ exports[`Calendar renders correctly 1`] = ` "overflow": "hidden", }, { - "borderRadius": 6, + "borderRadius": 4, "width": "100%", }, { @@ -25482,7 +25482,7 @@ exports[`Calendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -25593,7 +25593,7 @@ exports[`Calendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -25701,7 +25701,7 @@ exports[`Calendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -25742,7 +25742,7 @@ exports[`Calendar renders correctly 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -25819,7 +25819,7 @@ exports[`Calendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -25927,7 +25927,7 @@ exports[`Calendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -26035,7 +26035,7 @@ exports[`Calendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -26143,7 +26143,7 @@ exports[`Calendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -26251,7 +26251,7 @@ exports[`Calendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -26359,7 +26359,7 @@ exports[`Calendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -26467,7 +26467,7 @@ exports[`Calendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -26508,7 +26508,7 @@ exports[`Calendar renders correctly 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -26585,7 +26585,7 @@ exports[`Calendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -26693,7 +26693,7 @@ exports[`Calendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -26801,7 +26801,7 @@ exports[`Calendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -26909,7 +26909,7 @@ exports[`Calendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -27017,7 +27017,7 @@ exports[`Calendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -27125,7 +27125,7 @@ exports[`Calendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -27233,7 +27233,7 @@ exports[`Calendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -27283,7 +27283,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "paddingTop": 18, + "paddingTop": 12, } } > @@ -27325,7 +27325,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -27338,7 +27338,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "width": 240, + "width": 160, } } > @@ -27384,9 +27384,9 @@ exports[`Calendar renders correctly dottedDates 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -27437,9 +27437,9 @@ exports[`Calendar renders correctly dottedDates 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -27487,7 +27487,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -27505,8 +27505,8 @@ exports[`Calendar renders correctly dottedDates 1`] = ` "paddingRight": 5, }, { - "height": 390, - "width": 678, + "height": 260, + "width": 702, }, ] } @@ -27575,7 +27575,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -27591,7 +27591,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -27607,7 +27607,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -27623,7 +27623,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -27639,7 +27639,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -27655,7 +27655,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -27671,7 +27671,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -27693,7 +27693,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -27770,7 +27770,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -27881,7 +27881,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -27992,7 +27992,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -28103,7 +28103,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -28211,7 +28211,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -28319,7 +28319,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -28427,7 +28427,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -28468,7 +28468,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -28545,7 +28545,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -28653,7 +28653,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -28761,7 +28761,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -28869,7 +28869,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -28977,7 +28977,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -29085,7 +29085,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -29193,7 +29193,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -29234,7 +29234,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -29311,7 +29311,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -29419,7 +29419,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -29527,7 +29527,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -29635,7 +29635,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -29743,7 +29743,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -29851,7 +29851,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -29959,7 +29959,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -30000,7 +30000,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -30077,7 +30077,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -30185,7 +30185,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -30293,7 +30293,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -30401,7 +30401,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -30509,7 +30509,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -30617,7 +30617,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -30725,7 +30725,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -30766,7 +30766,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -30843,7 +30843,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -30951,7 +30951,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -31059,7 +31059,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -31167,7 +31167,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -31275,7 +31275,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -31383,7 +31383,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -31491,7 +31491,7 @@ exports[`Calendar renders correctly dottedDates 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -31544,7 +31544,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "paddingTop": 18, + "paddingTop": 12, } } > @@ -31586,7 +31586,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -31599,7 +31599,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "width": 240, + "width": 160, } } > @@ -31645,9 +31645,9 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -31698,9 +31698,9 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -31748,7 +31748,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -31766,8 +31766,8 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` "paddingRight": 5, }, { - "height": 390, - "width": 678, + "height": 260, + "width": 702, }, ] } @@ -31836,7 +31836,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -31852,7 +31852,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -31868,7 +31868,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -31884,7 +31884,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -31900,7 +31900,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -31916,7 +31916,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -31932,7 +31932,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -31954,7 +31954,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -32031,7 +32031,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -32142,7 +32142,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -32253,7 +32253,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -32364,7 +32364,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -32472,7 +32472,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -32580,7 +32580,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -32688,7 +32688,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -32729,7 +32729,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -32806,7 +32806,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -32914,7 +32914,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -33022,7 +33022,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -33130,7 +33130,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -33238,7 +33238,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -33346,7 +33346,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -33454,7 +33454,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -33495,7 +33495,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -33572,7 +33572,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -33680,7 +33680,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -33788,7 +33788,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -33896,7 +33896,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -34004,7 +34004,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -34112,7 +34112,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -34220,7 +34220,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -34261,7 +34261,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -34338,7 +34338,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -34446,7 +34446,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -34554,7 +34554,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -34662,7 +34662,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -34770,7 +34770,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -34878,7 +34878,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -34986,7 +34986,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -35027,7 +35027,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -35104,7 +35104,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -35212,7 +35212,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -35320,7 +35320,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -35428,7 +35428,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -35536,7 +35536,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -35644,7 +35644,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -35752,7 +35752,7 @@ exports[`Calendar renders correctly dottedDates cc 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -35805,7 +35805,7 @@ exports[`Calendar renders correctly isClear 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "paddingTop": 18, + "paddingTop": 12, } } > @@ -35847,7 +35847,7 @@ exports[`Calendar renders correctly isClear 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -35860,7 +35860,7 @@ exports[`Calendar renders correctly isClear 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "width": 240, + "width": 160, } } > @@ -35906,9 +35906,9 @@ exports[`Calendar renders correctly isClear 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -35959,9 +35959,9 @@ exports[`Calendar renders correctly isClear 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -36009,7 +36009,7 @@ exports[`Calendar renders correctly isClear 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -36027,8 +36027,8 @@ exports[`Calendar renders correctly isClear 1`] = ` "paddingRight": 5, }, { - "height": 390, - "width": 678, + "height": 260, + "width": 702, }, ] } @@ -36097,7 +36097,7 @@ exports[`Calendar renders correctly isClear 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -36113,7 +36113,7 @@ exports[`Calendar renders correctly isClear 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -36129,7 +36129,7 @@ exports[`Calendar renders correctly isClear 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -36145,7 +36145,7 @@ exports[`Calendar renders correctly isClear 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -36161,7 +36161,7 @@ exports[`Calendar renders correctly isClear 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -36177,7 +36177,7 @@ exports[`Calendar renders correctly isClear 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -36193,7 +36193,7 @@ exports[`Calendar renders correctly isClear 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -36215,7 +36215,7 @@ exports[`Calendar renders correctly isClear 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -36292,7 +36292,7 @@ exports[`Calendar renders correctly isClear 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -36403,7 +36403,7 @@ exports[`Calendar renders correctly isClear 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -36514,7 +36514,7 @@ exports[`Calendar renders correctly isClear 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -36625,7 +36625,7 @@ exports[`Calendar renders correctly isClear 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -36736,7 +36736,7 @@ exports[`Calendar renders correctly isClear 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -36844,7 +36844,7 @@ exports[`Calendar renders correctly isClear 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -36952,7 +36952,7 @@ exports[`Calendar renders correctly isClear 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -36993,7 +36993,7 @@ exports[`Calendar renders correctly isClear 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -37070,7 +37070,7 @@ exports[`Calendar renders correctly isClear 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -37178,7 +37178,7 @@ exports[`Calendar renders correctly isClear 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -37286,7 +37286,7 @@ exports[`Calendar renders correctly isClear 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -37394,7 +37394,7 @@ exports[`Calendar renders correctly isClear 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -37502,7 +37502,7 @@ exports[`Calendar renders correctly isClear 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -37610,7 +37610,7 @@ exports[`Calendar renders correctly isClear 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -37718,7 +37718,7 @@ exports[`Calendar renders correctly isClear 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -37759,7 +37759,7 @@ exports[`Calendar renders correctly isClear 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -37836,7 +37836,7 @@ exports[`Calendar renders correctly isClear 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -37944,7 +37944,7 @@ exports[`Calendar renders correctly isClear 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -38052,7 +38052,7 @@ exports[`Calendar renders correctly isClear 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -38160,7 +38160,7 @@ exports[`Calendar renders correctly isClear 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -38268,7 +38268,7 @@ exports[`Calendar renders correctly isClear 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -38376,7 +38376,7 @@ exports[`Calendar renders correctly isClear 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -38484,7 +38484,7 @@ exports[`Calendar renders correctly isClear 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -38525,7 +38525,7 @@ exports[`Calendar renders correctly isClear 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -38602,7 +38602,7 @@ exports[`Calendar renders correctly isClear 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -38710,7 +38710,7 @@ exports[`Calendar renders correctly isClear 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -38818,7 +38818,7 @@ exports[`Calendar renders correctly isClear 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -38926,7 +38926,7 @@ exports[`Calendar renders correctly isClear 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -39034,7 +39034,7 @@ exports[`Calendar renders correctly isClear 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -39142,7 +39142,7 @@ exports[`Calendar renders correctly isClear 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -39250,7 +39250,7 @@ exports[`Calendar renders correctly isClear 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -39291,7 +39291,7 @@ exports[`Calendar renders correctly isClear 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -39368,7 +39368,7 @@ exports[`Calendar renders correctly isClear 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -39476,7 +39476,7 @@ exports[`Calendar renders correctly isClear 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -39584,7 +39584,7 @@ exports[`Calendar renders correctly isClear 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -39692,7 +39692,7 @@ exports[`Calendar renders correctly isClear 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -39800,7 +39800,7 @@ exports[`Calendar renders correctly isClear 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -39908,7 +39908,7 @@ exports[`Calendar renders correctly isClear 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -40016,7 +40016,7 @@ exports[`Calendar renders correctly isClear 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -40066,7 +40066,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "paddingTop": 18, + "paddingTop": 12, } } > @@ -40108,7 +40108,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -40121,7 +40121,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "width": 240, + "width": 160, } } > @@ -40167,9 +40167,9 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -40220,9 +40220,9 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -40270,7 +40270,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -40288,8 +40288,8 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` "paddingRight": 5, }, { - "height": 390, - "width": 678, + "height": 260, + "width": 702, }, ] } @@ -40358,7 +40358,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -40374,7 +40374,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -40390,7 +40390,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -40406,7 +40406,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -40422,7 +40422,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -40438,7 +40438,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -40454,7 +40454,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -40476,7 +40476,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -40553,7 +40553,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -40664,7 +40664,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -40772,7 +40772,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -40880,7 +40880,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -40988,7 +40988,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -41096,7 +41096,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -41204,7 +41204,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -41245,7 +41245,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -41322,7 +41322,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -41430,7 +41430,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -41538,7 +41538,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -41646,7 +41646,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -41754,7 +41754,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -41862,7 +41862,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -41970,7 +41970,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -42011,7 +42011,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -42088,7 +42088,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -42196,7 +42196,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -42304,7 +42304,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -42412,7 +42412,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -42520,7 +42520,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -42628,7 +42628,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -42736,7 +42736,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -42777,7 +42777,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -42854,7 +42854,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -42962,7 +42962,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -43070,7 +43070,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -43178,7 +43178,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -43286,7 +43286,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -43394,7 +43394,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -43502,7 +43502,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -43543,7 +43543,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -43620,7 +43620,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -43728,7 +43728,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -43839,7 +43839,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -43950,7 +43950,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -44061,7 +44061,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -44172,7 +44172,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -44283,7 +44283,7 @@ exports[`Calendar renders correctly isClear isShowToday 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -44336,7 +44336,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "paddingTop": 18, + "paddingTop": 12, } } > @@ -44378,7 +44378,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -44391,7 +44391,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "width": 240, + "width": 160, } } > @@ -44437,9 +44437,9 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -44490,9 +44490,9 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -44540,7 +44540,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -44558,8 +44558,8 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max "paddingRight": 5, }, { - "height": 390, - "width": 678, + "height": 260, + "width": 702, }, ] } @@ -44628,7 +44628,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -44644,7 +44644,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -44660,7 +44660,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -44676,7 +44676,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -44692,7 +44692,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -44708,7 +44708,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -44724,7 +44724,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -44746,7 +44746,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -44823,7 +44823,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -44934,7 +44934,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -45045,7 +45045,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -45156,7 +45156,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -45288,7 +45288,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max "overflow": "hidden", }, { - "borderRadius": 6, + "borderRadius": 4, "width": "100%", }, { @@ -45305,7 +45305,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -45449,7 +45449,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -45593,7 +45593,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -45636,7 +45636,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -45734,7 +45734,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max "overflow": "hidden", }, { - "borderRadius": 6, + "borderRadius": 4, "width": "100%", }, { @@ -45751,7 +45751,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -45861,7 +45861,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -45969,7 +45969,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -46077,7 +46077,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -46185,7 +46185,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -46293,7 +46293,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -46401,7 +46401,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -46442,7 +46442,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -46519,7 +46519,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -46627,7 +46627,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -46735,7 +46735,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -46843,7 +46843,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -46951,7 +46951,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -47059,7 +47059,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -47167,7 +47167,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -47208,7 +47208,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -47285,7 +47285,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -47393,7 +47393,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -47501,7 +47501,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -47609,7 +47609,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -47717,7 +47717,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -47825,7 +47825,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -47933,7 +47933,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -47974,7 +47974,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -48051,7 +48051,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -48159,7 +48159,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -48267,7 +48267,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -48375,7 +48375,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -48483,7 +48483,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -48591,7 +48591,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -48699,7 +48699,7 @@ exports[`Calendar renders correctly isShowToday = false > maxLengthDateRange max "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -48749,7 +48749,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "paddingTop": 18, + "paddingTop": 12, } } > @@ -48791,7 +48791,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -48804,7 +48804,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "width": 240, + "width": 160, } } > @@ -48850,9 +48850,9 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -48903,9 +48903,9 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -48953,7 +48953,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -48971,8 +48971,8 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] "paddingRight": 5, }, { - "height": 390, - "width": 678, + "height": 260, + "width": 702, }, ] } @@ -49041,7 +49041,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -49057,7 +49057,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -49073,7 +49073,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -49089,7 +49089,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -49105,7 +49105,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -49121,7 +49121,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -49137,7 +49137,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -49159,7 +49159,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -49236,7 +49236,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -49347,7 +49347,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -49458,7 +49458,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -49569,7 +49569,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -49680,7 +49680,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -49788,7 +49788,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -49896,7 +49896,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -49937,7 +49937,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -50014,7 +50014,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -50122,7 +50122,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -50230,7 +50230,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -50338,7 +50338,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -50446,7 +50446,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -50554,7 +50554,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -50662,7 +50662,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -50703,7 +50703,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -50780,7 +50780,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -50888,7 +50888,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -50996,7 +50996,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -51104,7 +51104,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -51233,7 +51233,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] "overflow": "hidden", }, { - "borderRadius": 6, + "borderRadius": 4, "width": "100%", }, { @@ -51250,7 +51250,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -51361,7 +51361,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -51469,7 +51469,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -51510,7 +51510,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -51587,7 +51587,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -51695,7 +51695,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -51803,7 +51803,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -51911,7 +51911,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -52019,7 +52019,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -52127,7 +52127,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -52235,7 +52235,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -52276,7 +52276,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -52353,7 +52353,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -52461,7 +52461,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -52569,7 +52569,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -52677,7 +52677,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -52785,7 +52785,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -52893,7 +52893,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -53001,7 +53001,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -53051,7 +53051,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "paddingTop": 18, + "paddingTop": 12, } } > @@ -53093,7 +53093,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -53106,7 +53106,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "width": 240, + "width": 160, } } > @@ -53152,9 +53152,9 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -53205,9 +53205,9 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -53255,7 +53255,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -53273,8 +53273,8 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "paddingRight": 5, }, { - "height": 390, - "width": 678, + "height": 260, + "width": 702, }, ] } @@ -53343,7 +53343,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -53359,7 +53359,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -53375,7 +53375,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -53391,7 +53391,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -53407,7 +53407,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -53423,7 +53423,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -53439,7 +53439,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -53461,7 +53461,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -53538,7 +53538,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -53649,7 +53649,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -53760,7 +53760,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -53871,7 +53871,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -53982,7 +53982,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -54093,7 +54093,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -54204,7 +54204,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -54248,7 +54248,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -54325,7 +54325,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -54436,7 +54436,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -54547,7 +54547,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -54658,7 +54658,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -54769,7 +54769,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -54880,7 +54880,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -54991,7 +54991,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -55035,7 +55035,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -55112,7 +55112,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -55223,7 +55223,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -55355,7 +55355,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "overflow": "hidden", }, { - "borderRadius": 6, + "borderRadius": 4, "width": "100%", }, { @@ -55372,7 +55372,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -55503,7 +55503,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "overflow": "hidden", }, { - "borderRadius": 6, + "borderRadius": 4, "width": "100%", }, { @@ -55520,7 +55520,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -55651,7 +55651,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "overflow": "hidden", }, { - "borderRadius": 6, + "borderRadius": 4, "width": "100%", }, { @@ -55668,7 +55668,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -55779,7 +55779,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -55887,7 +55887,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -55928,7 +55928,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -56005,7 +56005,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -56113,7 +56113,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -56221,7 +56221,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -56329,7 +56329,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -56440,7 +56440,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -56551,7 +56551,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -56662,7 +56662,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -56706,7 +56706,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -56783,7 +56783,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -56894,7 +56894,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -57005,7 +57005,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -57116,7 +57116,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -57227,7 +57227,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -57338,7 +57338,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -57449,7 +57449,7 @@ exports[`Calendar renders correctly isShowToday = true < maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -57502,7 +57502,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "paddingTop": 18, + "paddingTop": 12, } } > @@ -57544,7 +57544,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -57557,7 +57557,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "width": 240, + "width": 160, } } > @@ -57603,9 +57603,9 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -57656,9 +57656,9 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -57706,7 +57706,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -57724,8 +57724,8 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] "paddingRight": 5, }, { - "height": 390, - "width": 678, + "height": 260, + "width": 702, }, ] } @@ -57794,7 +57794,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -57810,7 +57810,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -57826,7 +57826,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -57842,7 +57842,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -57858,7 +57858,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -57874,7 +57874,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -57890,7 +57890,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -57912,7 +57912,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -57989,7 +57989,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -58100,7 +58100,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -58211,7 +58211,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -58322,7 +58322,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -58433,7 +58433,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -58541,7 +58541,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -58649,7 +58649,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -58690,7 +58690,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -58767,7 +58767,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -58875,7 +58875,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -58983,7 +58983,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -59091,7 +59091,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -59199,7 +59199,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -59307,7 +59307,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -59415,7 +59415,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -59456,7 +59456,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -59533,7 +59533,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -59641,7 +59641,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -59749,7 +59749,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -59857,7 +59857,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -59986,7 +59986,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] "overflow": "hidden", }, { - "borderRadius": 6, + "borderRadius": 4, "width": "100%", }, { @@ -60003,7 +60003,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -60114,7 +60114,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -60222,7 +60222,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -60263,7 +60263,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -60340,7 +60340,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -60448,7 +60448,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -60556,7 +60556,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -60664,7 +60664,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -60772,7 +60772,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -60880,7 +60880,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -60988,7 +60988,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -61029,7 +61029,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -61106,7 +61106,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -61214,7 +61214,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -61322,7 +61322,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -61430,7 +61430,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -61538,7 +61538,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -61646,7 +61646,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -61754,7 +61754,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -61804,7 +61804,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "paddingTop": 18, + "paddingTop": 12, } } > @@ -61846,7 +61846,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -61859,7 +61859,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "width": 240, + "width": 160, } } > @@ -61905,9 +61905,9 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -61958,9 +61958,9 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -62008,7 +62008,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -62026,8 +62026,8 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "paddingRight": 5, }, { - "height": 390, - "width": 678, + "height": 260, + "width": 702, }, ] } @@ -62096,7 +62096,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -62112,7 +62112,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -62128,7 +62128,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -62144,7 +62144,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -62160,7 +62160,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -62176,7 +62176,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -62192,7 +62192,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -62214,7 +62214,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -62291,7 +62291,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -62402,7 +62402,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -62513,7 +62513,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -62624,7 +62624,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -62756,7 +62756,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "overflow": "hidden", }, { - "borderRadius": 6, + "borderRadius": 4, "width": "100%", }, { @@ -62773,7 +62773,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -62917,7 +62917,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -63061,7 +63061,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -63104,7 +63104,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -63202,7 +63202,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "overflow": "hidden", }, { - "borderRadius": 6, + "borderRadius": 4, "width": "100%", }, { @@ -63219,7 +63219,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -63329,7 +63329,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -63437,7 +63437,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -63545,7 +63545,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -63653,7 +63653,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -63761,7 +63761,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -63869,7 +63869,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -63910,7 +63910,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -63987,7 +63987,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -64095,7 +64095,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -64203,7 +64203,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -64311,7 +64311,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -64440,7 +64440,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "overflow": "hidden", }, { - "borderRadius": 6, + "borderRadius": 4, "width": "100%", }, { @@ -64457,7 +64457,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -64568,7 +64568,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -64676,7 +64676,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -64717,7 +64717,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -64794,7 +64794,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -64902,7 +64902,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -65010,7 +65010,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -65118,7 +65118,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -65226,7 +65226,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -65334,7 +65334,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -65442,7 +65442,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -65483,7 +65483,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -65560,7 +65560,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -65668,7 +65668,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -65776,7 +65776,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -65884,7 +65884,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -65992,7 +65992,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -66100,7 +66100,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -66208,7 +66208,7 @@ exports[`Calendar renders correctly isShowToday = true > maxLengthDateRange maxD "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -66258,7 +66258,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "paddingTop": 18, + "paddingTop": 12, } } > @@ -66300,7 +66300,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -66313,7 +66313,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "width": 240, + "width": 160, } } > @@ -66359,9 +66359,9 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -66412,9 +66412,9 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -66462,7 +66462,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -66480,8 +66480,8 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` "paddingRight": 5, }, { - "height": 390, - "width": 678, + "height": 260, + "width": 702, }, ] } @@ -66550,7 +66550,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -66566,7 +66566,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -66582,7 +66582,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -66598,7 +66598,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -66614,7 +66614,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -66630,7 +66630,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -66646,7 +66646,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -66668,7 +66668,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -66745,7 +66745,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -66856,7 +66856,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -66967,7 +66967,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -67078,7 +67078,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -67189,7 +67189,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -67300,7 +67300,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -67411,7 +67411,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -67455,7 +67455,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -67532,7 +67532,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -67643,7 +67643,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -67754,7 +67754,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -67865,7 +67865,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -67976,7 +67976,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -68087,7 +68087,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -68198,7 +68198,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -68242,7 +68242,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -68319,7 +68319,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -68430,7 +68430,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -68541,7 +68541,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -68652,7 +68652,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -68763,7 +68763,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -68874,7 +68874,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -68985,7 +68985,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -69029,7 +69029,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -69106,7 +69106,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -69217,7 +69217,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -69328,7 +69328,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -69439,7 +69439,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -69550,7 +69550,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -69661,7 +69661,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -69772,7 +69772,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -69816,7 +69816,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -69893,7 +69893,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -70004,7 +70004,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -70115,7 +70115,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -70226,7 +70226,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -70337,7 +70337,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -70448,7 +70448,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -70559,7 +70559,7 @@ exports[`Calendar renders correctly maxDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -70612,7 +70612,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "paddingTop": 18, + "paddingTop": 12, } } > @@ -70654,7 +70654,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -70667,7 +70667,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "width": 240, + "width": 160, } } > @@ -70713,9 +70713,9 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -70766,9 +70766,9 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -70816,7 +70816,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -70834,8 +70834,8 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` "paddingRight": 5, }, { - "height": 390, - "width": 678, + "height": 260, + "width": 702, }, ] } @@ -70904,7 +70904,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -70920,7 +70920,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -70936,7 +70936,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -70952,7 +70952,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -70968,7 +70968,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -70984,7 +70984,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -71000,7 +71000,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -71022,7 +71022,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -71099,7 +71099,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -71210,7 +71210,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -71321,7 +71321,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -71432,7 +71432,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -71543,7 +71543,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -71654,7 +71654,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -71765,7 +71765,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -71809,7 +71809,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -71886,7 +71886,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -71997,7 +71997,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -72108,7 +72108,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -72219,7 +72219,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -72330,7 +72330,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -72441,7 +72441,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -72552,7 +72552,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -72596,7 +72596,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -72673,7 +72673,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -72784,7 +72784,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -72895,7 +72895,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -73006,7 +73006,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -73117,7 +73117,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -73228,7 +73228,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -73339,7 +73339,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -73383,7 +73383,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -73460,7 +73460,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -73571,7 +73571,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -73682,7 +73682,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -73793,7 +73793,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -73904,7 +73904,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -74015,7 +74015,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -74126,7 +74126,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -74170,7 +74170,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -74247,7 +74247,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -74358,7 +74358,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -74469,7 +74469,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -74580,7 +74580,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -74691,7 +74691,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -74802,7 +74802,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -74913,7 +74913,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -74966,7 +74966,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "paddingTop": 18, + "paddingTop": 12, } } > @@ -75008,7 +75008,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -75021,7 +75021,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "width": 240, + "width": 160, } } > @@ -75067,9 +75067,9 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -75120,9 +75120,9 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -75170,7 +75170,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -75188,8 +75188,8 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate "paddingRight": 5, }, { - "height": 390, - "width": 678, + "height": 260, + "width": 702, }, ] } @@ -75258,7 +75258,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -75274,7 +75274,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -75290,7 +75290,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -75306,7 +75306,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -75322,7 +75322,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -75338,7 +75338,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -75354,7 +75354,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -75376,7 +75376,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -75453,7 +75453,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -75564,7 +75564,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -75675,7 +75675,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -75786,7 +75786,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -75897,7 +75897,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -76008,7 +76008,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -76119,7 +76119,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -76163,7 +76163,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -76240,7 +76240,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -76351,7 +76351,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -76462,7 +76462,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -76573,7 +76573,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -76684,7 +76684,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -76795,7 +76795,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -76906,7 +76906,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -76950,7 +76950,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -77027,7 +77027,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -77138,7 +77138,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -77249,7 +77249,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -77360,7 +77360,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -77471,7 +77471,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -77582,7 +77582,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -77693,7 +77693,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -77737,7 +77737,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -77814,7 +77814,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -77925,7 +77925,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -78036,7 +78036,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -78147,7 +78147,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -78258,7 +78258,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -78369,7 +78369,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -78480,7 +78480,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -78524,7 +78524,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -78601,7 +78601,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -78712,7 +78712,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -78823,7 +78823,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -78934,7 +78934,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -79045,7 +79045,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -79156,7 +79156,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -79267,7 +79267,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange fromDate "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -79320,7 +79320,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "paddingTop": 18, + "paddingTop": 12, } } > @@ -79362,7 +79362,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -79375,7 +79375,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "width": 240, + "width": 160, } } > @@ -79421,9 +79421,9 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -79474,9 +79474,9 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -79524,7 +79524,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -79542,8 +79542,8 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod "paddingRight": 5, }, { - "height": 390, - "width": 678, + "height": 260, + "width": 702, }, ] } @@ -79612,7 +79612,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -79628,7 +79628,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -79644,7 +79644,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -79660,7 +79660,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -79676,7 +79676,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -79692,7 +79692,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -79708,7 +79708,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -79730,7 +79730,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -79807,7 +79807,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -79918,7 +79918,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -80029,7 +80029,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -80140,7 +80140,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -80251,7 +80251,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -80362,7 +80362,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -80473,7 +80473,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -80517,7 +80517,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -80594,7 +80594,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -80705,7 +80705,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -80816,7 +80816,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -80927,7 +80927,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -81038,7 +81038,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -81149,7 +81149,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -81260,7 +81260,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -81304,7 +81304,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -81381,7 +81381,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -81492,7 +81492,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -81603,7 +81603,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -81714,7 +81714,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -81825,7 +81825,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -81936,7 +81936,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -82047,7 +82047,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -82091,7 +82091,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -82168,7 +82168,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -82279,7 +82279,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -82390,7 +82390,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -82501,7 +82501,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -82612,7 +82612,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -82723,7 +82723,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -82834,7 +82834,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -82878,7 +82878,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -82955,7 +82955,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -83066,7 +83066,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -83177,7 +83177,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -83288,7 +83288,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -83399,7 +83399,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -83510,7 +83510,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -83621,7 +83621,7 @@ exports[`Calendar renders correctly maxDate minDate maxLengthDateRange isPeriod "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -83674,7 +83674,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "paddingTop": 18, + "paddingTop": 12, } } > @@ -83716,7 +83716,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -83729,7 +83729,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "width": 240, + "width": 160, } } > @@ -83775,9 +83775,9 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -83828,9 +83828,9 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -83878,7 +83878,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -83896,8 +83896,8 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "paddingRight": 5, }, { - "height": 390, - "width": 678, + "height": 260, + "width": 702, }, ] } @@ -83966,7 +83966,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -83982,7 +83982,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -83998,7 +83998,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -84014,7 +84014,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -84030,7 +84030,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -84046,7 +84046,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -84062,7 +84062,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -84084,7 +84084,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -84161,7 +84161,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -84272,7 +84272,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -84383,7 +84383,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -84494,7 +84494,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -84605,7 +84605,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -84716,7 +84716,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -84824,7 +84824,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -84865,7 +84865,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -84942,7 +84942,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -85050,7 +85050,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -85158,7 +85158,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -85266,7 +85266,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -85374,7 +85374,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -85482,7 +85482,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -85590,7 +85590,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -85631,7 +85631,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -85708,7 +85708,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -85816,7 +85816,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -85924,7 +85924,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -86032,7 +86032,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -86140,7 +86140,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -86248,7 +86248,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -86356,7 +86356,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -86397,7 +86397,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -86474,7 +86474,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -86582,7 +86582,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -86690,7 +86690,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -86798,7 +86798,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -86906,7 +86906,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -87014,7 +87014,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -87122,7 +87122,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -87163,7 +87163,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -87240,7 +87240,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -87348,7 +87348,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -87456,7 +87456,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -87564,7 +87564,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -87672,7 +87672,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -87780,7 +87780,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -87888,7 +87888,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -87929,7 +87929,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -88006,7 +88006,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -88114,7 +88114,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -88225,7 +88225,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -88336,7 +88336,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -88447,7 +88447,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -88558,7 +88558,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -88669,7 +88669,7 @@ exports[`Calendar renders correctly maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -88722,7 +88722,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "paddingTop": 18, + "paddingTop": 12, } } > @@ -88764,7 +88764,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -88777,7 +88777,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "width": 240, + "width": 160, } } > @@ -88823,9 +88823,9 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -88876,9 +88876,9 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -88926,7 +88926,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -88944,8 +88944,8 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` "paddingRight": 5, }, { - "height": 390, - "width": 678, + "height": 260, + "width": 702, }, ] } @@ -89014,7 +89014,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -89030,7 +89030,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -89046,7 +89046,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -89062,7 +89062,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -89078,7 +89078,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -89094,7 +89094,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -89110,7 +89110,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -89132,7 +89132,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -89209,7 +89209,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -89320,7 +89320,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -89431,7 +89431,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -89542,7 +89542,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -89653,7 +89653,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -89764,7 +89764,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -89875,7 +89875,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -89919,7 +89919,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -89996,7 +89996,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -90107,7 +90107,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -90218,7 +90218,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -90329,7 +90329,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -90440,7 +90440,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -90551,7 +90551,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -90662,7 +90662,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -90706,7 +90706,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -90783,7 +90783,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -90894,7 +90894,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -91005,7 +91005,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -91116,7 +91116,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -91227,7 +91227,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -91338,7 +91338,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -91449,7 +91449,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -91493,7 +91493,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -91570,7 +91570,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -91681,7 +91681,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -91792,7 +91792,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -91903,7 +91903,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -92014,7 +92014,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -92125,7 +92125,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -92236,7 +92236,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -92280,7 +92280,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -92357,7 +92357,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -92468,7 +92468,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -92579,7 +92579,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -92690,7 +92690,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -92801,7 +92801,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -92912,7 +92912,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -93023,7 +93023,7 @@ exports[`Calendar renders correctly minDate maxLengthDateRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -93076,7 +93076,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "paddingTop": 18, + "paddingTop": 12, } } > @@ -93118,7 +93118,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -93131,7 +93131,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "width": 240, + "width": 160, } } > @@ -93177,9 +93177,9 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -93230,9 +93230,9 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -93280,7 +93280,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -93298,8 +93298,8 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` "paddingRight": 5, }, { - "height": 390, - "width": 678, + "height": 260, + "width": 702, }, ] } @@ -93368,7 +93368,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -93384,7 +93384,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -93400,7 +93400,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -93416,7 +93416,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -93432,7 +93432,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -93448,7 +93448,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -93464,7 +93464,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -93486,7 +93486,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -93563,7 +93563,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -93674,7 +93674,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -93785,7 +93785,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -93896,7 +93896,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -94007,7 +94007,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -94115,7 +94115,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -94223,7 +94223,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -94264,7 +94264,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -94341,7 +94341,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -94449,7 +94449,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -94557,7 +94557,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -94665,7 +94665,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -94773,7 +94773,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -94881,7 +94881,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -94989,7 +94989,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -95030,7 +95030,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -95107,7 +95107,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -95215,7 +95215,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -95323,7 +95323,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -95431,7 +95431,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -95560,7 +95560,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` "overflow": "hidden", }, { - "borderRadius": 6, + "borderRadius": 4, "width": "100%", }, { @@ -95577,7 +95577,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -95688,7 +95688,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -95796,7 +95796,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -95837,7 +95837,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -95914,7 +95914,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -96022,7 +96022,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -96130,7 +96130,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -96238,7 +96238,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -96346,7 +96346,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -96454,7 +96454,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -96562,7 +96562,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -96603,7 +96603,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -96680,7 +96680,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -96788,7 +96788,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -96896,7 +96896,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -97004,7 +97004,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -97112,7 +97112,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -97220,7 +97220,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -97328,7 +97328,7 @@ exports[`Calendar renders correctly not isValidDate 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] diff --git a/packages/calendar/src/Calendar/__tests__/__snapshots__/ModalCalendar.test.tsx.snap b/packages/calendar/src/Calendar/__tests__/__snapshots__/ModalCalendar.test.tsx.snap index 3fb96a67d..6fd85def7 100644 --- a/packages/calendar/src/Calendar/__tests__/__snapshots__/ModalCalendar.test.tsx.snap +++ b/packages/calendar/src/Calendar/__tests__/__snapshots__/ModalCalendar.test.tsx.snap @@ -59,15 +59,15 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` { "alignItems": "center", "backgroundColor": "#FFF", - "borderRadius": 18, + "borderRadius": 12, "justifyContent": "center", - "marginVertical": 30, - "paddingHorizontal": 30, - "paddingVertical": 36, - "width": 726, + "marginVertical": 20, + "paddingHorizontal": 20, + "paddingVertical": 24, + "width": 734, }, { - "width": 726, + "width": 734, }, ] } @@ -106,8 +106,8 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "justifyContent": "center", "opacity": 1, "position": "absolute", - "right": 24, - "top": 24, + "right": 16, + "top": 16, "zIndex": 2, } } @@ -118,7 +118,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -131,7 +131,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "paddingTop": 18, + "paddingTop": 12, } } > @@ -173,7 +173,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -186,7 +186,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "width": 240, + "width": 160, } } > @@ -232,9 +232,9 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -285,9 +285,9 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -335,7 +335,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -353,8 +353,8 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "paddingRight": 5, }, { - "height": 390, - "width": 678, + "height": 260, + "width": 702, }, ] } @@ -423,7 +423,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -439,7 +439,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -455,7 +455,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -471,7 +471,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -487,7 +487,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -503,7 +503,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -519,7 +519,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -541,7 +541,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -618,7 +618,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -729,7 +729,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -840,7 +840,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -951,7 +951,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -1062,7 +1062,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -1170,7 +1170,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -1278,7 +1278,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -1319,7 +1319,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -1396,7 +1396,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -1504,7 +1504,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -1612,7 +1612,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -1720,7 +1720,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -1828,7 +1828,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -1936,7 +1936,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -2044,7 +2044,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -2085,7 +2085,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -2162,7 +2162,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -2270,7 +2270,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -2378,7 +2378,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -2486,7 +2486,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -2615,7 +2615,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "overflow": "hidden", }, { - "borderRadius": 6, + "borderRadius": 4, "width": "100%", }, { @@ -2632,7 +2632,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -2743,7 +2743,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -2851,7 +2851,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -2892,7 +2892,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -2969,7 +2969,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -3077,7 +3077,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -3185,7 +3185,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -3293,7 +3293,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -3401,7 +3401,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -3509,7 +3509,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -3617,7 +3617,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -3658,7 +3658,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -3735,7 +3735,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -3843,7 +3843,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -3951,7 +3951,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -4059,7 +4059,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -4167,7 +4167,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -4275,7 +4275,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -4383,7 +4383,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -4425,8 +4425,8 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` @@ -4437,9 +4437,9 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` { "color": "#9BA1B0", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, [ { @@ -4459,13 +4459,13 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, [ { - "paddingTop": 12, + "paddingTop": 8, "textAlign": "center", }, undefined, @@ -4480,7 +4480,7 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` style={ { "flexDirection": "row", - "paddingTop": 30, + "paddingTop": 20, } } > @@ -4517,12 +4517,12 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "alignItems": "center", "alignSelf": "stretch", "backgroundColor": "#9BA1B0", - "borderRadius": 18, + "borderRadius": 12, "flex": 1, "flexDirection": "row", "justifyContent": "center", - "marginRight": 9, - "minHeight": 72, + "marginRight": 6, + "minHeight": 48, "opacity": 1, } } @@ -4534,13 +4534,13 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` { "color": "#FFF", "fontFamily": "Inter-SemiBold", - "fontSize": 27, - "lineHeight": 33, - "minHeight": 33, + "fontSize": 18, + "lineHeight": 22, + "minHeight": 22, }, [ { - "paddingHorizontal": 9, + "paddingHorizontal": 6, }, undefined, ], @@ -4583,12 +4583,12 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` "alignItems": "center", "alignSelf": "stretch", "backgroundColor": "#9BA1B0", - "borderRadius": 18, + "borderRadius": 12, "flex": 1, "flexDirection": "row", "justifyContent": "center", - "marginLeft": 9, - "minHeight": 72, + "marginLeft": 6, + "minHeight": 48, "opacity": 1, } } @@ -4600,13 +4600,13 @@ exports[`ModalCalendar bottomView IButtonView.large 1`] = ` { "color": "#FFF", "fontFamily": "Inter-SemiBold", - "fontSize": 27, - "lineHeight": 33, - "minHeight": 33, + "fontSize": 18, + "lineHeight": 22, + "minHeight": 22, }, [ { - "paddingHorizontal": 9, + "paddingHorizontal": 6, }, undefined, ], @@ -4680,15 +4680,15 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] { "alignItems": "center", "backgroundColor": "#FFF", - "borderRadius": 18, + "borderRadius": 12, "justifyContent": "center", - "marginVertical": 30, - "paddingHorizontal": 30, - "paddingVertical": 36, - "width": 726, + "marginVertical": 20, + "paddingHorizontal": 20, + "paddingVertical": 24, + "width": 734, }, { - "width": 726, + "width": 734, }, ] } @@ -4727,8 +4727,8 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] "justifyContent": "center", "opacity": 1, "position": "absolute", - "right": 24, - "top": 24, + "right": 16, + "top": 16, "zIndex": 2, } } @@ -4739,7 +4739,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -4752,7 +4752,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "paddingTop": 18, + "paddingTop": 12, } } > @@ -4794,7 +4794,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -4807,7 +4807,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "width": 240, + "width": 160, } } > @@ -4853,9 +4853,9 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -4906,9 +4906,9 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -4956,7 +4956,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -4974,8 +4974,8 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] "paddingRight": 5, }, { - "height": 390, - "width": 678, + "height": 260, + "width": 702, }, ] } @@ -5044,7 +5044,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -5060,7 +5060,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -5076,7 +5076,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -5092,7 +5092,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -5108,7 +5108,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -5124,7 +5124,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -5140,7 +5140,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -5162,7 +5162,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -5239,7 +5239,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -5350,7 +5350,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -5461,7 +5461,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -5572,7 +5572,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -5683,7 +5683,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -5791,7 +5791,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -5899,7 +5899,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -5940,7 +5940,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -6017,7 +6017,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -6125,7 +6125,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -6233,7 +6233,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -6341,7 +6341,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -6449,7 +6449,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -6557,7 +6557,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -6665,7 +6665,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -6706,7 +6706,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -6783,7 +6783,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -6891,7 +6891,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -6999,7 +6999,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -7107,7 +7107,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -7236,7 +7236,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] "overflow": "hidden", }, { - "borderRadius": 6, + "borderRadius": 4, "width": "100%", }, { @@ -7253,7 +7253,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -7364,7 +7364,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -7472,7 +7472,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -7513,7 +7513,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -7590,7 +7590,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -7698,7 +7698,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -7806,7 +7806,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -7914,7 +7914,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -8022,7 +8022,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -8130,7 +8130,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -8238,7 +8238,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -8279,7 +8279,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -8356,7 +8356,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -8464,7 +8464,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -8572,7 +8572,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -8680,7 +8680,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -8788,7 +8788,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -8896,7 +8896,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -9004,7 +9004,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -9046,8 +9046,8 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] @@ -9058,13 +9058,13 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] { "color": "#9BA1B0", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, [ { - "paddingTop": 12, + "paddingTop": 8, "textAlign": "center", }, undefined, @@ -9080,7 +9080,7 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] { "alignItems": "center", "alignSelf": "stretch", - "marginTop": 30, + "marginTop": 20, } } > @@ -9116,13 +9116,13 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] { "alignItems": "center", "backgroundColor": "#2B78EE", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "minHeight": 48, + "minHeight": 32, "opacity": 1, - "paddingHorizontal": 18, - "paddingVertical": 9, + "paddingHorizontal": 12, + "paddingVertical": 6, } } > @@ -9133,13 +9133,13 @@ exports[`ModalCalendar bottomView IButtonView.small onAcceptDateRangeChange 1`] { "color": "#FFF", "fontFamily": "Inter-SemiBold", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, [ { - "paddingHorizontal": 6, + "paddingHorizontal": 4, }, undefined, ], @@ -9213,15 +9213,15 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` { "alignItems": "center", "backgroundColor": "#FFF", - "borderRadius": 18, + "borderRadius": 12, "justifyContent": "center", - "marginVertical": 30, - "paddingHorizontal": 30, - "paddingVertical": 36, - "width": 726, + "marginVertical": 20, + "paddingHorizontal": 20, + "paddingVertical": 24, + "width": 734, }, { - "width": 726, + "width": 734, }, ] } @@ -9260,8 +9260,8 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` "justifyContent": "center", "opacity": 1, "position": "absolute", - "right": 24, - "top": 24, + "right": 16, + "top": 16, "zIndex": 2, } } @@ -9272,7 +9272,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -9285,7 +9285,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "paddingTop": 18, + "paddingTop": 12, } } > @@ -9327,7 +9327,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -9340,7 +9340,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "width": 240, + "width": 160, } } > @@ -9386,9 +9386,9 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -9439,9 +9439,9 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -9489,7 +9489,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -9507,8 +9507,8 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` "paddingRight": 5, }, { - "height": 390, - "width": 678, + "height": 260, + "width": 702, }, ] } @@ -9577,7 +9577,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -9593,7 +9593,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -9609,7 +9609,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -9625,7 +9625,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -9641,7 +9641,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -9657,7 +9657,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -9673,7 +9673,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -9695,7 +9695,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -9772,7 +9772,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -9883,7 +9883,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -9994,7 +9994,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -10105,7 +10105,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -10216,7 +10216,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -10324,7 +10324,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -10432,7 +10432,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -10473,7 +10473,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -10550,7 +10550,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -10658,7 +10658,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -10766,7 +10766,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -10874,7 +10874,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -10982,7 +10982,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -11090,7 +11090,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -11198,7 +11198,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -11239,7 +11239,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -11316,7 +11316,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -11424,7 +11424,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -11532,7 +11532,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -11640,7 +11640,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -11769,7 +11769,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` "overflow": "hidden", }, { - "borderRadius": 6, + "borderRadius": 4, "width": "100%", }, { @@ -11786,7 +11786,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -11897,7 +11897,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -12005,7 +12005,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -12046,7 +12046,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -12123,7 +12123,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -12231,7 +12231,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -12339,7 +12339,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -12447,7 +12447,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -12555,7 +12555,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -12663,7 +12663,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -12771,7 +12771,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -12812,7 +12812,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -12889,7 +12889,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -12997,7 +12997,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -13105,7 +13105,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -13213,7 +13213,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -13321,7 +13321,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -13429,7 +13429,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -13537,7 +13537,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -13579,8 +13579,8 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` @@ -13591,13 +13591,13 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` { "color": "#9BA1B0", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, [ { - "paddingTop": 12, + "paddingTop": 8, "textAlign": "center", }, undefined, @@ -13613,7 +13613,7 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` { "alignItems": "center", "alignSelf": "stretch", - "marginTop": 30, + "marginTop": 20, } } > @@ -13649,13 +13649,13 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` { "alignItems": "center", "backgroundColor": "#2B78EE", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "minHeight": 48, + "minHeight": 32, "opacity": 1, - "paddingHorizontal": 18, - "paddingVertical": 9, + "paddingHorizontal": 12, + "paddingVertical": 6, } } > @@ -13666,13 +13666,13 @@ exports[`ModalCalendar bottomView IButtonView.small onDateRangeChange 1`] = ` { "color": "#FFF", "fontFamily": "Inter-SemiBold", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, [ { - "paddingHorizontal": 6, + "paddingHorizontal": 4, }, undefined, ], @@ -13746,15 +13746,15 @@ exports[`ModalCalendar renders correctly 1`] = ` { "alignItems": "center", "backgroundColor": "#FFF", - "borderRadius": 18, + "borderRadius": 12, "justifyContent": "center", - "marginVertical": 30, - "paddingHorizontal": 30, - "paddingVertical": 36, - "width": 726, + "marginVertical": 20, + "paddingHorizontal": 20, + "paddingVertical": 24, + "width": 734, }, { - "width": 726, + "width": 734, }, ] } @@ -13793,8 +13793,8 @@ exports[`ModalCalendar renders correctly 1`] = ` "justifyContent": "center", "opacity": 1, "position": "absolute", - "right": 24, - "top": 24, + "right": 16, + "top": 16, "zIndex": 2, } } @@ -13805,7 +13805,7 @@ exports[`ModalCalendar renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -13818,7 +13818,7 @@ exports[`ModalCalendar renders correctly 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "paddingTop": 18, + "paddingTop": 12, } } > @@ -13860,7 +13860,7 @@ exports[`ModalCalendar renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -13873,7 +13873,7 @@ exports[`ModalCalendar renders correctly 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "width": 240, + "width": 160, } } > @@ -13919,9 +13919,9 @@ exports[`ModalCalendar renders correctly 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -13972,9 +13972,9 @@ exports[`ModalCalendar renders correctly 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -14022,7 +14022,7 @@ exports[`ModalCalendar renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -14040,8 +14040,8 @@ exports[`ModalCalendar renders correctly 1`] = ` "paddingRight": 5, }, { - "height": 390, - "width": 678, + "height": 260, + "width": 702, }, ] } @@ -14110,7 +14110,7 @@ exports[`ModalCalendar renders correctly 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -14126,7 +14126,7 @@ exports[`ModalCalendar renders correctly 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -14142,7 +14142,7 @@ exports[`ModalCalendar renders correctly 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -14158,7 +14158,7 @@ exports[`ModalCalendar renders correctly 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -14174,7 +14174,7 @@ exports[`ModalCalendar renders correctly 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -14190,7 +14190,7 @@ exports[`ModalCalendar renders correctly 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -14206,7 +14206,7 @@ exports[`ModalCalendar renders correctly 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -14228,7 +14228,7 @@ exports[`ModalCalendar renders correctly 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -14305,7 +14305,7 @@ exports[`ModalCalendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -14416,7 +14416,7 @@ exports[`ModalCalendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -14527,7 +14527,7 @@ exports[`ModalCalendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -14638,7 +14638,7 @@ exports[`ModalCalendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -14749,7 +14749,7 @@ exports[`ModalCalendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -14857,7 +14857,7 @@ exports[`ModalCalendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -14965,7 +14965,7 @@ exports[`ModalCalendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -15006,7 +15006,7 @@ exports[`ModalCalendar renders correctly 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -15083,7 +15083,7 @@ exports[`ModalCalendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -15191,7 +15191,7 @@ exports[`ModalCalendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -15299,7 +15299,7 @@ exports[`ModalCalendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -15407,7 +15407,7 @@ exports[`ModalCalendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -15515,7 +15515,7 @@ exports[`ModalCalendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -15623,7 +15623,7 @@ exports[`ModalCalendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -15731,7 +15731,7 @@ exports[`ModalCalendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -15772,7 +15772,7 @@ exports[`ModalCalendar renders correctly 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -15849,7 +15849,7 @@ exports[`ModalCalendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -15957,7 +15957,7 @@ exports[`ModalCalendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -16065,7 +16065,7 @@ exports[`ModalCalendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -16173,7 +16173,7 @@ exports[`ModalCalendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -16302,7 +16302,7 @@ exports[`ModalCalendar renders correctly 1`] = ` "overflow": "hidden", }, { - "borderRadius": 6, + "borderRadius": 4, "width": "100%", }, { @@ -16319,7 +16319,7 @@ exports[`ModalCalendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -16430,7 +16430,7 @@ exports[`ModalCalendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -16538,7 +16538,7 @@ exports[`ModalCalendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -16579,7 +16579,7 @@ exports[`ModalCalendar renders correctly 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -16656,7 +16656,7 @@ exports[`ModalCalendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -16764,7 +16764,7 @@ exports[`ModalCalendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -16872,7 +16872,7 @@ exports[`ModalCalendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -16980,7 +16980,7 @@ exports[`ModalCalendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -17088,7 +17088,7 @@ exports[`ModalCalendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -17196,7 +17196,7 @@ exports[`ModalCalendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -17304,7 +17304,7 @@ exports[`ModalCalendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -17345,7 +17345,7 @@ exports[`ModalCalendar renders correctly 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -17422,7 +17422,7 @@ exports[`ModalCalendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -17530,7 +17530,7 @@ exports[`ModalCalendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -17638,7 +17638,7 @@ exports[`ModalCalendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -17746,7 +17746,7 @@ exports[`ModalCalendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -17854,7 +17854,7 @@ exports[`ModalCalendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -17962,7 +17962,7 @@ exports[`ModalCalendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -18070,7 +18070,7 @@ exports[`ModalCalendar renders correctly 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -18112,8 +18112,8 @@ exports[`ModalCalendar renders correctly 1`] = ` @@ -18124,9 +18124,9 @@ exports[`ModalCalendar renders correctly 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, [ { @@ -18203,15 +18203,15 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` { "alignItems": "center", "backgroundColor": "#FFF", - "borderRadius": 18, + "borderRadius": 12, "justifyContent": "center", - "marginVertical": 30, - "paddingHorizontal": 30, - "paddingVertical": 36, - "width": 726, + "marginVertical": 20, + "paddingHorizontal": 20, + "paddingVertical": 24, + "width": 734, }, { - "width": 726, + "width": 734, }, ] } @@ -18250,8 +18250,8 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "justifyContent": "center", "opacity": 1, "position": "absolute", - "right": 24, - "top": 24, + "right": 16, + "top": 16, "zIndex": 2, } } @@ -18262,7 +18262,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -18275,7 +18275,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "paddingTop": 18, + "paddingTop": 12, } } > @@ -18317,7 +18317,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -18330,7 +18330,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "width": 240, + "width": 160, } } > @@ -18376,9 +18376,9 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -18429,9 +18429,9 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -18479,7 +18479,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -18497,8 +18497,8 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "paddingRight": 5, }, { - "height": 390, - "width": 678, + "height": 260, + "width": 702, }, ] } @@ -18567,7 +18567,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -18583,7 +18583,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -18599,7 +18599,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -18615,7 +18615,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -18631,7 +18631,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -18647,7 +18647,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -18663,7 +18663,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -18685,7 +18685,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -18762,7 +18762,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -18873,7 +18873,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -18984,7 +18984,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -19095,7 +19095,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -19206,7 +19206,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -19314,7 +19314,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -19422,7 +19422,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -19463,7 +19463,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -19540,7 +19540,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -19648,7 +19648,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -19756,7 +19756,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -19864,7 +19864,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -19972,7 +19972,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -20080,7 +20080,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -20188,7 +20188,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -20229,7 +20229,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -20306,7 +20306,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -20414,7 +20414,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -20522,7 +20522,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -20630,7 +20630,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -20759,7 +20759,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "overflow": "hidden", }, { - "borderRadius": 6, + "borderRadius": 4, "width": "100%", }, { @@ -20776,7 +20776,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -20908,7 +20908,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "overflow": "hidden", }, { - "borderRadius": 6, + "borderRadius": 4, "width": "100%", }, { @@ -20925,7 +20925,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -21035,7 +21035,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -21076,7 +21076,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -21153,7 +21153,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -21261,7 +21261,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -21369,7 +21369,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -21477,7 +21477,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -21585,7 +21585,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -21693,7 +21693,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -21801,7 +21801,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -21842,7 +21842,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -21919,7 +21919,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -22027,7 +22027,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -22135,7 +22135,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -22243,7 +22243,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -22351,7 +22351,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -22459,7 +22459,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -22567,7 +22567,7 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -22609,8 +22609,8 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` @@ -22621,9 +22621,9 @@ exports[`ModalCalendar renders correctly initialRange 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, [ { @@ -22700,15 +22700,15 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday { "alignItems": "center", "backgroundColor": "#FFF", - "borderRadius": 18, + "borderRadius": 12, "justifyContent": "center", - "marginVertical": 30, - "paddingHorizontal": 30, - "paddingVertical": 36, - "width": 726, + "marginVertical": 20, + "paddingHorizontal": 20, + "paddingVertical": 24, + "width": 734, }, { - "width": 726, + "width": 734, }, ] } @@ -22747,8 +22747,8 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "justifyContent": "center", "opacity": 1, "position": "absolute", - "right": 24, - "top": 24, + "right": 16, + "top": 16, "zIndex": 2, } } @@ -22759,7 +22759,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -22772,7 +22772,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "paddingTop": 18, + "paddingTop": 12, } } > @@ -22814,7 +22814,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -22827,7 +22827,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "width": 240, + "width": 160, } } > @@ -22873,9 +22873,9 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -22926,9 +22926,9 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -22976,7 +22976,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -22994,8 +22994,8 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "paddingRight": 5, }, { - "height": 390, - "width": 678, + "height": 260, + "width": 702, }, ] } @@ -23064,7 +23064,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -23080,7 +23080,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -23096,7 +23096,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -23112,7 +23112,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -23128,7 +23128,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -23144,7 +23144,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -23160,7 +23160,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday [ { "color": "#444B5A", - "marginBottom": 7.5, + "marginBottom": 5, "marginTop": 0, }, ] @@ -23182,7 +23182,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -23259,7 +23259,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -23370,7 +23370,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -23481,7 +23481,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -23592,7 +23592,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -23703,7 +23703,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -23811,7 +23811,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -23919,7 +23919,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -23960,7 +23960,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -24037,7 +24037,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -24145,7 +24145,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -24253,7 +24253,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -24361,7 +24361,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -24469,7 +24469,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -24577,7 +24577,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -24685,7 +24685,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -24726,7 +24726,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -24803,7 +24803,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -24911,7 +24911,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -25019,7 +25019,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -25127,7 +25127,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -25256,7 +25256,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "overflow": "hidden", }, { - "borderRadius": 6, + "borderRadius": 4, "width": "100%", }, { @@ -25273,7 +25273,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, { @@ -25384,7 +25384,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -25492,7 +25492,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -25533,7 +25533,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -25610,7 +25610,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -25718,7 +25718,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -25826,7 +25826,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -25934,7 +25934,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -26042,7 +26042,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -26150,7 +26150,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -26258,7 +26258,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -26299,7 +26299,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday { "flexDirection": "row", "justifyContent": "space-around", - "marginVertical": 1.5, + "marginVertical": 1, } } > @@ -26376,7 +26376,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -26484,7 +26484,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -26592,7 +26592,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -26700,7 +26700,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -26808,7 +26808,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -26916,7 +26916,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -27024,7 +27024,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "backgroundColor": "rgba(255, 255, 255, 0)", "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, + "fontSize": 14, "fontWeight": "300", }, ] @@ -27066,8 +27066,8 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday @@ -27078,9 +27078,9 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, [ { @@ -27098,7 +27098,7 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday style={ { "flexDirection": "row", - "paddingTop": 30, + "paddingTop": 20, } } > @@ -27135,12 +27135,12 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "alignItems": "center", "alignSelf": "stretch", "backgroundColor": "#9BA1B0", - "borderRadius": 18, + "borderRadius": 12, "flex": 1, "flexDirection": "row", "justifyContent": "center", - "marginRight": 9, - "minHeight": 72, + "marginRight": 6, + "minHeight": 48, "opacity": 1, } } @@ -27152,13 +27152,13 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday { "color": "#FFF", "fontFamily": "Inter-SemiBold", - "fontSize": 27, - "lineHeight": 33, - "minHeight": 33, + "fontSize": 18, + "lineHeight": 22, + "minHeight": 22, }, [ { - "paddingHorizontal": 9, + "paddingHorizontal": 6, }, undefined, ], @@ -27201,12 +27201,12 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday "alignItems": "center", "alignSelf": "stretch", "backgroundColor": "#9BA1B0", - "borderRadius": 18, + "borderRadius": 12, "flex": 1, "flexDirection": "row", "justifyContent": "center", - "marginLeft": 9, - "minHeight": 72, + "marginLeft": 6, + "minHeight": 48, "opacity": 1, } } @@ -27218,13 +27218,13 @@ exports[`ModalCalendar renders correctly initialRange only fromDate isShowToday { "color": "#FFF", "fontFamily": "Inter-SemiBold", - "fontSize": 27, - "lineHeight": 33, - "minHeight": 33, + "fontSize": 18, + "lineHeight": 22, + "minHeight": 22, }, [ { - "paddingHorizontal": 9, + "paddingHorizontal": 6, }, undefined, ], diff --git a/packages/calendar/src/Calendar/__tests__/functions.test.ts b/packages/calendar/src/Calendar/__tests__/functions.test.ts index eacb4918b..77a66f9a5 100644 --- a/packages/calendar/src/Calendar/__tests__/functions.test.ts +++ b/packages/calendar/src/Calendar/__tests__/functions.test.ts @@ -191,7 +191,7 @@ describe('Calendar-functions', () => { dates: { '2022-12-15': { color: '#fff', - customContainerStyle: {borderRadius: 6, width: '100%'}, + customContainerStyle: {borderRadius: 4, width: '100%'}, endingDay: true, startingDay: true, textColor: '#000', @@ -229,7 +229,7 @@ describe('Calendar-functions', () => { dates: { '2022-01-20': { color: '#fff', - customContainerStyle: {borderRadius: 6, width: '100%'}, + customContainerStyle: {borderRadius: 4, width: '100%'}, customTextStyle: undefined, endingDay: true, startingDay: true, @@ -249,7 +249,7 @@ describe('Calendar-functions', () => { }, '2022-01-24': { color: '#fff', - customContainerStyle: {borderRadius: 6, width: '100%'}, + customContainerStyle: {borderRadius: 4, width: '100%'}, customTextStyle: undefined, endingDay: true, startingDay: true, @@ -288,7 +288,7 @@ describe('Calendar-functions', () => { dates: { '2022-01-22': { color: '#fff', - customContainerStyle: {borderRadius: 6, width: '100%'}, + customContainerStyle: {borderRadius: 4, width: '100%'}, endingDay: true, startingDay: true, textColor: '#000', @@ -304,7 +304,7 @@ describe('Calendar-functions', () => { }, '2022-01-24': { color: '#fff', - customContainerStyle: {borderRadius: 6, width: '100%'}, + customContainerStyle: {borderRadius: 4, width: '100%'}, customTextStyle: undefined, endingDay: true, startingDay: true, @@ -342,7 +342,7 @@ describe('Calendar-functions', () => { dates: { '2022-01-22': { color: '#fff', - customContainerStyle: {borderRadius: 6, width: '100%'}, + customContainerStyle: {borderRadius: 4, width: '100%'}, endingDay: true, startingDay: true, textColor: '#000', @@ -354,7 +354,7 @@ describe('Calendar-functions', () => { }, '2022-01-24': { color: '#fff', - customContainerStyle: {borderRadius: 6, width: '100%'}, + customContainerStyle: {borderRadius: 4, width: '100%'}, endingDay: true, startingDay: true, diff --git a/packages/calendar/src/Calendar/components/CalendarHeader.tsx b/packages/calendar/src/Calendar/components/CalendarHeader.tsx index ad14a8e03..44672eecc 100644 --- a/packages/calendar/src/Calendar/components/CalendarHeader.tsx +++ b/packages/calendar/src/Calendar/components/CalendarHeader.tsx @@ -1,7 +1,7 @@ import { createStyles, Pressable, - rem, + px, SimpleIcon, TouchableOpacity, Typography, @@ -65,10 +65,10 @@ const stylesCreate = createStyles(_ => ({ flexDirection: 'row', alignItems: 'center', justifyContent: 'center', - paddingTop: rem(12), + paddingTop: px(12), }, title: { - width: rem(160), + width: px(160), flexDirection: 'row', alignItems: 'center', justifyContent: 'center', diff --git a/packages/calendar/src/Calendar/components/__tests__/__snapshots__/CalendarHeader.test.tsx.snap b/packages/calendar/src/Calendar/components/__tests__/__snapshots__/CalendarHeader.test.tsx.snap index b64b64801..8ea3bed21 100644 --- a/packages/calendar/src/Calendar/components/__tests__/__snapshots__/CalendarHeader.test.tsx.snap +++ b/packages/calendar/src/Calendar/components/__tests__/__snapshots__/CalendarHeader.test.tsx.snap @@ -7,7 +7,7 @@ exports[`CalendarHeader render 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "paddingTop": 18, + "paddingTop": 12, } } > @@ -49,7 +49,7 @@ exports[`CalendarHeader render 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -62,7 +62,7 @@ exports[`CalendarHeader render 1`] = ` "alignItems": "center", "flexDirection": "row", "justifyContent": "center", - "width": 240, + "width": 160, } } > @@ -108,9 +108,9 @@ exports[`CalendarHeader render 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -161,9 +161,9 @@ exports[`CalendarHeader render 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -211,7 +211,7 @@ exports[`CalendarHeader render 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > diff --git a/packages/calendar/src/Calendar/components/__tests__/__snapshots__/Months.test.tsx.snap b/packages/calendar/src/Calendar/components/__tests__/__snapshots__/Months.test.tsx.snap index 2b104fbc8..1ea135297 100644 --- a/packages/calendar/src/Calendar/components/__tests__/__snapshots__/Months.test.tsx.snap +++ b/packages/calendar/src/Calendar/components/__tests__/__snapshots__/Months.test.tsx.snap @@ -90,9 +90,9 @@ exports[`Months press month 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -107,9 +107,9 @@ exports[`Months press month 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -153,9 +153,9 @@ exports[`Months press month 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -170,9 +170,9 @@ exports[`Months press month 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -216,9 +216,9 @@ exports[`Months press month 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -233,9 +233,9 @@ exports[`Months press month 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -293,9 +293,9 @@ exports[`Months press month 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -310,9 +310,9 @@ exports[`Months press month 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -356,9 +356,9 @@ exports[`Months press month 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -373,9 +373,9 @@ exports[`Months press month 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -419,9 +419,9 @@ exports[`Months press month 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -436,9 +436,9 @@ exports[`Months press month 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -496,9 +496,9 @@ exports[`Months press month 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -513,9 +513,9 @@ exports[`Months press month 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -559,9 +559,9 @@ exports[`Months press month 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -576,9 +576,9 @@ exports[`Months press month 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -622,9 +622,9 @@ exports[`Months press month 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -639,9 +639,9 @@ exports[`Months press month 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -699,9 +699,9 @@ exports[`Months press month 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -716,9 +716,9 @@ exports[`Months press month 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -762,9 +762,9 @@ exports[`Months press month 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -779,9 +779,9 @@ exports[`Months press month 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -825,9 +825,9 @@ exports[`Months press month 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -842,9 +842,9 @@ exports[`Months press month 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -949,9 +949,9 @@ exports[`Months render 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -966,9 +966,9 @@ exports[`Months render 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -1012,9 +1012,9 @@ exports[`Months render 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -1029,9 +1029,9 @@ exports[`Months render 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -1075,9 +1075,9 @@ exports[`Months render 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -1092,9 +1092,9 @@ exports[`Months render 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -1152,9 +1152,9 @@ exports[`Months render 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -1169,9 +1169,9 @@ exports[`Months render 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -1215,9 +1215,9 @@ exports[`Months render 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -1232,9 +1232,9 @@ exports[`Months render 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -1278,9 +1278,9 @@ exports[`Months render 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -1295,9 +1295,9 @@ exports[`Months render 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -1355,9 +1355,9 @@ exports[`Months render 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -1372,9 +1372,9 @@ exports[`Months render 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -1418,9 +1418,9 @@ exports[`Months render 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -1435,9 +1435,9 @@ exports[`Months render 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -1481,9 +1481,9 @@ exports[`Months render 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -1498,9 +1498,9 @@ exports[`Months render 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -1558,9 +1558,9 @@ exports[`Months render 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -1575,9 +1575,9 @@ exports[`Months render 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -1621,9 +1621,9 @@ exports[`Months render 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -1638,9 +1638,9 @@ exports[`Months render 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -1684,9 +1684,9 @@ exports[`Months render 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 3, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -1701,9 +1701,9 @@ exports[`Months render 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] diff --git a/packages/calendar/src/Calendar/components/__tests__/__snapshots__/Years.test.tsx.snap b/packages/calendar/src/Calendar/components/__tests__/__snapshots__/Years.test.tsx.snap index e28b37693..1d20c42bb 100644 --- a/packages/calendar/src/Calendar/components/__tests__/__snapshots__/Years.test.tsx.snap +++ b/packages/calendar/src/Calendar/components/__tests__/__snapshots__/Years.test.tsx.snap @@ -94,9 +94,9 @@ exports[`Years press year 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 4, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -111,9 +111,9 @@ exports[`Years press year 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -157,9 +157,9 @@ exports[`Years press year 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 4, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -174,9 +174,9 @@ exports[`Years press year 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -220,9 +220,9 @@ exports[`Years press year 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 4, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -237,9 +237,9 @@ exports[`Years press year 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -297,9 +297,9 @@ exports[`Years press year 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 4, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -314,9 +314,9 @@ exports[`Years press year 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -360,9 +360,9 @@ exports[`Years press year 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 4, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -377,9 +377,9 @@ exports[`Years press year 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -423,9 +423,9 @@ exports[`Years press year 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 4, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -440,9 +440,9 @@ exports[`Years press year 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -500,9 +500,9 @@ exports[`Years press year 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 4, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -517,9 +517,9 @@ exports[`Years press year 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -563,9 +563,9 @@ exports[`Years press year 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 4, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -580,9 +580,9 @@ exports[`Years press year 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -626,9 +626,9 @@ exports[`Years press year 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 4, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -643,9 +643,9 @@ exports[`Years press year 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -703,9 +703,9 @@ exports[`Years press year 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 4, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -720,9 +720,9 @@ exports[`Years press year 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -766,9 +766,9 @@ exports[`Years press year 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 4, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -783,9 +783,9 @@ exports[`Years press year 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -829,9 +829,9 @@ exports[`Years press year 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 4, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -846,9 +846,9 @@ exports[`Years press year 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -906,9 +906,9 @@ exports[`Years press year 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 4, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -923,9 +923,9 @@ exports[`Years press year 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -969,9 +969,9 @@ exports[`Years press year 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 4, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -986,9 +986,9 @@ exports[`Years press year 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -1032,9 +1032,9 @@ exports[`Years press year 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 4, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -1049,9 +1049,9 @@ exports[`Years press year 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -1109,9 +1109,9 @@ exports[`Years press year 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 4, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -1126,9 +1126,9 @@ exports[`Years press year 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -1237,9 +1237,9 @@ exports[`Years render 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 4, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -1254,9 +1254,9 @@ exports[`Years render 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -1300,9 +1300,9 @@ exports[`Years render 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 4, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -1317,9 +1317,9 @@ exports[`Years render 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -1363,9 +1363,9 @@ exports[`Years render 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 4, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -1380,9 +1380,9 @@ exports[`Years render 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -1440,9 +1440,9 @@ exports[`Years render 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 4, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -1457,9 +1457,9 @@ exports[`Years render 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -1503,9 +1503,9 @@ exports[`Years render 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 4, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -1520,9 +1520,9 @@ exports[`Years render 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -1566,9 +1566,9 @@ exports[`Years render 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 4, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -1583,9 +1583,9 @@ exports[`Years render 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -1643,9 +1643,9 @@ exports[`Years render 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 4, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -1660,9 +1660,9 @@ exports[`Years render 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -1706,9 +1706,9 @@ exports[`Years render 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 4, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -1723,9 +1723,9 @@ exports[`Years render 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -1769,9 +1769,9 @@ exports[`Years render 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 4, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -1786,9 +1786,9 @@ exports[`Years render 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -1846,9 +1846,9 @@ exports[`Years render 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 4, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -1863,9 +1863,9 @@ exports[`Years render 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -1909,9 +1909,9 @@ exports[`Years render 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 4, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -1926,9 +1926,9 @@ exports[`Years render 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -1972,9 +1972,9 @@ exports[`Years render 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 4, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -1989,9 +1989,9 @@ exports[`Years render 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -2049,9 +2049,9 @@ exports[`Years render 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 4, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -2066,9 +2066,9 @@ exports[`Years render 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -2112,9 +2112,9 @@ exports[`Years render 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 4, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -2129,9 +2129,9 @@ exports[`Years render 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -2175,9 +2175,9 @@ exports[`Years render 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 4, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -2192,9 +2192,9 @@ exports[`Years render 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -2252,9 +2252,9 @@ exports[`Years render 1`] = ` [ { "alignItems": "center", - "borderRadius": 6, + "borderRadius": 4, "flex": 4, - "paddingVertical": 30, + "paddingVertical": 20, }, { "backgroundColor": "#FFF", @@ -2269,9 +2269,9 @@ exports[`Years render 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] diff --git a/packages/calendar/src/Calendar/functions.ts b/packages/calendar/src/Calendar/functions.ts index d5b9fa670..de4c1c9fc 100644 --- a/packages/calendar/src/Calendar/functions.ts +++ b/packages/calendar/src/Calendar/functions.ts @@ -1,6 +1,6 @@ import {DateData} from 'react-native-calendars'; import {MarkingProps} from 'react-native-calendars/src/calendar/day/marking'; -import {rem} from '@lad-tech/mobydick-core'; +import {px} from '@lad-tech/mobydick-core'; import { colorElem, @@ -26,7 +26,7 @@ const getStyleToday = (colorToday: colorElem): MarkingProps => { textColor: colorToday.textColor, customContainerStyle: { - borderRadius: rem(4), + borderRadius: px(4), width: '100%', }, customTextStyle: { @@ -63,7 +63,7 @@ export const getAllDatesBetween = ( textColor: colorPrime.textColor, customContainerStyle: { - borderRadius: rem(4), + borderRadius: px(4), width: '100%', }, customTextStyle: @@ -100,7 +100,7 @@ export const getAllDatesBetween = ( textColor: colorPrime.textColor, color: colorPrime.color, customContainerStyle: { - borderRadius: rem(4), + borderRadius: px(4), width: '100%', }, diff --git a/packages/calendar/src/Calendar/stylesCreate.ts b/packages/calendar/src/Calendar/stylesCreate.ts index db7bd9123..ccd145596 100644 --- a/packages/calendar/src/Calendar/stylesCreate.ts +++ b/packages/calendar/src/Calendar/stylesCreate.ts @@ -1,5 +1,5 @@ import {Dimensions} from 'react-native'; -import {createStyles, rem} from '@lad-tech/mobydick-core'; +import {createStyles, px} from '@lad-tech/mobydick-core'; const {width: WIDTH} = Dimensions.get('window'); @@ -11,8 +11,8 @@ const stylesCreate = createStyles(({spaces}) => ({ width: WIDTH - spaces.Space8 * 2, }, daysView: { - width: WIDTH - spaces.Space8 * 2 - rem(16) * 2, - height: rem(260), + width: WIDTH - spaces.Space8 * 2 - px(16) * 2, + height: px(260), }, })); diff --git a/packages/core/src/chat/components/ChatInputField.tsx b/packages/core/src/chat/components/ChatInputField.tsx index 8865b9283..77f05d9aa 100644 --- a/packages/core/src/chat/components/ChatInputField.tsx +++ b/packages/core/src/chat/components/ChatInputField.tsx @@ -1,10 +1,11 @@ import {Platform} from 'react-native'; -import {createStyles, rem} from '../../styles'; +import {createStyles} from '../../styles'; import InputField from '../../inputs/components/InputField/InputField'; import useStyles from '../../styles/hooks/useStyles'; import {LABELS} from '../../other'; import {IInputFieldsProps} from '../../inputs'; +import px from '../../styles/utils/px'; const ChatInputField = (props: IInputFieldsProps) => { const {textInputContainerStyle, style, containerStyle, ...otherProps} = props; @@ -24,8 +25,8 @@ const ChatInputField = (props: IInputFieldsProps) => { const stylesCreate = createStyles(({spaces}) => ({ inputContainer: { - minHeight: rem(38), - maxHeight: rem(196), + minHeight: px(38), + maxHeight: px(196), width: '100%', borderWidth: undefined, marginVertical: 0, diff --git a/packages/core/src/chat/components/ChatMessage.tsx b/packages/core/src/chat/components/ChatMessage.tsx index f89379ea4..da8fecf60 100644 --- a/packages/core/src/chat/components/ChatMessage.tsx +++ b/packages/core/src/chat/components/ChatMessage.tsx @@ -4,10 +4,10 @@ import View from '../../basic/components/View/View'; import {Typography} from '../../typography'; import {isNumber} from '../../other/functions/isNumber'; import useStyles from '../../styles/hooks/useStyles'; -import rem from '../../styles/utils/rem'; import {isValidMessageTime} from '../functions/isValidMessageTime'; import {IChatMessage} from '../types'; import {createStyles} from '../../styles'; +import px from '../../styles/utils/px'; const ChatMessage = (props: IChatMessage) => { const {isMe, message, image, time} = props; @@ -64,10 +64,10 @@ const stylesCreate = createStyles(({spaces, colors}, isMe: boolean) => ({ margin: spaces.Space4, }, image: { - minWidth: rem(129), - maxWidth: rem(148), - minHeight: rem(129), - maxHeight: rem(148), + minWidth: px(129), + maxWidth: px(148), + minHeight: px(129), + maxHeight: px(148), }, textArea: { paddingTop: spaces.Space8, diff --git a/packages/core/src/chat/components/ChatPressableIcon.tsx b/packages/core/src/chat/components/ChatPressableIcon.tsx index 8ea1313fa..fb7912402 100644 --- a/packages/core/src/chat/components/ChatPressableIcon.tsx +++ b/packages/core/src/chat/components/ChatPressableIcon.tsx @@ -1,10 +1,10 @@ import TouchableOpacity from '../../basic/components/TouchableOpacity/TouchableOpacity'; import SimpleIcon, {SimpleIconName} from '../../styles/icons/font/SimpleIcon'; import useStyles from '../../styles/hooks/useStyles'; -import rem from '../../styles/utils/rem'; import useTheme from '../../styles/hooks/useTheme'; import {ITouchableOpacityProps} from '../../basic'; import {createStyles} from '../../styles'; +import px from '../../styles/utils/px'; interface IChatPressableIcon extends ITouchableOpacityProps { name: SimpleIconName; @@ -32,8 +32,8 @@ const ChatPressableIcon = (props: IChatPressableIcon) => { const stylesCreate = createStyles(({spaces}) => ({ container: { - width: rem(38), - height: rem(38), + width: px(38), + height: px(38), borderRadius: spaces.Space8, marginLeft: spaces.Space6, justifyContent: 'center', diff --git a/packages/core/src/chat/components/__tests__/__snapshots__/ChatInput.test.tsx.snap b/packages/core/src/chat/components/__tests__/__snapshots__/ChatInput.test.tsx.snap index ea7cb44d8..fbf5274ce 100644 --- a/packages/core/src/chat/components/__tests__/__snapshots__/ChatInput.test.tsx.snap +++ b/packages/core/src/chat/components/__tests__/__snapshots__/ChatInput.test.tsx.snap @@ -24,8 +24,8 @@ exports[`@lad-tech/mobydick-core/ChatInput renders correctly 1`] = ` "alignItems": "flex-end", "backgroundColor": "#FFF", "flexDirection": "row", - "paddingHorizontal": 30, - "paddingVertical": 24, + "paddingHorizontal": 20, + "paddingVertical": 16, "width": "100%", }, undefined, @@ -36,13 +36,13 @@ exports[`@lad-tech/mobydick-core/ChatInput renders correctly 1`] = ` style={ [ { - "minWidth": 195, + "minWidth": 130, }, [ { "flex": 1, "flexDirection": "column", - "marginRight": 3, + "marginRight": 2, "minWidth": undefined, }, undefined, @@ -57,14 +57,14 @@ exports[`@lad-tech/mobydick-core/ChatInput renders correctly 1`] = ` "alignItems": undefined, "backgroundColor": "#EEEFF1", "borderColor": "transparent", - "borderRadius": 12, - "borderWidth": 1.5, + "borderRadius": 8, + "borderWidth": 1, "flexDirection": "row", "justifyContent": "space-between", - "marginVertical": 12, + "marginVertical": 8, }, { - "minHeight": 120, + "minHeight": 80, }, null, [ @@ -72,9 +72,9 @@ exports[`@lad-tech/mobydick-core/ChatInput renders correctly 1`] = ` "alignItems": "center", "borderWidth": undefined, "marginVertical": 0, - "maxHeight": 294, - "minHeight": 57, - "paddingVertical": 12, + "maxHeight": 196, + "minHeight": 38, + "paddingVertical": 8, "width": "100%", }, undefined, @@ -95,20 +95,20 @@ exports[`@lad-tech/mobydick-core/ChatInput renders correctly 1`] = ` style={ [ { - "borderRadius": 12, + "borderRadius": 8, "flex": 1, "padding": 0, - "paddingLeft": 27, - "paddingRight": 24, - "paddingVertical": 18, + "paddingLeft": 18, + "paddingRight": 16, + "paddingVertical": 12, "textAlignVertical": "top", }, { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, [ { @@ -155,12 +155,12 @@ exports[`@lad-tech/mobydick-core/ChatInput renders correctly 1`] = ` { "alignItems": "center", "backgroundColor": "#E5F0FF", - "borderRadius": 12, - "height": 57, + "borderRadius": 8, + "height": 38, "justifyContent": "center", - "marginLeft": 9, + "marginLeft": 6, "opacity": 1, - "width": 57, + "width": 38, } } > @@ -170,7 +170,7 @@ exports[`@lad-tech/mobydick-core/ChatInput renders correctly 1`] = ` { "color": "#2B78EE", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -202,8 +202,8 @@ exports[`@lad-tech/mobydick-core/ChatInput renders correctly android 1`] = ` "alignItems": "flex-end", "backgroundColor": "#FFF", "flexDirection": "row", - "paddingHorizontal": 30, - "paddingVertical": 24, + "paddingHorizontal": 20, + "paddingVertical": 16, "width": "100%", }, { @@ -216,13 +216,13 @@ exports[`@lad-tech/mobydick-core/ChatInput renders correctly android 1`] = ` style={ [ { - "minWidth": 195, + "minWidth": 130, }, [ { "flex": 1, "flexDirection": "column", - "marginRight": 3, + "marginRight": 2, "minWidth": undefined, }, undefined, @@ -237,14 +237,14 @@ exports[`@lad-tech/mobydick-core/ChatInput renders correctly android 1`] = ` "alignItems": undefined, "backgroundColor": "#EEEFF1", "borderColor": "transparent", - "borderRadius": 12, - "borderWidth": 1.5, + "borderRadius": 8, + "borderWidth": 1, "flexDirection": "row", "justifyContent": "space-between", - "marginVertical": 12, + "marginVertical": 8, }, { - "minHeight": 120, + "minHeight": 80, }, null, [ @@ -252,9 +252,9 @@ exports[`@lad-tech/mobydick-core/ChatInput renders correctly android 1`] = ` "alignItems": "center", "borderWidth": undefined, "marginVertical": 0, - "maxHeight": 294, - "minHeight": 57, - "paddingVertical": 12, + "maxHeight": 196, + "minHeight": 38, + "paddingVertical": 8, "width": "100%", }, undefined, @@ -275,18 +275,18 @@ exports[`@lad-tech/mobydick-core/ChatInput renders correctly android 1`] = ` style={ [ { - "borderRadius": 12, + "borderRadius": 8, "flex": 1, "padding": 0, - "paddingLeft": 27, - "paddingRight": 24, - "paddingVertical": 18, + "paddingLeft": 18, + "paddingRight": 16, + "paddingVertical": 12, "textAlignVertical": "top", }, [ { "color": "#20242D", - "fontSize": 24, + "fontSize": 16, "padding": 0, }, ], @@ -335,12 +335,12 @@ exports[`@lad-tech/mobydick-core/ChatInput renders correctly android 1`] = ` { "alignItems": "center", "backgroundColor": "#E5F0FF", - "borderRadius": 12, - "height": 57, + "borderRadius": 8, + "height": 38, "justifyContent": "center", - "marginLeft": 9, + "marginLeft": 6, "opacity": 1, - "width": 57, + "width": 38, } } > @@ -350,7 +350,7 @@ exports[`@lad-tech/mobydick-core/ChatInput renders correctly android 1`] = ` { "color": "#2B78EE", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -387,8 +387,8 @@ exports[`@lad-tech/mobydick-core/ChatInput renders correctly with containerStyle "alignItems": "flex-end", "backgroundColor": "#FFF", "flexDirection": "row", - "paddingHorizontal": 30, - "paddingVertical": 24, + "paddingHorizontal": 20, + "paddingVertical": 16, "width": "100%", }, { @@ -401,13 +401,13 @@ exports[`@lad-tech/mobydick-core/ChatInput renders correctly with containerStyle style={ [ { - "minWidth": 195, + "minWidth": 130, }, [ { "flex": 1, "flexDirection": "column", - "marginRight": 3, + "marginRight": 2, "minWidth": undefined, }, undefined, @@ -422,14 +422,14 @@ exports[`@lad-tech/mobydick-core/ChatInput renders correctly with containerStyle "alignItems": undefined, "backgroundColor": "#EEEFF1", "borderColor": "transparent", - "borderRadius": 12, - "borderWidth": 1.5, + "borderRadius": 8, + "borderWidth": 1, "flexDirection": "row", "justifyContent": "space-between", - "marginVertical": 12, + "marginVertical": 8, }, { - "minHeight": 120, + "minHeight": 80, }, null, [ @@ -437,9 +437,9 @@ exports[`@lad-tech/mobydick-core/ChatInput renders correctly with containerStyle "alignItems": "center", "borderWidth": undefined, "marginVertical": 0, - "maxHeight": 294, - "minHeight": 57, - "paddingVertical": 12, + "maxHeight": 196, + "minHeight": 38, + "paddingVertical": 8, "width": "100%", }, undefined, @@ -460,20 +460,20 @@ exports[`@lad-tech/mobydick-core/ChatInput renders correctly with containerStyle style={ [ { - "borderRadius": 12, + "borderRadius": 8, "flex": 1, "padding": 0, - "paddingLeft": 27, - "paddingRight": 24, - "paddingVertical": 18, + "paddingLeft": 18, + "paddingRight": 16, + "paddingVertical": 12, "textAlignVertical": "top", }, { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, [ { @@ -520,12 +520,12 @@ exports[`@lad-tech/mobydick-core/ChatInput renders correctly with containerStyle { "alignItems": "center", "backgroundColor": "#E5F0FF", - "borderRadius": 12, - "height": 57, + "borderRadius": 8, + "height": 38, "justifyContent": "center", - "marginLeft": 9, + "marginLeft": 6, "opacity": 1, - "width": 57, + "width": 38, } } > @@ -535,7 +535,7 @@ exports[`@lad-tech/mobydick-core/ChatInput renders correctly with containerStyle { "color": "#2B78EE", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > diff --git a/packages/core/src/chat/components/__tests__/__snapshots__/ChatInputField.test.tsx.snap b/packages/core/src/chat/components/__tests__/__snapshots__/ChatInputField.test.tsx.snap index 4cd43d1f0..0a44534f5 100644 --- a/packages/core/src/chat/components/__tests__/__snapshots__/ChatInputField.test.tsx.snap +++ b/packages/core/src/chat/components/__tests__/__snapshots__/ChatInputField.test.tsx.snap @@ -5,13 +5,13 @@ exports[`@lad-tech/mobydick-core/ChatInputField renders correctly 1`] = ` style={ [ { - "minWidth": 195, + "minWidth": 130, }, [ { "flex": 1, "flexDirection": "column", - "marginRight": 3, + "marginRight": 2, "minWidth": undefined, }, undefined, @@ -26,14 +26,14 @@ exports[`@lad-tech/mobydick-core/ChatInputField renders correctly 1`] = ` "alignItems": undefined, "backgroundColor": "#EEEFF1", "borderColor": "transparent", - "borderRadius": 12, - "borderWidth": 1.5, + "borderRadius": 8, + "borderWidth": 1, "flexDirection": "row", "justifyContent": "space-between", - "marginVertical": 12, + "marginVertical": 8, }, { - "minHeight": 120, + "minHeight": 80, }, null, [ @@ -41,9 +41,9 @@ exports[`@lad-tech/mobydick-core/ChatInputField renders correctly 1`] = ` "alignItems": "center", "borderWidth": undefined, "marginVertical": 0, - "maxHeight": 294, - "minHeight": 57, - "paddingVertical": 12, + "maxHeight": 196, + "minHeight": 38, + "paddingVertical": 8, "width": "100%", }, undefined, @@ -65,20 +65,20 @@ exports[`@lad-tech/mobydick-core/ChatInputField renders correctly 1`] = ` style={ [ { - "borderRadius": 12, + "borderRadius": 8, "flex": 1, "padding": 0, - "paddingLeft": 27, - "paddingRight": 24, - "paddingVertical": 18, + "paddingLeft": 18, + "paddingRight": 16, + "paddingVertical": 12, "textAlignVertical": "top", }, { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, [ { @@ -100,13 +100,13 @@ exports[`@lad-tech/mobydick-core/ChatInputField renders correctly focused/blur 1 style={ [ { - "minWidth": 195, + "minWidth": 130, }, [ { "flex": 1, "flexDirection": "column", - "marginRight": 3, + "marginRight": 2, "minWidth": undefined, }, undefined, @@ -121,14 +121,14 @@ exports[`@lad-tech/mobydick-core/ChatInputField renders correctly focused/blur 1 "alignItems": undefined, "backgroundColor": "#EEEFF1", "borderColor": "rgba(32, 36, 45, 0.3)", - "borderRadius": 12, - "borderWidth": 1.5, + "borderRadius": 8, + "borderWidth": 1, "flexDirection": "row", "justifyContent": "space-between", - "marginVertical": 12, + "marginVertical": 8, }, { - "minHeight": 120, + "minHeight": 80, }, null, [ @@ -136,9 +136,9 @@ exports[`@lad-tech/mobydick-core/ChatInputField renders correctly focused/blur 1 "alignItems": "center", "borderWidth": undefined, "marginVertical": 0, - "maxHeight": 294, - "minHeight": 57, - "paddingVertical": 12, + "maxHeight": 196, + "minHeight": 38, + "paddingVertical": 8, "width": "100%", }, undefined, @@ -159,20 +159,20 @@ exports[`@lad-tech/mobydick-core/ChatInputField renders correctly focused/blur 1 style={ [ { - "borderRadius": 12, + "borderRadius": 8, "flex": 1, "padding": 0, - "paddingLeft": 27, - "paddingRight": 24, - "paddingVertical": 18, + "paddingLeft": 18, + "paddingRight": 16, + "paddingVertical": 12, "textAlignVertical": "top", }, { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, [ { @@ -193,13 +193,13 @@ exports[`@lad-tech/mobydick-core/ChatInputField renders correctly focused/blur 2 style={ [ { - "minWidth": 195, + "minWidth": 130, }, [ { "flex": 1, "flexDirection": "column", - "marginRight": 3, + "marginRight": 2, "minWidth": undefined, }, undefined, @@ -214,14 +214,14 @@ exports[`@lad-tech/mobydick-core/ChatInputField renders correctly focused/blur 2 "alignItems": undefined, "backgroundColor": "#EEEFF1", "borderColor": "transparent", - "borderRadius": 12, - "borderWidth": 1.5, + "borderRadius": 8, + "borderWidth": 1, "flexDirection": "row", "justifyContent": "space-between", - "marginVertical": 12, + "marginVertical": 8, }, { - "minHeight": 120, + "minHeight": 80, }, null, [ @@ -229,9 +229,9 @@ exports[`@lad-tech/mobydick-core/ChatInputField renders correctly focused/blur 2 "alignItems": "center", "borderWidth": undefined, "marginVertical": 0, - "maxHeight": 294, - "minHeight": 57, - "paddingVertical": 12, + "maxHeight": 196, + "minHeight": 38, + "paddingVertical": 8, "width": "100%", }, undefined, @@ -252,20 +252,20 @@ exports[`@lad-tech/mobydick-core/ChatInputField renders correctly focused/blur 2 style={ [ { - "borderRadius": 12, + "borderRadius": 8, "flex": 1, "padding": 0, - "paddingLeft": 27, - "paddingRight": 24, - "paddingVertical": 18, + "paddingLeft": 18, + "paddingRight": 16, + "paddingVertical": 12, "textAlignVertical": "top", }, { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, [ { @@ -286,13 +286,13 @@ exports[`@lad-tech/mobydick-core/ChatInputField renders correctly with props 1`] style={ [ { - "minWidth": 195, + "minWidth": 130, }, [ { "flex": 1, "flexDirection": "column", - "marginRight": 3, + "marginRight": 2, "minWidth": undefined, }, undefined, @@ -307,14 +307,14 @@ exports[`@lad-tech/mobydick-core/ChatInputField renders correctly with props 1`] "alignItems": undefined, "backgroundColor": "#EEEFF1", "borderColor": "transparent", - "borderRadius": 12, - "borderWidth": 1.5, + "borderRadius": 8, + "borderWidth": 1, "flexDirection": "row", "justifyContent": "space-between", - "marginVertical": 12, + "marginVertical": 8, }, { - "minHeight": 120, + "minHeight": 80, }, null, [ @@ -322,9 +322,9 @@ exports[`@lad-tech/mobydick-core/ChatInputField renders correctly with props 1`] "alignItems": "center", "borderWidth": undefined, "marginVertical": 0, - "maxHeight": 294, - "minHeight": 57, - "paddingVertical": 12, + "maxHeight": 196, + "minHeight": 38, + "paddingVertical": 8, "width": "100%", }, { @@ -348,20 +348,20 @@ exports[`@lad-tech/mobydick-core/ChatInputField renders correctly with props 1`] style={ [ { - "borderRadius": 12, + "borderRadius": 8, "flex": 1, "padding": 0, - "paddingLeft": 27, - "paddingRight": 24, - "paddingVertical": 18, + "paddingLeft": 18, + "paddingRight": 16, + "paddingVertical": 12, "textAlignVertical": "top", }, { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, [ { diff --git a/packages/core/src/chat/components/__tests__/__snapshots__/ChatMessage.test.tsx.snap b/packages/core/src/chat/components/__tests__/__snapshots__/ChatMessage.test.tsx.snap index bca67f35d..a33cb088c 100644 --- a/packages/core/src/chat/components/__tests__/__snapshots__/ChatMessage.test.tsx.snap +++ b/packages/core/src/chat/components/__tests__/__snapshots__/ChatMessage.test.tsx.snap @@ -15,18 +15,18 @@ exports[`@lad-tech/mobydick-core/ChatMessage renders correctly isNotValid time { "backgroundColor": "#FFF", "borderBottomLeftRadius": 0, - "borderBottomRightRadius": 15, - "borderRadius": 15, - "marginVertical": 6, + "borderBottomRightRadius": 10, + "borderRadius": 10, + "marginVertical": 4, } } > @@ -37,9 +37,9 @@ exports[`@lad-tech/mobydick-core/ChatMessage renders correctly isNotValid time { "color": "#444B5A", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, undefined, ] @@ -52,8 +52,8 @@ exports[`@lad-tech/mobydick-core/ChatMessage renders correctly isNotValid time style={ { "alignSelf": "flex-end", - "paddingBottom": 12, - "paddingHorizontal": 9, + "paddingBottom": 8, + "paddingHorizontal": 6, } } /> @@ -75,19 +75,19 @@ exports[`@lad-tech/mobydick-core/ChatMessage renders correctly isMe 1`] = ` style={ { "backgroundColor": "#2B78EE", - "borderBottomLeftRadius": 15, + "borderBottomLeftRadius": 10, "borderBottomRightRadius": 0, - "borderRadius": 15, - "marginVertical": 6, + "borderRadius": 10, + "marginVertical": 4, } } > @@ -98,9 +98,9 @@ exports[`@lad-tech/mobydick-core/ChatMessage renders correctly isMe 1`] = ` { "color": "#FFF", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, undefined, ] @@ -113,8 +113,8 @@ exports[`@lad-tech/mobydick-core/ChatMessage renders correctly isMe 1`] = ` style={ { "alignSelf": "flex-end", - "paddingBottom": 12, - "paddingHorizontal": 9, + "paddingBottom": 8, + "paddingHorizontal": 6, } } > @@ -125,9 +125,9 @@ exports[`@lad-tech/mobydick-core/ChatMessage renders correctly isMe 1`] = ` { "color": "rgba(255, 255, 255, 0.75)", "fontFamily": "Inter-Regular", - "fontSize": 15, - "lineHeight": 21, - "minHeight": 21, + "fontSize": 10, + "lineHeight": 14, + "minHeight": 14, }, undefined, ] @@ -154,10 +154,10 @@ exports[`@lad-tech/mobydick-core/ChatMessage renders correctly isMe image 1`] = style={ { "backgroundColor": "#2B78EE", - "borderBottomLeftRadius": 15, + "borderBottomLeftRadius": 10, "borderBottomRightRadius": 0, - "borderRadius": 15, - "marginVertical": 6, + "borderRadius": 10, + "marginVertical": 4, } } > @@ -165,13 +165,13 @@ exports[`@lad-tech/mobydick-core/ChatMessage renders correctly isMe image 1`] = style={ [ { - "maxHeight": 222, - "maxWidth": 222, - "minHeight": 193.5, - "minWidth": 193.5, + "maxHeight": 148, + "maxWidth": 148, + "minHeight": 129, + "minWidth": 129, }, { - "margin": 6, + "margin": 4, }, ] } @@ -184,10 +184,10 @@ exports[`@lad-tech/mobydick-core/ChatMessage renders correctly isMe image 1`] = } style={ { - "maxHeight": 222, - "maxWidth": 222, - "minHeight": 193.5, - "minWidth": 193.5, + "maxHeight": 148, + "maxWidth": 148, + "minHeight": 129, + "minWidth": 129, } } /> @@ -196,8 +196,8 @@ exports[`@lad-tech/mobydick-core/ChatMessage renders correctly isMe image 1`] = style={ { "alignSelf": "flex-end", - "paddingBottom": 12, - "paddingHorizontal": 9, + "paddingBottom": 8, + "paddingHorizontal": 6, } } > @@ -208,9 +208,9 @@ exports[`@lad-tech/mobydick-core/ChatMessage renders correctly isMe image 1`] = { "color": "rgba(255, 255, 255, 0.75)", "fontFamily": "Inter-Regular", - "fontSize": 15, - "lineHeight": 21, - "minHeight": 21, + "fontSize": 10, + "lineHeight": 14, + "minHeight": 14, }, undefined, ] @@ -237,10 +237,10 @@ exports[`@lad-tech/mobydick-core/ChatMessage renders correctly isMe image number style={ { "backgroundColor": "#2B78EE", - "borderBottomLeftRadius": 15, + "borderBottomLeftRadius": 10, "borderBottomRightRadius": 0, - "borderRadius": 15, - "marginVertical": 6, + "borderRadius": 10, + "marginVertical": 4, } } > @@ -248,13 +248,13 @@ exports[`@lad-tech/mobydick-core/ChatMessage renders correctly isMe image number style={ [ { - "maxHeight": 222, - "maxWidth": 222, - "minHeight": 193.5, - "minWidth": 193.5, + "maxHeight": 148, + "maxWidth": 148, + "minHeight": 129, + "minWidth": 129, }, { - "margin": 6, + "margin": 4, }, ] } @@ -263,10 +263,10 @@ exports[`@lad-tech/mobydick-core/ChatMessage renders correctly isMe image number source={42} style={ { - "maxHeight": 222, - "maxWidth": 222, - "minHeight": 193.5, - "minWidth": 193.5, + "maxHeight": 148, + "maxWidth": 148, + "minHeight": 129, + "minWidth": 129, } } /> @@ -275,8 +275,8 @@ exports[`@lad-tech/mobydick-core/ChatMessage renders correctly isMe image number style={ { "alignSelf": "flex-end", - "paddingBottom": 12, - "paddingHorizontal": 9, + "paddingBottom": 8, + "paddingHorizontal": 6, } } > @@ -287,9 +287,9 @@ exports[`@lad-tech/mobydick-core/ChatMessage renders correctly isMe image number { "color": "rgba(255, 255, 255, 0.75)", "fontFamily": "Inter-Regular", - "fontSize": 15, - "lineHeight": 21, - "minHeight": 21, + "fontSize": 10, + "lineHeight": 14, + "minHeight": 14, }, undefined, ] @@ -317,18 +317,18 @@ exports[`@lad-tech/mobydick-core/ChatMessage renders correctly isNotMe 1`] = ` { "backgroundColor": "#FFF", "borderBottomLeftRadius": 0, - "borderBottomRightRadius": 15, - "borderRadius": 15, - "marginVertical": 6, + "borderBottomRightRadius": 10, + "borderRadius": 10, + "marginVertical": 4, } } > @@ -339,9 +339,9 @@ exports[`@lad-tech/mobydick-core/ChatMessage renders correctly isNotMe 1`] = ` { "color": "#444B5A", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, undefined, ] @@ -354,8 +354,8 @@ exports[`@lad-tech/mobydick-core/ChatMessage renders correctly isNotMe 1`] = ` style={ { "alignSelf": "flex-end", - "paddingBottom": 12, - "paddingHorizontal": 9, + "paddingBottom": 8, + "paddingHorizontal": 6, } } > @@ -366,9 +366,9 @@ exports[`@lad-tech/mobydick-core/ChatMessage renders correctly isNotMe 1`] = ` { "color": "#9BA1B0", "fontFamily": "Inter-Regular", - "fontSize": 15, - "lineHeight": 21, - "minHeight": 21, + "fontSize": 10, + "lineHeight": 14, + "minHeight": 14, }, undefined, ] diff --git a/packages/core/src/chat/components/__tests__/__snapshots__/ChatMessageAvatar.test.tsx.snap b/packages/core/src/chat/components/__tests__/__snapshots__/ChatMessageAvatar.test.tsx.snap index 70d04421e..92d8d608e 100644 --- a/packages/core/src/chat/components/__tests__/__snapshots__/ChatMessageAvatar.test.tsx.snap +++ b/packages/core/src/chat/components/__tests__/__snapshots__/ChatMessageAvatar.test.tsx.snap @@ -40,9 +40,9 @@ exports[`@lad-tech/mobydick-core/ChatMessageAvatar renders correctly isNotMe 1`] style={ { "alignSelf": "flex-end", - "marginVertical": 6, + "marginVertical": 4, "opacity": 1, - "paddingRight": 12, + "paddingRight": 8, } } > @@ -52,10 +52,10 @@ exports[`@lad-tech/mobydick-core/ChatMessageAvatar renders correctly isNotMe 1`] { "alignItems": "center", "alignSelf": "center", - "borderRadius": 18, - "height": 36, + "borderRadius": 12, + "height": 24, "justifyContent": "center", - "width": 36, + "width": 24, }, { "backgroundColor": "#2B78EE", @@ -74,9 +74,9 @@ exports[`@lad-tech/mobydick-core/ChatMessageAvatar renders correctly isNotMe 1`] { "color": "#FFF", "fontFamily": "Inter-Regular", - "fontSize": 15, - "lineHeight": 21, - "minHeight": 21, + "fontSize": 10, + "lineHeight": 14, + "minHeight": 14, }, undefined, ] @@ -100,18 +100,18 @@ exports[`@lad-tech/mobydick-core/ChatMessageAvatar renders correctly isNotMe 1`] { "backgroundColor": "#FFF", "borderBottomLeftRadius": 0, - "borderBottomRightRadius": 15, - "borderRadius": 15, - "marginVertical": 6, + "borderBottomRightRadius": 10, + "borderRadius": 10, + "marginVertical": 4, } } > @@ -122,9 +122,9 @@ exports[`@lad-tech/mobydick-core/ChatMessageAvatar renders correctly isNotMe 1`] { "color": "#444B5A", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, undefined, ] @@ -137,8 +137,8 @@ exports[`@lad-tech/mobydick-core/ChatMessageAvatar renders correctly isNotMe 1`] style={ { "alignSelf": "flex-end", - "paddingBottom": 12, - "paddingHorizontal": 9, + "paddingBottom": 8, + "paddingHorizontal": 6, } } > @@ -149,9 +149,9 @@ exports[`@lad-tech/mobydick-core/ChatMessageAvatar renders correctly isNotMe 1`] { "color": "#9BA1B0", "fontFamily": "Inter-Regular", - "fontSize": 15, - "lineHeight": 21, - "minHeight": 21, + "fontSize": 10, + "lineHeight": 14, + "minHeight": 14, }, undefined, ] @@ -205,9 +205,9 @@ exports[`@lad-tech/mobydick-core/ChatMessageAvatar renders correctly onPress 1`] style={ { "alignSelf": "flex-end", - "marginVertical": 6, + "marginVertical": 4, "opacity": 1, - "paddingRight": 12, + "paddingRight": 8, } } > @@ -217,10 +217,10 @@ exports[`@lad-tech/mobydick-core/ChatMessageAvatar renders correctly onPress 1`] { "alignItems": "center", "alignSelf": "center", - "borderRadius": 18, - "height": 36, + "borderRadius": 12, + "height": 24, "justifyContent": "center", - "width": 36, + "width": 24, }, { "backgroundColor": "#2B78EE", @@ -239,9 +239,9 @@ exports[`@lad-tech/mobydick-core/ChatMessageAvatar renders correctly onPress 1`] { "color": "#FFF", "fontFamily": "Inter-Regular", - "fontSize": 15, - "lineHeight": 21, - "minHeight": 21, + "fontSize": 10, + "lineHeight": 14, + "minHeight": 14, }, undefined, ] @@ -264,19 +264,19 @@ exports[`@lad-tech/mobydick-core/ChatMessageAvatar renders correctly onPress 1`] style={ { "backgroundColor": "#2B78EE", - "borderBottomLeftRadius": 15, + "borderBottomLeftRadius": 10, "borderBottomRightRadius": 0, - "borderRadius": 15, - "marginVertical": 6, + "borderRadius": 10, + "marginVertical": 4, } } > @@ -287,9 +287,9 @@ exports[`@lad-tech/mobydick-core/ChatMessageAvatar renders correctly onPress 1`] { "color": "#FFF", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, undefined, ] @@ -302,8 +302,8 @@ exports[`@lad-tech/mobydick-core/ChatMessageAvatar renders correctly onPress 1`] style={ { "alignSelf": "flex-end", - "paddingBottom": 12, - "paddingHorizontal": 9, + "paddingBottom": 8, + "paddingHorizontal": 6, } } > @@ -314,9 +314,9 @@ exports[`@lad-tech/mobydick-core/ChatMessageAvatar renders correctly onPress 1`] { "color": "rgba(255, 255, 255, 0.75)", "fontFamily": "Inter-Regular", - "fontSize": 15, - "lineHeight": 21, - "minHeight": 21, + "fontSize": 10, + "lineHeight": 14, + "minHeight": 14, }, undefined, ] diff --git a/packages/core/src/chat/components/__tests__/__snapshots__/ChatPressableIcon.test.tsx.snap b/packages/core/src/chat/components/__tests__/__snapshots__/ChatPressableIcon.test.tsx.snap index 63ef5a26a..5ad4435cb 100644 --- a/packages/core/src/chat/components/__tests__/__snapshots__/ChatPressableIcon.test.tsx.snap +++ b/packages/core/src/chat/components/__tests__/__snapshots__/ChatPressableIcon.test.tsx.snap @@ -33,12 +33,12 @@ exports[`@lad-tech/mobydick-core/ChatPressableIcon renders correctly 1`] = ` { "alignItems": "center", "backgroundColor": "#E5F0FF", - "borderRadius": 12, - "height": 57, + "borderRadius": 8, + "height": 38, "justifyContent": "center", - "marginLeft": 9, + "marginLeft": 6, "opacity": 1, - "width": 57, + "width": 38, } } > @@ -48,7 +48,7 @@ exports[`@lad-tech/mobydick-core/ChatPressableIcon renders correctly 1`] = ` { "color": "#2B78EE", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -90,12 +90,12 @@ exports[`@lad-tech/mobydick-core/ChatPressableIcon renders correctly disabled 1` { "alignItems": "center", "backgroundColor": "black", - "borderRadius": 12, - "height": 57, + "borderRadius": 8, + "height": 38, "justifyContent": "center", - "marginLeft": 9, + "marginLeft": 6, "opacity": 1, - "width": 57, + "width": 38, } } > @@ -105,7 +105,7 @@ exports[`@lad-tech/mobydick-core/ChatPressableIcon renders correctly disabled 1` { "color": "red", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -147,12 +147,12 @@ exports[`@lad-tech/mobydick-core/ChatPressableIcon renders correctly with props { "alignItems": "center", "backgroundColor": "black", - "borderRadius": 12, - "height": 57, + "borderRadius": 8, + "height": 38, "justifyContent": "center", - "marginLeft": 9, + "marginLeft": 6, "opacity": 1, - "width": 57, + "width": 38, } } > @@ -162,7 +162,7 @@ exports[`@lad-tech/mobydick-core/ChatPressableIcon renders correctly with props { "color": "red", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > diff --git a/packages/core/src/controls/CheckBox/CheckSquare.tsx b/packages/core/src/controls/CheckBox/CheckSquare.tsx index 78fbc958d..0de2e6245 100644 --- a/packages/core/src/controls/CheckBox/CheckSquare.tsx +++ b/packages/core/src/controls/CheckBox/CheckSquare.tsx @@ -3,16 +3,16 @@ import {FC} from 'react'; import {IPressableProps, Pressable} from '../../basic/components/Pressable'; import {ICommonControlProps} from '../types'; import {Check} from '../../styles/icons'; -import rem from '../../styles/utils/rem'; import useTheme from '../../styles/hooks/useTheme'; +import px from '../../styles/utils/px'; const CheckSquare: FC = ({ selected, ...rest }) => { const {colors} = useTheme(); - const width = rest.width || rem(20); - const height = rest.height || rem(20); + const width = rest.width || px(20); + const height = rest.height || px(20); return ( diff --git a/packages/core/src/controls/CheckBox/__tests__/__snapshots__/CheckBox.test.tsx.snap b/packages/core/src/controls/CheckBox/__tests__/__snapshots__/CheckBox.test.tsx.snap index 4c5c052ec..71251bc09 100644 --- a/packages/core/src/controls/CheckBox/__tests__/__snapshots__/CheckBox.test.tsx.snap +++ b/packages/core/src/controls/CheckBox/__tests__/__snapshots__/CheckBox.test.tsx.snap @@ -78,10 +78,10 @@ exports[`CheckBox should renders correctly 1`] = ` [ { "borderColor": "rgba(32, 36, 45, 0.3)", - "borderRadius": 6, - "borderWidth": 3, - "height": 30, - "width": 30, + "borderRadius": 4, + "borderWidth": 2, + "height": 20, + "width": 20, }, undefined, ] @@ -174,10 +174,10 @@ exports[`CheckBox should renders correctly checked 1`] = ` [ { "borderColor": "rgba(32, 36, 45, 0.3)", - "borderRadius": 6, + "borderRadius": 4, "borderWidth": 0, - "height": 30, - "width": 30, + "height": 20, + "width": 20, }, undefined, ] @@ -186,8 +186,8 @@ exports[`CheckBox should renders correctly checked 1`] = ` > ({ container: { flexDirection: 'row', diff --git a/packages/core/src/controls/ControlsLists/__tests__/__snapshots__/ControlsList.tsx.snap b/packages/core/src/controls/ControlsLists/__tests__/__snapshots__/ControlsList.tsx.snap index 6fdaa5c57..1deeb4c56 100644 --- a/packages/core/src/controls/ControlsLists/__tests__/__snapshots__/ControlsList.tsx.snap +++ b/packages/core/src/controls/ControlsLists/__tests__/__snapshots__/ControlsList.tsx.snap @@ -88,10 +88,10 @@ exports[`ControlsList should renders correctly with checkbox type 1`] = ` [ { "borderColor": "rgba(32, 36, 45, 0.3)", - "borderRadius": 6, - "borderWidth": 3, - "height": 30, - "width": 30, + "borderRadius": 4, + "borderWidth": 2, + "height": 20, + "width": 20, }, undefined, ] @@ -105,9 +105,9 @@ exports[`ControlsList should renders correctly with checkbox type 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -193,10 +193,10 @@ exports[`ControlsList should renders correctly with checkbox type 1`] = ` [ { "borderColor": "rgba(32, 36, 45, 0.3)", - "borderRadius": 6, - "borderWidth": 3, - "height": 30, - "width": 30, + "borderRadius": 4, + "borderWidth": 2, + "height": 20, + "width": 20, }, undefined, ] @@ -210,9 +210,9 @@ exports[`ControlsList should renders correctly with checkbox type 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -312,10 +312,10 @@ exports[`ControlsList should renders correctly with checkbox type and horizontal [ { "borderColor": "rgba(32, 36, 45, 0.3)", - "borderRadius": 6, - "borderWidth": 3, - "height": 30, - "width": 30, + "borderRadius": 4, + "borderWidth": 2, + "height": 20, + "width": 20, }, undefined, ] @@ -329,9 +329,9 @@ exports[`ControlsList should renders correctly with checkbox type and horizontal { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -417,10 +417,10 @@ exports[`ControlsList should renders correctly with checkbox type and horizontal [ { "borderColor": "rgba(32, 36, 45, 0.3)", - "borderRadius": 6, - "borderWidth": 3, - "height": 30, - "width": 30, + "borderRadius": 4, + "borderWidth": 2, + "height": 20, + "width": 20, }, undefined, ] @@ -434,9 +434,9 @@ exports[`ControlsList should renders correctly with checkbox type and horizontal { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -536,10 +536,10 @@ exports[`ControlsList should renders correctly with checkbox type and single 1`] [ { "borderColor": "rgba(32, 36, 45, 0.3)", - "borderRadius": 6, - "borderWidth": 3, - "height": 30, - "width": 30, + "borderRadius": 4, + "borderWidth": 2, + "height": 20, + "width": 20, }, undefined, ] @@ -553,9 +553,9 @@ exports[`ControlsList should renders correctly with checkbox type and single 1`] { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -641,10 +641,10 @@ exports[`ControlsList should renders correctly with checkbox type and single 1`] [ { "borderColor": "rgba(32, 36, 45, 0.3)", - "borderRadius": 6, - "borderWidth": 3, - "height": 30, - "width": 30, + "borderRadius": 4, + "borderWidth": 2, + "height": 20, + "width": 20, }, undefined, ] @@ -658,9 +658,9 @@ exports[`ControlsList should renders correctly with checkbox type and single 1`] { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -762,10 +762,10 @@ exports[`ControlsList should renders correctly with radio type 1`] = ` "aspectRatio": 1, "backgroundColor": "#2B78EE", "borderColor": "#2B78EE", - "borderRadius": 16.5, - "borderWidth": 3, + "borderRadius": 11, + "borderWidth": 2, "justifyContent": "center", - "width": 33, + "width": 22, } } value="1" @@ -775,9 +775,9 @@ exports[`ControlsList should renders correctly with radio type 1`] = ` { "aspectRatio": 1, "borderColor": "#FFF", - "borderRadius": 13.5, - "borderWidth": 3, - "width": 27, + "borderRadius": 9, + "borderWidth": 2, + "width": 18, } } /> @@ -789,9 +789,9 @@ exports[`ControlsList should renders correctly with radio type 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -879,10 +879,10 @@ exports[`ControlsList should renders correctly with radio type 1`] = ` "aspectRatio": 1, "backgroundColor": "transparent", "borderColor": "rgba(32, 36, 45, 0.3)", - "borderRadius": 16.5, - "borderWidth": 3, + "borderRadius": 11, + "borderWidth": 2, "justifyContent": "center", - "width": 33, + "width": 22, } } value="2" @@ -894,9 +894,9 @@ exports[`ControlsList should renders correctly with radio type 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -998,10 +998,10 @@ exports[`ControlsList should renders correctly with radio type and horizontal 1` "aspectRatio": 1, "backgroundColor": "transparent", "borderColor": "rgba(32, 36, 45, 0.3)", - "borderRadius": 16.5, - "borderWidth": 3, + "borderRadius": 11, + "borderWidth": 2, "justifyContent": "center", - "width": 33, + "width": 22, } } value="1" @@ -1013,9 +1013,9 @@ exports[`ControlsList should renders correctly with radio type and horizontal 1` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -1103,10 +1103,10 @@ exports[`ControlsList should renders correctly with radio type and horizontal 1` "aspectRatio": 1, "backgroundColor": "transparent", "borderColor": "rgba(32, 36, 45, 0.3)", - "borderRadius": 16.5, - "borderWidth": 3, + "borderRadius": 11, + "borderWidth": 2, "justifyContent": "center", - "width": 33, + "width": 22, } } value="2" @@ -1118,9 +1118,9 @@ exports[`ControlsList should renders correctly with radio type and horizontal 1` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -1222,10 +1222,10 @@ exports[`ControlsList should renders correctly with radio type and single 1`] = "aspectRatio": 1, "backgroundColor": "transparent", "borderColor": "rgba(32, 36, 45, 0.3)", - "borderRadius": 16.5, - "borderWidth": 3, + "borderRadius": 11, + "borderWidth": 2, "justifyContent": "center", - "width": 33, + "width": 22, } } value="1" @@ -1237,9 +1237,9 @@ exports[`ControlsList should renders correctly with radio type and single 1`] = { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -1327,10 +1327,10 @@ exports[`ControlsList should renders correctly with radio type and single 1`] = "aspectRatio": 1, "backgroundColor": "transparent", "borderColor": "rgba(32, 36, 45, 0.3)", - "borderRadius": 16.5, - "borderWidth": 3, + "borderRadius": 11, + "borderWidth": 2, "justifyContent": "center", - "width": 33, + "width": 22, } } value="2" @@ -1342,9 +1342,9 @@ exports[`ControlsList should renders correctly with radio type and single 1`] = { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] diff --git a/packages/core/src/controls/Radio/__tests__/__snapshots__/Circle.test.tsx.snap b/packages/core/src/controls/Radio/__tests__/__snapshots__/Circle.test.tsx.snap index 620027efd..1298d9450 100644 --- a/packages/core/src/controls/Radio/__tests__/__snapshots__/Circle.test.tsx.snap +++ b/packages/core/src/controls/Radio/__tests__/__snapshots__/Circle.test.tsx.snap @@ -35,9 +35,9 @@ exports[`@lad-tech/mobydick-core/Radio/Circle renders correctly 1`] = ` { "aspectRatio": 1, "borderColor": "#FFF", - "borderRadius": 13.5, - "borderWidth": 3, - "width": 27, + "borderRadius": 9, + "borderWidth": 2, + "width": 18, } } /> @@ -78,9 +78,9 @@ exports[`@lad-tech/mobydick-core/Radio/Circle renders correctly selected 1`] = ` { "aspectRatio": 1, "borderColor": "#FFF", - "borderRadius": 13.5, - "borderWidth": 3, - "width": 27, + "borderRadius": 9, + "borderWidth": 2, + "width": 18, } } > @@ -91,10 +91,10 @@ exports[`@lad-tech/mobydick-core/Radio/Circle renders correctly selected 1`] = ` "aspectRatio": 1, "backgroundColor": "transparent", "borderColor": "rgba(32, 36, 45, 0.3)", - "borderRadius": 16.5, - "borderWidth": 3, + "borderRadius": 11, + "borderWidth": 2, "justifyContent": "center", - "width": 33, + "width": 22, } } /> diff --git a/packages/core/src/controls/Radio/__tests__/__snapshots__/Radio.test.tsx.snap b/packages/core/src/controls/Radio/__tests__/__snapshots__/Radio.test.tsx.snap index 8619bdff6..a99e47c28 100644 --- a/packages/core/src/controls/Radio/__tests__/__snapshots__/Radio.test.tsx.snap +++ b/packages/core/src/controls/Radio/__tests__/__snapshots__/Radio.test.tsx.snap @@ -80,10 +80,10 @@ exports[`@lad-tech/mobydick-core/Radio renders correctly 1`] = ` "aspectRatio": 1, "backgroundColor": "transparent", "borderColor": "rgba(32, 36, 45, 0.3)", - "borderRadius": 16.5, - "borderWidth": 3, + "borderRadius": 11, + "borderWidth": 2, "justifyContent": "center", - "width": 33, + "width": 22, } } value="text" @@ -171,10 +171,10 @@ exports[`@lad-tech/mobydick-core/Radio renders correctly disabled 1`] = ` "aspectRatio": 1, "backgroundColor": "transparent", "borderColor": "rgba(32, 36, 45, 0.3)", - "borderRadius": 16.5, - "borderWidth": 3, + "borderRadius": 11, + "borderWidth": 2, "justifyContent": "center", - "width": 33, + "width": 22, } } value="text" @@ -262,10 +262,10 @@ exports[`@lad-tech/mobydick-core/Radio renders correctly selected 1`] = ` "aspectRatio": 1, "backgroundColor": "#2B78EE", "borderColor": "#2B78EE", - "borderRadius": 16.5, - "borderWidth": 3, + "borderRadius": 11, + "borderWidth": 2, "justifyContent": "center", - "width": 33, + "width": 22, } } value="text" @@ -275,9 +275,9 @@ exports[`@lad-tech/mobydick-core/Radio renders correctly selected 1`] = ` { "aspectRatio": 1, "borderColor": "#FFF", - "borderRadius": 13.5, - "borderWidth": 3, - "width": 27, + "borderRadius": 9, + "borderWidth": 2, + "width": 18, } } /> @@ -365,10 +365,10 @@ exports[`@lad-tech/mobydick-core/Radio renders correctly selected and disabled 1 "aspectRatio": 1, "backgroundColor": "#2B78EE", "borderColor": "#2B78EE", - "borderRadius": 16.5, - "borderWidth": 3, + "borderRadius": 11, + "borderWidth": 2, "justifyContent": "center", - "width": 33, + "width": 22, } } value="text" @@ -378,9 +378,9 @@ exports[`@lad-tech/mobydick-core/Radio renders correctly selected and disabled 1 { "aspectRatio": 1, "borderColor": "#FFF", - "borderRadius": 13.5, - "borderWidth": 3, - "width": 27, + "borderRadius": 9, + "borderWidth": 2, + "width": 18, } } /> diff --git a/packages/core/src/controls/Radio/stylesCreate.ts b/packages/core/src/controls/Radio/stylesCreate.ts index ea47af0dd..6f0d3247d 100644 --- a/packages/core/src/controls/Radio/stylesCreate.ts +++ b/packages/core/src/controls/Radio/stylesCreate.ts @@ -1,5 +1,5 @@ -import rem from '../../styles/utils/rem'; import {createStyles} from '../../styles'; +import px from '../../styles/utils/px'; const stylesCreate = createStyles( ({spaces, colors}, selected: boolean, disabled: boolean) => ({ @@ -10,9 +10,9 @@ const stylesCreate = createStyles( opacity: disabled ? 0.4 : 1, }, circle: { - width: rem(22), + width: px(22), aspectRatio: 1, - borderRadius: rem(11), + borderRadius: px(11), backgroundColor: selected ? colors.ElementBase : 'transparent', borderColor: selected ? colors.ElementBase : colors.BorderNormal, borderWidth: spaces.Space2, @@ -20,10 +20,10 @@ const stylesCreate = createStyles( alignItems: 'center', }, innerCircle: { - width: rem(18), + width: px(18), aspectRatio: 1, borderWidth: spaces.Space2, - borderRadius: rem(9), + borderRadius: px(9), borderColor: colors.BgPrimary, }, }), diff --git a/packages/core/src/controls/Slider/Slider.tsx b/packages/core/src/controls/Slider/Slider.tsx index 26f86097b..b6a5728db 100644 --- a/packages/core/src/controls/Slider/Slider.tsx +++ b/packages/core/src/controls/Slider/Slider.tsx @@ -13,7 +13,7 @@ import View from '../../basic/components/View/View'; import useStyles from '../../styles/hooks/useStyles'; import {LABELS} from '../../other/constants'; import {HIT_SLOP} from '../../styles'; -import rem from '../../styles/utils/rem'; +import px from '../../styles/utils/px'; import {clamp, getValueForPosition, isLowCloser} from './helpers'; import stylesCreate from './stylesCreate'; @@ -37,8 +37,8 @@ export interface ISliderProps extends ViewProps { onValueChanged?: (low: number, high: number, byUser: boolean) => void; hitSlop?: Insets; } -const THUMB_RADIUS_LOW = rem(12) * 2; -const THUMB_RADIUS_HIGH = THUMB_RADIUS_LOW + rem(6); +const THUMB_RADIUS_LOW = px(12) * 2; +const THUMB_RADIUS_HIGH = THUMB_RADIUS_LOW + px(6); const Slider: React.FC = ({ min, diff --git a/packages/core/src/controls/Swipe/Swipe.tsx b/packages/core/src/controls/Swipe/Swipe.tsx index 363840171..258411e61 100644 --- a/packages/core/src/controls/Swipe/Swipe.tsx +++ b/packages/core/src/controls/Swipe/Swipe.tsx @@ -8,8 +8,8 @@ import { } from 'react-native'; import useStyles from '../../styles/hooks/useStyles'; -import rem from '../../styles/utils/rem'; import {LABELS} from '../../other'; +import px from '../../styles/utils/px'; import stylesCreate from './stylesCreate'; import {ISwipe} from './types'; @@ -97,7 +97,7 @@ const Swipe: FC = ({active, disabled, onPress}) => { const translateX = pan.interpolate({ inputRange: [leftPos, rightPos], - outputRange: [0, rem(20)], + outputRange: [0, px(20)], extrapolate: 'clamp', }); diff --git a/packages/core/src/controls/Swipe/stylesCreate.ts b/packages/core/src/controls/Swipe/stylesCreate.ts index d5fc1c28c..aafdc6454 100644 --- a/packages/core/src/controls/Swipe/stylesCreate.ts +++ b/packages/core/src/controls/Swipe/stylesCreate.ts @@ -1,10 +1,10 @@ -import rem from '../../styles/utils/rem'; import {createStyles} from '../../styles'; +import px from '../../styles/utils/px'; const stylesCreate = createStyles(({spaces, colors}, disabled: boolean) => ({ container: { - width: rem(50), - height: rem(30), + width: px(50), + height: px(30), borderRadius: spaces.Space20, padding: spaces.Space2, opacity: disabled ? 0.4 : 1, @@ -13,7 +13,7 @@ const stylesCreate = createStyles(({spaces, colors}, disabled: boolean) => ({ flex: 1, aspectRatio: 1, backgroundColor: colors.ElementWhite, - borderRadius: rem(25), + borderRadius: px(25), }, })); diff --git a/packages/core/src/cta/components/Button/__tests__/__snapshots__/Button.test.tsx.snap b/packages/core/src/cta/components/Button/__tests__/__snapshots__/Button.test.tsx.snap index 57834fb1b..25eb773f8 100644 --- a/packages/core/src/cta/components/Button/__tests__/__snapshots__/Button.test.tsx.snap +++ b/packages/core/src/cta/components/Button/__tests__/__snapshots__/Button.test.tsx.snap @@ -34,10 +34,10 @@ exports[`@lad-tech/mobydick-core/Button renders correctly 1`] = ` "alignItems": "center", "alignSelf": "stretch", "backgroundColor": "#2B78EE", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "minHeight": 72, + "minHeight": 48, "opacity": 1, } } @@ -49,13 +49,13 @@ exports[`@lad-tech/mobydick-core/Button renders correctly 1`] = ` { "color": "#FFF", "fontFamily": "Inter-SemiBold", - "fontSize": 27, - "lineHeight": 33, - "minHeight": 33, + "fontSize": 18, + "lineHeight": 22, + "minHeight": 22, }, [ { - "paddingHorizontal": 9, + "paddingHorizontal": 6, }, undefined, ], @@ -100,13 +100,13 @@ exports[`@lad-tech/mobydick-core/Button renders correctly 2`] = ` { "alignItems": "center", "backgroundColor": "#2B78EE", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "minHeight": 48, + "minHeight": 32, "opacity": 1, - "paddingHorizontal": 18, - "paddingVertical": 9, + "paddingHorizontal": 12, + "paddingVertical": 6, } } > @@ -117,13 +117,13 @@ exports[`@lad-tech/mobydick-core/Button renders correctly 2`] = ` { "color": "#F54D3D", "fontFamily": "Inter-Bold", - "fontSize": 27, - "lineHeight": 33, - "minHeight": 33, + "fontSize": 18, + "lineHeight": 22, + "minHeight": 22, }, [ { - "paddingHorizontal": 6, + "paddingHorizontal": 4, }, undefined, ], @@ -169,10 +169,10 @@ exports[`@lad-tech/mobydick-core/Button renders correctly destructive 1`] = ` "alignItems": "center", "alignSelf": "stretch", "backgroundColor": "#F54D3D", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "minHeight": 72, + "minHeight": 48, "opacity": 1, } } @@ -184,14 +184,14 @@ exports[`@lad-tech/mobydick-core/Button renders correctly destructive 1`] = ` "alignItems": "center", "alignSelf": "center", "backgroundColor": "#FFF", - "borderRadius": 18, - "height": 36, + "borderRadius": 12, + "height": 24, "justifyContent": "center", - "minWidth": 36, + "minWidth": 24, "zIndex": 1, }, { - "marginLeft": 3, + "marginLeft": 2, }, ] } @@ -203,13 +203,13 @@ exports[`@lad-tech/mobydick-core/Button renders correctly destructive 1`] = ` { "color": "#FFF", "fontFamily": "Inter-SemiBold", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, { "color": "#F54D3D", - "paddingHorizontal": 9, + "paddingHorizontal": 6, "textAlign": "center", }, ] @@ -255,10 +255,10 @@ exports[`@lad-tech/mobydick-core/Button renders correctly disabled 1`] = ` "alignItems": "center", "alignSelf": "stretch", "backgroundColor": "#9BA1B0", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "minHeight": 72, + "minHeight": 48, "opacity": 1, } } @@ -299,10 +299,10 @@ exports[`@lad-tech/mobydick-core/Button renders correctly fixed 1`] = ` "alignItems": "center", "alignSelf": "stretch", "backgroundColor": "#2B78EE", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "minHeight": 72, + "minHeight": 48, "opacity": 1, } } @@ -342,13 +342,13 @@ exports[`@lad-tech/mobydick-core/Button renders correctly large 1`] = ` { "alignItems": "center", "backgroundColor": "#2B78EE", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "minHeight": 72, + "minHeight": 48, "opacity": 1, - "paddingHorizontal": 18, - "paddingVertical": 18, + "paddingHorizontal": 12, + "paddingVertical": 12, } } /> @@ -387,13 +387,13 @@ exports[`@lad-tech/mobydick-core/Button renders correctly left icon size large 1 { "alignItems": "center", "backgroundColor": "#2B78EE", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "minHeight": 72, + "minHeight": 48, "opacity": 1, - "paddingHorizontal": 39, - "paddingVertical": 18, + "paddingHorizontal": 26, + "paddingVertical": 12, } } > @@ -405,13 +405,13 @@ exports[`@lad-tech/mobydick-core/Button renders correctly left icon size large 1 { "color": "#FFF", "fontFamily": "Inter-SemiBold", - "fontSize": 27, - "lineHeight": 33, - "minHeight": 33, + "fontSize": 18, + "lineHeight": 22, + "minHeight": 22, }, [ { - "paddingHorizontal": 9, + "paddingHorizontal": 6, }, undefined, ], @@ -457,13 +457,13 @@ exports[`@lad-tech/mobydick-core/Button renders correctly left icon size small 1 { "alignItems": "center", "backgroundColor": "#2B78EE", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "minHeight": 48, + "minHeight": 32, "opacity": 1, - "paddingHorizontal": 21, - "paddingVertical": 9, + "paddingHorizontal": 14, + "paddingVertical": 6, } } > @@ -475,13 +475,13 @@ exports[`@lad-tech/mobydick-core/Button renders correctly left icon size small 1 { "color": "#FFF", "fontFamily": "Inter-SemiBold", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, [ { - "paddingHorizontal": 6, + "paddingHorizontal": 4, }, undefined, ], @@ -527,13 +527,13 @@ exports[`@lad-tech/mobydick-core/Button renders correctly left icon small 1`] = { "alignItems": "center", "backgroundColor": "#2B78EE", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "minHeight": 48, + "minHeight": 32, "opacity": 1, - "paddingHorizontal": 9, - "paddingVertical": 9, + "paddingHorizontal": 6, + "paddingVertical": 6, } } > @@ -576,10 +576,10 @@ exports[`@lad-tech/mobydick-core/Button renders correctly loading 1`] = ` "alignItems": "center", "alignSelf": "stretch", "backgroundColor": "#2B78EE", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "minHeight": 72, + "minHeight": 48, "opacity": 1, } } @@ -640,10 +640,10 @@ exports[`@lad-tech/mobydick-core/Button renders correctly loading disabled 1`] = "alignItems": "center", "alignSelf": "stretch", "backgroundColor": "#9BA1B0", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "minHeight": 72, + "minHeight": 48, "opacity": 1, } } @@ -704,10 +704,10 @@ exports[`@lad-tech/mobydick-core/Button renders correctly loading types 1`] = ` "alignItems": "center", "alignSelf": "stretch", "backgroundColor": "transparent", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "minHeight": 72, + "minHeight": 48, "opacity": 1, } } @@ -768,10 +768,10 @@ exports[`@lad-tech/mobydick-core/Button renders correctly loading types 2`] = ` "alignItems": "center", "alignSelf": "stretch", "backgroundColor": "rgba(43, 120, 238, 0.15)", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "minHeight": 72, + "minHeight": 48, "opacity": 1, } } @@ -832,10 +832,10 @@ exports[`@lad-tech/mobydick-core/Button renders correctly loading types 3`] = ` "alignItems": "center", "alignSelf": "stretch", "backgroundColor": "#2B78EE", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "minHeight": 72, + "minHeight": 48, "opacity": 1, } } @@ -847,14 +847,14 @@ exports[`@lad-tech/mobydick-core/Button renders correctly loading types 3`] = ` "alignItems": "center", "alignSelf": "center", "backgroundColor": "#FFF", - "borderRadius": 18, - "height": 36, + "borderRadius": 12, + "height": 24, "justifyContent": "center", - "minWidth": 36, + "minWidth": 24, "zIndex": 1, }, { - "marginLeft": 3, + "marginLeft": 2, }, ] } @@ -866,13 +866,13 @@ exports[`@lad-tech/mobydick-core/Button renders correctly loading types 3`] = ` { "color": "#FFF", "fontFamily": "Inter-SemiBold", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, { "color": "#2B78EE", - "paddingHorizontal": 9, + "paddingHorizontal": 6, "textAlign": "center", }, ] @@ -918,10 +918,10 @@ exports[`@lad-tech/mobydick-core/Button renders correctly loading types 4`] = ` "alignItems": "center", "alignSelf": "stretch", "backgroundColor": "rgba(43, 120, 238, 0.15)", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "minHeight": 72, + "minHeight": 48, "opacity": 1, } } @@ -933,14 +933,14 @@ exports[`@lad-tech/mobydick-core/Button renders correctly loading types 4`] = ` "alignItems": "center", "alignSelf": "center", "backgroundColor": "#FFF", - "borderRadius": 18, - "height": 36, + "borderRadius": 12, + "height": 24, "justifyContent": "center", - "minWidth": 36, + "minWidth": 24, "zIndex": 1, }, { - "marginLeft": 3, + "marginLeft": 2, }, ] } @@ -952,13 +952,13 @@ exports[`@lad-tech/mobydick-core/Button renders correctly loading types 4`] = ` { "color": "#FFF", "fontFamily": "Inter-SemiBold", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, { "color": "#2B78EE", - "paddingHorizontal": 9, + "paddingHorizontal": 6, "textAlign": "center", }, ] @@ -1004,10 +1004,10 @@ exports[`@lad-tech/mobydick-core/Button renders correctly loading types 5`] = ` "alignItems": "center", "alignSelf": "stretch", "backgroundColor": "transparent", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "minHeight": 72, + "minHeight": 48, "opacity": 1, } } @@ -1019,14 +1019,14 @@ exports[`@lad-tech/mobydick-core/Button renders correctly loading types 5`] = ` "alignItems": "center", "alignSelf": "center", "backgroundColor": "#2B78EE", - "borderRadius": 18, - "height": 36, + "borderRadius": 12, + "height": 24, "justifyContent": "center", - "minWidth": 36, + "minWidth": 24, "zIndex": 1, }, { - "marginLeft": 3, + "marginLeft": 2, }, ] } @@ -1038,13 +1038,13 @@ exports[`@lad-tech/mobydick-core/Button renders correctly loading types 5`] = ` { "color": "#FFF", "fontFamily": "Inter-SemiBold", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, { "color": "#FFF", - "paddingHorizontal": 9, + "paddingHorizontal": 6, "textAlign": "center", }, ] @@ -1090,10 +1090,10 @@ exports[`@lad-tech/mobydick-core/Button renders correctly loading types 6`] = ` "alignItems": "center", "alignSelf": "stretch", "backgroundColor": "#9BA1B0", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "minHeight": 72, + "minHeight": 48, "opacity": 1, } } @@ -1105,14 +1105,14 @@ exports[`@lad-tech/mobydick-core/Button renders correctly loading types 6`] = ` "alignItems": "center", "alignSelf": "center", "backgroundColor": "#FFF", - "borderRadius": 18, - "height": 36, + "borderRadius": 12, + "height": 24, "justifyContent": "center", - "minWidth": 36, + "minWidth": 24, "zIndex": 1, }, { - "marginLeft": 3, + "marginLeft": 2, }, ] } @@ -1124,13 +1124,13 @@ exports[`@lad-tech/mobydick-core/Button renders correctly loading types 6`] = ` { "color": "#FFF", "fontFamily": "Inter-SemiBold", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, { "color": "#9BA1B0", - "paddingHorizontal": 9, + "paddingHorizontal": 6, "textAlign": "center", }, ] @@ -1176,10 +1176,10 @@ exports[`@lad-tech/mobydick-core/Button renders correctly loading types 7`] = ` "alignItems": "center", "alignSelf": "stretch", "backgroundColor": "#2B78EE", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "minHeight": 72, + "minHeight": 48, "opacity": 1, } } @@ -1240,10 +1240,10 @@ exports[`@lad-tech/mobydick-core/Button renders correctly loading types 8`] = ` "alignItems": "center", "alignSelf": "stretch", "backgroundColor": "#F54D3D", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "minHeight": 72, + "minHeight": 48, "opacity": 1, } } @@ -1255,14 +1255,14 @@ exports[`@lad-tech/mobydick-core/Button renders correctly loading types 8`] = ` "alignItems": "center", "alignSelf": "center", "backgroundColor": "#FFF", - "borderRadius": 18, - "height": 36, + "borderRadius": 12, + "height": 24, "justifyContent": "center", - "minWidth": 36, + "minWidth": 24, "zIndex": 1, }, { - "marginLeft": 3, + "marginLeft": 2, }, ] } @@ -1274,13 +1274,13 @@ exports[`@lad-tech/mobydick-core/Button renders correctly loading types 8`] = ` { "color": "#FFF", "fontFamily": "Inter-SemiBold", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, { "color": "#F54D3D", - "paddingHorizontal": 9, + "paddingHorizontal": 6, "textAlign": "center", }, ] @@ -1326,10 +1326,10 @@ exports[`@lad-tech/mobydick-core/Button renders correctly loading without type 1 "alignItems": "center", "alignSelf": "stretch", "backgroundColor": "#2B78EE", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "minHeight": 72, + "minHeight": 48, "opacity": 1, } } @@ -1370,10 +1370,10 @@ exports[`@lad-tech/mobydick-core/Button renders correctly secondary 1`] = ` "alignItems": "center", "alignSelf": "stretch", "backgroundColor": "rgba(43, 120, 238, 0.15)", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "minHeight": 72, + "minHeight": 48, "opacity": 1, } } @@ -1413,13 +1413,13 @@ exports[`@lad-tech/mobydick-core/Button renders correctly small 1`] = ` { "alignItems": "center", "backgroundColor": "#2B78EE", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "minHeight": 48, + "minHeight": 32, "opacity": 1, - "paddingHorizontal": 9, - "paddingVertical": 9, + "paddingHorizontal": 6, + "paddingVertical": 6, } } /> @@ -1458,13 +1458,13 @@ exports[`@lad-tech/mobydick-core/Button renders correctly small 2`] = ` { "alignItems": "center", "backgroundColor": "#2B78EE", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "minHeight": 48, + "minHeight": 32, "opacity": 1, - "paddingHorizontal": 9, - "paddingVertical": 9, + "paddingHorizontal": 6, + "paddingVertical": 6, } } > @@ -1524,10 +1524,10 @@ exports[`@lad-tech/mobydick-core/Button renders correctly tertiary 1`] = ` "alignItems": "center", "alignSelf": "stretch", "backgroundColor": "transparent", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "minHeight": 72, + "minHeight": 48, "opacity": 1, } } @@ -1567,13 +1567,13 @@ exports[`@lad-tech/mobydick-core/Button renders correctly text 1`] = ` { "alignItems": "center", "backgroundColor": "#2B78EE", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "minHeight": 48, + "minHeight": 32, "opacity": 1, - "paddingHorizontal": 18, - "paddingVertical": 9, + "paddingHorizontal": 12, + "paddingVertical": 6, } } > @@ -1584,13 +1584,13 @@ exports[`@lad-tech/mobydick-core/Button renders correctly text 1`] = ` { "color": "#FFF", "fontFamily": "Inter-SemiBold", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, [ { - "paddingHorizontal": 6, + "paddingHorizontal": 4, }, undefined, ], @@ -1635,7 +1635,7 @@ exports[`@lad-tech/mobydick-core/Button renders correctly without size 1`] = ` { "alignItems": "center", "backgroundColor": "#2B78EE", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", "opacity": 1, diff --git a/packages/core/src/cta/components/Button/stylesCreate.ts b/packages/core/src/cta/components/Button/stylesCreate.ts index 005fa7077..442c34825 100644 --- a/packages/core/src/cta/components/Button/stylesCreate.ts +++ b/packages/core/src/cta/components/Button/stylesCreate.ts @@ -1,8 +1,8 @@ import {ViewStyle} from 'react-native'; -import rem from '../../../styles/utils/rem'; import {IThemeContext} from '../../../styles/types'; import {createStyles} from '../../../styles'; +import px from '../../../styles/utils/px'; import {IButtonSize, IButtonTypes} from './types'; @@ -24,7 +24,7 @@ const getButtonHorizontalPadding = ({ return theme.spaces.Space6; } if (leftIcon || rightIcon) { - return rem(14); + return px(14); } return theme.spaces.Space12; }; @@ -52,7 +52,7 @@ const getButtonStyles = ({ return { minHeight: theme.spaces.Space48, paddingVertical: theme.spaces.Space12, - paddingHorizontal: text ? rem(26) : theme.spaces.Space12, + paddingHorizontal: text ? px(26) : theme.spaces.Space12, }; case IButtonSize.fixed: return { diff --git a/packages/core/src/inputs/components/DropDown/__tests__/__snapshots__/DropDown.test.tsx.snap b/packages/core/src/inputs/components/DropDown/__tests__/__snapshots__/DropDown.test.tsx.snap index b2f153a88..84f1436cc 100644 --- a/packages/core/src/inputs/components/DropDown/__tests__/__snapshots__/DropDown.test.tsx.snap +++ b/packages/core/src/inputs/components/DropDown/__tests__/__snapshots__/DropDown.test.tsx.snap @@ -8,7 +8,7 @@ exports[`@lad-tech/mobydick-core/DropDown multiselect snapshot 1`] = ` "justifyContent": "center", }, { - "width": 300, + "width": 200, }, ] } @@ -27,12 +27,12 @@ exports[`@lad-tech/mobydick-core/DropDown multiselect snapshot 1`] = ` { "color": "#5E6678", "fontFamily": "Inter-Medium", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, { - "paddingBottom": 12, + "paddingBottom": 8, }, ] } @@ -80,20 +80,20 @@ exports[`@lad-tech/mobydick-core/DropDown multiselect snapshot 1`] = ` "alignItems": "center", "backgroundColor": "#EEEFF1", "borderColor": "rgba(32, 36, 45, 0.3)", - "borderRadius": 12, - "borderWidth": 1.5, + "borderRadius": 8, + "borderWidth": 1, "flexDirection": "row", "justifyContent": "space-between", - "marginBottom": 12, - "paddingLeft": 27, - "paddingRight": 18, + "marginBottom": 8, + "paddingLeft": 18, + "paddingRight": 12, }, undefined, { - "paddingVertical": 12, + "paddingVertical": 8, }, { - "minHeight": 72, + "minHeight": 48, }, { "borderColor": "transparent", @@ -107,7 +107,7 @@ exports[`@lad-tech/mobydick-core/DropDown multiselect snapshot 1`] = ` "flex": 1, "flexDirection": "row", "flexWrap": "wrap", - "gap": 12, + "gap": 8, } } > @@ -117,10 +117,10 @@ exports[`@lad-tech/mobydick-core/DropDown multiselect snapshot 1`] = ` "alignItems": "center", "alignSelf": "flex-start", "backgroundColor": "rgba(43, 120, 238, 0.15)", - "borderRadius": 12, + "borderRadius": 8, "flexDirection": "row", - "padding": 6, - "paddingLeft": 12, + "padding": 4, + "paddingLeft": 8, } } > @@ -131,12 +131,12 @@ exports[`@lad-tech/mobydick-core/DropDown multiselect snapshot 1`] = ` { "color": "#2B78EE", "fontFamily": "Inter-Regular", - "fontSize": 18, - "lineHeight": 24, - "minHeight": 24, + "fontSize": 12, + "lineHeight": 16, + "minHeight": 16, }, { - "marginRight": 6, + "marginRight": 4, }, ] } @@ -184,7 +184,7 @@ exports[`@lad-tech/mobydick-core/DropDown multiselect snapshot 1`] = ` { "color": "#2B78EE", "fontFamily": "Neotis", - "fontSize": 24, + "fontSize": 16, } } > @@ -202,7 +202,7 @@ exports[`@lad-tech/mobydick-core/DropDown multiselect snapshot 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -222,7 +222,7 @@ exports[`@lad-tech/mobydick-core/DropDown renders correctly 10 elements 1`] = ` "justifyContent": "center", }, { - "width": 300, + "width": 200, }, ] } @@ -241,12 +241,12 @@ exports[`@lad-tech/mobydick-core/DropDown renders correctly 10 elements 1`] = ` { "color": "#5E6678", "fontFamily": "Inter-Medium", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, { - "paddingBottom": 12, + "paddingBottom": 8, }, ] } @@ -294,18 +294,18 @@ exports[`@lad-tech/mobydick-core/DropDown renders correctly 10 elements 1`] = ` "alignItems": "center", "backgroundColor": "#EEEFF1", "borderColor": "rgba(32, 36, 45, 0.3)", - "borderRadius": 12, - "borderWidth": 1.5, + "borderRadius": 8, + "borderWidth": 1, "flexDirection": "row", "justifyContent": "space-between", - "marginBottom": 12, - "paddingLeft": 27, - "paddingRight": 18, + "marginBottom": 8, + "paddingLeft": 18, + "paddingRight": 12, }, undefined, undefined, { - "height": 72, + "height": 48, }, { "borderColor": "transparent", @@ -321,9 +321,9 @@ exports[`@lad-tech/mobydick-core/DropDown renders correctly 10 elements 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, [ { @@ -345,7 +345,7 @@ exports[`@lad-tech/mobydick-core/DropDown renders correctly 10 elements 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -365,7 +365,7 @@ exports[`@lad-tech/mobydick-core/DropDown renders correctly 10 elements disabled "justifyContent": "center", }, { - "width": 300, + "width": 200, }, ] } @@ -384,12 +384,12 @@ exports[`@lad-tech/mobydick-core/DropDown renders correctly 10 elements disabled { "color": "#5E6678", "fontFamily": "Inter-Medium", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, { - "paddingBottom": 12, + "paddingBottom": 8, }, ] } @@ -437,18 +437,18 @@ exports[`@lad-tech/mobydick-core/DropDown renders correctly 10 elements disabled "alignItems": "center", "backgroundColor": "#D1D4DB", "borderColor": "transparent", - "borderRadius": 12, - "borderWidth": 1.5, + "borderRadius": 8, + "borderWidth": 1, "flexDirection": "row", "justifyContent": "space-between", - "marginBottom": 12, - "paddingLeft": 27, - "paddingRight": 18, + "marginBottom": 8, + "paddingLeft": 18, + "paddingRight": 12, }, undefined, undefined, { - "height": 72, + "height": 48, }, { "borderColor": "transparent", @@ -464,9 +464,9 @@ exports[`@lad-tech/mobydick-core/DropDown renders correctly 10 elements disabled { "color": "#9BA1B0", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, [ { @@ -488,7 +488,7 @@ exports[`@lad-tech/mobydick-core/DropDown renders correctly 10 elements disabled { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -508,7 +508,7 @@ exports[`@lad-tech/mobydick-core/DropDown renders correctly 10 elements type val "justifyContent": "center", }, { - "width": 300, + "width": 200, }, ] } @@ -527,12 +527,12 @@ exports[`@lad-tech/mobydick-core/DropDown renders correctly 10 elements type val { "color": "#5E6678", "fontFamily": "Inter-Medium", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, { - "paddingBottom": 12, + "paddingBottom": 8, }, ] } @@ -580,18 +580,18 @@ exports[`@lad-tech/mobydick-core/DropDown renders correctly 10 elements type val "alignItems": "center", "backgroundColor": "rgba(43, 120, 238, 0.15)", "borderColor": "transparent", - "borderRadius": 12, - "borderWidth": 1.5, + "borderRadius": 8, + "borderWidth": 1, "flexDirection": "row", "justifyContent": "space-between", - "marginBottom": 12, - "paddingLeft": 27, - "paddingRight": 18, + "marginBottom": 8, + "paddingLeft": 18, + "paddingRight": 12, }, undefined, undefined, { - "height": 72, + "height": 48, }, { "borderColor": "transparent", @@ -607,9 +607,9 @@ exports[`@lad-tech/mobydick-core/DropDown renders correctly 10 elements type val { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, [ { @@ -631,7 +631,7 @@ exports[`@lad-tech/mobydick-core/DropDown renders correctly 10 elements type val { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -670,13 +670,13 @@ exports[`@lad-tech/mobydick-core/DropDown renders correctly 10 elements type wro { "color": "#5E6678", "fontFamily": "Inter-Medium", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, [ { - "paddingBottom": 12, + "paddingBottom": 8, }, { "paddingBottom": 8, @@ -728,13 +728,13 @@ exports[`@lad-tech/mobydick-core/DropDown renders correctly 10 elements type wro "alignItems": "center", "backgroundColor": "rgba(245, 77, 61, 0.15)", "borderColor": "transparent", - "borderRadius": 12, - "borderWidth": 1.5, + "borderRadius": 8, + "borderWidth": 1, "flexDirection": "row", "justifyContent": "space-between", - "marginBottom": 12, - "paddingLeft": 27, - "paddingRight": 18, + "marginBottom": 8, + "paddingLeft": 18, + "paddingRight": 12, }, { "backgroundColor": "#000", @@ -760,9 +760,9 @@ exports[`@lad-tech/mobydick-core/DropDown renders correctly 10 elements type wro { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, [ { @@ -784,7 +784,7 @@ exports[`@lad-tech/mobydick-core/DropDown renders correctly 10 elements type wro { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -804,7 +804,7 @@ exports[`@lad-tech/mobydick-core/DropDown renders correctly without array 1`] = "justifyContent": "center", }, { - "width": 300, + "width": 200, }, ] } @@ -823,12 +823,12 @@ exports[`@lad-tech/mobydick-core/DropDown renders correctly without array 1`] = { "color": "#5E6678", "fontFamily": "Inter-Medium", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, { - "paddingBottom": 12, + "paddingBottom": 8, }, ] } @@ -876,18 +876,18 @@ exports[`@lad-tech/mobydick-core/DropDown renders correctly without array 1`] = "alignItems": "center", "backgroundColor": "#EEEFF1", "borderColor": "rgba(32, 36, 45, 0.3)", - "borderRadius": 12, - "borderWidth": 1.5, + "borderRadius": 8, + "borderWidth": 1, "flexDirection": "row", "justifyContent": "space-between", - "marginBottom": 12, - "paddingLeft": 27, - "paddingRight": 18, + "marginBottom": 8, + "paddingLeft": 18, + "paddingRight": 12, }, undefined, undefined, { - "height": 72, + "height": 48, }, { "borderColor": "transparent", @@ -903,9 +903,9 @@ exports[`@lad-tech/mobydick-core/DropDown renders correctly without array 1`] = { "color": "#9BA1B0", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, [ { @@ -927,7 +927,7 @@ exports[`@lad-tech/mobydick-core/DropDown renders correctly without array 1`] = { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -947,7 +947,7 @@ exports[`@lad-tech/mobydick-core/DropDown renders correctly without array with t "justifyContent": "center", }, { - "width": 300, + "width": 200, }, ] } @@ -966,12 +966,12 @@ exports[`@lad-tech/mobydick-core/DropDown renders correctly without array with t { "color": "#5E6678", "fontFamily": "Inter-Medium", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, { - "paddingBottom": 12, + "paddingBottom": 8, }, ] } @@ -985,9 +985,9 @@ exports[`@lad-tech/mobydick-core/DropDown renders correctly without array with t { "color": "#5E6678", "fontFamily": "Inter-Medium", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, { "color": "#F54D3D", @@ -1038,18 +1038,18 @@ exports[`@lad-tech/mobydick-core/DropDown renders correctly without array with t "alignItems": "center", "backgroundColor": "#EEEFF1", "borderColor": "rgba(32, 36, 45, 0.3)", - "borderRadius": 12, - "borderWidth": 1.5, + "borderRadius": 8, + "borderWidth": 1, "flexDirection": "row", "justifyContent": "space-between", - "marginBottom": 12, - "paddingLeft": 27, - "paddingRight": 18, + "marginBottom": 8, + "paddingLeft": 18, + "paddingRight": 12, }, undefined, undefined, { - "height": 72, + "height": 48, }, { "borderColor": "transparent", @@ -1065,9 +1065,9 @@ exports[`@lad-tech/mobydick-core/DropDown renders correctly without array with t { "color": "#9BA1B0", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, [ { @@ -1089,7 +1089,7 @@ exports[`@lad-tech/mobydick-core/DropDown renders correctly without array with t { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -1128,12 +1128,12 @@ exports[`@lad-tech/mobydick-core/DropDown selectItemClose 1`] = ` { "color": "#5E6678", "fontFamily": "Inter-Medium", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, { - "paddingBottom": 12, + "paddingBottom": 8, }, ] } @@ -1181,13 +1181,13 @@ exports[`@lad-tech/mobydick-core/DropDown selectItemClose 1`] = ` "alignItems": "center", "backgroundColor": "#EEEFF1", "borderColor": "rgba(32, 36, 45, 0.3)", - "borderRadius": 12, - "borderWidth": 1.5, + "borderRadius": 8, + "borderWidth": 1, "flexDirection": "row", "justifyContent": "space-between", - "marginBottom": 12, - "paddingLeft": 27, - "paddingRight": 18, + "marginBottom": 8, + "paddingLeft": 18, + "paddingRight": 12, }, { "backgroundColor": "#000", @@ -1213,9 +1213,9 @@ exports[`@lad-tech/mobydick-core/DropDown selectItemClose 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, [ { @@ -1237,7 +1237,7 @@ exports[`@lad-tech/mobydick-core/DropDown selectItemClose 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -1259,8 +1259,8 @@ exports[`@lad-tech/mobydick-core/DropDown selectItemClose 1`] = ` { "color": "#9BA1B0", "fontFamily": "Neotis", - "fontSize": 24, - "marginRight": 6, + "fontSize": 16, + "marginRight": 4, } } > @@ -1273,9 +1273,9 @@ exports[`@lad-tech/mobydick-core/DropDown selectItemClose 1`] = ` { "color": "#9BA1B0", "fontFamily": "Inter-Regular", - "fontSize": 18, - "lineHeight": 24, - "minHeight": 24, + "fontSize": 12, + "lineHeight": 16, + "minHeight": 16, }, { "flex": 1, diff --git a/packages/core/src/inputs/components/DropDown/components/__tests__/Selector.test.tsx b/packages/core/src/inputs/components/DropDown/components/__tests__/Selector.test.tsx index 56c3167eb..e345120ee 100644 --- a/packages/core/src/inputs/components/DropDown/components/__tests__/Selector.test.tsx +++ b/packages/core/src/inputs/components/DropDown/components/__tests__/Selector.test.tsx @@ -1,4 +1,4 @@ -import {render, fireEvent} from '@testing-library/react-native'; +import {fireEvent, render} from '@testing-library/react-native'; import {SafeAreaProvider} from 'react-native-safe-area-context'; import Selector from '../Selector'; @@ -127,7 +127,7 @@ describe('@lad-tech/mobydick-core/Selector', () => { ); expect(spy).toHaveBeenLastCalledWith({ - dropDownBorderWidth: 1.5, + dropDownBorderWidth: 1, dropDownHeight: 72, height: 640, navBarHeight: 50, diff --git a/packages/core/src/inputs/components/DropDown/components/__tests__/__snapshots__/Chip.test.tsx.snap b/packages/core/src/inputs/components/DropDown/components/__tests__/__snapshots__/Chip.test.tsx.snap index 16b70a185..f8920c069 100644 --- a/packages/core/src/inputs/components/DropDown/components/__tests__/__snapshots__/Chip.test.tsx.snap +++ b/packages/core/src/inputs/components/DropDown/components/__tests__/__snapshots__/Chip.test.tsx.snap @@ -7,10 +7,10 @@ exports[`@lad-tech/mobydick-core/Chip renders correctly and onPress fired 1`] = "alignItems": "center", "alignSelf": "flex-start", "backgroundColor": "rgba(43, 120, 238, 0.15)", - "borderRadius": 12, + "borderRadius": 8, "flexDirection": "row", - "padding": 6, - "paddingLeft": 12, + "padding": 4, + "paddingLeft": 8, } } > @@ -21,12 +21,12 @@ exports[`@lad-tech/mobydick-core/Chip renders correctly and onPress fired 1`] = { "color": "#2B78EE", "fontFamily": "Inter-Regular", - "fontSize": 18, - "lineHeight": 24, - "minHeight": 24, + "fontSize": 12, + "lineHeight": 16, + "minHeight": 16, }, { - "marginRight": 6, + "marginRight": 4, }, ] } @@ -74,7 +74,7 @@ exports[`@lad-tech/mobydick-core/Chip renders correctly and onPress fired 1`] = { "color": "#2B78EE", "fontFamily": "Neotis", - "fontSize": 24, + "fontSize": 16, } } > @@ -91,10 +91,10 @@ exports[`@lad-tech/mobydick-core/Chip renders correctly with maxTextLength 1`] = "alignItems": "center", "alignSelf": "flex-start", "backgroundColor": "rgba(43, 120, 238, 0.15)", - "borderRadius": 12, + "borderRadius": 8, "flexDirection": "row", - "padding": 6, - "paddingLeft": 12, + "padding": 4, + "paddingLeft": 8, } } > @@ -105,12 +105,12 @@ exports[`@lad-tech/mobydick-core/Chip renders correctly with maxTextLength 1`] = { "color": "#2B78EE", "fontFamily": "Inter-Regular", - "fontSize": 18, - "lineHeight": 24, - "minHeight": 24, + "fontSize": 12, + "lineHeight": 16, + "minHeight": 16, }, { - "marginRight": 6, + "marginRight": 4, }, ] } @@ -158,7 +158,7 @@ exports[`@lad-tech/mobydick-core/Chip renders correctly with maxTextLength 1`] = { "color": "#2B78EE", "fontFamily": "Neotis", - "fontSize": 24, + "fontSize": 16, } } > diff --git a/packages/core/src/inputs/components/DropDown/components/__tests__/__snapshots__/ChipList.test.tsx.snap b/packages/core/src/inputs/components/DropDown/components/__tests__/__snapshots__/ChipList.test.tsx.snap index 0731ad38e..3be38a521 100644 --- a/packages/core/src/inputs/components/DropDown/components/__tests__/__snapshots__/ChipList.test.tsx.snap +++ b/packages/core/src/inputs/components/DropDown/components/__tests__/__snapshots__/ChipList.test.tsx.snap @@ -7,7 +7,7 @@ exports[`@lad-tech/mobydick-core/ChipList renders correctly and onChange fired 1 "flex": 1, "flexDirection": "row", "flexWrap": "wrap", - "gap": 12, + "gap": 8, } } > @@ -17,10 +17,10 @@ exports[`@lad-tech/mobydick-core/ChipList renders correctly and onChange fired 1 "alignItems": "center", "alignSelf": "flex-start", "backgroundColor": "rgba(43, 120, 238, 0.15)", - "borderRadius": 12, + "borderRadius": 8, "flexDirection": "row", - "padding": 6, - "paddingLeft": 12, + "padding": 4, + "paddingLeft": 8, } } > @@ -31,12 +31,12 @@ exports[`@lad-tech/mobydick-core/ChipList renders correctly and onChange fired 1 { "color": "#2B78EE", "fontFamily": "Inter-Regular", - "fontSize": 18, - "lineHeight": 24, - "minHeight": 24, + "fontSize": 12, + "lineHeight": 16, + "minHeight": 16, }, { - "marginRight": 6, + "marginRight": 4, }, ] } @@ -84,7 +84,7 @@ exports[`@lad-tech/mobydick-core/ChipList renders correctly and onChange fired 1 { "color": "#2B78EE", "fontFamily": "Neotis", - "fontSize": 24, + "fontSize": 16, } } > @@ -98,10 +98,10 @@ exports[`@lad-tech/mobydick-core/ChipList renders correctly and onChange fired 1 "alignItems": "center", "alignSelf": "flex-start", "backgroundColor": "rgba(43, 120, 238, 0.15)", - "borderRadius": 12, + "borderRadius": 8, "flexDirection": "row", - "padding": 6, - "paddingLeft": 12, + "padding": 4, + "paddingLeft": 8, } } > @@ -112,12 +112,12 @@ exports[`@lad-tech/mobydick-core/ChipList renders correctly and onChange fired 1 { "color": "#2B78EE", "fontFamily": "Inter-Regular", - "fontSize": 18, - "lineHeight": 24, - "minHeight": 24, + "fontSize": 12, + "lineHeight": 16, + "minHeight": 16, }, { - "marginRight": 6, + "marginRight": 4, }, ] } @@ -165,7 +165,7 @@ exports[`@lad-tech/mobydick-core/ChipList renders correctly and onChange fired 1 { "color": "#2B78EE", "fontFamily": "Neotis", - "fontSize": 24, + "fontSize": 16, } } > diff --git a/packages/core/src/inputs/components/DropDown/components/__tests__/__snapshots__/DropDownIcon.test.tsx.snap b/packages/core/src/inputs/components/DropDown/components/__tests__/__snapshots__/DropDownIcon.test.tsx.snap index 53e310332..74317327c 100644 --- a/packages/core/src/inputs/components/DropDown/components/__tests__/__snapshots__/DropDownIcon.test.tsx.snap +++ b/packages/core/src/inputs/components/DropDown/components/__tests__/__snapshots__/DropDownIcon.test.tsx.snap @@ -10,7 +10,7 @@ exports[`@lad-tech/mobydick-core/DropDownIcon renders correctly custom close 1`] { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -37,7 +37,7 @@ exports[`@lad-tech/mobydick-core/DropDownIcon renders correctly custom open 1`] { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -53,7 +53,7 @@ exports[`@lad-tech/mobydick-core/DropDownIcon renders correctly standart close 1 { "color": "#9BA1B0", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -68,7 +68,7 @@ exports[`@lad-tech/mobydick-core/DropDownIcon renders correctly standart open 1` { "color": "#9BA1B0", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, "transform": [ { "rotateX": "180deg", diff --git a/packages/core/src/inputs/components/DropDown/components/__tests__/__snapshots__/ListEmptySelector.test.tsx.snap b/packages/core/src/inputs/components/DropDown/components/__tests__/__snapshots__/ListEmptySelector.test.tsx.snap index 367ca9d28..7eb3df1ce 100644 --- a/packages/core/src/inputs/components/DropDown/components/__tests__/__snapshots__/ListEmptySelector.test.tsx.snap +++ b/packages/core/src/inputs/components/DropDown/components/__tests__/__snapshots__/ListEmptySelector.test.tsx.snap @@ -8,9 +8,9 @@ exports[`npm/mobydick-inputs/ListEmptySelector renders correctly with text and f { "color": "#F54D3D", "fontFamily": "Inter-Regular", - "fontSize": 27, - "lineHeight": 33, - "minHeight": 33, + "fontSize": 18, + "lineHeight": 22, + "minHeight": 22, }, { "paddingHorizontal": 12, @@ -30,9 +30,9 @@ exports[`npm/mobydick-inputs/ListEmptySelector renders correctly without text an { "color": "#9BA1B0", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, { "paddingHorizontal": 12, diff --git a/packages/core/src/inputs/components/DropDown/components/__tests__/__snapshots__/Selector.test.tsx.snap b/packages/core/src/inputs/components/DropDown/components/__tests__/__snapshots__/Selector.test.tsx.snap index a57bbaa9b..442594f43 100644 --- a/packages/core/src/inputs/components/DropDown/components/__tests__/__snapshots__/Selector.test.tsx.snap +++ b/packages/core/src/inputs/components/DropDown/components/__tests__/__snapshots__/Selector.test.tsx.snap @@ -53,9 +53,9 @@ exports[`@lad-tech/mobydick-core/Selector Selector custom flatList styles 1`] = { "backgroundColor": "#EEEFF1", "borderColor": "rgba(32, 36, 45, 0.15)", - "borderRadius": 18, - "borderWidth": 1.5, - "paddingVertical": 12, + "borderRadius": 12, + "borderWidth": 1, + "paddingVertical": 8, "position": "absolute", }, { @@ -65,10 +65,10 @@ exports[`@lad-tech/mobydick-core/Selector Selector custom flatList styles 1`] = "width": 2, }, { - "top": 79, + "top": 77, }, { - "maxHeight": 366, + "maxHeight": 244, }, ] } @@ -129,8 +129,8 @@ exports[`@lad-tech/mobydick-core/Selector Selector custom flatList styles 1`] = [ { "justifyContent": "center", - "paddingHorizontal": 18, - "paddingVertical": 12, + "paddingHorizontal": 12, + "paddingVertical": 8, }, undefined, { @@ -146,9 +146,9 @@ exports[`@lad-tech/mobydick-core/Selector Selector custom flatList styles 1`] = { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -217,20 +217,20 @@ exports[`@lad-tech/mobydick-core/Selector Selector custom with array in selected { "backgroundColor": "#EEEFF1", "borderColor": "rgba(32, 36, 45, 0.15)", - "borderRadius": 18, - "borderWidth": 1.5, - "paddingVertical": 12, + "borderRadius": 12, + "borderWidth": 1, + "paddingVertical": 8, "position": "absolute", }, undefined, { - "width": 300, + "width": 200, }, { - "top": 79, + "top": 77, }, { - "maxHeight": 366, + "maxHeight": 244, }, ] } @@ -295,8 +295,8 @@ exports[`@lad-tech/mobydick-core/Selector Selector custom with array in selected [ { "justifyContent": "center", - "paddingHorizontal": 18, - "paddingVertical": 12, + "paddingHorizontal": 12, + "paddingVertical": 8, }, undefined, { @@ -312,9 +312,9 @@ exports[`@lad-tech/mobydick-core/Selector Selector custom with array in selected { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -352,8 +352,8 @@ exports[`@lad-tech/mobydick-core/Selector Selector custom with array in selected [ { "justifyContent": "center", - "paddingHorizontal": 18, - "paddingVertical": 12, + "paddingHorizontal": 12, + "paddingVertical": 8, }, undefined, null, @@ -367,9 +367,9 @@ exports[`@lad-tech/mobydick-core/Selector Selector custom with array in selected { "color": "#444B5A", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -438,20 +438,20 @@ exports[`@lad-tech/mobydick-core/Selector Selector custom with empty array in se { "backgroundColor": "#EEEFF1", "borderColor": "rgba(32, 36, 45, 0.15)", - "borderRadius": 18, - "borderWidth": 1.5, - "paddingVertical": 12, + "borderRadius": 12, + "borderWidth": 1, + "paddingVertical": 8, "position": "absolute", }, undefined, { - "width": 300, + "width": 200, }, { - "top": 79, + "top": 77, }, { - "maxHeight": 366, + "maxHeight": 244, }, ] } @@ -516,8 +516,8 @@ exports[`@lad-tech/mobydick-core/Selector Selector custom with empty array in se [ { "justifyContent": "center", - "paddingHorizontal": 18, - "paddingVertical": 12, + "paddingHorizontal": 12, + "paddingVertical": 8, }, undefined, null, @@ -531,9 +531,9 @@ exports[`@lad-tech/mobydick-core/Selector Selector custom with empty array in se { "color": "#444B5A", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -571,8 +571,8 @@ exports[`@lad-tech/mobydick-core/Selector Selector custom with empty array in se [ { "justifyContent": "center", - "paddingHorizontal": 18, - "paddingVertical": 12, + "paddingHorizontal": 12, + "paddingVertical": 8, }, undefined, null, @@ -586,9 +586,9 @@ exports[`@lad-tech/mobydick-core/Selector Selector custom with empty array in se { "color": "#444B5A", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -657,20 +657,20 @@ exports[`@lad-tech/mobydick-core/Selector render correct renderItem TouchableHig { "backgroundColor": "#EEEFF1", "borderColor": "rgba(32, 36, 45, 0.15)", - "borderRadius": 18, - "borderWidth": 1.5, - "paddingVertical": 12, + "borderRadius": 12, + "borderWidth": 1, + "paddingVertical": 8, "position": "absolute", }, undefined, { - "width": 300, + "width": 200, }, { - "top": 87, + "top": 85, }, { - "maxHeight": 366, + "maxHeight": 244, }, ] } @@ -731,8 +731,8 @@ exports[`@lad-tech/mobydick-core/Selector render correct renderItem TouchableHig [ { "justifyContent": "center", - "paddingHorizontal": 18, - "paddingVertical": 12, + "paddingHorizontal": 12, + "paddingVertical": 8, }, { "height": 10, @@ -750,9 +750,9 @@ exports[`@lad-tech/mobydick-core/Selector render correct renderItem TouchableHig { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -821,20 +821,20 @@ exports[`@lad-tech/mobydick-core/Selector render correct renderItem Typography { "backgroundColor": "#EEEFF1", "borderColor": "rgba(32, 36, 45, 0.15)", - "borderRadius": 18, - "borderWidth": 1.5, - "paddingVertical": 12, + "borderRadius": 12, + "borderWidth": 1, + "paddingVertical": 8, "position": "absolute", }, undefined, { - "width": 300, + "width": 200, }, { - "top": 87, + "top": 85, }, { - "maxHeight": 366, + "maxHeight": 244, }, ] } @@ -895,8 +895,8 @@ exports[`@lad-tech/mobydick-core/Selector render correct renderItem Typography [ { "justifyContent": "center", - "paddingHorizontal": 18, - "paddingVertical": 12, + "paddingHorizontal": 12, + "paddingVertical": 8, }, undefined, { @@ -912,9 +912,9 @@ exports[`@lad-tech/mobydick-core/Selector render correct renderItem Typography { "color": "#F54D3D", "fontFamily": "Inter-Bold", - "fontSize": 27, - "lineHeight": 33, - "minHeight": 33, + "fontSize": 18, + "lineHeight": 22, + "minHeight": 22, }, undefined, ] @@ -983,20 +983,20 @@ exports[`@lad-tech/mobydick-core/Selector render correct renderItem Typography w { "backgroundColor": "#EEEFF1", "borderColor": "rgba(32, 36, 45, 0.15)", - "borderRadius": 18, - "borderWidth": 1.5, - "paddingVertical": 12, + "borderRadius": 12, + "borderWidth": 1, + "paddingVertical": 8, "position": "absolute", }, undefined, { - "width": 300, + "width": 200, }, { - "top": 87, + "top": 85, }, { - "maxHeight": 366, + "maxHeight": 244, }, ] } @@ -1057,8 +1057,8 @@ exports[`@lad-tech/mobydick-core/Selector render correct renderItem Typography w [ { "justifyContent": "center", - "paddingHorizontal": 18, - "paddingVertical": 12, + "paddingHorizontal": 12, + "paddingVertical": 8, }, undefined, { @@ -1074,9 +1074,9 @@ exports[`@lad-tech/mobydick-core/Selector render correct renderItem Typography w { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, { "backgroundColor": "red", @@ -1147,20 +1147,20 @@ exports[`@lad-tech/mobydick-core/Selector renders correctly 1`] = ` { "backgroundColor": "#EEEFF1", "borderColor": "rgba(32, 36, 45, 0.15)", - "borderRadius": 18, - "borderWidth": 1.5, - "paddingVertical": 12, + "borderRadius": 12, + "borderWidth": 1, + "paddingVertical": 8, "position": "absolute", }, undefined, { - "width": 300, + "width": 200, }, { - "top": 87, + "top": 85, }, { - "maxHeight": 366, + "maxHeight": 244, }, ] } @@ -1221,8 +1221,8 @@ exports[`@lad-tech/mobydick-core/Selector renders correctly 1`] = ` [ { "justifyContent": "center", - "paddingHorizontal": 18, - "paddingVertical": 12, + "paddingHorizontal": 12, + "paddingVertical": 8, }, undefined, null, @@ -1236,9 +1236,9 @@ exports[`@lad-tech/mobydick-core/Selector renders correctly 1`] = ` { "color": "#444B5A", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -1307,20 +1307,20 @@ exports[`@lad-tech/mobydick-core/Selector renders correctly with bottom padding { "backgroundColor": "#EEEFF1", "borderColor": "rgba(32, 36, 45, 0.15)", - "borderRadius": 18, - "borderWidth": 1.5, - "paddingVertical": 12, + "borderRadius": 12, + "borderWidth": 1, + "paddingVertical": 8, "position": "absolute", }, undefined, { - "width": 300, + "width": 200, }, { - "top": 87, + "top": 85, }, { - "maxHeight": 366, + "maxHeight": 244, }, ] } @@ -1405,8 +1405,8 @@ exports[`@lad-tech/mobydick-core/Selector renders correctly with bottom padding [ { "justifyContent": "center", - "paddingHorizontal": 18, - "paddingVertical": 12, + "paddingHorizontal": 12, + "paddingVertical": 8, }, undefined, { @@ -1422,9 +1422,9 @@ exports[`@lad-tech/mobydick-core/Selector renders correctly with bottom padding { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -1462,8 +1462,8 @@ exports[`@lad-tech/mobydick-core/Selector renders correctly with bottom padding [ { "justifyContent": "center", - "paddingHorizontal": 18, - "paddingVertical": 12, + "paddingHorizontal": 12, + "paddingVertical": 8, }, undefined, { @@ -1479,9 +1479,9 @@ exports[`@lad-tech/mobydick-core/Selector renders correctly with bottom padding { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -1519,8 +1519,8 @@ exports[`@lad-tech/mobydick-core/Selector renders correctly with bottom padding [ { "justifyContent": "center", - "paddingHorizontal": 18, - "paddingVertical": 12, + "paddingHorizontal": 12, + "paddingVertical": 8, }, undefined, { @@ -1536,9 +1536,9 @@ exports[`@lad-tech/mobydick-core/Selector renders correctly with bottom padding { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -1576,8 +1576,8 @@ exports[`@lad-tech/mobydick-core/Selector renders correctly with bottom padding [ { "justifyContent": "center", - "paddingHorizontal": 18, - "paddingVertical": 12, + "paddingHorizontal": 12, + "paddingVertical": 8, }, undefined, { @@ -1593,9 +1593,9 @@ exports[`@lad-tech/mobydick-core/Selector renders correctly with bottom padding { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -1633,8 +1633,8 @@ exports[`@lad-tech/mobydick-core/Selector renders correctly with bottom padding [ { "justifyContent": "center", - "paddingHorizontal": 18, - "paddingVertical": 12, + "paddingHorizontal": 12, + "paddingVertical": 8, }, undefined, { @@ -1650,9 +1650,9 @@ exports[`@lad-tech/mobydick-core/Selector renders correctly with bottom padding { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -1690,8 +1690,8 @@ exports[`@lad-tech/mobydick-core/Selector renders correctly with bottom padding [ { "justifyContent": "center", - "paddingHorizontal": 18, - "paddingVertical": 12, + "paddingHorizontal": 12, + "paddingVertical": 8, }, undefined, { @@ -1707,9 +1707,9 @@ exports[`@lad-tech/mobydick-core/Selector renders correctly with bottom padding { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -1747,8 +1747,8 @@ exports[`@lad-tech/mobydick-core/Selector renders correctly with bottom padding [ { "justifyContent": "center", - "paddingHorizontal": 18, - "paddingVertical": 12, + "paddingHorizontal": 12, + "paddingVertical": 8, }, undefined, { @@ -1764,9 +1764,9 @@ exports[`@lad-tech/mobydick-core/Selector renders correctly with bottom padding { "color": "#20242D", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] diff --git a/packages/core/src/inputs/components/DropDown/constants/index.ts b/packages/core/src/inputs/components/DropDown/constants/index.ts index 42d4e6f58..a78da937b 100644 --- a/packages/core/src/inputs/components/DropDown/constants/index.ts +++ b/packages/core/src/inputs/components/DropDown/constants/index.ts @@ -1,12 +1,12 @@ -import rem from '../../../../styles/utils/rem'; +import px from '../../../../styles/utils/px'; -export const BORDER_BUTTON_WIDTH = rem(1); +export const BORDER_BUTTON_WIDTH = px(1); export const DROP_DOWN_POPUP_ID = 'DropDownPopup'; -export const DEFAULT_DROP_DOWN_HEIGHT = rem(48); -export const DEFAULT_DROP_DOWN_WIDTH = rem(200); -export const DEFAULT_DROPDOWN_MARGIN_FROM_BUTTON = rem(4); +export const DEFAULT_DROP_DOWN_HEIGHT = px(48); +export const DEFAULT_DROP_DOWN_WIDTH = px(200); +export const DEFAULT_DROPDOWN_MARGIN_FROM_BUTTON = px(4); -export const LIST_MAX_HEIGHT = rem(244); -export const EMPTY_LIST_HEIGHT = rem(74); +export const LIST_MAX_HEIGHT = px(244); +export const EMPTY_LIST_HEIGHT = px(74); diff --git a/packages/core/src/inputs/components/DropDown/stylesCreate.tsx b/packages/core/src/inputs/components/DropDown/stylesCreate.tsx index e86e78448..04b25dc2d 100644 --- a/packages/core/src/inputs/components/DropDown/stylesCreate.tsx +++ b/packages/core/src/inputs/components/DropDown/stylesCreate.tsx @@ -1,8 +1,8 @@ import {IInputsTypes} from '../types'; import {disabledStyle, validStyle, wrongStyle} from '../../style'; -import rem from '../../../styles/utils/rem'; import {IThemeContext} from '../../../styles/types'; import {createStyles} from '../../../styles'; +import px from '../../../styles/utils/px'; const defaultStyle = createStyles(({spaces, colors}) => ({ container: { @@ -11,7 +11,7 @@ const defaultStyle = createStyles(({spaces, colors}) => ({ inputContainer: { backgroundColor: colors.BgSecondary, borderRadius: spaces.Space8, - paddingLeft: rem(18), + paddingLeft: px(18), paddingRight: spaces.Space12, borderWidth: spaces.Space1, borderColor: colors.BorderNormal, diff --git a/packages/core/src/inputs/components/DropDown/utils/__tests__/getDropDownDimensions.test.ts b/packages/core/src/inputs/components/DropDown/utils/__tests__/getDropDownDimensions.test.ts index 4c6886eb0..8579b7f37 100644 --- a/packages/core/src/inputs/components/DropDown/utils/__tests__/getDropDownDimensions.test.ts +++ b/packages/core/src/inputs/components/DropDown/utils/__tests__/getDropDownDimensions.test.ts @@ -1,7 +1,7 @@ import {Platform} from 'react-native'; -import rem from '../../../../../styles/utils/rem'; import {getDropDownDimensions} from '../getDropDownDimensions'; +import px from '../../../../../styles/utils/px'; describe('@lad-tech/mobydick-core/DropDownFunctions', () => { it('must return actual position list 8', () => { @@ -15,8 +15,8 @@ describe('@lad-tech/mobydick-core/DropDownFunctions', () => { height: 700, }), ).toEqual({ - underDropDownPos: 506, - aboveDropDownPos: 700 - 300 + rem(4), + underDropDownPos: 504, + aboveDropDownPos: 700 - 300 + px(4), isAboveDropDown: false, }); }); @@ -31,8 +31,8 @@ describe('@lad-tech/mobydick-core/DropDownFunctions', () => { height: 700, }), ).toEqual({ - underDropDownPos: 174, - aboveDropDownPos: 700 - 128 + rem(4), + underDropDownPos: 172, + aboveDropDownPos: 700 - 128 + px(4), isAboveDropDown: false, }); }); @@ -48,8 +48,8 @@ describe('@lad-tech/mobydick-core/DropDownFunctions', () => { height: 700, }), ).toEqual({ - underDropDownPos: 174, - aboveDropDownPos: 700 - 128 + rem(4), + underDropDownPos: 172, + aboveDropDownPos: 700 - 128 + px(4), isAboveDropDown: false, }); }); @@ -64,8 +64,8 @@ describe('@lad-tech/mobydick-core/DropDownFunctions', () => { height: 700, }), ).toEqual({ - underDropDownPos: 174, - aboveDropDownPos: 700 - 128 + rem(4), + underDropDownPos: 172, + aboveDropDownPos: 700 - 128 + px(4), isAboveDropDown: false, }); }); diff --git a/packages/core/src/inputs/components/InputField/InputField.tsx b/packages/core/src/inputs/components/InputField/InputField.tsx index 46165c821..d5307626f 100644 --- a/packages/core/src/inputs/components/InputField/InputField.tsx +++ b/packages/core/src/inputs/components/InputField/InputField.tsx @@ -12,7 +12,7 @@ import View from '../../../basic/components/View/View'; import TextInput from '../../../basic/components/TextInput/TextInput'; import useStyles from '../../../styles/hooks/useStyles'; import {useFont} from '../../../typography/hooks/useFont'; -import rem from '../../../styles/utils/rem'; +import px from '../../../styles/utils/px'; import {IInputFieldsProps} from './types'; import stylesCreate from './stylesCreate'; @@ -86,11 +86,11 @@ const InputField = forwardRef((props, ref) => { [onBlur], ); const getHeight = () => { - return multiline ? {minHeight: rem(80)} : {height: rem(48)}; + return multiline ? {minHeight: px(80)} : {height: px(48)}; }; const getPadding = useCallback(() => { - return rightIcon ? {paddingRight: rem(16)} : null; + return rightIcon ? {paddingRight: px(16)} : null; }, [rightIcon]); return ( diff --git a/packages/core/src/inputs/components/InputField/__tests__/__snapshots__/InputField.test.tsx.snap b/packages/core/src/inputs/components/InputField/__tests__/__snapshots__/InputField.test.tsx.snap index f4d863bf8..8a039b198 100644 --- a/packages/core/src/inputs/components/InputField/__tests__/__snapshots__/InputField.test.tsx.snap +++ b/packages/core/src/inputs/components/InputField/__tests__/__snapshots__/InputField.test.tsx.snap @@ -5,7 +5,7 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly 1`] = ` style={ [ { - "minWidth": 195, + "minWidth": 130, }, undefined, ] @@ -25,9 +25,9 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Inter-Medium", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, undefined, ] @@ -43,14 +43,14 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly 1`] = ` "alignItems": "center", "backgroundColor": "#EEEFF1", "borderColor": "transparent", - "borderRadius": 12, - "borderWidth": 1.5, + "borderRadius": 8, + "borderWidth": 1, "flexDirection": "row", "justifyContent": "space-between", - "marginVertical": 12, + "marginVertical": 8, }, { - "height": 72, + "height": 48, }, null, undefined, @@ -69,20 +69,20 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly 1`] = ` style={ [ { - "borderRadius": 12, + "borderRadius": 8, "flex": 1, "padding": 0, - "paddingLeft": 27, - "paddingRight": 24, - "paddingVertical": 18, + "paddingLeft": 18, + "paddingRight": 16, + "paddingVertical": 12, "textAlignVertical": undefined, }, { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -104,8 +104,8 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly 1`] = ` { "color": "#9BA1B0", "fontFamily": "Neotis", - "fontSize": 24, - "marginRight": 6, + "fontSize": 16, + "marginRight": 4, } } > @@ -118,9 +118,9 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly 1`] = ` { "color": "#9BA1B0", "fontFamily": "Inter-Regular", - "fontSize": 18, - "lineHeight": 24, - "minHeight": 24, + "fontSize": 12, + "lineHeight": 16, + "minHeight": 16, }, { "flex": 1, @@ -139,7 +139,7 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly disabled 1`] = ` style={ [ { - "minWidth": 195, + "minWidth": 130, }, undefined, ] @@ -152,14 +152,14 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly disabled 1`] = ` "alignItems": "center", "backgroundColor": "#D1D4DB", "borderColor": "transparent", - "borderRadius": 12, - "borderWidth": 1.5, + "borderRadius": 8, + "borderWidth": 1, "flexDirection": "row", "justifyContent": "space-between", - "marginVertical": 12, + "marginVertical": 8, }, { - "height": 72, + "height": 48, }, null, undefined, @@ -178,20 +178,20 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly disabled 1`] = ` style={ [ { - "borderRadius": 12, + "borderRadius": 8, "flex": 1, "padding": 0, - "paddingLeft": 27, - "paddingRight": 24, - "paddingVertical": 18, + "paddingLeft": 18, + "paddingRight": 16, + "paddingVertical": 12, "textAlignVertical": undefined, }, { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -207,7 +207,7 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly disabled 2`] = ` style={ [ { - "minWidth": 195, + "minWidth": 130, }, undefined, ] @@ -220,14 +220,14 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly disabled 2`] = ` "alignItems": "center", "backgroundColor": "#D1D4DB", "borderColor": "#D1D4DB", - "borderRadius": 12, - "borderWidth": 1.5, + "borderRadius": 8, + "borderWidth": 1, "flexDirection": "row", "justifyContent": "space-between", - "marginVertical": 12, + "marginVertical": 8, }, { - "height": 72, + "height": 48, }, null, undefined, @@ -246,20 +246,20 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly disabled 2`] = ` style={ [ { - "borderRadius": 12, + "borderRadius": 8, "flex": 1, "padding": 0, - "paddingLeft": 27, - "paddingRight": 24, - "paddingVertical": 18, + "paddingLeft": 18, + "paddingRight": 16, + "paddingVertical": 12, "textAlignVertical": undefined, }, { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -275,7 +275,7 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly focused/blur 1`] = style={ [ { - "minWidth": 195, + "minWidth": 130, }, undefined, ] @@ -288,14 +288,14 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly focused/blur 1`] = "alignItems": "center", "backgroundColor": "#EEEFF1", "borderColor": "rgba(32, 36, 45, 0.3)", - "borderRadius": 12, - "borderWidth": 1.5, + "borderRadius": 8, + "borderWidth": 1, "flexDirection": "row", "justifyContent": "space-between", - "marginVertical": 12, + "marginVertical": 8, }, { - "height": 72, + "height": 48, }, null, undefined, @@ -314,20 +314,20 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly focused/blur 1`] = style={ [ { - "borderRadius": 12, + "borderRadius": 8, "flex": 1, "padding": 0, - "paddingLeft": 27, - "paddingRight": 24, - "paddingVertical": 18, + "paddingLeft": 18, + "paddingRight": 16, + "paddingVertical": 12, "textAlignVertical": undefined, }, { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -343,7 +343,7 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly focused/blur 2`] = style={ [ { - "minWidth": 195, + "minWidth": 130, }, undefined, ] @@ -356,14 +356,14 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly focused/blur 2`] = "alignItems": "center", "backgroundColor": "#EEEFF1", "borderColor": "transparent", - "borderRadius": 12, - "borderWidth": 1.5, + "borderRadius": 8, + "borderWidth": 1, "flexDirection": "row", "justifyContent": "space-between", - "marginVertical": 12, + "marginVertical": 8, }, { - "height": 72, + "height": 48, }, null, undefined, @@ -382,20 +382,20 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly focused/blur 2`] = style={ [ { - "borderRadius": 12, + "borderRadius": 8, "flex": 1, "padding": 0, - "paddingLeft": 27, - "paddingRight": 24, - "paddingVertical": 18, + "paddingLeft": 18, + "paddingRight": 16, + "paddingVertical": 12, "textAlignVertical": undefined, }, { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -411,7 +411,7 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly multiline = false style={ [ { - "minWidth": 195, + "minWidth": 130, }, undefined, ] @@ -431,9 +431,9 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly multiline = false { "color": "#5E6678", "fontFamily": "Inter-Medium", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, undefined, ] @@ -449,14 +449,14 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly multiline = false "alignItems": "center", "backgroundColor": "#EEEFF1", "borderColor": "transparent", - "borderRadius": 12, - "borderWidth": 1.5, + "borderRadius": 8, + "borderWidth": 1, "flexDirection": "row", "justifyContent": "space-between", - "marginVertical": 12, + "marginVertical": 8, }, { - "height": 72, + "height": 48, }, null, undefined, @@ -475,18 +475,18 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly multiline = false style={ [ { - "borderRadius": 12, + "borderRadius": 8, "flex": 1, "padding": 0, - "paddingLeft": 27, - "paddingRight": 24, - "paddingVertical": 18, + "paddingLeft": 18, + "paddingRight": 16, + "paddingVertical": 12, "textAlignVertical": undefined, }, [ { "color": "#20242D", - "fontSize": 24, + "fontSize": 16, "padding": 0, }, ], @@ -504,7 +504,7 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly multiline = true 1 style={ [ { - "minWidth": 195, + "minWidth": 130, }, undefined, ] @@ -524,9 +524,9 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly multiline = true 1 { "color": "#5E6678", "fontFamily": "Inter-Medium", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, undefined, ] @@ -542,14 +542,14 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly multiline = true 1 "alignItems": undefined, "backgroundColor": "#EEEFF1", "borderColor": "transparent", - "borderRadius": 12, - "borderWidth": 1.5, + "borderRadius": 8, + "borderWidth": 1, "flexDirection": "row", "justifyContent": "space-between", - "marginVertical": 12, + "marginVertical": 8, }, { - "minHeight": 120, + "minHeight": 80, }, null, undefined, @@ -568,18 +568,18 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly multiline = true 1 style={ [ { - "borderRadius": 12, + "borderRadius": 8, "flex": 1, "padding": 0, - "paddingLeft": 27, - "paddingRight": 24, - "paddingVertical": 18, + "paddingLeft": 18, + "paddingRight": 16, + "paddingVertical": 12, "textAlignVertical": "top", }, [ { "color": "#20242D", - "fontSize": 24, + "fontSize": 16, "padding": 0, }, ], @@ -597,7 +597,7 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly secureTextEntry 1` style={ [ { - "minWidth": 195, + "minWidth": 130, }, undefined, ] @@ -617,9 +617,9 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly secureTextEntry 1` { "color": "#5E6678", "fontFamily": "Inter-Medium", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, undefined, ] @@ -635,14 +635,14 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly secureTextEntry 1` "alignItems": "center", "backgroundColor": "#EEEFF1", "borderColor": "transparent", - "borderRadius": 12, - "borderWidth": 1.5, + "borderRadius": 8, + "borderWidth": 1, "flexDirection": "row", "justifyContent": "space-between", - "marginVertical": 12, + "marginVertical": 8, }, { - "height": 72, + "height": 48, }, null, undefined, @@ -662,18 +662,18 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly secureTextEntry 1` style={ [ { - "borderRadius": 12, + "borderRadius": 8, "flex": 1, "padding": 0, - "paddingLeft": 27, - "paddingRight": 24, - "paddingVertical": 18, + "paddingLeft": 18, + "paddingRight": 16, + "paddingVertical": 12, "textAlignVertical": undefined, }, [ { "color": "#20242D", - "fontSize": 24, + "fontSize": 16, "padding": 0, }, ], @@ -697,8 +697,8 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly secureTextEntry 1` { "color": "#9BA1B0", "fontFamily": "Neotis", - "fontSize": 24, - "marginRight": 6, + "fontSize": 16, + "marginRight": 4, } } > @@ -711,9 +711,9 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly secureTextEntry 1` { "color": "#9BA1B0", "fontFamily": "Inter-Regular", - "fontSize": 18, - "lineHeight": 24, - "minHeight": 24, + "fontSize": 12, + "lineHeight": 16, + "minHeight": 16, }, { "flex": 1, @@ -732,7 +732,7 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly valid 1`] = ` style={ [ { - "minWidth": 195, + "minWidth": 130, }, undefined, ] @@ -745,14 +745,14 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly valid 1`] = ` "alignItems": "center", "backgroundColor": "rgba(43, 120, 238, 0.15)", "borderColor": "transparent", - "borderRadius": 12, - "borderWidth": 1.5, + "borderRadius": 8, + "borderWidth": 1, "flexDirection": "row", "justifyContent": "space-between", - "marginVertical": 12, + "marginVertical": 8, }, { - "height": 72, + "height": 48, }, null, undefined, @@ -771,20 +771,20 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly valid 1`] = ` style={ [ { - "borderRadius": 12, + "borderRadius": 8, "flex": 1, "padding": 0, - "paddingLeft": 27, - "paddingRight": 24, - "paddingVertical": 18, + "paddingLeft": 18, + "paddingRight": 16, + "paddingVertical": 12, "textAlignVertical": undefined, }, { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -800,7 +800,7 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly valid 2`] = ` style={ [ { - "minWidth": 195, + "minWidth": 130, }, undefined, ] @@ -813,14 +813,14 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly valid 2`] = ` "alignItems": "center", "backgroundColor": "rgba(43, 120, 238, 0.15)", "borderColor": "#2B78EE", - "borderRadius": 12, - "borderWidth": 1.5, + "borderRadius": 8, + "borderWidth": 1, "flexDirection": "row", "justifyContent": "space-between", - "marginVertical": 12, + "marginVertical": 8, }, { - "height": 72, + "height": 48, }, null, undefined, @@ -839,20 +839,20 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly valid 2`] = ` style={ [ { - "borderRadius": 12, + "borderRadius": 8, "flex": 1, "padding": 0, - "paddingLeft": 27, - "paddingRight": 24, - "paddingVertical": 18, + "paddingLeft": 18, + "paddingRight": 16, + "paddingVertical": 12, "textAlignVertical": undefined, }, { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -868,7 +868,7 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly wrong 1`] = ` style={ [ { - "minWidth": 195, + "minWidth": 130, }, undefined, ] @@ -881,14 +881,14 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly wrong 1`] = ` "alignItems": "center", "backgroundColor": "rgba(245, 77, 61, 0.15)", "borderColor": "transparent", - "borderRadius": 12, - "borderWidth": 1.5, + "borderRadius": 8, + "borderWidth": 1, "flexDirection": "row", "justifyContent": "space-between", - "marginVertical": 12, + "marginVertical": 8, }, { - "height": 72, + "height": 48, }, null, undefined, @@ -907,20 +907,20 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly wrong 1`] = ` style={ [ { - "borderRadius": 12, + "borderRadius": 8, "flex": 1, "padding": 0, - "paddingLeft": 27, - "paddingRight": 24, - "paddingVertical": 18, + "paddingLeft": 18, + "paddingRight": 16, + "paddingVertical": 12, "textAlignVertical": undefined, }, { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -942,8 +942,8 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly wrong 1`] = ` { "color": "#F54D3D", "fontFamily": "Neotis", - "fontSize": 24, - "marginRight": 6, + "fontSize": 16, + "marginRight": 4, } } > @@ -956,9 +956,9 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly wrong 1`] = ` { "color": "#F54D3D", "fontFamily": "Inter-Regular", - "fontSize": 18, - "lineHeight": 24, - "minHeight": 24, + "fontSize": 12, + "lineHeight": 16, + "minHeight": 16, }, { "flex": 1, @@ -977,7 +977,7 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly wrong 2`] = ` style={ [ { - "minWidth": 195, + "minWidth": 130, }, undefined, ] @@ -990,14 +990,14 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly wrong 2`] = ` "alignItems": "center", "backgroundColor": "rgba(245, 77, 61, 0.15)", "borderColor": "#F54D3D", - "borderRadius": 12, - "borderWidth": 1.5, + "borderRadius": 8, + "borderWidth": 1, "flexDirection": "row", "justifyContent": "space-between", - "marginVertical": 12, + "marginVertical": 8, }, { - "height": 72, + "height": 48, }, null, undefined, @@ -1016,20 +1016,20 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly wrong 2`] = ` style={ [ { - "borderRadius": 12, + "borderRadius": 8, "flex": 1, "padding": 0, - "paddingLeft": 27, - "paddingRight": 24, - "paddingVertical": 18, + "paddingLeft": 18, + "paddingRight": 16, + "paddingVertical": 12, "textAlignVertical": undefined, }, { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, undefined, ] @@ -1051,8 +1051,8 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly wrong 2`] = ` { "color": "#F54D3D", "fontFamily": "Neotis", - "fontSize": 24, - "marginRight": 6, + "fontSize": 16, + "marginRight": 4, } } > @@ -1065,9 +1065,9 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly wrong 2`] = ` { "color": "#F54D3D", "fontFamily": "Inter-Regular", - "fontSize": 18, - "lineHeight": 24, - "minHeight": 24, + "fontSize": 12, + "lineHeight": 16, + "minHeight": 16, }, { "flex": 1, @@ -1086,7 +1086,7 @@ exports[`@lad-tech/mobydick-core/InputField renders title titleProps 1`] = ` style={ [ { - "minWidth": 195, + "minWidth": 130, }, undefined, ] @@ -1106,9 +1106,9 @@ exports[`@lad-tech/mobydick-core/InputField renders title titleProps 1`] = ` { "color": "#5E6678", "fontFamily": "Inter-Medium", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -1124,14 +1124,14 @@ exports[`@lad-tech/mobydick-core/InputField renders title titleProps 1`] = ` "alignItems": "center", "backgroundColor": "#EEEFF1", "borderColor": "transparent", - "borderRadius": 12, - "borderWidth": 1.5, + "borderRadius": 8, + "borderWidth": 1, "flexDirection": "row", "justifyContent": "space-between", - "marginVertical": 12, + "marginVertical": 8, }, { - "height": 72, + "height": 48, }, null, undefined, @@ -1150,18 +1150,18 @@ exports[`@lad-tech/mobydick-core/InputField renders title titleProps 1`] = ` style={ [ { - "borderRadius": 12, + "borderRadius": 8, "flex": 1, "padding": 0, - "paddingLeft": 27, - "paddingRight": 24, - "paddingVertical": 18, + "paddingLeft": 18, + "paddingRight": 16, + "paddingVertical": 12, "textAlignVertical": undefined, }, [ { "color": "#20242D", - "fontSize": 24, + "fontSize": 16, "padding": 0, }, ], diff --git a/packages/core/src/inputs/components/InputField/stylesCreate.ts b/packages/core/src/inputs/components/InputField/stylesCreate.ts index db3d03609..f63468e96 100644 --- a/packages/core/src/inputs/components/InputField/stylesCreate.ts +++ b/packages/core/src/inputs/components/InputField/stylesCreate.ts @@ -1,11 +1,12 @@ import {IInputsTypes} from '../types'; import {disabledStyle, validStyle, wrongStyle} from '../../style'; -import {createStyles, IThemeContext, rem} from '../../../styles'; +import {createStyles, IThemeContext} from '../../../styles'; +import px from '../../../styles/utils/px'; const defaultStyle = createStyles( ({spaces, colors}, focused: boolean, multiline: boolean) => ({ container: { - minWidth: rem(130), + minWidth: px(130), }, inputContainer: { backgroundColor: colors.BgSecondary, @@ -20,7 +21,7 @@ const defaultStyle = createStyles( textInput: { flex: 1, paddingRight: spaces.Space16, - paddingLeft: rem(18), + paddingLeft: px(18), textAlignVertical: multiline ? 'top' : undefined, padding: 0, // Android по дефолту ставит padding на input's paddingVertical: spaces.Space12, diff --git a/packages/core/src/inputs/components/Search/Search.tsx b/packages/core/src/inputs/components/Search/Search.tsx index e4ac22518..fbfa6984c 100644 --- a/packages/core/src/inputs/components/Search/Search.tsx +++ b/packages/core/src/inputs/components/Search/Search.tsx @@ -6,8 +6,8 @@ import SimpleIcon from '../../../styles/icons/font/SimpleIcon'; import TextInput from '../../../basic/components/TextInput/TextInput'; import {ITextInput} from '../../../basic'; import Pressable from '../../../basic/components/Pressable/Pressable'; -import rem from '../../../styles/utils/rem'; import {LABELS} from '../../../other'; +import px from '../../../styles/utils/px'; import {strings} from './constants'; import stylesCreate from './stylesCreate'; @@ -52,7 +52,7 @@ const Search = forwardRef((props, ref) => { accessibilityLabel={LABELS.cancelSearch} onPress={onCancel} style={styles.cancelIcon}> - + ) : null} diff --git a/packages/core/src/inputs/components/Search/__tests__/__snapshots__/Search.test.tsx.snap b/packages/core/src/inputs/components/Search/__tests__/__snapshots__/Search.test.tsx.snap index 9a0a60c31..6a6cab6e2 100644 --- a/packages/core/src/inputs/components/Search/__tests__/__snapshots__/Search.test.tsx.snap +++ b/packages/core/src/inputs/components/Search/__tests__/__snapshots__/Search.test.tsx.snap @@ -7,12 +7,12 @@ exports[`Search render correctly with value 1`] = ` { "alignItems": "center", "backgroundColor": "#EEEFF1", - "borderRadius": 12, + "borderRadius": 8, "flexDirection": "row", - "height": 54, + "height": 36, "justifyContent": "center", - "paddingLeft": 18, - "paddingRight": 12, + "paddingLeft": 12, + "paddingRight": 8, }, undefined, ] @@ -31,9 +31,9 @@ exports[`Search render correctly with value 1`] = ` { "color": "#20242D", "flex": 1, - "fontSize": 24, + "fontSize": 16, "padding": 0, - "paddingHorizontal": 12, + "paddingHorizontal": 8, }, undefined, ] @@ -75,9 +75,9 @@ exports[`Search render correctly with value 1`] = ` { "alignItems": "center", "backgroundColor": "#D1D4DB", - "borderRadius": 36, + "borderRadius": 24, "justifyContent": "center", - "padding": 6, + "padding": 4, } } > @@ -87,7 +87,7 @@ exports[`Search render correctly with value 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 24, + "fontSize": 16, } } > @@ -104,12 +104,12 @@ exports[`Search render correctly without value 1`] = ` { "alignItems": "center", "backgroundColor": "#EEEFF1", - "borderRadius": 12, + "borderRadius": 8, "flexDirection": "row", - "height": 54, + "height": 36, "justifyContent": "center", - "paddingLeft": 18, - "paddingRight": 12, + "paddingLeft": 12, + "paddingRight": 8, }, undefined, ] @@ -121,7 +121,7 @@ exports[`Search render correctly without value 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -139,9 +139,9 @@ exports[`Search render correctly without value 1`] = ` { "color": "#20242D", "flex": 1, - "fontSize": 24, + "fontSize": 16, "padding": 0, - "paddingHorizontal": 12, + "paddingHorizontal": 8, }, undefined, ] diff --git a/packages/core/src/inputs/components/Search/stylesCreate.ts b/packages/core/src/inputs/components/Search/stylesCreate.ts index 7d5f7f8cd..f9429541f 100644 --- a/packages/core/src/inputs/components/Search/stylesCreate.ts +++ b/packages/core/src/inputs/components/Search/stylesCreate.ts @@ -1,11 +1,12 @@ -import {createStyles, rem} from '../../../styles'; +import {createStyles} from '../../../styles'; +import px from '../../../styles/utils/px'; const stylesCreate = createStyles(({spaces, colors}) => ({ container: { flexDirection: 'row', alignItems: 'center', justifyContent: 'center', - height: rem(36), + height: px(36), backgroundColor: colors.BgSecondary, borderRadius: spaces.Space8, paddingLeft: spaces.Space12, @@ -22,7 +23,7 @@ const stylesCreate = createStyles(({spaces, colors}) => ({ alignItems: 'center', justifyContent: 'center', backgroundColor: colors.BgTertiary, - borderRadius: rem(24), + borderRadius: px(24), padding: spaces.Space4, }, })); diff --git a/packages/core/src/inputs/components/Verification/__tests__/__snapshots__/CodeField.test.tsx.snap b/packages/core/src/inputs/components/Verification/__tests__/__snapshots__/CodeField.test.tsx.snap index 32f9f5ec9..4b559db77 100644 --- a/packages/core/src/inputs/components/Verification/__tests__/__snapshots__/CodeField.test.tsx.snap +++ b/packages/core/src/inputs/components/Verification/__tests__/__snapshots__/CodeField.test.tsx.snap @@ -7,11 +7,11 @@ exports[`@lad-tech/mobydick-core/CodeField render correctly with value blur 1`] { "alignItems": "center", "backgroundColor": "#EEEFF1", - "borderRadius": 12, + "borderRadius": 8, "flexDirection": "row", "justifyContent": "center", - "minHeight": 72, - "minWidth": 102, + "minHeight": 48, + "minWidth": 68, }, undefined, ] @@ -39,9 +39,9 @@ exports[`@lad-tech/mobydick-core/CodeField render correctly with value blur 1`] { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 30, - "lineHeight": 36, - "minHeight": 36, + "fontSize": 20, + "lineHeight": 24, + "minHeight": 24, }, undefined, ] @@ -57,11 +57,11 @@ exports[`@lad-tech/mobydick-core/CodeField render correctly with value focus 1`] { "alignItems": "center", "backgroundColor": "#EEEFF1", - "borderRadius": 12, + "borderRadius": 8, "flexDirection": "row", "justifyContent": "center", - "minHeight": 72, - "minWidth": 102, + "minHeight": 48, + "minWidth": 68, }, undefined, ] @@ -88,9 +88,9 @@ exports[`@lad-tech/mobydick-core/CodeField render correctly with value focus 1`] { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 30, - "lineHeight": 36, - "minHeight": 36, + "fontSize": 20, + "lineHeight": 24, + "minHeight": 24, }, undefined, ] diff --git a/packages/core/src/inputs/components/Verification/stylesCreate.tsx b/packages/core/src/inputs/components/Verification/stylesCreate.tsx index acd5d98d1..27ceffbf1 100644 --- a/packages/core/src/inputs/components/Verification/stylesCreate.tsx +++ b/packages/core/src/inputs/components/Verification/stylesCreate.tsx @@ -1,11 +1,12 @@ -import {createStyles, rem} from '../../../styles'; +import {createStyles} from '../../../styles'; +import px from '../../../styles/utils/px'; const stylesCreate = createStyles(({spaces, colors}, focused: boolean) => ({ inputContainer: { backgroundColor: focused ? colors.BgAccentSoft : colors.BgSecondary, borderRadius: spaces.Space8, - minWidth: rem(68), - minHeight: rem(48), + minWidth: px(68), + minHeight: px(48), flexDirection: 'row', justifyContent: 'center', alignItems: 'center', diff --git a/packages/core/src/navbars/components/PanelHeader/__tests__/__snapshots__/PanelHeader.test.tsx.snap b/packages/core/src/navbars/components/PanelHeader/__tests__/__snapshots__/PanelHeader.test.tsx.snap index d8eed88de..c2ecb0277 100644 --- a/packages/core/src/navbars/components/PanelHeader/__tests__/__snapshots__/PanelHeader.test.tsx.snap +++ b/packages/core/src/navbars/components/PanelHeader/__tests__/__snapshots__/PanelHeader.test.tsx.snap @@ -29,10 +29,10 @@ exports[`Tab render panelHeader 1`] = ` { "alignItems": "center", "flexDirection": "row", - "height": 90, + "height": 60, "justifyContent": "space-between", - "paddingHorizontal": 30, - "paddingVertical": 15, + "paddingHorizontal": 20, + "paddingVertical": 10, }, { "backgroundColor": "#000", @@ -47,10 +47,10 @@ exports[`Tab render panelHeader 1`] = ` [ { "alignItems": "flex-start", - "maxWidth": 144, + "maxWidth": 96, }, { - "minWidth": 36, + "minWidth": 24, }, { "flex": 1, @@ -64,7 +64,7 @@ exports[`Tab render panelHeader 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -76,7 +76,7 @@ exports[`Tab render panelHeader 1`] = ` [ { "flex": 2, - "paddingHorizontal": 12, + "paddingHorizontal": 8, }, { "flex": 1, @@ -91,10 +91,10 @@ exports[`Tab render panelHeader 1`] = ` [ { "alignItems": "flex-end", - "maxWidth": 144, + "maxWidth": 96, }, { - "minWidth": 36, + "minWidth": 24, }, { "flex": 1, @@ -108,7 +108,7 @@ exports[`Tab render panelHeader 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -147,10 +147,10 @@ exports[`Tab render panelHeader edges 1`] = ` { "alignItems": "center", "flexDirection": "row", - "height": 90, + "height": 60, "justifyContent": "space-between", - "paddingHorizontal": 30, - "paddingVertical": 15, + "paddingHorizontal": 20, + "paddingVertical": 10, }, undefined, ] @@ -159,7 +159,7 @@ exports[`Tab render panelHeader edges 1`] = ` @@ -168,7 +168,7 @@ exports[`Tab render panelHeader edges 1`] = ` [ { "flex": 2, - "paddingHorizontal": 12, + "paddingHorizontal": 8, }, undefined, ] @@ -189,9 +189,9 @@ exports[`Tab render panelHeader edges 1`] = ` { "color": "#5E6678", "fontFamily": "Inter-Regular", - "fontSize": 18, - "lineHeight": 24, - "minHeight": 24, + "fontSize": 12, + "lineHeight": 16, + "minHeight": 16, }, [ { @@ -209,7 +209,7 @@ exports[`Tab render panelHeader edges 1`] = ` @@ -237,10 +237,10 @@ exports[`Tab render panelHeader isSafeAreaView 1`] = ` { "alignItems": "center", "flexDirection": "row", - "height": 90, + "height": 60, "justifyContent": "space-between", - "paddingHorizontal": 30, - "paddingVertical": 15, + "paddingHorizontal": 20, + "paddingVertical": 10, }, { "backgroundColor": "#000", @@ -255,10 +255,10 @@ exports[`Tab render panelHeader isSafeAreaView 1`] = ` [ { "alignItems": "flex-start", - "maxWidth": 144, + "maxWidth": 96, }, { - "minWidth": 36, + "minWidth": 24, }, { "flex": 1, @@ -272,7 +272,7 @@ exports[`Tab render panelHeader isSafeAreaView 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -284,7 +284,7 @@ exports[`Tab render panelHeader isSafeAreaView 1`] = ` [ { "flex": 2, - "paddingHorizontal": 12, + "paddingHorizontal": 8, }, { "flex": 1, @@ -299,10 +299,10 @@ exports[`Tab render panelHeader isSafeAreaView 1`] = ` [ { "alignItems": "flex-end", - "maxWidth": 144, + "maxWidth": 96, }, { - "minWidth": 36, + "minWidth": 24, }, { "flex": 1, @@ -316,7 +316,7 @@ exports[`Tab render panelHeader isSafeAreaView 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -356,10 +356,10 @@ exports[`Tab render panelHeader only leftView 1`] = ` { "alignItems": "center", "flexDirection": "row", - "height": 90, + "height": 60, "justifyContent": "space-between", - "paddingHorizontal": 30, - "paddingVertical": 15, + "paddingHorizontal": 20, + "paddingVertical": 10, }, { "backgroundColor": "#000", @@ -374,10 +374,10 @@ exports[`Tab render panelHeader only leftView 1`] = ` [ { "alignItems": "flex-start", - "maxWidth": 144, + "maxWidth": 96, }, { - "minWidth": 36, + "minWidth": 24, }, { "flex": 1, @@ -391,7 +391,7 @@ exports[`Tab render panelHeader only leftView 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -403,7 +403,7 @@ exports[`Tab render panelHeader only leftView 1`] = ` [ { "flex": 2, - "paddingHorizontal": 12, + "paddingHorizontal": 8, }, { "flex": 1, @@ -414,7 +414,7 @@ exports[`Tab render panelHeader only leftView 1`] = ` @@ -452,10 +452,10 @@ exports[`Tab render panelHeader only rightView 1`] = ` { "alignItems": "center", "flexDirection": "row", - "height": 90, + "height": 60, "justifyContent": "space-between", - "paddingHorizontal": 30, - "paddingVertical": 15, + "paddingHorizontal": 20, + "paddingVertical": 10, }, { "backgroundColor": "#000", @@ -466,7 +466,7 @@ exports[`Tab render panelHeader only rightView 1`] = ` @@ -475,7 +475,7 @@ exports[`Tab render panelHeader only rightView 1`] = ` [ { "flex": 2, - "paddingHorizontal": 12, + "paddingHorizontal": 8, }, { "flex": 1, @@ -490,10 +490,10 @@ exports[`Tab render panelHeader only rightView 1`] = ` [ { "alignItems": "flex-end", - "maxWidth": 144, + "maxWidth": 96, }, { - "minWidth": 36, + "minWidth": 24, }, { "flex": 1, @@ -507,7 +507,7 @@ exports[`Tab render panelHeader only rightView 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -546,10 +546,10 @@ exports[`Tab render panelHeader with subtitle 1`] = ` { "alignItems": "center", "flexDirection": "row", - "height": 90, + "height": 60, "justifyContent": "space-between", - "paddingHorizontal": 30, - "paddingVertical": 15, + "paddingHorizontal": 20, + "paddingVertical": 10, }, undefined, ] @@ -558,7 +558,7 @@ exports[`Tab render panelHeader with subtitle 1`] = ` @@ -567,7 +567,7 @@ exports[`Tab render panelHeader with subtitle 1`] = ` [ { "flex": 2, - "paddingHorizontal": 12, + "paddingHorizontal": 8, }, undefined, ] @@ -588,9 +588,9 @@ exports[`Tab render panelHeader with subtitle 1`] = ` { "color": "#5E6678", "fontFamily": "Inter-Regular", - "fontSize": 18, - "lineHeight": 24, - "minHeight": 24, + "fontSize": 12, + "lineHeight": 16, + "minHeight": 16, }, [ { @@ -608,7 +608,7 @@ exports[`Tab render panelHeader with subtitle 1`] = ` @@ -644,10 +644,10 @@ exports[`Tab render panelHeader with title 1`] = ` { "alignItems": "center", "flexDirection": "row", - "height": 90, + "height": 60, "justifyContent": "space-between", - "paddingHorizontal": 30, - "paddingVertical": 15, + "paddingHorizontal": 20, + "paddingVertical": 10, }, undefined, ] @@ -656,7 +656,7 @@ exports[`Tab render panelHeader with title 1`] = ` @@ -665,7 +665,7 @@ exports[`Tab render panelHeader with title 1`] = ` [ { "flex": 2, - "paddingHorizontal": 12, + "paddingHorizontal": 8, }, undefined, ] @@ -686,9 +686,9 @@ exports[`Tab render panelHeader with title 1`] = ` { "color": "#444B5A", "fontFamily": "Inter-SemiBold", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, [ { @@ -706,7 +706,7 @@ exports[`Tab render panelHeader with title 1`] = ` @@ -742,10 +742,10 @@ exports[`Tab render panelHeader without props 1`] = ` { "alignItems": "center", "flexDirection": "row", - "height": 90, + "height": 60, "justifyContent": "space-between", - "paddingHorizontal": 30, - "paddingVertical": 15, + "paddingHorizontal": 20, + "paddingVertical": 10, }, undefined, ] @@ -754,7 +754,7 @@ exports[`Tab render panelHeader without props 1`] = ` @@ -763,7 +763,7 @@ exports[`Tab render panelHeader without props 1`] = ` [ { "flex": 2, - "paddingHorizontal": 12, + "paddingHorizontal": 8, }, undefined, ] @@ -780,7 +780,7 @@ exports[`Tab render panelHeader without props 1`] = ` diff --git a/packages/core/src/navbars/components/PanelHeader/components/ContentHeader.tsx b/packages/core/src/navbars/components/PanelHeader/components/ContentHeader.tsx index cc4bdf174..1bc13434f 100644 --- a/packages/core/src/navbars/components/PanelHeader/components/ContentHeader.tsx +++ b/packages/core/src/navbars/components/PanelHeader/components/ContentHeader.tsx @@ -5,8 +5,8 @@ import View from '../../../../basic/components/View/View'; import {LABELS} from '../../../../other'; import {Typography} from '../../../../typography'; import {createStyles, useStyles} from '../../../../styles'; -import rem from '../../../../styles/utils/rem'; import {IPanelHeaderProps} from '../../../types'; +import px from '../../../../styles/utils/px'; const ContentHeader: FC = props => { const { @@ -26,8 +26,8 @@ const ContentHeader: FC = props => { } = props; const [styles] = useStyles(stylesCreate); - const [widthLeftView, setWidthLeftView] = useState(rem(24)); - const [widthRightView, setWidthRightView] = useState(rem(24)); + const [widthLeftView, setWidthLeftView] = useState(px(24)); + const [widthRightView, setWidthRightView] = useState(px(24)); const onLayoutLeftView = useCallback((event: LayoutChangeEvent) => { setWidthLeftView(event.nativeEvent.layout.width); @@ -98,11 +98,11 @@ const stylesCreate = createStyles(({spaces}) => ({ paddingHorizontal: spaces.Space20, paddingVertical: spaces.Space10, - height: rem(60), + height: px(60), }, leftView: { alignItems: 'flex-start', - maxWidth: rem(96), + maxWidth: px(96), }, titleView: { flex: 2, @@ -110,7 +110,7 @@ const stylesCreate = createStyles(({spaces}) => ({ }, rightView: { alignItems: 'flex-end', - maxWidth: rem(96), + maxWidth: px(96), }, title: { textAlign: 'center', diff --git a/packages/core/src/navbars/components/Tabs/__tests__/__snapshots__/Tab.test.tsx.snap b/packages/core/src/navbars/components/Tabs/__tests__/__snapshots__/Tab.test.tsx.snap index 136e9ddef..ccce4a75d 100644 --- a/packages/core/src/navbars/components/Tabs/__tests__/__snapshots__/Tab.test.tsx.snap +++ b/packages/core/src/navbars/components/Tabs/__tests__/__snapshots__/Tab.test.tsx.snap @@ -33,11 +33,11 @@ exports[`Tab render correctly active false 1`] = ` style={ { "backgroundColor": "#D1D4DB", - "borderRadius": 12, - "marginRight": 12, + "borderRadius": 8, + "marginRight": 8, "opacity": 1, - "paddingHorizontal": 18, - "paddingVertical": 9, + "paddingHorizontal": 12, + "paddingVertical": 6, } } > @@ -48,9 +48,9 @@ exports[`Tab render correctly active false 1`] = ` { "color": "#5E6678", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, undefined, ] @@ -94,11 +94,11 @@ exports[`Tab render correctly with props 1`] = ` style={ { "backgroundColor": "#2B78EE", - "borderRadius": 12, - "marginRight": 12, + "borderRadius": 8, + "marginRight": 8, "opacity": 1, - "paddingHorizontal": 18, - "paddingVertical": 9, + "paddingHorizontal": 12, + "paddingVertical": 6, } } > @@ -110,9 +110,9 @@ exports[`Tab render correctly with props 1`] = ` { "color": "#FFF", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, undefined, ] diff --git a/packages/core/src/navbars/components/Tabs/__tests__/__snapshots__/Tabs.test.tsx.snap b/packages/core/src/navbars/components/Tabs/__tests__/__snapshots__/Tabs.test.tsx.snap index 5687c11fa..ff20d6c76 100644 --- a/packages/core/src/navbars/components/Tabs/__tests__/__snapshots__/Tabs.test.tsx.snap +++ b/packages/core/src/navbars/components/Tabs/__tests__/__snapshots__/Tabs.test.tsx.snap @@ -13,8 +13,8 @@ exports[`Tabs render correctly 1`] = ` [ { "alignItems": "center", - "paddingHorizontal": 30, - "paddingVertical": 12, + "paddingHorizontal": 20, + "paddingVertical": 8, }, undefined, ] @@ -98,11 +98,11 @@ exports[`Tabs render correctly 1`] = ` style={ { "backgroundColor": "#D1D4DB", - "borderRadius": 12, - "marginRight": 12, + "borderRadius": 8, + "marginRight": 8, "opacity": 1, - "paddingHorizontal": 18, - "paddingVertical": 9, + "paddingHorizontal": 12, + "paddingVertical": 6, } } > @@ -113,9 +113,9 @@ exports[`Tabs render correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, undefined, ] @@ -143,8 +143,8 @@ exports[`Tabs render correctly with props 1`] = ` [ { "alignItems": "center", - "paddingHorizontal": 30, - "paddingVertical": 12, + "paddingHorizontal": 20, + "paddingVertical": 8, }, { "flex": 1, @@ -232,11 +232,11 @@ exports[`Tabs render correctly with props 1`] = ` style={ { "backgroundColor": "#000", - "borderRadius": 12, - "marginRight": 12, + "borderRadius": 8, + "marginRight": 8, "opacity": 1, - "paddingHorizontal": 18, - "paddingVertical": 9, + "paddingHorizontal": 12, + "paddingVertical": 6, } } > @@ -247,9 +247,9 @@ exports[`Tabs render correctly with props 1`] = ` { "color": "#F54D3D", "fontFamily": "Inter-Regular", - "fontSize": 42, - "lineHeight": 48, - "minHeight": 48, + "fontSize": 28, + "lineHeight": 32, + "minHeight": 32, }, undefined, ] diff --git a/packages/core/src/other/components/Avatar/AvatarGroup.tsx b/packages/core/src/other/components/Avatar/AvatarGroup.tsx index 62a228058..76da8cf86 100644 --- a/packages/core/src/other/components/Avatar/AvatarGroup.tsx +++ b/packages/core/src/other/components/Avatar/AvatarGroup.tsx @@ -2,9 +2,9 @@ import {FC} from 'react'; import View from '../../../basic/components/View/View'; import {Typography} from '../../../typography'; -import rem from '../../../styles/utils/rem'; import useStyles from '../../../styles/hooks/useStyles'; import {createStyles} from '../../../styles'; +import px from '../../../styles/utils/px'; import Avatar from './Avatar'; import {IAvatarGroupProps} from './types'; @@ -71,7 +71,7 @@ const stylesCreate = createStyles(({spaces, colors}, length: number) => ({ flexDirection: 'row', maxWidth: length > 3 - ? spaces.Space40 * 4 - rem(36) + ? spaces.Space40 * 4 - px(36) : spaces.Space40 * length - spaces.Space12 * (length - 1), }, countView: { @@ -81,7 +81,7 @@ const stylesCreate = createStyles(({spaces, colors}, length: number) => ({ backgroundColor: colors.BgSecondary, justifyContent: 'center', zIndex: 4, - right: rem(36), + right: px(36), borderWidth: spaces.Space2, borderColor: colors.BgPrimary, @@ -103,7 +103,7 @@ const stylesCreate = createStyles(({spaces, colors}, length: number) => ({ zIndex: 3, }, avatarFour: { - right: rem(36), + right: px(36), zIndex: 4, }, })); diff --git a/packages/core/src/other/components/Avatar/__tests__/__snapshots__/Avatar.test.tsx.snap b/packages/core/src/other/components/Avatar/__tests__/__snapshots__/Avatar.test.tsx.snap index 209bc123b..59fafeee0 100644 --- a/packages/core/src/other/components/Avatar/__tests__/__snapshots__/Avatar.test.tsx.snap +++ b/packages/core/src/other/components/Avatar/__tests__/__snapshots__/Avatar.test.tsx.snap @@ -7,10 +7,10 @@ exports[`Avatar render avatar ITypeAvatar.icon 1`] = ` { "alignItems": "center", "alignSelf": "center", - "borderRadius": 30, - "height": 60, + "borderRadius": 20, + "height": 40, "justifyContent": "center", - "width": 60, + "width": 40, }, { "backgroundColor": "#2B78EE", @@ -28,7 +28,7 @@ exports[`Avatar render avatar ITypeAvatar.icon 1`] = ` { "color": "#FFF", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -44,10 +44,10 @@ exports[`Avatar render avatar ITypeAvatar.text 1`] = ` { "alignItems": "center", "alignSelf": "center", - "borderRadius": 30, - "height": 60, + "borderRadius": 20, + "height": 40, "justifyContent": "center", - "width": 60, + "width": 40, }, { "backgroundColor": "#2B78EE", @@ -66,9 +66,9 @@ exports[`Avatar render avatar ITypeAvatar.text 1`] = ` { "color": "#FFF", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, undefined, ] @@ -86,10 +86,10 @@ exports[`Avatar render avatar badge counter 1`] = ` { "alignItems": "center", "alignSelf": "center", - "borderRadius": 30, - "height": 60, + "borderRadius": 20, + "height": 40, "justifyContent": "center", - "width": 60, + "width": 40, }, { "backgroundColor": "#2B78EE", @@ -108,10 +108,10 @@ exports[`Avatar render avatar badge counter 1`] = ` "alignItems": "center", "alignSelf": "center", "backgroundColor": "#FFF", - "borderRadius": 13.5, - "height": 27, + "borderRadius": 9, + "height": 18, "justifyContent": "center", - "minWidth": 27, + "minWidth": 18, "zIndex": 1, }, { @@ -129,13 +129,13 @@ exports[`Avatar render avatar badge counter 1`] = ` { "color": "#FFF", "fontFamily": "Inter-SemiBold", - "fontSize": 18, - "lineHeight": 24, - "minHeight": 24, + "fontSize": 12, + "lineHeight": 16, + "minHeight": 16, }, { "color": "#F54D3D", - "paddingHorizontal": 6, + "paddingHorizontal": 4, "textAlign": "center", }, ] @@ -151,9 +151,9 @@ exports[`Avatar render avatar badge counter 1`] = ` { "color": "#FFF", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, undefined, ] @@ -171,10 +171,10 @@ exports[`Avatar render avatar badge indicator 1`] = ` { "alignItems": "center", "alignSelf": "center", - "borderRadius": 30, - "height": 60, + "borderRadius": 20, + "height": 40, "justifyContent": "center", - "width": 60, + "width": 40, }, { "backgroundColor": "#2B78EE", @@ -191,11 +191,11 @@ exports[`Avatar render avatar badge indicator 1`] = ` [ { "borderColor": "#FFF", - "borderRadius": 6.75, - "borderWidth": 1.5, - "height": 13.5, + "borderRadius": 4.5, + "borderWidth": 1, + "height": 9, "position": "absolute", - "width": 13.5, + "width": 9, "zIndex": 1, }, { @@ -215,9 +215,9 @@ exports[`Avatar render avatar badge indicator 1`] = ` { "color": "#FFF", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, undefined, ] @@ -235,10 +235,10 @@ exports[`Avatar render avatar badge null 1`] = ` { "alignItems": "center", "alignSelf": "center", - "borderRadius": 30, - "height": 60, + "borderRadius": 20, + "height": 40, "justifyContent": "center", - "width": 60, + "width": 40, }, { "backgroundColor": "#2B78EE", @@ -257,9 +257,9 @@ exports[`Avatar render avatar badge null 1`] = ` { "color": "#FFF", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, undefined, ] @@ -277,10 +277,10 @@ exports[`Avatar render avatar badge status 1`] = ` { "alignItems": "center", "alignSelf": "center", - "borderRadius": 30, - "height": 60, + "borderRadius": 20, + "height": 40, "justifyContent": "center", - "width": 60, + "width": 40, }, { "backgroundColor": "#2B78EE", @@ -299,7 +299,7 @@ exports[`Avatar render avatar badge status 1`] = ` "bottom": 0, "color": "#FAB742", "fontFamily": "Neotis", - "fontSize": 18, + "fontSize": 12, "position": "absolute", "right": 0, "zIndex": 1, @@ -315,9 +315,9 @@ exports[`Avatar render avatar badge status 1`] = ` { "color": "#FFF", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, undefined, ] @@ -335,10 +335,10 @@ exports[`Avatar render avatar disabled 1`] = ` { "alignItems": "center", "alignSelf": "center", - "borderRadius": 30, - "height": 60, + "borderRadius": 20, + "height": 40, "justifyContent": "center", - "width": 60, + "width": 40, }, { "backgroundColor": "#2B78EE", @@ -357,9 +357,9 @@ exports[`Avatar render avatar disabled 1`] = ` { "color": "#FFF", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, undefined, ] @@ -377,10 +377,10 @@ exports[`Avatar render avatar not photo 1`] = ` { "alignItems": "center", "alignSelf": "center", - "borderRadius": 30, - "height": 60, + "borderRadius": 20, + "height": 40, "justifyContent": "center", - "width": 60, + "width": 40, }, { "backgroundColor": "#2B78EE", @@ -403,9 +403,9 @@ exports[`Avatar render avatar not photo 1`] = ` } style={ { - "borderRadius": 30, - "height": 60, - "width": 60, + "borderRadius": 20, + "height": 40, + "width": 40, } } /> @@ -419,10 +419,10 @@ exports[`Avatar render avatar with photo L 1`] = ` { "alignItems": "center", "alignSelf": "center", - "borderRadius": 45, - "height": 90, + "borderRadius": 30, + "height": 60, "justifyContent": "center", - "width": 90, + "width": 60, }, { "backgroundColor": "#2B78EE", @@ -445,9 +445,9 @@ exports[`Avatar render avatar with photo L 1`] = ` } style={ { - "borderRadius": 45, - "height": 90, - "width": 90, + "borderRadius": 30, + "height": 60, + "width": 60, } } /> @@ -461,10 +461,10 @@ exports[`Avatar render avatar with photo S 1`] = ` { "alignItems": "center", "alignSelf": "center", - "borderRadius": 18, - "height": 36, + "borderRadius": 12, + "height": 24, "justifyContent": "center", - "width": 36, + "width": 24, }, { "backgroundColor": "#2B78EE", @@ -487,9 +487,9 @@ exports[`Avatar render avatar with photo S 1`] = ` } style={ { - "borderRadius": 18, - "height": 36, - "width": 36, + "borderRadius": 12, + "height": 24, + "width": 24, } } /> @@ -503,10 +503,10 @@ exports[`Avatar render avatar with photo XL 1`] = ` { "alignItems": "center", "alignSelf": "center", - "borderRadius": 60, - "height": 120, + "borderRadius": 40, + "height": 80, "justifyContent": "center", - "width": 120, + "width": 80, }, { "backgroundColor": "#2B78EE", @@ -531,9 +531,9 @@ exports[`Avatar render avatar with photo XL 1`] = ` } style={ { - "borderRadius": 60, - "height": 120, - "width": 120, + "borderRadius": 40, + "height": 80, + "width": 80, } } /> @@ -547,10 +547,10 @@ exports[`Avatar render avatar with photo without size 1`] = ` { "alignItems": "center", "alignSelf": "center", - "borderRadius": 30, - "height": 60, + "borderRadius": 20, + "height": 40, "justifyContent": "center", - "width": 60, + "width": 40, }, { "backgroundColor": "#2B78EE", @@ -573,9 +573,9 @@ exports[`Avatar render avatar with photo without size 1`] = ` } style={ { - "borderRadius": 30, - "height": 60, - "width": 60, + "borderRadius": 20, + "height": 40, + "width": 40, } } /> @@ -589,10 +589,10 @@ exports[`Avatar render avatar without firstName 1`] = ` { "alignItems": "center", "alignSelf": "center", - "borderRadius": 30, - "height": 60, + "borderRadius": 20, + "height": 40, "justifyContent": "center", - "width": 60, + "width": 40, }, { "backgroundColor": "#FA9247", @@ -611,9 +611,9 @@ exports[`Avatar render avatar without firstName 1`] = ` { "color": "#FFF", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, undefined, ] @@ -631,10 +631,10 @@ exports[`Avatar render avatar without firstName and lastName 1`] = ` { "alignItems": "center", "alignSelf": "center", - "borderRadius": 30, - "height": 60, + "borderRadius": 20, + "height": 40, "justifyContent": "center", - "width": 60, + "width": 40, }, { "backgroundColor": "#FAB742", @@ -652,7 +652,7 @@ exports[`Avatar render avatar without firstName and lastName 1`] = ` { "color": "#FFF", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > diff --git a/packages/core/src/other/components/Avatar/__tests__/__snapshots__/AvatarGroup.test.tsx.snap b/packages/core/src/other/components/Avatar/__tests__/__snapshots__/AvatarGroup.test.tsx.snap index 2dc1cf10d..9d04db95f 100644 --- a/packages/core/src/other/components/Avatar/__tests__/__snapshots__/AvatarGroup.test.tsx.snap +++ b/packages/core/src/other/components/Avatar/__tests__/__snapshots__/AvatarGroup.test.tsx.snap @@ -5,7 +5,7 @@ exports[`AvatarGroup render AvatarGroup < 3 1`] = ` style={ { "flexDirection": "row", - "maxWidth": 102, + "maxWidth": 68, } } > @@ -16,11 +16,11 @@ exports[`AvatarGroup render AvatarGroup < 3 1`] = ` "alignItems": "center", "alignSelf": "center", "borderColor": "#FFF", - "borderRadius": 30, - "borderWidth": 3, - "height": 60, + "borderRadius": 20, + "borderWidth": 2, + "height": 40, "justifyContent": "center", - "width": 60, + "width": 40, }, { "backgroundColor": "#ff0000", @@ -41,9 +41,9 @@ exports[`AvatarGroup render AvatarGroup < 3 1`] = ` { "color": "#FFF", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, undefined, ] @@ -59,17 +59,17 @@ exports[`AvatarGroup render AvatarGroup < 3 1`] = ` "alignItems": "center", "alignSelf": "center", "borderColor": "#FFF", - "borderRadius": 30, - "borderWidth": 3, - "height": 60, + "borderRadius": 20, + "borderWidth": 2, + "height": 40, "justifyContent": "center", - "width": 60, + "width": 40, }, { "backgroundColor": "#ff0000", }, { - "right": 18, + "right": 12, "zIndex": 2, }, { @@ -85,9 +85,9 @@ exports[`AvatarGroup render AvatarGroup < 3 1`] = ` { "color": "#FFF", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, undefined, ] @@ -104,7 +104,7 @@ exports[`AvatarGroup render AvatarGroup = 4 1`] = ` style={ { "flexDirection": "row", - "maxWidth": 186, + "maxWidth": 124, } } > @@ -115,11 +115,11 @@ exports[`AvatarGroup render AvatarGroup = 4 1`] = ` "alignItems": "center", "alignSelf": "center", "borderColor": "#FFF", - "borderRadius": 30, - "borderWidth": 3, - "height": 60, + "borderRadius": 20, + "borderWidth": 2, + "height": 40, "justifyContent": "center", - "width": 60, + "width": 40, }, { "backgroundColor": "#2B78EE", @@ -140,9 +140,9 @@ exports[`AvatarGroup render AvatarGroup = 4 1`] = ` { "color": "#FFF", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, undefined, ] @@ -158,17 +158,17 @@ exports[`AvatarGroup render AvatarGroup = 4 1`] = ` "alignItems": "center", "alignSelf": "center", "borderColor": "#FFF", - "borderRadius": 30, - "borderWidth": 3, - "height": 60, + "borderRadius": 20, + "borderWidth": 2, + "height": 40, "justifyContent": "center", - "width": 60, + "width": 40, }, { "backgroundColor": "#2B78EE", }, { - "right": 18, + "right": 12, "zIndex": 2, }, { @@ -184,9 +184,9 @@ exports[`AvatarGroup render AvatarGroup = 4 1`] = ` { "color": "#FFF", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, undefined, ] @@ -202,17 +202,17 @@ exports[`AvatarGroup render AvatarGroup = 4 1`] = ` "alignItems": "center", "alignSelf": "center", "borderColor": "#FFF", - "borderRadius": 30, - "borderWidth": 3, - "height": 60, + "borderRadius": 20, + "borderWidth": 2, + "height": 40, "justifyContent": "center", - "width": 60, + "width": 40, }, { "backgroundColor": "#2B78EE", }, { - "right": 36, + "right": 24, "zIndex": 3, }, { @@ -228,9 +228,9 @@ exports[`AvatarGroup render AvatarGroup = 4 1`] = ` { "color": "#FFF", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, undefined, ] @@ -246,17 +246,17 @@ exports[`AvatarGroup render AvatarGroup = 4 1`] = ` "alignItems": "center", "alignSelf": "center", "borderColor": "#FFF", - "borderRadius": 30, - "borderWidth": 3, - "height": 60, + "borderRadius": 20, + "borderWidth": 2, + "height": 40, "justifyContent": "center", - "width": 60, + "width": 40, }, { "backgroundColor": "#2B78EE", }, { - "right": 54, + "right": 36, "zIndex": 4, }, { @@ -272,9 +272,9 @@ exports[`AvatarGroup render AvatarGroup = 4 1`] = ` { "color": "#FFF", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, undefined, ] @@ -291,7 +291,7 @@ exports[`AvatarGroup render AvatarGroup 1`] = ` style={ { "flexDirection": "row", - "maxWidth": 186, + "maxWidth": 124, } } > @@ -302,11 +302,11 @@ exports[`AvatarGroup render AvatarGroup 1`] = ` "alignItems": "center", "alignSelf": "center", "borderColor": "#FFF", - "borderRadius": 30, - "borderWidth": 3, - "height": 60, + "borderRadius": 20, + "borderWidth": 2, + "height": 40, "justifyContent": "center", - "width": 60, + "width": 40, }, { "backgroundColor": "#2B78EE", @@ -332,10 +332,10 @@ exports[`AvatarGroup render AvatarGroup 1`] = ` style={ { "borderColor": "#FFF", - "borderRadius": 30, - "borderWidth": 3, - "height": 60, - "width": 60, + "borderRadius": 20, + "borderWidth": 2, + "height": 40, + "width": 40, } } /> @@ -347,17 +347,17 @@ exports[`AvatarGroup render AvatarGroup 1`] = ` "alignItems": "center", "alignSelf": "center", "borderColor": "#FFF", - "borderRadius": 30, - "borderWidth": 3, - "height": 60, + "borderRadius": 20, + "borderWidth": 2, + "height": 40, "justifyContent": "center", - "width": 60, + "width": 40, }, { "backgroundColor": "#2B78EE", }, { - "right": 18, + "right": 12, "zIndex": 2, }, { @@ -373,9 +373,9 @@ exports[`AvatarGroup render AvatarGroup 1`] = ` { "color": "#FFF", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, undefined, ] @@ -391,17 +391,17 @@ exports[`AvatarGroup render AvatarGroup 1`] = ` "alignItems": "center", "alignSelf": "center", "borderColor": "#FFF", - "borderRadius": 30, - "borderWidth": 3, - "height": 60, + "borderRadius": 20, + "borderWidth": 2, + "height": 40, "justifyContent": "center", - "width": 60, + "width": 40, }, { "backgroundColor": "#2B78EE", }, { - "right": 36, + "right": 24, "zIndex": 3, }, { @@ -417,9 +417,9 @@ exports[`AvatarGroup render AvatarGroup 1`] = ` { "color": "#FFF", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, undefined, ] @@ -433,12 +433,12 @@ exports[`AvatarGroup render AvatarGroup 1`] = ` { "backgroundColor": "#EEEFF1", "borderColor": "#FFF", - "borderRadius": 30, - "borderWidth": 3, - "height": 60, + "borderRadius": 20, + "borderWidth": 2, + "height": 40, "justifyContent": "center", - "right": 54, - "width": 60, + "right": 36, + "width": 40, "zIndex": 4, } } @@ -450,9 +450,9 @@ exports[`AvatarGroup render AvatarGroup 1`] = ` { "color": "#444B5A", "fontFamily": "Inter-Medium", - "fontSize": 18, - "lineHeight": 24, - "minHeight": 24, + "fontSize": 12, + "lineHeight": 16, + "minHeight": 16, }, { "alignSelf": "center", @@ -472,7 +472,7 @@ exports[`AvatarGroup render AvatarGroup groupCount 1`] = ` style={ { "flexDirection": "row", - "maxWidth": 186, + "maxWidth": 124, } } > @@ -483,11 +483,11 @@ exports[`AvatarGroup render AvatarGroup groupCount 1`] = ` "alignItems": "center", "alignSelf": "center", "borderColor": "#FFF", - "borderRadius": 30, - "borderWidth": 3, - "height": 60, + "borderRadius": 20, + "borderWidth": 2, + "height": 40, "justifyContent": "center", - "width": 60, + "width": 40, }, { "backgroundColor": "#ff0000", @@ -513,10 +513,10 @@ exports[`AvatarGroup render AvatarGroup groupCount 1`] = ` style={ { "borderColor": "#FFF", - "borderRadius": 30, - "borderWidth": 3, - "height": 60, - "width": 60, + "borderRadius": 20, + "borderWidth": 2, + "height": 40, + "width": 40, } } /> @@ -528,17 +528,17 @@ exports[`AvatarGroup render AvatarGroup groupCount 1`] = ` "alignItems": "center", "alignSelf": "center", "borderColor": "#FFF", - "borderRadius": 30, - "borderWidth": 3, - "height": 60, + "borderRadius": 20, + "borderWidth": 2, + "height": 40, "justifyContent": "center", - "width": 60, + "width": 40, }, { "backgroundColor": "#ff0000", }, { - "right": 18, + "right": 12, "zIndex": 2, }, { @@ -554,9 +554,9 @@ exports[`AvatarGroup render AvatarGroup groupCount 1`] = ` { "color": "#FFF", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, undefined, ] @@ -572,17 +572,17 @@ exports[`AvatarGroup render AvatarGroup groupCount 1`] = ` "alignItems": "center", "alignSelf": "center", "borderColor": "#FFF", - "borderRadius": 30, - "borderWidth": 3, - "height": 60, + "borderRadius": 20, + "borderWidth": 2, + "height": 40, "justifyContent": "center", - "width": 60, + "width": 40, }, { "backgroundColor": "#ff0000", }, { - "right": 36, + "right": 24, "zIndex": 3, }, { @@ -598,9 +598,9 @@ exports[`AvatarGroup render AvatarGroup groupCount 1`] = ` { "color": "#FFF", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, undefined, ] @@ -614,12 +614,12 @@ exports[`AvatarGroup render AvatarGroup groupCount 1`] = ` { "backgroundColor": "#EEEFF1", "borderColor": "#FFF", - "borderRadius": 30, - "borderWidth": 3, - "height": 60, + "borderRadius": 20, + "borderWidth": 2, + "height": 40, "justifyContent": "center", - "right": 54, - "width": 60, + "right": 36, + "width": 40, "zIndex": 4, } } @@ -631,9 +631,9 @@ exports[`AvatarGroup render AvatarGroup groupCount 1`] = ` { "color": "#444B5A", "fontFamily": "Inter-Medium", - "fontSize": 18, - "lineHeight": 24, - "minHeight": 24, + "fontSize": 12, + "lineHeight": 16, + "minHeight": 16, }, { "alignSelf": "center", @@ -653,7 +653,7 @@ exports[`AvatarGroup render AvatarGroup with props 1`] = ` style={ { "flexDirection": "row", - "maxWidth": 186, + "maxWidth": 124, } } > @@ -664,11 +664,11 @@ exports[`AvatarGroup render AvatarGroup with props 1`] = ` "alignItems": "center", "alignSelf": "center", "borderColor": "#FFF", - "borderRadius": 30, - "borderWidth": 3, - "height": 60, + "borderRadius": 20, + "borderWidth": 2, + "height": 40, "justifyContent": "center", - "width": 60, + "width": 40, }, { "backgroundColor": "#ff0000", @@ -694,10 +694,10 @@ exports[`AvatarGroup render AvatarGroup with props 1`] = ` style={ { "borderColor": "#FFF", - "borderRadius": 30, - "borderWidth": 3, - "height": 60, - "width": 60, + "borderRadius": 20, + "borderWidth": 2, + "height": 40, + "width": 40, } } /> @@ -709,17 +709,17 @@ exports[`AvatarGroup render AvatarGroup with props 1`] = ` "alignItems": "center", "alignSelf": "center", "borderColor": "#FFF", - "borderRadius": 30, - "borderWidth": 3, - "height": 60, + "borderRadius": 20, + "borderWidth": 2, + "height": 40, "justifyContent": "center", - "width": 60, + "width": 40, }, { "backgroundColor": "#ff0000", }, { - "right": 18, + "right": 12, "zIndex": 2, }, { @@ -735,9 +735,9 @@ exports[`AvatarGroup render AvatarGroup with props 1`] = ` { "color": "#FFF", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, undefined, ] @@ -753,17 +753,17 @@ exports[`AvatarGroup render AvatarGroup with props 1`] = ` "alignItems": "center", "alignSelf": "center", "borderColor": "#FFF", - "borderRadius": 30, - "borderWidth": 3, - "height": 60, + "borderRadius": 20, + "borderWidth": 2, + "height": 40, "justifyContent": "center", - "width": 60, + "width": 40, }, { "backgroundColor": "#ff0000", }, { - "right": 36, + "right": 24, "zIndex": 3, }, { @@ -779,9 +779,9 @@ exports[`AvatarGroup render AvatarGroup with props 1`] = ` { "color": "#FFF", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, undefined, ] @@ -795,12 +795,12 @@ exports[`AvatarGroup render AvatarGroup with props 1`] = ` { "backgroundColor": "#EEEFF1", "borderColor": "#FFF", - "borderRadius": 30, - "borderWidth": 3, - "height": 60, + "borderRadius": 20, + "borderWidth": 2, + "height": 40, "justifyContent": "center", - "right": 54, - "width": 60, + "right": 36, + "width": 40, "zIndex": 4, } } @@ -812,9 +812,9 @@ exports[`AvatarGroup render AvatarGroup with props 1`] = ` { "color": "#444B5A", "fontFamily": "Inter-Medium", - "fontSize": 18, - "lineHeight": 24, - "minHeight": 24, + "fontSize": 12, + "lineHeight": 16, + "minHeight": 16, }, { "alignSelf": "center", diff --git a/packages/core/src/other/components/Avatar/components/AvatarBadge.tsx b/packages/core/src/other/components/Avatar/components/AvatarBadge.tsx index d61bc720a..fd896d976 100644 --- a/packages/core/src/other/components/Avatar/components/AvatarBadge.tsx +++ b/packages/core/src/other/components/Avatar/components/AvatarBadge.tsx @@ -4,8 +4,8 @@ import Counter from '../../Badge/Counter/Counter'; import SimpleIcon from '../../../../styles/icons/font/SimpleIcon'; import useStyles from '../../../../styles/hooks/useStyles'; import useTheme from '../../../../styles/hooks/useTheme'; -import rem from '../../../../styles/utils/rem'; import {createStyles} from '../../../../styles'; +import px from '../../../../styles/utils/px'; interface IProps { badge?: IBadge; @@ -34,7 +34,7 @@ const AvatarBadge = (props: IProps): JSX.Element | null => { return ( diff --git a/packages/core/src/other/components/Avatar/components/IconAvatar.tsx b/packages/core/src/other/components/Avatar/components/IconAvatar.tsx index 939c9a14e..2b1c92b9a 100644 --- a/packages/core/src/other/components/Avatar/components/IconAvatar.tsx +++ b/packages/core/src/other/components/Avatar/components/IconAvatar.tsx @@ -3,7 +3,7 @@ import {FC} from 'react'; import {IAvatarSize} from '../types'; import SimpleIcon from '../../../../styles/icons/font/SimpleIcon'; import useTheme from '../../../../styles/hooks/useTheme'; -import rem from '../../../../styles/utils/rem'; +import px from '../../../../styles/utils/px'; interface IProps { size: IAvatarSize; @@ -12,14 +12,14 @@ interface IProps { const getSizeIcon = (size: IAvatarSize) => { switch (size) { case IAvatarSize.S: - return rem(12); + return px(12); case IAvatarSize.L: - return rem(30); + return px(30); case IAvatarSize.XL: - return rem(40); + return px(40); case IAvatarSize.M: default: - return rem(20); + return px(20); } }; diff --git a/packages/core/src/other/components/Avatar/components/__tests__/__snapshots__/IconAvatar.test.tsx.snap b/packages/core/src/other/components/Avatar/components/__tests__/__snapshots__/IconAvatar.test.tsx.snap index 1830bf7ed..8e7655c93 100644 --- a/packages/core/src/other/components/Avatar/components/__tests__/__snapshots__/IconAvatar.test.tsx.snap +++ b/packages/core/src/other/components/Avatar/components/__tests__/__snapshots__/IconAvatar.test.tsx.snap @@ -7,7 +7,7 @@ exports[`IconAvatar render IconAvatar 1`] = ` { "color": "#FFF", "fontFamily": "Neotis", - "fontSize": 18, + "fontSize": 12, } } > @@ -22,7 +22,7 @@ exports[`IconAvatar render IconAvatar size L background 1`] = ` { "color": "#FFF", "fontFamily": "Neotis", - "fontSize": 45, + "fontSize": 30, } } > @@ -37,7 +37,7 @@ exports[`IconAvatar render IconAvatar size M background 1`] = ` { "color": "#FFF", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -52,7 +52,7 @@ exports[`IconAvatar render IconAvatar size S 1`] = ` { "color": "#FFF", "fontFamily": "Neotis", - "fontSize": 18, + "fontSize": 12, } } > @@ -67,7 +67,7 @@ exports[`IconAvatar render IconAvatar size XL background 1`] = ` { "color": "#FFF", "fontFamily": "Neotis", - "fontSize": 60, + "fontSize": 40, } } > diff --git a/packages/core/src/other/components/Avatar/components/__tests__/__snapshots__/TextAvatar.test.tsx.snap b/packages/core/src/other/components/Avatar/components/__tests__/__snapshots__/TextAvatar.test.tsx.snap index 9e0257ab5..a8059ba2d 100644 --- a/packages/core/src/other/components/Avatar/components/__tests__/__snapshots__/TextAvatar.test.tsx.snap +++ b/packages/core/src/other/components/Avatar/components/__tests__/__snapshots__/TextAvatar.test.tsx.snap @@ -8,9 +8,9 @@ exports[`TextAvatar render TextAvatar 1`] = ` { "color": "#FFF", "fontFamily": "Inter-Regular", - "fontSize": 15, - "lineHeight": 21, - "minHeight": 21, + "fontSize": 10, + "lineHeight": 14, + "minHeight": 14, }, undefined, ] @@ -28,9 +28,9 @@ exports[`TextAvatar render TextAvatar size L 1`] = ` { "color": "#FFF", "fontFamily": "Inter-Regular", - "fontSize": 27, - "lineHeight": 33, - "minHeight": 33, + "fontSize": 18, + "lineHeight": 22, + "minHeight": 22, }, undefined, ] @@ -48,9 +48,9 @@ exports[`TextAvatar render TextAvatar size M 1`] = ` { "color": "#FFF", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, undefined, ] @@ -68,9 +68,9 @@ exports[`TextAvatar render TextAvatar size S 1`] = ` { "color": "#FFF", "fontFamily": "Inter-Regular", - "fontSize": 15, - "lineHeight": 21, - "minHeight": 21, + "fontSize": 10, + "lineHeight": 14, + "minHeight": 14, }, undefined, ] @@ -88,9 +88,9 @@ exports[`TextAvatar render TextAvatar size XL 1`] = ` { "color": "#FFF", "fontFamily": "Inter-Regular", - "fontSize": 33, - "lineHeight": 36, - "minHeight": 36, + "fontSize": 22, + "lineHeight": 24, + "minHeight": 24, }, undefined, ] diff --git a/packages/core/src/other/components/Avatar/stylesCreate.ts b/packages/core/src/other/components/Avatar/stylesCreate.ts index 6a49e3265..7136b0e4f 100644 --- a/packages/core/src/other/components/Avatar/stylesCreate.ts +++ b/packages/core/src/other/components/Avatar/stylesCreate.ts @@ -1,6 +1,7 @@ import {ImageStyle} from 'react-native'; -import {createStyles, rem} from '../../../styles'; +import {createStyles} from '../../../styles'; +import px from '../../../styles/utils/px'; import {IAvatarSize} from './types'; @@ -8,34 +9,34 @@ const getSizeStyles = (sizeAvatar: IAvatarSize): ImageStyle => { switch (sizeAvatar) { case IAvatarSize.S: return { - width: rem(24), - height: rem(24), - borderRadius: rem(12), + width: px(24), + height: px(24), + borderRadius: px(12), }; case IAvatarSize.M: return { - width: rem(40), - height: rem(40), - borderRadius: rem(20), + width: px(40), + height: px(40), + borderRadius: px(20), }; case IAvatarSize.L: return { - width: rem(60), - height: rem(60), - borderRadius: rem(30), + width: px(60), + height: px(60), + borderRadius: px(30), }; case IAvatarSize.XL: return { - width: rem(80), - height: rem(80), - borderRadius: rem(40), + width: px(80), + height: px(80), + borderRadius: px(40), }; } }; const getBorderStyles = (color: string, border?: boolean) => { return ( border && { - borderWidth: rem(2), + borderWidth: px(2), borderColor: color, } ); diff --git a/packages/core/src/other/components/Badge/BadgeIndicator/BadgeIndicator.tsx b/packages/core/src/other/components/Badge/BadgeIndicator/BadgeIndicator.tsx index c61219869..41f56446a 100644 --- a/packages/core/src/other/components/Badge/BadgeIndicator/BadgeIndicator.tsx +++ b/packages/core/src/other/components/Badge/BadgeIndicator/BadgeIndicator.tsx @@ -3,8 +3,8 @@ import {FC, useCallback} from 'react'; import View from '../../../../basic/components/View/View'; import useStyles from '../../../../styles/hooks/useStyles'; import useTheme from '../../../../styles/hooks/useTheme'; -import rem from '../../../../styles/utils/rem'; import {createStyles} from '../../../../styles'; +import px from '../../../../styles/utils/px'; import {IBadgeIndicatorProps, IIndicatorTypes} from './types'; @@ -34,9 +34,9 @@ const stylesCreate = createStyles(({spaces, colors}) => ({ indicator: { position: 'absolute', zIndex: 1, - width: rem(9), - height: rem(9), - borderRadius: rem(9) / 2, + width: px(9), + height: px(9), + borderRadius: px(9) / 2, borderColor: colors.BgPrimary, borderWidth: spaces.Space1, }, diff --git a/packages/core/src/other/components/Badge/BadgeIndicator/__tests__/__snapshots__/BadgeIndicator.tsx.snap b/packages/core/src/other/components/Badge/BadgeIndicator/__tests__/__snapshots__/BadgeIndicator.tsx.snap index c93c4b43d..901e1a35a 100644 --- a/packages/core/src/other/components/Badge/BadgeIndicator/__tests__/__snapshots__/BadgeIndicator.tsx.snap +++ b/packages/core/src/other/components/Badge/BadgeIndicator/__tests__/__snapshots__/BadgeIndicator.tsx.snap @@ -6,11 +6,11 @@ exports[`BadgeIndicator render BadgeIndicator primary 1`] = ` [ { "borderColor": "#FFF", - "borderRadius": 6.75, - "borderWidth": 1.5, - "height": 13.5, + "borderRadius": 4.5, + "borderWidth": 1, + "height": 9, "position": "absolute", - "width": 13.5, + "width": 9, "zIndex": 1, }, { @@ -30,11 +30,11 @@ exports[`BadgeIndicator render BadgeIndicator secondary 1`] = ` [ { "borderColor": "#FFF", - "borderRadius": 6.75, - "borderWidth": 1.5, - "height": 13.5, + "borderRadius": 4.5, + "borderWidth": 1, + "height": 9, "position": "absolute", - "width": 13.5, + "width": 9, "zIndex": 1, }, { diff --git a/packages/core/src/other/components/Badge/Counter/__tests__/__snapshots__/Counter.test.tsx.snap b/packages/core/src/other/components/Badge/Counter/__tests__/__snapshots__/Counter.test.tsx.snap index 1de600b33..f142128de 100644 --- a/packages/core/src/other/components/Badge/Counter/__tests__/__snapshots__/Counter.test.tsx.snap +++ b/packages/core/src/other/components/Badge/Counter/__tests__/__snapshots__/Counter.test.tsx.snap @@ -10,10 +10,10 @@ exports[`Counter render counter ICounterSize.medium 1`] = ` "alignItems": "center", "alignSelf": "center", "backgroundColor": "#2B78EE", - "borderRadius": 18, - "height": 36, + "borderRadius": 12, + "height": 24, "justifyContent": "center", - "minWidth": 36, + "minWidth": 24, "zIndex": 1, }, undefined, @@ -27,13 +27,13 @@ exports[`Counter render counter ICounterSize.medium 1`] = ` { "color": "#FFF", "fontFamily": "Inter-SemiBold", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, { "color": "#FFF", - "paddingHorizontal": 9, + "paddingHorizontal": 6, "textAlign": "center", }, ] @@ -52,10 +52,10 @@ exports[`Counter render counter ICounterSize.small 1`] = ` "alignItems": "center", "alignSelf": "center", "backgroundColor": "#2B78EE", - "borderRadius": 13.5, - "height": 27, + "borderRadius": 9, + "height": 18, "justifyContent": "center", - "minWidth": 27, + "minWidth": 18, "zIndex": 1, }, undefined, @@ -69,13 +69,13 @@ exports[`Counter render counter ICounterSize.small 1`] = ` { "color": "#FFF", "fontFamily": "Inter-SemiBold", - "fontSize": 18, - "lineHeight": 24, - "minHeight": 24, + "fontSize": 12, + "lineHeight": 16, + "minHeight": 16, }, { "color": "#FFF", - "paddingHorizontal": 6, + "paddingHorizontal": 4, "textAlign": "center", }, ] @@ -94,10 +94,10 @@ exports[`Counter render counter ICounterTypes.accent 1`] = ` "alignItems": "center", "alignSelf": "center", "backgroundColor": "#2B78EE", - "borderRadius": 18, - "height": 36, + "borderRadius": 12, + "height": 24, "justifyContent": "center", - "minWidth": 36, + "minWidth": 24, "zIndex": 1, }, undefined, @@ -111,13 +111,13 @@ exports[`Counter render counter ICounterTypes.accent 1`] = ` { "color": "#FFF", "fontFamily": "Inter-SemiBold", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, { "color": "#FFF", - "paddingHorizontal": 9, + "paddingHorizontal": 6, "textAlign": "center", }, ] @@ -136,10 +136,10 @@ exports[`Counter render counter ICounterTypes.accentLight 1`] = ` "alignItems": "center", "alignSelf": "center", "backgroundColor": "#FFF", - "borderRadius": 18, - "height": 36, + "borderRadius": 12, + "height": 24, "justifyContent": "center", - "minWidth": 36, + "minWidth": 24, "zIndex": 1, }, undefined, @@ -153,13 +153,13 @@ exports[`Counter render counter ICounterTypes.accentLight 1`] = ` { "color": "#FFF", "fontFamily": "Inter-SemiBold", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, { "color": "#2B78EE", - "paddingHorizontal": 9, + "paddingHorizontal": 6, "textAlign": "center", }, ] @@ -178,10 +178,10 @@ exports[`Counter render counter ICounterTypes.attention 1`] = ` "alignItems": "center", "alignSelf": "center", "backgroundColor": "#F54D3D", - "borderRadius": 18, - "height": 36, + "borderRadius": 12, + "height": 24, "justifyContent": "center", - "minWidth": 36, + "minWidth": 24, "zIndex": 1, }, undefined, @@ -195,13 +195,13 @@ exports[`Counter render counter ICounterTypes.attention 1`] = ` { "color": "#FFF", "fontFamily": "Inter-SemiBold", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, { "color": "#FFF", - "paddingHorizontal": 9, + "paddingHorizontal": 6, "textAlign": "center", }, ] @@ -220,10 +220,10 @@ exports[`Counter render counter ICounterTypes.attentionLight 1`] = ` "alignItems": "center", "alignSelf": "center", "backgroundColor": "#FFF", - "borderRadius": 18, - "height": 36, + "borderRadius": 12, + "height": 24, "justifyContent": "center", - "minWidth": 36, + "minWidth": 24, "zIndex": 1, }, undefined, @@ -237,13 +237,13 @@ exports[`Counter render counter ICounterTypes.attentionLight 1`] = ` { "color": "#FFF", "fontFamily": "Inter-SemiBold", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, { "color": "#F54D3D", - "paddingHorizontal": 9, + "paddingHorizontal": 6, "textAlign": "center", }, ] @@ -262,10 +262,10 @@ exports[`Counter render counter ICounterTypes.muted 1`] = ` "alignItems": "center", "alignSelf": "center", "backgroundColor": "#B6BBC6", - "borderRadius": 18, - "height": 36, + "borderRadius": 12, + "height": 24, "justifyContent": "center", - "minWidth": 36, + "minWidth": 24, "zIndex": 1, }, undefined, @@ -279,13 +279,13 @@ exports[`Counter render counter ICounterTypes.muted 1`] = ` { "color": "#FFF", "fontFamily": "Inter-SemiBold", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, { "color": "#FFF", - "paddingHorizontal": 9, + "paddingHorizontal": 6, "textAlign": "center", }, ] @@ -304,10 +304,10 @@ exports[`Counter render counter ICounterTypes.mutedLight 1`] = ` "alignItems": "center", "alignSelf": "center", "backgroundColor": "#FFF", - "borderRadius": 18, - "height": 36, + "borderRadius": 12, + "height": 24, "justifyContent": "center", - "minWidth": 36, + "minWidth": 24, "zIndex": 1, }, undefined, @@ -321,13 +321,13 @@ exports[`Counter render counter ICounterTypes.mutedLight 1`] = ` { "color": "#FFF", "fontFamily": "Inter-SemiBold", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, { "color": "#9BA1B0", - "paddingHorizontal": 9, + "paddingHorizontal": 6, "textAlign": "center", }, ] @@ -346,10 +346,10 @@ exports[`Counter render counter style 1`] = ` "alignItems": "center", "alignSelf": "center", "backgroundColor": "#2B78EE", - "borderRadius": 18, - "height": 36, + "borderRadius": 12, + "height": 24, "justifyContent": "center", - "minWidth": 36, + "minWidth": 24, "zIndex": 1, }, { @@ -365,13 +365,13 @@ exports[`Counter render counter style 1`] = ` { "color": "#FFF", "fontFamily": "Inter-SemiBold", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, { "color": "#FFF", - "paddingHorizontal": 9, + "paddingHorizontal": 6, "textAlign": "center", }, ] diff --git a/packages/core/src/other/components/Badge/Counter/stylesCreate.ts b/packages/core/src/other/components/Badge/Counter/stylesCreate.ts index 8e2961ea7..8ed18a373 100644 --- a/packages/core/src/other/components/Badge/Counter/stylesCreate.ts +++ b/packages/core/src/other/components/Badge/Counter/stylesCreate.ts @@ -1,12 +1,12 @@ -import rem from '../../../../styles/utils/rem'; import {createStyles} from '../../../../styles'; +import px from '../../../../styles/utils/px'; import {ICounterSize, ICounterTypes} from './types'; const stylesCreate = createStyles( ({spaces, colors}, size: ICounterSize, type?: ICounterTypes) => { const isMedium = size === ICounterSize.medium; - const defaultSize = isMedium ? spaces.Space24 : rem(18); + const defaultSize = isMedium ? spaces.Space24 : px(18); const getBackgroundColor = () => { switch (type) { diff --git a/packages/core/src/other/components/Carousel/Carousel.tsx b/packages/core/src/other/components/Carousel/Carousel.tsx index 72091ccec..96b60beea 100644 --- a/packages/core/src/other/components/Carousel/Carousel.tsx +++ b/packages/core/src/other/components/Carousel/Carousel.tsx @@ -7,12 +7,12 @@ import { } from 'react-native'; import {useSafeAreaFrame} from 'react-native-safe-area-context'; -import rem from '../../../styles/utils/rem'; import TouchableOpacity from '../../../basic/components/TouchableOpacity/TouchableOpacity'; import {LABELS} from '../../constants'; import useStyles from '../../../styles/hooks/useStyles'; import Dots from '../Dots/Dots'; import {isNumber} from '../../functions/isNumber'; +import px from '../../../styles/utils/px'; import stylesCreate from './stylesCreate'; import {ICarouselAlign, ICarouselProps} from './types'; @@ -28,7 +28,7 @@ const Carousel = ({ sliderItem, keyExtractor, loading = false, - sideMargin = rem(10), + sideMargin = px(10), itemWidth, onPressItem, activeItemId, diff --git a/packages/core/src/other/components/Carousel/__tests__/__snapshots__/AutoCarousel.test.tsx.snap b/packages/core/src/other/components/Carousel/__tests__/__snapshots__/AutoCarousel.test.tsx.snap index afdfc4d1b..0352fc089 100644 --- a/packages/core/src/other/components/Carousel/__tests__/__snapshots__/AutoCarousel.test.tsx.snap +++ b/packages/core/src/other/components/Carousel/__tests__/__snapshots__/AutoCarousel.test.tsx.snap @@ -136,7 +136,7 @@ exports[`AutoCarousel render AutoCarousel 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -200,7 +200,7 @@ exports[`AutoCarousel render AutoCarousel 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -264,7 +264,7 @@ exports[`AutoCarousel render AutoCarousel 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -328,7 +328,7 @@ exports[`AutoCarousel render AutoCarousel 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -392,7 +392,7 @@ exports[`AutoCarousel render AutoCarousel 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -456,7 +456,7 @@ exports[`AutoCarousel render AutoCarousel 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -520,7 +520,7 @@ exports[`AutoCarousel render AutoCarousel 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > diff --git a/packages/core/src/other/components/Carousel/__tests__/__snapshots__/AutoLoopCarousel.test.tsx.snap b/packages/core/src/other/components/Carousel/__tests__/__snapshots__/AutoLoopCarousel.test.tsx.snap index c3e5c60cf..1cf62ad49 100644 --- a/packages/core/src/other/components/Carousel/__tests__/__snapshots__/AutoLoopCarousel.test.tsx.snap +++ b/packages/core/src/other/components/Carousel/__tests__/__snapshots__/AutoLoopCarousel.test.tsx.snap @@ -193,7 +193,7 @@ exports[`AutoLoopCarousel render AutoCarousel 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -257,7 +257,7 @@ exports[`AutoLoopCarousel render AutoCarousel 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -321,7 +321,7 @@ exports[`AutoLoopCarousel render AutoCarousel 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -385,7 +385,7 @@ exports[`AutoLoopCarousel render AutoCarousel 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -449,7 +449,7 @@ exports[`AutoLoopCarousel render AutoCarousel 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -513,7 +513,7 @@ exports[`AutoLoopCarousel render AutoCarousel 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -577,7 +577,7 @@ exports[`AutoLoopCarousel render AutoCarousel 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -641,7 +641,7 @@ exports[`AutoLoopCarousel render AutoCarousel 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -705,7 +705,7 @@ exports[`AutoLoopCarousel render AutoCarousel 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -769,7 +769,7 @@ exports[`AutoLoopCarousel render AutoCarousel 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -833,7 +833,7 @@ exports[`AutoLoopCarousel render AutoCarousel 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -897,7 +897,7 @@ exports[`AutoLoopCarousel render AutoCarousel 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > diff --git a/packages/core/src/other/components/Carousel/__tests__/__snapshots__/Carousel.test.tsx.snap b/packages/core/src/other/components/Carousel/__tests__/__snapshots__/Carousel.test.tsx.snap index 3f683d353..aea70542f 100644 --- a/packages/core/src/other/components/Carousel/__tests__/__snapshots__/Carousel.test.tsx.snap +++ b/packages/core/src/other/components/Carousel/__tests__/__snapshots__/Carousel.test.tsx.snap @@ -59,7 +59,7 @@ exports[`Carousel render Carousel 1`] = ` scrollEventThrottle={16} showsHorizontalScrollIndicator={false} snapToAlignment="start" - snapToInterval={130} + snapToInterval={120} stickyHeaderIndices={[]} viewabilityConfig={ { @@ -125,7 +125,7 @@ exports[`Carousel render Carousel 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -136,7 +136,7 @@ exports[`Carousel render Carousel 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -189,7 +189,7 @@ exports[`Carousel render Carousel 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -200,7 +200,7 @@ exports[`Carousel render Carousel 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -253,7 +253,7 @@ exports[`Carousel render Carousel 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -264,7 +264,7 @@ exports[`Carousel render Carousel 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -317,7 +317,7 @@ exports[`Carousel render Carousel 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -328,7 +328,7 @@ exports[`Carousel render Carousel 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -381,7 +381,7 @@ exports[`Carousel render Carousel 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -392,7 +392,7 @@ exports[`Carousel render Carousel 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -445,7 +445,7 @@ exports[`Carousel render Carousel 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -456,7 +456,7 @@ exports[`Carousel render Carousel 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -509,7 +509,7 @@ exports[`Carousel render Carousel 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -520,7 +520,7 @@ exports[`Carousel render Carousel 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -591,7 +591,7 @@ exports[`Carousel render Carousel activeItemId 1`] = ` scrollEventThrottle={16} showsHorizontalScrollIndicator={false} snapToAlignment="start" - snapToInterval={130} + snapToInterval={120} stickyHeaderIndices={[]} viewabilityConfig={ { @@ -657,7 +657,7 @@ exports[`Carousel render Carousel activeItemId 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -668,7 +668,7 @@ exports[`Carousel render Carousel activeItemId 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -721,7 +721,7 @@ exports[`Carousel render Carousel activeItemId 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -732,7 +732,7 @@ exports[`Carousel render Carousel activeItemId 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -785,7 +785,7 @@ exports[`Carousel render Carousel activeItemId 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -796,7 +796,7 @@ exports[`Carousel render Carousel activeItemId 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -849,7 +849,7 @@ exports[`Carousel render Carousel activeItemId 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -860,7 +860,7 @@ exports[`Carousel render Carousel activeItemId 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -913,7 +913,7 @@ exports[`Carousel render Carousel activeItemId 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -924,7 +924,7 @@ exports[`Carousel render Carousel activeItemId 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -977,7 +977,7 @@ exports[`Carousel render Carousel activeItemId 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -988,7 +988,7 @@ exports[`Carousel render Carousel activeItemId 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -1041,7 +1041,7 @@ exports[`Carousel render Carousel activeItemId 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -1052,7 +1052,7 @@ exports[`Carousel render Carousel activeItemId 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -1123,7 +1123,7 @@ exports[`Carousel render Carousel animateAutoScroll true 1`] = ` scrollEventThrottle={16} showsHorizontalScrollIndicator={false} snapToAlignment="center" - snapToInterval={130} + snapToInterval={120} stickyHeaderIndices={[]} viewabilityConfig={ { @@ -1189,7 +1189,7 @@ exports[`Carousel render Carousel animateAutoScroll true 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -1200,7 +1200,7 @@ exports[`Carousel render Carousel animateAutoScroll true 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -1253,7 +1253,7 @@ exports[`Carousel render Carousel animateAutoScroll true 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -1264,7 +1264,7 @@ exports[`Carousel render Carousel animateAutoScroll true 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -1317,7 +1317,7 @@ exports[`Carousel render Carousel animateAutoScroll true 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -1328,7 +1328,7 @@ exports[`Carousel render Carousel animateAutoScroll true 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -1381,7 +1381,7 @@ exports[`Carousel render Carousel animateAutoScroll true 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -1392,7 +1392,7 @@ exports[`Carousel render Carousel animateAutoScroll true 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -1445,7 +1445,7 @@ exports[`Carousel render Carousel animateAutoScroll true 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -1456,7 +1456,7 @@ exports[`Carousel render Carousel animateAutoScroll true 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -1509,7 +1509,7 @@ exports[`Carousel render Carousel animateAutoScroll true 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -1520,7 +1520,7 @@ exports[`Carousel render Carousel animateAutoScroll true 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -1573,7 +1573,7 @@ exports[`Carousel render Carousel animateAutoScroll true 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -1584,7 +1584,7 @@ exports[`Carousel render Carousel animateAutoScroll true 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -1655,7 +1655,7 @@ exports[`Carousel render Carousel autoScroll 1`] = ` scrollEventThrottle={16} showsHorizontalScrollIndicator={false} snapToAlignment="start" - snapToInterval={130} + snapToInterval={120} stickyHeaderIndices={[]} viewabilityConfig={ { @@ -1721,7 +1721,7 @@ exports[`Carousel render Carousel autoScroll 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -1732,7 +1732,7 @@ exports[`Carousel render Carousel autoScroll 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -1785,7 +1785,7 @@ exports[`Carousel render Carousel autoScroll 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -1796,7 +1796,7 @@ exports[`Carousel render Carousel autoScroll 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -1849,7 +1849,7 @@ exports[`Carousel render Carousel autoScroll 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -1860,7 +1860,7 @@ exports[`Carousel render Carousel autoScroll 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -1913,7 +1913,7 @@ exports[`Carousel render Carousel autoScroll 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -1924,7 +1924,7 @@ exports[`Carousel render Carousel autoScroll 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -1977,7 +1977,7 @@ exports[`Carousel render Carousel autoScroll 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -1988,7 +1988,7 @@ exports[`Carousel render Carousel autoScroll 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -2041,7 +2041,7 @@ exports[`Carousel render Carousel autoScroll 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -2052,7 +2052,7 @@ exports[`Carousel render Carousel autoScroll 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -2105,7 +2105,7 @@ exports[`Carousel render Carousel autoScroll 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -2116,7 +2116,7 @@ exports[`Carousel render Carousel autoScroll 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -2187,7 +2187,7 @@ exports[`Carousel render Carousel averageItemLength 1`] = ` scrollEventThrottle={16} showsHorizontalScrollIndicator={false} snapToAlignment="start" - snapToInterval={130} + snapToInterval={120} stickyHeaderIndices={[]} viewabilityConfig={ { @@ -2253,7 +2253,7 @@ exports[`Carousel render Carousel averageItemLength 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -2264,7 +2264,7 @@ exports[`Carousel render Carousel averageItemLength 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -2317,7 +2317,7 @@ exports[`Carousel render Carousel averageItemLength 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -2328,7 +2328,7 @@ exports[`Carousel render Carousel averageItemLength 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -2381,7 +2381,7 @@ exports[`Carousel render Carousel averageItemLength 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -2392,7 +2392,7 @@ exports[`Carousel render Carousel averageItemLength 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -2445,7 +2445,7 @@ exports[`Carousel render Carousel averageItemLength 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -2456,7 +2456,7 @@ exports[`Carousel render Carousel averageItemLength 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -2509,7 +2509,7 @@ exports[`Carousel render Carousel averageItemLength 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -2520,7 +2520,7 @@ exports[`Carousel render Carousel averageItemLength 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -2573,7 +2573,7 @@ exports[`Carousel render Carousel averageItemLength 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -2584,7 +2584,7 @@ exports[`Carousel render Carousel averageItemLength 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -2637,7 +2637,7 @@ exports[`Carousel render Carousel averageItemLength 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -2648,7 +2648,7 @@ exports[`Carousel render Carousel averageItemLength 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -2719,7 +2719,7 @@ exports[`Carousel render Carousel averageItemLength onScrollToIndexFailed 1`] = scrollEventThrottle={16} showsHorizontalScrollIndicator={false} snapToAlignment="start" - snapToInterval={130} + snapToInterval={120} stickyHeaderIndices={[]} viewabilityConfig={ { @@ -2785,7 +2785,7 @@ exports[`Carousel render Carousel averageItemLength onScrollToIndexFailed 1`] = { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -2796,7 +2796,7 @@ exports[`Carousel render Carousel averageItemLength onScrollToIndexFailed 1`] = { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -2849,7 +2849,7 @@ exports[`Carousel render Carousel averageItemLength onScrollToIndexFailed 1`] = { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -2860,7 +2860,7 @@ exports[`Carousel render Carousel averageItemLength onScrollToIndexFailed 1`] = { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -2913,7 +2913,7 @@ exports[`Carousel render Carousel averageItemLength onScrollToIndexFailed 1`] = { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -2924,7 +2924,7 @@ exports[`Carousel render Carousel averageItemLength onScrollToIndexFailed 1`] = { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -2977,7 +2977,7 @@ exports[`Carousel render Carousel averageItemLength onScrollToIndexFailed 1`] = { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -2988,7 +2988,7 @@ exports[`Carousel render Carousel averageItemLength onScrollToIndexFailed 1`] = { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -3041,7 +3041,7 @@ exports[`Carousel render Carousel averageItemLength onScrollToIndexFailed 1`] = { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -3052,7 +3052,7 @@ exports[`Carousel render Carousel averageItemLength onScrollToIndexFailed 1`] = { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -3105,7 +3105,7 @@ exports[`Carousel render Carousel averageItemLength onScrollToIndexFailed 1`] = { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -3116,7 +3116,7 @@ exports[`Carousel render Carousel averageItemLength onScrollToIndexFailed 1`] = { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -3169,7 +3169,7 @@ exports[`Carousel render Carousel averageItemLength onScrollToIndexFailed 1`] = { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -3180,7 +3180,7 @@ exports[`Carousel render Carousel averageItemLength onScrollToIndexFailed 1`] = { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -3252,7 +3252,7 @@ exports[`Carousel render Carousel isDots 1`] = ` scrollEventThrottle={16} showsHorizontalScrollIndicator={false} snapToAlignment="start" - snapToInterval={130} + snapToInterval={120} stickyHeaderIndices={[]} viewabilityConfig={ { @@ -3318,7 +3318,7 @@ exports[`Carousel render Carousel isDots 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -3329,7 +3329,7 @@ exports[`Carousel render Carousel isDots 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -3382,7 +3382,7 @@ exports[`Carousel render Carousel isDots 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -3393,7 +3393,7 @@ exports[`Carousel render Carousel isDots 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -3446,7 +3446,7 @@ exports[`Carousel render Carousel isDots 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -3457,7 +3457,7 @@ exports[`Carousel render Carousel isDots 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -3510,7 +3510,7 @@ exports[`Carousel render Carousel isDots 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -3521,7 +3521,7 @@ exports[`Carousel render Carousel isDots 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -3574,7 +3574,7 @@ exports[`Carousel render Carousel isDots 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -3585,7 +3585,7 @@ exports[`Carousel render Carousel isDots 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -3638,7 +3638,7 @@ exports[`Carousel render Carousel isDots 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -3649,7 +3649,7 @@ exports[`Carousel render Carousel isDots 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -3702,7 +3702,7 @@ exports[`Carousel render Carousel isDots 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -3713,7 +3713,7 @@ exports[`Carousel render Carousel isDots 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -3729,7 +3729,7 @@ exports[`Carousel render Carousel isDots 1`] = ` onLayout={[Function]} style={ { - "width": 150, + "width": 100, } } > @@ -3750,10 +3750,10 @@ exports[`Carousel render Carousel isDots 1`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#5E6678", @@ -3765,10 +3765,10 @@ exports[`Carousel render Carousel isDots 1`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#B6BBC6", @@ -3780,10 +3780,10 @@ exports[`Carousel render Carousel isDots 1`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#B6BBC6", @@ -3795,10 +3795,10 @@ exports[`Carousel render Carousel isDots 1`] = ` style={ [ { - "borderRadius": 4.5, - "height": 9, - "marginHorizontal": 7.5, - "width": 9, + "borderRadius": 3, + "height": 6, + "marginHorizontal": 5, + "width": 6, }, { "backgroundColor": "#B6BBC6", @@ -3810,10 +3810,10 @@ exports[`Carousel render Carousel isDots 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -3825,10 +3825,10 @@ exports[`Carousel render Carousel isDots 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -3840,10 +3840,10 @@ exports[`Carousel render Carousel isDots 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -3917,7 +3917,7 @@ exports[`Carousel render Carousel isDots with props 1`] = ` scrollEventThrottle={16} showsHorizontalScrollIndicator={false} snapToAlignment="start" - snapToInterval={130} + snapToInterval={120} stickyHeaderIndices={[]} viewabilityConfig={ { @@ -3983,7 +3983,7 @@ exports[`Carousel render Carousel isDots with props 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -3994,7 +3994,7 @@ exports[`Carousel render Carousel isDots with props 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -4047,7 +4047,7 @@ exports[`Carousel render Carousel isDots with props 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -4058,7 +4058,7 @@ exports[`Carousel render Carousel isDots with props 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -4111,7 +4111,7 @@ exports[`Carousel render Carousel isDots with props 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -4122,7 +4122,7 @@ exports[`Carousel render Carousel isDots with props 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -4175,7 +4175,7 @@ exports[`Carousel render Carousel isDots with props 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -4186,7 +4186,7 @@ exports[`Carousel render Carousel isDots with props 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -4239,7 +4239,7 @@ exports[`Carousel render Carousel isDots with props 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -4250,7 +4250,7 @@ exports[`Carousel render Carousel isDots with props 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -4303,7 +4303,7 @@ exports[`Carousel render Carousel isDots with props 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -4314,7 +4314,7 @@ exports[`Carousel render Carousel isDots with props 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -4367,7 +4367,7 @@ exports[`Carousel render Carousel isDots with props 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -4378,7 +4378,7 @@ exports[`Carousel render Carousel isDots with props 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -4394,7 +4394,7 @@ exports[`Carousel render Carousel isDots with props 1`] = ` onLayout={[Function]} style={ { - "width": 150, + "width": 100, } } > @@ -4415,10 +4415,10 @@ exports[`Carousel render Carousel isDots with props 1`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "red", @@ -4430,10 +4430,10 @@ exports[`Carousel render Carousel isDots with props 1`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "black", @@ -4445,10 +4445,10 @@ exports[`Carousel render Carousel isDots with props 1`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "black", @@ -4460,10 +4460,10 @@ exports[`Carousel render Carousel isDots with props 1`] = ` style={ [ { - "borderRadius": 4.5, - "height": 9, - "marginHorizontal": 7.5, - "width": 9, + "borderRadius": 3, + "height": 6, + "marginHorizontal": 5, + "width": 6, }, { "backgroundColor": "black", @@ -4475,10 +4475,10 @@ exports[`Carousel render Carousel isDots with props 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "black", @@ -4490,10 +4490,10 @@ exports[`Carousel render Carousel isDots with props 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "black", @@ -4505,10 +4505,10 @@ exports[`Carousel render Carousel isDots with props 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "black", @@ -4581,7 +4581,7 @@ exports[`Carousel render Carousel loading 1`] = ` scrollEventThrottle={16} showsHorizontalScrollIndicator={false} snapToAlignment="start" - snapToInterval={130} + snapToInterval={120} stickyHeaderIndices={[]} viewabilityConfig={ { @@ -4647,7 +4647,7 @@ exports[`Carousel render Carousel loading 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -4658,7 +4658,7 @@ exports[`Carousel render Carousel loading 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -4711,7 +4711,7 @@ exports[`Carousel render Carousel loading 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -4722,7 +4722,7 @@ exports[`Carousel render Carousel loading 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -4775,7 +4775,7 @@ exports[`Carousel render Carousel loading 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -4786,7 +4786,7 @@ exports[`Carousel render Carousel loading 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -4839,7 +4839,7 @@ exports[`Carousel render Carousel loading 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -4850,7 +4850,7 @@ exports[`Carousel render Carousel loading 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -4903,7 +4903,7 @@ exports[`Carousel render Carousel loading 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -4914,7 +4914,7 @@ exports[`Carousel render Carousel loading 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -4967,7 +4967,7 @@ exports[`Carousel render Carousel loading 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -4978,7 +4978,7 @@ exports[`Carousel render Carousel loading 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -5031,7 +5031,7 @@ exports[`Carousel render Carousel loading 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -5042,7 +5042,7 @@ exports[`Carousel render Carousel loading 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -5113,7 +5113,7 @@ exports[`Carousel render Carousel not activeItemId 1`] = ` scrollEventThrottle={16} showsHorizontalScrollIndicator={false} snapToAlignment="start" - snapToInterval={130} + snapToInterval={120} stickyHeaderIndices={[]} viewabilityConfig={ { @@ -5179,7 +5179,7 @@ exports[`Carousel render Carousel not activeItemId 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -5190,7 +5190,7 @@ exports[`Carousel render Carousel not activeItemId 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -5243,7 +5243,7 @@ exports[`Carousel render Carousel not activeItemId 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -5254,7 +5254,7 @@ exports[`Carousel render Carousel not activeItemId 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -5307,7 +5307,7 @@ exports[`Carousel render Carousel not activeItemId 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -5318,7 +5318,7 @@ exports[`Carousel render Carousel not activeItemId 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -5371,7 +5371,7 @@ exports[`Carousel render Carousel not activeItemId 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -5382,7 +5382,7 @@ exports[`Carousel render Carousel not activeItemId 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -5435,7 +5435,7 @@ exports[`Carousel render Carousel not activeItemId 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -5446,7 +5446,7 @@ exports[`Carousel render Carousel not activeItemId 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -5499,7 +5499,7 @@ exports[`Carousel render Carousel not activeItemId 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -5510,7 +5510,7 @@ exports[`Carousel render Carousel not activeItemId 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -5563,7 +5563,7 @@ exports[`Carousel render Carousel not activeItemId 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -5574,7 +5574,7 @@ exports[`Carousel render Carousel not activeItemId 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -5645,7 +5645,7 @@ exports[`Carousel render Carousel not index 1`] = ` scrollEventThrottle={16} showsHorizontalScrollIndicator={false} snapToAlignment="start" - snapToInterval={130} + snapToInterval={120} stickyHeaderIndices={[]} viewabilityConfig={ { @@ -5711,7 +5711,7 @@ exports[`Carousel render Carousel not index 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -5722,7 +5722,7 @@ exports[`Carousel render Carousel not index 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -5775,7 +5775,7 @@ exports[`Carousel render Carousel not index 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -5786,7 +5786,7 @@ exports[`Carousel render Carousel not index 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -5839,7 +5839,7 @@ exports[`Carousel render Carousel not index 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -5850,7 +5850,7 @@ exports[`Carousel render Carousel not index 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -5903,7 +5903,7 @@ exports[`Carousel render Carousel not index 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -5914,7 +5914,7 @@ exports[`Carousel render Carousel not index 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -5967,7 +5967,7 @@ exports[`Carousel render Carousel not index 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -5978,7 +5978,7 @@ exports[`Carousel render Carousel not index 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -6031,7 +6031,7 @@ exports[`Carousel render Carousel not index 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -6042,7 +6042,7 @@ exports[`Carousel render Carousel not index 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -6095,7 +6095,7 @@ exports[`Carousel render Carousel not index 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -6106,7 +6106,7 @@ exports[`Carousel render Carousel not index 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -6177,7 +6177,7 @@ exports[`Carousel render Carousel not scroll 1`] = ` scrollEventThrottle={16} showsHorizontalScrollIndicator={false} snapToAlignment="start" - snapToInterval={130} + snapToInterval={120} stickyHeaderIndices={[]} viewabilityConfig={ { @@ -6243,7 +6243,7 @@ exports[`Carousel render Carousel not scroll 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -6254,7 +6254,7 @@ exports[`Carousel render Carousel not scroll 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -6307,7 +6307,7 @@ exports[`Carousel render Carousel not scroll 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -6318,7 +6318,7 @@ exports[`Carousel render Carousel not scroll 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -6371,7 +6371,7 @@ exports[`Carousel render Carousel not scroll 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -6382,7 +6382,7 @@ exports[`Carousel render Carousel not scroll 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -6435,7 +6435,7 @@ exports[`Carousel render Carousel not scroll 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -6446,7 +6446,7 @@ exports[`Carousel render Carousel not scroll 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -6499,7 +6499,7 @@ exports[`Carousel render Carousel not scroll 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -6510,7 +6510,7 @@ exports[`Carousel render Carousel not scroll 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -6563,7 +6563,7 @@ exports[`Carousel render Carousel not scroll 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -6574,7 +6574,7 @@ exports[`Carousel render Carousel not scroll 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -6627,7 +6627,7 @@ exports[`Carousel render Carousel not scroll 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -6638,7 +6638,7 @@ exports[`Carousel render Carousel not scroll 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -6709,7 +6709,7 @@ exports[`Carousel render Carousel onActiveChange 1`] = ` scrollEventThrottle={16} showsHorizontalScrollIndicator={false} snapToAlignment="start" - snapToInterval={130} + snapToInterval={120} stickyHeaderIndices={[]} viewabilityConfig={ { @@ -6775,7 +6775,7 @@ exports[`Carousel render Carousel onActiveChange 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -6786,7 +6786,7 @@ exports[`Carousel render Carousel onActiveChange 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -6839,7 +6839,7 @@ exports[`Carousel render Carousel onActiveChange 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -6850,7 +6850,7 @@ exports[`Carousel render Carousel onActiveChange 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -6903,7 +6903,7 @@ exports[`Carousel render Carousel onActiveChange 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -6914,7 +6914,7 @@ exports[`Carousel render Carousel onActiveChange 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -6967,7 +6967,7 @@ exports[`Carousel render Carousel onActiveChange 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -6978,7 +6978,7 @@ exports[`Carousel render Carousel onActiveChange 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -7031,7 +7031,7 @@ exports[`Carousel render Carousel onActiveChange 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -7042,7 +7042,7 @@ exports[`Carousel render Carousel onActiveChange 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -7095,7 +7095,7 @@ exports[`Carousel render Carousel onActiveChange 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -7106,7 +7106,7 @@ exports[`Carousel render Carousel onActiveChange 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -7159,7 +7159,7 @@ exports[`Carousel render Carousel onActiveChange 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -7170,7 +7170,7 @@ exports[`Carousel render Carousel onActiveChange 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -7241,7 +7241,7 @@ exports[`Carousel render Carousel onScroll 1`] = ` scrollEventThrottle={16} showsHorizontalScrollIndicator={false} snapToAlignment="start" - snapToInterval={130} + snapToInterval={120} stickyHeaderIndices={[]} viewabilityConfig={ { @@ -7307,7 +7307,7 @@ exports[`Carousel render Carousel onScroll 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -7318,7 +7318,7 @@ exports[`Carousel render Carousel onScroll 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -7371,7 +7371,7 @@ exports[`Carousel render Carousel onScroll 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -7382,7 +7382,7 @@ exports[`Carousel render Carousel onScroll 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -7435,7 +7435,7 @@ exports[`Carousel render Carousel onScroll 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -7446,7 +7446,7 @@ exports[`Carousel render Carousel onScroll 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -7499,7 +7499,7 @@ exports[`Carousel render Carousel onScroll 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -7510,7 +7510,7 @@ exports[`Carousel render Carousel onScroll 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -7563,7 +7563,7 @@ exports[`Carousel render Carousel onScroll 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -7574,7 +7574,7 @@ exports[`Carousel render Carousel onScroll 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -7627,7 +7627,7 @@ exports[`Carousel render Carousel onScroll 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -7638,7 +7638,7 @@ exports[`Carousel render Carousel onScroll 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -7691,7 +7691,7 @@ exports[`Carousel render Carousel onScroll 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -7702,7 +7702,7 @@ exports[`Carousel render Carousel onScroll 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -7773,7 +7773,7 @@ exports[`Carousel render Carousel onScrollToIndexFailed 1`] = ` scrollEventThrottle={16} showsHorizontalScrollIndicator={false} snapToAlignment="start" - snapToInterval={130} + snapToInterval={120} stickyHeaderIndices={[]} viewabilityConfig={ { @@ -7839,7 +7839,7 @@ exports[`Carousel render Carousel onScrollToIndexFailed 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -7850,7 +7850,7 @@ exports[`Carousel render Carousel onScrollToIndexFailed 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -7903,7 +7903,7 @@ exports[`Carousel render Carousel onScrollToIndexFailed 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -7914,7 +7914,7 @@ exports[`Carousel render Carousel onScrollToIndexFailed 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -7967,7 +7967,7 @@ exports[`Carousel render Carousel onScrollToIndexFailed 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -7978,7 +7978,7 @@ exports[`Carousel render Carousel onScrollToIndexFailed 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -8031,7 +8031,7 @@ exports[`Carousel render Carousel onScrollToIndexFailed 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -8042,7 +8042,7 @@ exports[`Carousel render Carousel onScrollToIndexFailed 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -8095,7 +8095,7 @@ exports[`Carousel render Carousel onScrollToIndexFailed 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -8106,7 +8106,7 @@ exports[`Carousel render Carousel onScrollToIndexFailed 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -8159,7 +8159,7 @@ exports[`Carousel render Carousel onScrollToIndexFailed 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -8170,7 +8170,7 @@ exports[`Carousel render Carousel onScrollToIndexFailed 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -8223,7 +8223,7 @@ exports[`Carousel render Carousel onScrollToIndexFailed 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -8234,7 +8234,7 @@ exports[`Carousel render Carousel onScrollToIndexFailed 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -8305,7 +8305,7 @@ exports[`Carousel render Carousel scroll 1`] = ` scrollEventThrottle={16} showsHorizontalScrollIndicator={false} snapToAlignment="start" - snapToInterval={130} + snapToInterval={120} stickyHeaderIndices={[]} viewabilityConfig={ { @@ -8371,7 +8371,7 @@ exports[`Carousel render Carousel scroll 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -8382,7 +8382,7 @@ exports[`Carousel render Carousel scroll 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -8435,7 +8435,7 @@ exports[`Carousel render Carousel scroll 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -8446,7 +8446,7 @@ exports[`Carousel render Carousel scroll 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -8499,7 +8499,7 @@ exports[`Carousel render Carousel scroll 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -8510,7 +8510,7 @@ exports[`Carousel render Carousel scroll 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -8563,7 +8563,7 @@ exports[`Carousel render Carousel scroll 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -8574,7 +8574,7 @@ exports[`Carousel render Carousel scroll 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -8627,7 +8627,7 @@ exports[`Carousel render Carousel scroll 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -8638,7 +8638,7 @@ exports[`Carousel render Carousel scroll 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -8691,7 +8691,7 @@ exports[`Carousel render Carousel scroll 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -8702,7 +8702,7 @@ exports[`Carousel render Carousel scroll 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -8755,7 +8755,7 @@ exports[`Carousel render Carousel scroll 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -8766,7 +8766,7 @@ exports[`Carousel render Carousel scroll 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -8837,7 +8837,7 @@ exports[`Carousel render Carousel scroll align = center 1`] = ` scrollEventThrottle={16} showsHorizontalScrollIndicator={false} snapToAlignment="center" - snapToInterval={130} + snapToInterval={120} stickyHeaderIndices={[]} viewabilityConfig={ { @@ -8903,7 +8903,7 @@ exports[`Carousel render Carousel scroll align = center 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -8914,7 +8914,7 @@ exports[`Carousel render Carousel scroll align = center 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -8967,7 +8967,7 @@ exports[`Carousel render Carousel scroll align = center 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -8978,7 +8978,7 @@ exports[`Carousel render Carousel scroll align = center 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -9031,7 +9031,7 @@ exports[`Carousel render Carousel scroll align = center 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -9042,7 +9042,7 @@ exports[`Carousel render Carousel scroll align = center 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -9095,7 +9095,7 @@ exports[`Carousel render Carousel scroll align = center 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -9106,7 +9106,7 @@ exports[`Carousel render Carousel scroll align = center 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -9159,7 +9159,7 @@ exports[`Carousel render Carousel scroll align = center 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -9170,7 +9170,7 @@ exports[`Carousel render Carousel scroll align = center 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -9223,7 +9223,7 @@ exports[`Carousel render Carousel scroll align = center 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -9234,7 +9234,7 @@ exports[`Carousel render Carousel scroll align = center 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -9287,7 +9287,7 @@ exports[`Carousel render Carousel scroll align = center 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -9298,7 +9298,7 @@ exports[`Carousel render Carousel scroll align = center 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -9369,7 +9369,7 @@ exports[`Carousel render Carousel scroll align = center count 1`] = ` scrollEventThrottle={16} showsHorizontalScrollIndicator={false} snapToAlignment="center" - snapToInterval={130} + snapToInterval={120} stickyHeaderIndices={[]} viewabilityConfig={ { @@ -9435,7 +9435,7 @@ exports[`Carousel render Carousel scroll align = center count 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -9446,7 +9446,7 @@ exports[`Carousel render Carousel scroll align = center count 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -9499,7 +9499,7 @@ exports[`Carousel render Carousel scroll align = center count 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -9510,7 +9510,7 @@ exports[`Carousel render Carousel scroll align = center count 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -9563,7 +9563,7 @@ exports[`Carousel render Carousel scroll align = center count 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -9574,7 +9574,7 @@ exports[`Carousel render Carousel scroll align = center count 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -9627,7 +9627,7 @@ exports[`Carousel render Carousel scroll align = center count 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -9638,7 +9638,7 @@ exports[`Carousel render Carousel scroll align = center count 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -9691,7 +9691,7 @@ exports[`Carousel render Carousel scroll align = center count 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -9702,7 +9702,7 @@ exports[`Carousel render Carousel scroll align = center count 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -9755,7 +9755,7 @@ exports[`Carousel render Carousel scroll align = center count 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -9766,7 +9766,7 @@ exports[`Carousel render Carousel scroll align = center count 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -9819,7 +9819,7 @@ exports[`Carousel render Carousel scroll align = center count 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -9830,7 +9830,7 @@ exports[`Carousel render Carousel scroll align = center count 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -9901,7 +9901,7 @@ exports[`Carousel render Carousel scroll align = center honest 1`] = ` scrollEventThrottle={16} showsHorizontalScrollIndicator={false} snapToAlignment="center" - snapToInterval={130} + snapToInterval={120} stickyHeaderIndices={[]} viewabilityConfig={ { @@ -9967,7 +9967,7 @@ exports[`Carousel render Carousel scroll align = center honest 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -9978,7 +9978,7 @@ exports[`Carousel render Carousel scroll align = center honest 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -10031,7 +10031,7 @@ exports[`Carousel render Carousel scroll align = center honest 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -10042,7 +10042,7 @@ exports[`Carousel render Carousel scroll align = center honest 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -10095,7 +10095,7 @@ exports[`Carousel render Carousel scroll align = center honest 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -10106,7 +10106,7 @@ exports[`Carousel render Carousel scroll align = center honest 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -10159,7 +10159,7 @@ exports[`Carousel render Carousel scroll align = center honest 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -10170,7 +10170,7 @@ exports[`Carousel render Carousel scroll align = center honest 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -10223,7 +10223,7 @@ exports[`Carousel render Carousel scroll align = center honest 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -10234,7 +10234,7 @@ exports[`Carousel render Carousel scroll align = center honest 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -10287,7 +10287,7 @@ exports[`Carousel render Carousel scroll align = center honest 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -10298,7 +10298,7 @@ exports[`Carousel render Carousel scroll align = center honest 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -10351,7 +10351,7 @@ exports[`Carousel render Carousel scroll align = center honest 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -10362,7 +10362,7 @@ exports[`Carousel render Carousel scroll align = center honest 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -10433,7 +10433,7 @@ exports[`Carousel render Carousel scroll align = center honest count 1`] = ` scrollEventThrottle={16} showsHorizontalScrollIndicator={false} snapToAlignment="center" - snapToInterval={280} + snapToInterval={270} stickyHeaderIndices={[]} viewabilityConfig={ { @@ -10499,7 +10499,7 @@ exports[`Carousel render Carousel scroll align = center honest count 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -10510,7 +10510,7 @@ exports[`Carousel render Carousel scroll align = center honest count 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -10563,7 +10563,7 @@ exports[`Carousel render Carousel scroll align = center honest count 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -10574,7 +10574,7 @@ exports[`Carousel render Carousel scroll align = center honest count 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -10627,7 +10627,7 @@ exports[`Carousel render Carousel scroll align = center honest count 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -10638,7 +10638,7 @@ exports[`Carousel render Carousel scroll align = center honest count 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -10691,7 +10691,7 @@ exports[`Carousel render Carousel scroll align = center honest count 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -10702,7 +10702,7 @@ exports[`Carousel render Carousel scroll align = center honest count 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -10755,7 +10755,7 @@ exports[`Carousel render Carousel scroll align = center honest count 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -10766,7 +10766,7 @@ exports[`Carousel render Carousel scroll align = center honest count 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -10819,7 +10819,7 @@ exports[`Carousel render Carousel scroll align = center honest count 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -10830,7 +10830,7 @@ exports[`Carousel render Carousel scroll align = center honest count 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -10883,7 +10883,7 @@ exports[`Carousel render Carousel scroll align = center honest count 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -10894,7 +10894,7 @@ exports[`Carousel render Carousel scroll align = center honest count 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > diff --git a/packages/core/src/other/components/Carousel/__tests__/__snapshots__/LoopCarousel.test.tsx.snap b/packages/core/src/other/components/Carousel/__tests__/__snapshots__/LoopCarousel.test.tsx.snap index afcb39592..544557899 100644 --- a/packages/core/src/other/components/Carousel/__tests__/__snapshots__/LoopCarousel.test.tsx.snap +++ b/packages/core/src/other/components/Carousel/__tests__/__snapshots__/LoopCarousel.test.tsx.snap @@ -116,7 +116,7 @@ exports[`LoopCarousel render LoopCarousel activeItemId 1`] = ` scrollEventThrottle={16} showsHorizontalScrollIndicator={false} snapToAlignment="start" - snapToInterval={130} + snapToInterval={120} stickyHeaderIndices={[]} viewabilityConfig={ { @@ -182,7 +182,7 @@ exports[`LoopCarousel render LoopCarousel activeItemId 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -193,7 +193,7 @@ exports[`LoopCarousel render LoopCarousel activeItemId 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -246,7 +246,7 @@ exports[`LoopCarousel render LoopCarousel activeItemId 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -257,7 +257,7 @@ exports[`LoopCarousel render LoopCarousel activeItemId 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -310,7 +310,7 @@ exports[`LoopCarousel render LoopCarousel activeItemId 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -321,7 +321,7 @@ exports[`LoopCarousel render LoopCarousel activeItemId 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -374,7 +374,7 @@ exports[`LoopCarousel render LoopCarousel activeItemId 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -385,7 +385,7 @@ exports[`LoopCarousel render LoopCarousel activeItemId 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -438,7 +438,7 @@ exports[`LoopCarousel render LoopCarousel activeItemId 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -449,7 +449,7 @@ exports[`LoopCarousel render LoopCarousel activeItemId 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -502,7 +502,7 @@ exports[`LoopCarousel render LoopCarousel activeItemId 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -513,7 +513,7 @@ exports[`LoopCarousel render LoopCarousel activeItemId 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -566,7 +566,7 @@ exports[`LoopCarousel render LoopCarousel activeItemId 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -577,7 +577,7 @@ exports[`LoopCarousel render LoopCarousel activeItemId 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -630,7 +630,7 @@ exports[`LoopCarousel render LoopCarousel activeItemId 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -641,7 +641,7 @@ exports[`LoopCarousel render LoopCarousel activeItemId 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -694,7 +694,7 @@ exports[`LoopCarousel render LoopCarousel activeItemId 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -705,7 +705,7 @@ exports[`LoopCarousel render LoopCarousel activeItemId 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -758,7 +758,7 @@ exports[`LoopCarousel render LoopCarousel activeItemId 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -769,7 +769,7 @@ exports[`LoopCarousel render LoopCarousel activeItemId 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -822,7 +822,7 @@ exports[`LoopCarousel render LoopCarousel activeItemId 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -833,7 +833,7 @@ exports[`LoopCarousel render LoopCarousel activeItemId 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -886,7 +886,7 @@ exports[`LoopCarousel render LoopCarousel activeItemId 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -897,7 +897,7 @@ exports[`LoopCarousel render LoopCarousel activeItemId 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -1032,7 +1032,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = 0 1`] = ` scrollEventThrottle={16} showsHorizontalScrollIndicator={false} snapToAlignment="start" - snapToInterval={130} + snapToInterval={120} stickyHeaderIndices={[]} viewabilityConfig={ { @@ -1098,7 +1098,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = 0 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -1109,7 +1109,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = 0 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -1162,7 +1162,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = 0 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -1173,7 +1173,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = 0 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -1226,7 +1226,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = 0 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -1237,7 +1237,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = 0 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -1290,7 +1290,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = 0 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -1301,7 +1301,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = 0 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -1354,7 +1354,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = 0 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -1365,7 +1365,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = 0 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -1418,7 +1418,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = 0 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -1429,7 +1429,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = 0 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -1482,7 +1482,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = 0 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -1493,7 +1493,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = 0 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -1546,7 +1546,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = 0 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -1557,7 +1557,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = 0 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -1610,7 +1610,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = 0 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -1621,7 +1621,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = 0 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -1674,7 +1674,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = 0 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -1685,7 +1685,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = 0 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -1738,7 +1738,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = 0 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -1749,7 +1749,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = 0 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -1802,7 +1802,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = 0 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -1813,7 +1813,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = 0 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -1948,7 +1948,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = contentSize 1`] = ` scrollEventThrottle={16} showsHorizontalScrollIndicator={false} snapToAlignment="start" - snapToInterval={130} + snapToInterval={120} stickyHeaderIndices={[]} viewabilityConfig={ { @@ -2014,7 +2014,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = contentSize 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -2025,7 +2025,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = contentSize 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -2078,7 +2078,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = contentSize 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -2089,7 +2089,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = contentSize 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -2142,7 +2142,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = contentSize 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -2153,7 +2153,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = contentSize 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -2206,7 +2206,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = contentSize 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -2217,7 +2217,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = contentSize 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -2270,7 +2270,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = contentSize 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -2281,7 +2281,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = contentSize 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -2334,7 +2334,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = contentSize 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -2345,7 +2345,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = contentSize 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -2398,7 +2398,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = contentSize 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -2409,7 +2409,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = contentSize 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -2462,7 +2462,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = contentSize 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -2473,7 +2473,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = contentSize 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -2526,7 +2526,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = contentSize 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -2537,7 +2537,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = contentSize 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -2590,7 +2590,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = contentSize 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -2601,7 +2601,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = contentSize 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -2654,7 +2654,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = contentSize 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -2665,7 +2665,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = contentSize 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -2718,7 +2718,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = contentSize 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -2729,7 +2729,7 @@ exports[`LoopCarousel render LoopCarousel contentOffset = contentSize 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -2864,7 +2864,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop 1`] = ` scrollEventThrottle={16} showsHorizontalScrollIndicator={false} snapToAlignment="start" - snapToInterval={130} + snapToInterval={120} stickyHeaderIndices={[]} viewabilityConfig={ { @@ -2930,7 +2930,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -2941,7 +2941,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -2994,7 +2994,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -3005,7 +3005,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -3058,7 +3058,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -3069,7 +3069,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -3122,7 +3122,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -3133,7 +3133,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -3186,7 +3186,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -3197,7 +3197,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -3250,7 +3250,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -3261,7 +3261,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -3314,7 +3314,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -3325,7 +3325,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -3378,7 +3378,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -3389,7 +3389,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -3442,7 +3442,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -3453,7 +3453,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -3506,7 +3506,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -3517,7 +3517,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -3570,7 +3570,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -3581,7 +3581,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -3634,7 +3634,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -3645,7 +3645,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -3780,7 +3780,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop align === center 1`] scrollEventThrottle={16} showsHorizontalScrollIndicator={false} snapToAlignment="center" - snapToInterval={130} + snapToInterval={120} stickyHeaderIndices={[]} viewabilityConfig={ { @@ -3846,7 +3846,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop align === center 1`] { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -3857,7 +3857,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop align === center 1`] { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -3910,7 +3910,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop align === center 1`] { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -3921,7 +3921,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop align === center 1`] { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -3974,7 +3974,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop align === center 1`] { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -3985,7 +3985,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop align === center 1`] { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -4038,7 +4038,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop align === center 1`] { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -4049,7 +4049,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop align === center 1`] { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -4102,7 +4102,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop align === center 1`] { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -4113,7 +4113,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop align === center 1`] { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -4166,7 +4166,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop align === center 1`] { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -4177,7 +4177,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop align === center 1`] { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -4230,7 +4230,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop align === center 1`] { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -4241,7 +4241,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop align === center 1`] { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -4294,7 +4294,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop align === center 1`] { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -4305,7 +4305,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop align === center 1`] { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -4358,7 +4358,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop align === center 1`] { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -4369,7 +4369,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop align === center 1`] { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -4422,7 +4422,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop align === center 1`] { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -4433,7 +4433,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop align === center 1`] { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -4486,7 +4486,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop align === center 1`] { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -4497,7 +4497,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop align === center 1`] { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -4550,7 +4550,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop align === center 1`] { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -4561,7 +4561,7 @@ exports[`LoopCarousel render LoopCarousel initScroll isLoop align === center 1`] { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -4696,7 +4696,7 @@ exports[`LoopCarousel render LoopCarousel not index isLoop 1`] = ` scrollEventThrottle={16} showsHorizontalScrollIndicator={false} snapToAlignment="start" - snapToInterval={130} + snapToInterval={120} stickyHeaderIndices={[]} viewabilityConfig={ { @@ -4762,7 +4762,7 @@ exports[`LoopCarousel render LoopCarousel not index isLoop 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -4773,7 +4773,7 @@ exports[`LoopCarousel render LoopCarousel not index isLoop 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -4826,7 +4826,7 @@ exports[`LoopCarousel render LoopCarousel not index isLoop 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -4837,7 +4837,7 @@ exports[`LoopCarousel render LoopCarousel not index isLoop 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -4890,7 +4890,7 @@ exports[`LoopCarousel render LoopCarousel not index isLoop 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -4901,7 +4901,7 @@ exports[`LoopCarousel render LoopCarousel not index isLoop 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -4954,7 +4954,7 @@ exports[`LoopCarousel render LoopCarousel not index isLoop 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -4965,7 +4965,7 @@ exports[`LoopCarousel render LoopCarousel not index isLoop 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -5018,7 +5018,7 @@ exports[`LoopCarousel render LoopCarousel not index isLoop 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -5029,7 +5029,7 @@ exports[`LoopCarousel render LoopCarousel not index isLoop 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -5082,7 +5082,7 @@ exports[`LoopCarousel render LoopCarousel not index isLoop 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -5093,7 +5093,7 @@ exports[`LoopCarousel render LoopCarousel not index isLoop 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -5146,7 +5146,7 @@ exports[`LoopCarousel render LoopCarousel not index isLoop 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -5157,7 +5157,7 @@ exports[`LoopCarousel render LoopCarousel not index isLoop 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -5210,7 +5210,7 @@ exports[`LoopCarousel render LoopCarousel not index isLoop 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -5221,7 +5221,7 @@ exports[`LoopCarousel render LoopCarousel not index isLoop 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -5274,7 +5274,7 @@ exports[`LoopCarousel render LoopCarousel not index isLoop 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -5285,7 +5285,7 @@ exports[`LoopCarousel render LoopCarousel not index isLoop 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -5338,7 +5338,7 @@ exports[`LoopCarousel render LoopCarousel not index isLoop 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -5349,7 +5349,7 @@ exports[`LoopCarousel render LoopCarousel not index isLoop 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -5402,7 +5402,7 @@ exports[`LoopCarousel render LoopCarousel not index isLoop 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -5413,7 +5413,7 @@ exports[`LoopCarousel render LoopCarousel not index isLoop 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -5466,7 +5466,7 @@ exports[`LoopCarousel render LoopCarousel not index isLoop 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -5477,7 +5477,7 @@ exports[`LoopCarousel render LoopCarousel not index isLoop 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -5612,7 +5612,7 @@ exports[`LoopCarousel render LoopCarousel onPressItem loading 1`] = ` scrollEventThrottle={16} showsHorizontalScrollIndicator={false} snapToAlignment="start" - snapToInterval={130} + snapToInterval={120} stickyHeaderIndices={[]} viewabilityConfig={ { @@ -5678,7 +5678,7 @@ exports[`LoopCarousel render LoopCarousel onPressItem loading 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -5689,7 +5689,7 @@ exports[`LoopCarousel render LoopCarousel onPressItem loading 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -5742,7 +5742,7 @@ exports[`LoopCarousel render LoopCarousel onPressItem loading 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -5753,7 +5753,7 @@ exports[`LoopCarousel render LoopCarousel onPressItem loading 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -5806,7 +5806,7 @@ exports[`LoopCarousel render LoopCarousel onPressItem loading 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -5817,7 +5817,7 @@ exports[`LoopCarousel render LoopCarousel onPressItem loading 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -5870,7 +5870,7 @@ exports[`LoopCarousel render LoopCarousel onPressItem loading 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -5881,7 +5881,7 @@ exports[`LoopCarousel render LoopCarousel onPressItem loading 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -5934,7 +5934,7 @@ exports[`LoopCarousel render LoopCarousel onPressItem loading 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -5945,7 +5945,7 @@ exports[`LoopCarousel render LoopCarousel onPressItem loading 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -5998,7 +5998,7 @@ exports[`LoopCarousel render LoopCarousel onPressItem loading 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -6009,7 +6009,7 @@ exports[`LoopCarousel render LoopCarousel onPressItem loading 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -6062,7 +6062,7 @@ exports[`LoopCarousel render LoopCarousel onPressItem loading 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -6073,7 +6073,7 @@ exports[`LoopCarousel render LoopCarousel onPressItem loading 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -6126,7 +6126,7 @@ exports[`LoopCarousel render LoopCarousel onPressItem loading 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -6137,7 +6137,7 @@ exports[`LoopCarousel render LoopCarousel onPressItem loading 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -6190,7 +6190,7 @@ exports[`LoopCarousel render LoopCarousel onPressItem loading 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -6201,7 +6201,7 @@ exports[`LoopCarousel render LoopCarousel onPressItem loading 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -6254,7 +6254,7 @@ exports[`LoopCarousel render LoopCarousel onPressItem loading 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -6265,7 +6265,7 @@ exports[`LoopCarousel render LoopCarousel onPressItem loading 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -6318,7 +6318,7 @@ exports[`LoopCarousel render LoopCarousel onPressItem loading 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -6329,7 +6329,7 @@ exports[`LoopCarousel render LoopCarousel onPressItem loading 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -6382,7 +6382,7 @@ exports[`LoopCarousel render LoopCarousel onPressItem loading 1`] = ` { "alignItems": "center", "justifyContent": "center", - "marginHorizontal": 15, + "marginHorizontal": 10, "opacity": 1, } } @@ -6393,7 +6393,7 @@ exports[`LoopCarousel render LoopCarousel onPressItem loading 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -6605,7 +6605,7 @@ exports[`LoopCarousel render LoopCarousel sideMargin 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -6669,7 +6669,7 @@ exports[`LoopCarousel render LoopCarousel sideMargin 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -6733,7 +6733,7 @@ exports[`LoopCarousel render LoopCarousel sideMargin 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -6797,7 +6797,7 @@ exports[`LoopCarousel render LoopCarousel sideMargin 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -6861,7 +6861,7 @@ exports[`LoopCarousel render LoopCarousel sideMargin 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -6925,7 +6925,7 @@ exports[`LoopCarousel render LoopCarousel sideMargin 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -6989,7 +6989,7 @@ exports[`LoopCarousel render LoopCarousel sideMargin 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -7053,7 +7053,7 @@ exports[`LoopCarousel render LoopCarousel sideMargin 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -7117,7 +7117,7 @@ exports[`LoopCarousel render LoopCarousel sideMargin 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -7181,7 +7181,7 @@ exports[`LoopCarousel render LoopCarousel sideMargin 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -7245,7 +7245,7 @@ exports[`LoopCarousel render LoopCarousel sideMargin 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -7309,7 +7309,7 @@ exports[`LoopCarousel render LoopCarousel sideMargin 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > diff --git a/packages/core/src/other/components/Collapsible/__tests__/__snapshots__/Collapsible.test.tsx.snap b/packages/core/src/other/components/Collapsible/__tests__/__snapshots__/Collapsible.test.tsx.snap index eb7ac02ed..82ee28321 100644 --- a/packages/core/src/other/components/Collapsible/__tests__/__snapshots__/Collapsible.test.tsx.snap +++ b/packages/core/src/other/components/Collapsible/__tests__/__snapshots__/Collapsible.test.tsx.snap @@ -5,7 +5,7 @@ exports[`Collapsible render crossed onPress - 1 1`] = ` style={ [ { - "padding": 30, + "padding": 20, "width": "100%", }, { @@ -61,9 +61,9 @@ exports[`Collapsible render crossed onPress - 1 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, [ { @@ -84,7 +84,7 @@ exports[`Collapsible render crossed onPress - 1 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -100,7 +100,7 @@ exports[`Collapsible render crossed onPress - 1 android 1`] = ` style={ [ { - "padding": 30, + "padding": 20, "width": "100%", }, undefined, @@ -153,9 +153,9 @@ exports[`Collapsible render crossed onPress - 1 android 1`] = ` { "color": "#444B5A", "fontFamily": "Inter-SemiBold", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, [ { @@ -174,7 +174,7 @@ exports[`Collapsible render crossed onPress - 1 android 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -191,7 +191,7 @@ exports[`Collapsible render crossed onPress - 2 1`] = ` style={ [ { - "padding": 30, + "padding": 20, "width": "100%", }, undefined, @@ -244,9 +244,9 @@ exports[`Collapsible render crossed onPress - 2 1`] = ` { "color": "#444B5A", "fontFamily": "Inter-SemiBold", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, [ { @@ -265,7 +265,7 @@ exports[`Collapsible render crossed onPress - 2 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > diff --git a/packages/core/src/other/components/CrossedText/CrossedText.tsx b/packages/core/src/other/components/CrossedText/CrossedText.tsx index 4a9513887..353592969 100644 --- a/packages/core/src/other/components/CrossedText/CrossedText.tsx +++ b/packages/core/src/other/components/CrossedText/CrossedText.tsx @@ -2,9 +2,9 @@ import {FC} from 'react'; import View from '../../../basic/components/View/View'; import {Typography} from '../../../typography'; -import rem from '../../../styles/utils/rem'; import {createStyles} from '../../../styles'; import useStyles from '../../../styles/hooks/useStyles'; +import px from '../../../styles/utils/px'; import {ICrossedTextProps} from './types'; @@ -12,7 +12,7 @@ const CrossedText: FC = ({ children, style, lineColor, - lineHeight = rem(1), + lineHeight = px(1), ...props }) => { const [styles] = useStyles(stylesCreate); diff --git a/packages/core/src/other/components/CrossedText/__tests__/__snapshots__/CrossesText.test.tsx.snap b/packages/core/src/other/components/CrossedText/__tests__/__snapshots__/CrossesText.test.tsx.snap index 137dcab8f..da59f853b 100644 --- a/packages/core/src/other/components/CrossedText/__tests__/__snapshots__/CrossesText.test.tsx.snap +++ b/packages/core/src/other/components/CrossedText/__tests__/__snapshots__/CrossesText.test.tsx.snap @@ -9,9 +9,9 @@ exports[`CrossedText render crossed text default 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] @@ -36,7 +36,7 @@ exports[`CrossedText render crossed text default 1`] = ` }, { "backgroundColor": "#000", - "height": 1.5, + "height": 1, }, ] } @@ -54,9 +54,9 @@ exports[`CrossedText render crossed text with lineHeight 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] diff --git a/packages/core/src/other/components/Dots/__tests__/__snapshots__/Dots.test.tsx.snap b/packages/core/src/other/components/Dots/__tests__/__snapshots__/Dots.test.tsx.snap index 7fa375c65..c85ccba64 100644 --- a/packages/core/src/other/components/Dots/__tests__/__snapshots__/Dots.test.tsx.snap +++ b/packages/core/src/other/components/Dots/__tests__/__snapshots__/Dots.test.tsx.snap @@ -21,7 +21,7 @@ exports[`Dots render dots activeDot left 1`] = ` onLayout={[Function]} style={ { - "width": 150, + "width": 100, } } > @@ -42,10 +42,10 @@ exports[`Dots render dots activeDot left 1`] = ` style={ [ { - "borderRadius": 4.5, - "height": 9, - "marginHorizontal": 7.5, - "width": 9, + "borderRadius": 3, + "height": 6, + "marginHorizontal": 5, + "width": 6, }, { "backgroundColor": "#B6BBC6", @@ -57,10 +57,10 @@ exports[`Dots render dots activeDot left 1`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#B6BBC6", @@ -72,10 +72,10 @@ exports[`Dots render dots activeDot left 1`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#B6BBC6", @@ -87,10 +87,10 @@ exports[`Dots render dots activeDot left 1`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#5E6678", @@ -102,10 +102,10 @@ exports[`Dots render dots activeDot left 1`] = ` style={ [ { - "borderRadius": 4.5, - "height": 9, - "marginHorizontal": 7.5, - "width": 9, + "borderRadius": 3, + "height": 6, + "marginHorizontal": 5, + "width": 6, }, { "backgroundColor": "#B6BBC6", @@ -117,10 +117,10 @@ exports[`Dots render dots activeDot left 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -132,10 +132,10 @@ exports[`Dots render dots activeDot left 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -147,10 +147,10 @@ exports[`Dots render dots activeDot left 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -162,10 +162,10 @@ exports[`Dots render dots activeDot left 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -177,10 +177,10 @@ exports[`Dots render dots activeDot left 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -200,7 +200,7 @@ exports[`Dots render dots activeDot left 2`] = ` onLayout={[Function]} style={ { - "width": 150, + "width": 100, } } > @@ -221,10 +221,10 @@ exports[`Dots render dots activeDot left 2`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#5E6678", @@ -236,10 +236,10 @@ exports[`Dots render dots activeDot left 2`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#B6BBC6", @@ -251,10 +251,10 @@ exports[`Dots render dots activeDot left 2`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#B6BBC6", @@ -266,10 +266,10 @@ exports[`Dots render dots activeDot left 2`] = ` style={ [ { - "borderRadius": 4.5, - "height": 9, - "marginHorizontal": 7.5, - "width": 9, + "borderRadius": 3, + "height": 6, + "marginHorizontal": 5, + "width": 6, }, { "backgroundColor": "#B6BBC6", @@ -281,10 +281,10 @@ exports[`Dots render dots activeDot left 2`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -296,10 +296,10 @@ exports[`Dots render dots activeDot left 2`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -311,10 +311,10 @@ exports[`Dots render dots activeDot left 2`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -326,10 +326,10 @@ exports[`Dots render dots activeDot left 2`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -341,10 +341,10 @@ exports[`Dots render dots activeDot left 2`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -356,10 +356,10 @@ exports[`Dots render dots activeDot left 2`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -379,7 +379,7 @@ exports[`Dots render dots activeDot left 3`] = ` onLayout={[Function]} style={ { - "width": 150, + "width": 100, } } > @@ -400,10 +400,10 @@ exports[`Dots render dots activeDot left 3`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#B6BBC6", @@ -415,10 +415,10 @@ exports[`Dots render dots activeDot left 3`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#5E6678", @@ -430,10 +430,10 @@ exports[`Dots render dots activeDot left 3`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#B6BBC6", @@ -445,10 +445,10 @@ exports[`Dots render dots activeDot left 3`] = ` style={ [ { - "borderRadius": 4.5, - "height": 9, - "marginHorizontal": 7.5, - "width": 9, + "borderRadius": 3, + "height": 6, + "marginHorizontal": 5, + "width": 6, }, { "backgroundColor": "#B6BBC6", @@ -460,10 +460,10 @@ exports[`Dots render dots activeDot left 3`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -475,10 +475,10 @@ exports[`Dots render dots activeDot left 3`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -490,10 +490,10 @@ exports[`Dots render dots activeDot left 3`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -505,10 +505,10 @@ exports[`Dots render dots activeDot left 3`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -520,10 +520,10 @@ exports[`Dots render dots activeDot left 3`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -535,10 +535,10 @@ exports[`Dots render dots activeDot left 3`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -558,7 +558,7 @@ exports[`Dots render dots activeDot left 4`] = ` onLayout={[Function]} style={ { - "width": 150, + "width": 100, } } > @@ -579,10 +579,10 @@ exports[`Dots render dots activeDot left 4`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -594,10 +594,10 @@ exports[`Dots render dots activeDot left 4`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -609,10 +609,10 @@ exports[`Dots render dots activeDot left 4`] = ` style={ [ { - "borderRadius": 4.5, - "height": 9, - "marginHorizontal": 7.5, - "width": 9, + "borderRadius": 3, + "height": 6, + "marginHorizontal": 5, + "width": 6, }, { "backgroundColor": "#B6BBC6", @@ -624,10 +624,10 @@ exports[`Dots render dots activeDot left 4`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#B6BBC6", @@ -639,10 +639,10 @@ exports[`Dots render dots activeDot left 4`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#B6BBC6", @@ -654,10 +654,10 @@ exports[`Dots render dots activeDot left 4`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#5E6678", @@ -669,10 +669,10 @@ exports[`Dots render dots activeDot left 4`] = ` style={ [ { - "borderRadius": 4.5, - "height": 9, - "marginHorizontal": 7.5, - "width": 9, + "borderRadius": 3, + "height": 6, + "marginHorizontal": 5, + "width": 6, }, { "backgroundColor": "#B6BBC6", @@ -684,10 +684,10 @@ exports[`Dots render dots activeDot left 4`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -699,10 +699,10 @@ exports[`Dots render dots activeDot left 4`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -714,10 +714,10 @@ exports[`Dots render dots activeDot left 4`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -737,7 +737,7 @@ exports[`Dots render dots activeDot right 1`] = ` onLayout={[Function]} style={ { - "width": 150, + "width": 100, } } > @@ -758,10 +758,10 @@ exports[`Dots render dots activeDot right 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -773,10 +773,10 @@ exports[`Dots render dots activeDot right 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -788,10 +788,10 @@ exports[`Dots render dots activeDot right 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -803,10 +803,10 @@ exports[`Dots render dots activeDot right 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -818,10 +818,10 @@ exports[`Dots render dots activeDot right 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -833,10 +833,10 @@ exports[`Dots render dots activeDot right 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -848,10 +848,10 @@ exports[`Dots render dots activeDot right 1`] = ` style={ [ { - "borderRadius": 4.5, - "height": 9, - "marginHorizontal": 7.5, - "width": 9, + "borderRadius": 3, + "height": 6, + "marginHorizontal": 5, + "width": 6, }, { "backgroundColor": "#B6BBC6", @@ -863,10 +863,10 @@ exports[`Dots render dots activeDot right 1`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#B6BBC6", @@ -878,10 +878,10 @@ exports[`Dots render dots activeDot right 1`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#B6BBC6", @@ -893,10 +893,10 @@ exports[`Dots render dots activeDot right 1`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#5E6678", @@ -916,7 +916,7 @@ exports[`Dots render dots activeDot right 2`] = ` onLayout={[Function]} style={ { - "width": 150, + "width": 100, } } > @@ -937,10 +937,10 @@ exports[`Dots render dots activeDot right 2`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -952,10 +952,10 @@ exports[`Dots render dots activeDot right 2`] = ` style={ [ { - "borderRadius": 4.5, - "height": 9, - "marginHorizontal": 7.5, - "width": 9, + "borderRadius": 3, + "height": 6, + "marginHorizontal": 5, + "width": 6, }, { "backgroundColor": "#B6BBC6", @@ -967,10 +967,10 @@ exports[`Dots render dots activeDot right 2`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#5E6678", @@ -982,10 +982,10 @@ exports[`Dots render dots activeDot right 2`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#B6BBC6", @@ -997,10 +997,10 @@ exports[`Dots render dots activeDot right 2`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#B6BBC6", @@ -1012,10 +1012,10 @@ exports[`Dots render dots activeDot right 2`] = ` style={ [ { - "borderRadius": 4.5, - "height": 9, - "marginHorizontal": 7.5, - "width": 9, + "borderRadius": 3, + "height": 6, + "marginHorizontal": 5, + "width": 6, }, { "backgroundColor": "#B6BBC6", @@ -1027,10 +1027,10 @@ exports[`Dots render dots activeDot right 2`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -1042,10 +1042,10 @@ exports[`Dots render dots activeDot right 2`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -1057,10 +1057,10 @@ exports[`Dots render dots activeDot right 2`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -1072,10 +1072,10 @@ exports[`Dots render dots activeDot right 2`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -1095,7 +1095,7 @@ exports[`Dots render dots activeDot right 3`] = ` onLayout={[Function]} style={ { - "width": 150, + "width": 100, } } > @@ -1116,10 +1116,10 @@ exports[`Dots render dots activeDot right 3`] = ` style={ [ { - "borderRadius": 4.5, - "height": 9, - "marginHorizontal": 7.5, - "width": 9, + "borderRadius": 3, + "height": 6, + "marginHorizontal": 5, + "width": 6, }, { "backgroundColor": "#B6BBC6", @@ -1131,10 +1131,10 @@ exports[`Dots render dots activeDot right 3`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#5E6678", @@ -1146,10 +1146,10 @@ exports[`Dots render dots activeDot right 3`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#B6BBC6", @@ -1161,10 +1161,10 @@ exports[`Dots render dots activeDot right 3`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#B6BBC6", @@ -1176,10 +1176,10 @@ exports[`Dots render dots activeDot right 3`] = ` style={ [ { - "borderRadius": 4.5, - "height": 9, - "marginHorizontal": 7.5, - "width": 9, + "borderRadius": 3, + "height": 6, + "marginHorizontal": 5, + "width": 6, }, { "backgroundColor": "#B6BBC6", @@ -1191,10 +1191,10 @@ exports[`Dots render dots activeDot right 3`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -1206,10 +1206,10 @@ exports[`Dots render dots activeDot right 3`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -1221,10 +1221,10 @@ exports[`Dots render dots activeDot right 3`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -1236,10 +1236,10 @@ exports[`Dots render dots activeDot right 3`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -1251,10 +1251,10 @@ exports[`Dots render dots activeDot right 3`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -1274,7 +1274,7 @@ exports[`Dots render dots activeDot right 4`] = ` onLayout={[Function]} style={ { - "width": 150, + "width": 100, } } > @@ -1295,10 +1295,10 @@ exports[`Dots render dots activeDot right 4`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#5E6678", @@ -1310,10 +1310,10 @@ exports[`Dots render dots activeDot right 4`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#B6BBC6", @@ -1325,10 +1325,10 @@ exports[`Dots render dots activeDot right 4`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#B6BBC6", @@ -1340,10 +1340,10 @@ exports[`Dots render dots activeDot right 4`] = ` style={ [ { - "borderRadius": 4.5, - "height": 9, - "marginHorizontal": 7.5, - "width": 9, + "borderRadius": 3, + "height": 6, + "marginHorizontal": 5, + "width": 6, }, { "backgroundColor": "#B6BBC6", @@ -1355,10 +1355,10 @@ exports[`Dots render dots activeDot right 4`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -1370,10 +1370,10 @@ exports[`Dots render dots activeDot right 4`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -1385,10 +1385,10 @@ exports[`Dots render dots activeDot right 4`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -1400,10 +1400,10 @@ exports[`Dots render dots activeDot right 4`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -1415,10 +1415,10 @@ exports[`Dots render dots activeDot right 4`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -1430,10 +1430,10 @@ exports[`Dots render dots activeDot right 4`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -1453,7 +1453,7 @@ exports[`Dots render dots activeDot=2 1`] = ` onLayout={[Function]} style={ { - "width": 150, + "width": 100, } } > @@ -1474,10 +1474,10 @@ exports[`Dots render dots activeDot=2 1`] = ` style={ [ { - "borderRadius": 4.5, - "height": 9, - "marginHorizontal": 7.5, - "width": 9, + "borderRadius": 3, + "height": 6, + "marginHorizontal": 5, + "width": 6, }, { "backgroundColor": "#B6BBC6", @@ -1489,10 +1489,10 @@ exports[`Dots render dots activeDot=2 1`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#B6BBC6", @@ -1504,10 +1504,10 @@ exports[`Dots render dots activeDot=2 1`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#5E6678", @@ -1519,10 +1519,10 @@ exports[`Dots render dots activeDot=2 1`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#B6BBC6", @@ -1534,10 +1534,10 @@ exports[`Dots render dots activeDot=2 1`] = ` style={ [ { - "borderRadius": 4.5, - "height": 9, - "marginHorizontal": 7.5, - "width": 9, + "borderRadius": 3, + "height": 6, + "marginHorizontal": 5, + "width": 6, }, { "backgroundColor": "#B6BBC6", @@ -1549,10 +1549,10 @@ exports[`Dots render dots activeDot=2 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -1564,10 +1564,10 @@ exports[`Dots render dots activeDot=2 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -1579,10 +1579,10 @@ exports[`Dots render dots activeDot=2 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -1594,10 +1594,10 @@ exports[`Dots render dots activeDot=2 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -1609,10 +1609,10 @@ exports[`Dots render dots activeDot=2 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -1624,10 +1624,10 @@ exports[`Dots render dots activeDot=2 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -1639,10 +1639,10 @@ exports[`Dots render dots activeDot=2 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -1654,10 +1654,10 @@ exports[`Dots render dots activeDot=2 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -1669,10 +1669,10 @@ exports[`Dots render dots activeDot=2 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -1684,10 +1684,10 @@ exports[`Dots render dots activeDot=2 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -1699,10 +1699,10 @@ exports[`Dots render dots activeDot=2 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -1735,7 +1735,7 @@ exports[`Dots render dots activeDot=2 fixedSize 1`] = ` { "borderRadius": 2, "height": 4, - "marginHorizontal": 7.5, + "marginHorizontal": 5, "width": 4, }, { @@ -1750,7 +1750,7 @@ exports[`Dots render dots activeDot=2 fixedSize 1`] = ` { "borderRadius": 2, "height": 4, - "marginHorizontal": 7.5, + "marginHorizontal": 5, "width": 4, }, { @@ -1765,7 +1765,7 @@ exports[`Dots render dots activeDot=2 fixedSize 1`] = ` { "borderRadius": 2, "height": 4, - "marginHorizontal": 7.5, + "marginHorizontal": 5, "width": 4, }, { @@ -1780,7 +1780,7 @@ exports[`Dots render dots activeDot=2 fixedSize 1`] = ` { "borderRadius": 2, "height": 4, - "marginHorizontal": 7.5, + "marginHorizontal": 5, "width": 4, }, { @@ -1795,7 +1795,7 @@ exports[`Dots render dots activeDot=2 fixedSize 1`] = ` { "borderRadius": 2, "height": 4, - "marginHorizontal": 7.5, + "marginHorizontal": 5, "width": 4, }, { @@ -1814,7 +1814,7 @@ exports[`Dots render dots activeDot=10 1`] = ` onLayout={[Function]} style={ { - "width": 150, + "width": 100, } } > @@ -1835,10 +1835,10 @@ exports[`Dots render dots activeDot=10 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -1850,10 +1850,10 @@ exports[`Dots render dots activeDot=10 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -1865,10 +1865,10 @@ exports[`Dots render dots activeDot=10 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -1880,10 +1880,10 @@ exports[`Dots render dots activeDot=10 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -1895,10 +1895,10 @@ exports[`Dots render dots activeDot=10 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -1910,10 +1910,10 @@ exports[`Dots render dots activeDot=10 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -1925,10 +1925,10 @@ exports[`Dots render dots activeDot=10 1`] = ` style={ [ { - "borderRadius": 4.5, - "height": 9, - "marginHorizontal": 7.5, - "width": 9, + "borderRadius": 3, + "height": 6, + "marginHorizontal": 5, + "width": 6, }, { "backgroundColor": "#B6BBC6", @@ -1940,10 +1940,10 @@ exports[`Dots render dots activeDot=10 1`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#B6BBC6", @@ -1955,10 +1955,10 @@ exports[`Dots render dots activeDot=10 1`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#B6BBC6", @@ -1970,10 +1970,10 @@ exports[`Dots render dots activeDot=10 1`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#5E6678", @@ -1993,7 +1993,7 @@ exports[`Dots render dots activeDot=10 animateAutoScroll 1`] = ` onLayout={[Function]} style={ { - "width": 150, + "width": 100, } } > @@ -2014,10 +2014,10 @@ exports[`Dots render dots activeDot=10 animateAutoScroll 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -2029,10 +2029,10 @@ exports[`Dots render dots activeDot=10 animateAutoScroll 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -2044,10 +2044,10 @@ exports[`Dots render dots activeDot=10 animateAutoScroll 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -2059,10 +2059,10 @@ exports[`Dots render dots activeDot=10 animateAutoScroll 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -2074,10 +2074,10 @@ exports[`Dots render dots activeDot=10 animateAutoScroll 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -2089,10 +2089,10 @@ exports[`Dots render dots activeDot=10 animateAutoScroll 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -2104,10 +2104,10 @@ exports[`Dots render dots activeDot=10 animateAutoScroll 1`] = ` style={ [ { - "borderRadius": 4.5, - "height": 9, - "marginHorizontal": 7.5, - "width": 9, + "borderRadius": 3, + "height": 6, + "marginHorizontal": 5, + "width": 6, }, { "backgroundColor": "#B6BBC6", @@ -2119,10 +2119,10 @@ exports[`Dots render dots activeDot=10 animateAutoScroll 1`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#B6BBC6", @@ -2134,10 +2134,10 @@ exports[`Dots render dots activeDot=10 animateAutoScroll 1`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#B6BBC6", @@ -2149,10 +2149,10 @@ exports[`Dots render dots activeDot=10 animateAutoScroll 1`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#5E6678", @@ -2181,10 +2181,10 @@ exports[`Dots render dots length < 7 1`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#5E6678", @@ -2196,10 +2196,10 @@ exports[`Dots render dots length < 7 1`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#B6BBC6", @@ -2211,10 +2211,10 @@ exports[`Dots render dots length < 7 1`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#B6BBC6", @@ -2226,10 +2226,10 @@ exports[`Dots render dots length < 7 1`] = ` style={ [ { - "borderRadius": 4.5, - "height": 9, - "marginHorizontal": 7.5, - "width": 9, + "borderRadius": 3, + "height": 6, + "marginHorizontal": 5, + "width": 6, }, { "backgroundColor": "#B6BBC6", @@ -2241,10 +2241,10 @@ exports[`Dots render dots length < 7 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -2256,10 +2256,10 @@ exports[`Dots render dots length < 7 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -2277,7 +2277,7 @@ exports[`Dots render dots length > 7 1`] = ` onLayout={[Function]} style={ { - "width": 150, + "width": 100, } } > @@ -2298,10 +2298,10 @@ exports[`Dots render dots length > 7 1`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#5E6678", @@ -2313,10 +2313,10 @@ exports[`Dots render dots length > 7 1`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#B6BBC6", @@ -2328,10 +2328,10 @@ exports[`Dots render dots length > 7 1`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#B6BBC6", @@ -2343,10 +2343,10 @@ exports[`Dots render dots length > 7 1`] = ` style={ [ { - "borderRadius": 4.5, - "height": 9, - "marginHorizontal": 7.5, - "width": 9, + "borderRadius": 3, + "height": 6, + "marginHorizontal": 5, + "width": 6, }, { "backgroundColor": "#B6BBC6", @@ -2358,10 +2358,10 @@ exports[`Dots render dots length > 7 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -2373,10 +2373,10 @@ exports[`Dots render dots length > 7 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -2388,10 +2388,10 @@ exports[`Dots render dots length > 7 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -2403,10 +2403,10 @@ exports[`Dots render dots length > 7 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -2418,10 +2418,10 @@ exports[`Dots render dots length > 7 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -2433,10 +2433,10 @@ exports[`Dots render dots length > 7 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -2456,7 +2456,7 @@ exports[`Dots render dots onLayout 1`] = ` onLayout={[Function]} style={ { - "width": 150, + "width": 100, } } > @@ -2477,10 +2477,10 @@ exports[`Dots render dots onLayout 1`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#5E6678", @@ -2492,10 +2492,10 @@ exports[`Dots render dots onLayout 1`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#B6BBC6", @@ -2507,10 +2507,10 @@ exports[`Dots render dots onLayout 1`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "marginHorizontal": 7.5, - "width": 12, + "borderRadius": 4, + "height": 8, + "marginHorizontal": 5, + "width": 8, }, { "backgroundColor": "#B6BBC6", @@ -2522,10 +2522,10 @@ exports[`Dots render dots onLayout 1`] = ` style={ [ { - "borderRadius": 4.5, - "height": 9, - "marginHorizontal": 7.5, - "width": 9, + "borderRadius": 3, + "height": 6, + "marginHorizontal": 5, + "width": 6, }, { "backgroundColor": "#B6BBC6", @@ -2537,10 +2537,10 @@ exports[`Dots render dots onLayout 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -2552,10 +2552,10 @@ exports[`Dots render dots onLayout 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -2567,10 +2567,10 @@ exports[`Dots render dots onLayout 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -2582,10 +2582,10 @@ exports[`Dots render dots onLayout 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -2597,10 +2597,10 @@ exports[`Dots render dots onLayout 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", @@ -2612,10 +2612,10 @@ exports[`Dots render dots onLayout 1`] = ` style={ [ { - "borderRadius": 3, - "height": 6, - "marginHorizontal": 7.5, - "width": 6, + "borderRadius": 2, + "height": 4, + "marginHorizontal": 5, + "width": 4, }, { "backgroundColor": "#B6BBC6", diff --git a/packages/core/src/other/components/Dots/__tests__/stylesCreate.test.ts b/packages/core/src/other/components/Dots/__tests__/stylesCreate.test.ts index aab68827d..28ca4157b 100644 --- a/packages/core/src/other/components/Dots/__tests__/stylesCreate.test.ts +++ b/packages/core/src/other/components/Dots/__tests__/stylesCreate.test.ts @@ -2,7 +2,7 @@ import {renderHook} from '@testing-library/react-hooks'; import stylesCreate from '../stylesCreate'; import useTheme from '../../../../styles/hooks/useTheme'; -import rem from '../../../../styles/utils/rem'; +import px from '../../../../styles/utils/px'; describe('dots/stylesCreate', () => { it('must return', () => { @@ -10,15 +10,15 @@ describe('dots/stylesCreate', () => { expect(stylesCreate(result.current)).toEqual({ dot: { - width: rem(8), - height: rem(8), - marginHorizontal: rem(5), - borderRadius: rem(8) / 2, + width: px(8), + height: px(8), + marginHorizontal: px(5), + borderRadius: px(8) / 2, }, dots: { flexDirection: 'row', alignItems: 'center', - paddingTop: rem(5), + paddingTop: px(5), }, }); }); diff --git a/packages/core/src/other/components/Dots/constants.ts b/packages/core/src/other/components/Dots/constants.ts index f8e32842f..155571046 100644 --- a/packages/core/src/other/components/Dots/constants.ts +++ b/packages/core/src/other/components/Dots/constants.ts @@ -1,12 +1,12 @@ -import rem from '../../../styles/utils/rem'; +import px from '../../../styles/utils/px'; export const SPAN_SIZE = 3; -export const SIZE_LARGE = rem(8); -export const SIZE_MEDIUM = rem(6); -export const SIZE_SMALL = rem(4); +export const SIZE_LARGE = px(8); +export const SIZE_MEDIUM = px(6); +export const SIZE_SMALL = px(4); -export const MARGIN_DOT = rem(5) * 2; +export const MARGIN_DOT = px(5) * 2; export const WIDTH_SMALL = (SIZE_LARGE + MARGIN_DOT) * 3 + diff --git a/packages/core/src/other/components/Dots/stylesCreate.ts b/packages/core/src/other/components/Dots/stylesCreate.ts index 08c040e78..be8173cec 100644 --- a/packages/core/src/other/components/Dots/stylesCreate.ts +++ b/packages/core/src/other/components/Dots/stylesCreate.ts @@ -1,17 +1,17 @@ -import rem from '../../../styles/utils/rem'; import {createStyles} from '../../../styles'; +import px from '../../../styles/utils/px'; const stylesCreate = createStyles(({spaces}, size: number = spaces.Space8) => ({ dot: { width: size, height: size, - marginHorizontal: rem(5), + marginHorizontal: px(5), borderRadius: size / 2, }, dots: { flexDirection: 'row', alignItems: 'center', - paddingTop: rem(5), + paddingTop: px(5), }, })); diff --git a/packages/core/src/other/components/Status/__tests__/__snapshots__/Status.test.tsx.snap b/packages/core/src/other/components/Status/__tests__/__snapshots__/Status.test.tsx.snap index 7e29e35fd..53452ce9b 100644 --- a/packages/core/src/other/components/Status/__tests__/__snapshots__/Status.test.tsx.snap +++ b/packages/core/src/other/components/Status/__tests__/__snapshots__/Status.test.tsx.snap @@ -5,9 +5,9 @@ exports[`Status render not state 1`] = ` style={ [ { - "borderRadius": 6, - "paddingHorizontal": 9, - "paddingVertical": 3, + "borderRadius": 4, + "paddingHorizontal": 6, + "paddingVertical": 2, }, { "backgroundColor": "#EEEFF1", @@ -23,9 +23,9 @@ exports[`Status render not state 1`] = ` { "color": "#5E6678", "fontFamily": "Inter-Regular", - "fontSize": 18, - "lineHeight": 24, - "minHeight": 24, + "fontSize": 12, + "lineHeight": 16, + "minHeight": 16, }, undefined, ] @@ -41,9 +41,9 @@ exports[`Status render type dot blue 1`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "width": 12, + "borderRadius": 4, + "height": 8, + "width": 8, }, { "backgroundColor": "#2B78EE", @@ -59,9 +59,9 @@ exports[`Status render type dot gray 1`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "width": 12, + "borderRadius": 4, + "height": 8, + "width": 8, }, { "backgroundColor": "#B6BBC6", @@ -77,9 +77,9 @@ exports[`Status render type dot green 1`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "width": 12, + "borderRadius": 4, + "height": 8, + "width": 8, }, { "backgroundColor": "#4ABA79", @@ -97,9 +97,9 @@ exports[`Status render type dot orange 1`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "width": 12, + "borderRadius": 4, + "height": 8, + "width": 8, }, { "backgroundColor": "#FAB742", @@ -115,9 +115,9 @@ exports[`Status render type dot red 1`] = ` style={ [ { - "borderRadius": 6, - "height": 12, - "width": 12, + "borderRadius": 4, + "height": 8, + "width": 8, }, { "backgroundColor": "#F54D3D", @@ -133,9 +133,9 @@ exports[`Status render type tag blue 1`] = ` style={ [ { - "borderRadius": 6, - "paddingHorizontal": 9, - "paddingVertical": 3, + "borderRadius": 4, + "paddingHorizontal": 6, + "paddingVertical": 2, }, { "backgroundColor": "rgba(43, 120, 238, 0.15)", @@ -153,9 +153,9 @@ exports[`Status render type tag blue 1`] = ` { "color": "#2B78EE", "fontFamily": "Inter-Regular", - "fontSize": 18, - "lineHeight": 24, - "minHeight": 24, + "fontSize": 12, + "lineHeight": 16, + "minHeight": 16, }, undefined, ] @@ -171,9 +171,9 @@ exports[`Status render type tag gray 1`] = ` style={ [ { - "borderRadius": 6, - "paddingHorizontal": 9, - "paddingVertical": 3, + "borderRadius": 4, + "paddingHorizontal": 6, + "paddingVertical": 2, }, { "backgroundColor": "#EEEFF1", @@ -189,9 +189,9 @@ exports[`Status render type tag gray 1`] = ` { "color": "#5E6678", "fontFamily": "Inter-Regular", - "fontSize": 18, - "lineHeight": 24, - "minHeight": 24, + "fontSize": 12, + "lineHeight": 16, + "minHeight": 16, }, undefined, ] @@ -207,9 +207,9 @@ exports[`Status render type tag green 1`] = ` style={ [ { - "borderRadius": 6, - "paddingHorizontal": 9, - "paddingVertical": 3, + "borderRadius": 4, + "paddingHorizontal": 6, + "paddingVertical": 2, }, { "backgroundColor": "rgba(74, 186, 121, 0.15)", @@ -225,9 +225,9 @@ exports[`Status render type tag green 1`] = ` { "color": "#29A35C", "fontFamily": "Inter-Regular", - "fontSize": 18, - "lineHeight": 24, - "minHeight": 24, + "fontSize": 12, + "lineHeight": 16, + "minHeight": 16, }, undefined, ] @@ -243,9 +243,9 @@ exports[`Status render type tag orange 1`] = ` style={ [ { - "borderRadius": 6, - "paddingHorizontal": 9, - "paddingVertical": 3, + "borderRadius": 4, + "paddingHorizontal": 6, + "paddingVertical": 2, }, { "backgroundColor": "rgba(250, 183, 66, 0.15)", @@ -261,9 +261,9 @@ exports[`Status render type tag orange 1`] = ` { "color": "#F97A1F", "fontFamily": "Inter-Regular", - "fontSize": 18, - "lineHeight": 24, - "minHeight": 24, + "fontSize": 12, + "lineHeight": 16, + "minHeight": 16, }, undefined, ] @@ -279,9 +279,9 @@ exports[`Status render type tag red 1`] = ` style={ [ { - "borderRadius": 6, - "paddingHorizontal": 9, - "paddingVertical": 3, + "borderRadius": 4, + "paddingHorizontal": 6, + "paddingVertical": 2, }, { "backgroundColor": "rgba(245, 77, 61, 0.15)", @@ -297,9 +297,9 @@ exports[`Status render type tag red 1`] = ` { "color": "#F54D3D", "fontFamily": "Inter-Regular", - "fontSize": 18, - "lineHeight": 24, - "minHeight": 24, + "fontSize": 12, + "lineHeight": 16, + "minHeight": 16, }, undefined, ] diff --git a/packages/core/src/popups/components/ActionSheetBase/__tests__/__snapshots__/ActionSheetBase.test.tsx.snap b/packages/core/src/popups/components/ActionSheetBase/__tests__/__snapshots__/ActionSheetBase.test.tsx.snap index 6a255559f..b94934f29 100644 --- a/packages/core/src/popups/components/ActionSheetBase/__tests__/__snapshots__/ActionSheetBase.test.tsx.snap +++ b/packages/core/src/popups/components/ActionSheetBase/__tests__/__snapshots__/ActionSheetBase.test.tsx.snap @@ -161,12 +161,12 @@ exports[`@lad-tech/mobydick-core/ActionSheetBase should renders correctly with i { "alignItems": "center", "borderTopColor": "#D1D4DB", - "borderTopWidth": 1.5, + "borderTopWidth": 1, "flexDirection": "row", "justifyContent": "space-between", - "marginHorizontal": 12, - "minHeight": 75, - "paddingHorizontal": 30, + "marginHorizontal": 8, + "minHeight": 50, + "paddingHorizontal": 20, }, { "backgroundColor": "#FFF", @@ -191,12 +191,12 @@ exports[`@lad-tech/mobydick-core/ActionSheetBase should renders correctly with i { "color": "#FFF", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, { - "paddingVertical": 22.5, + "paddingVertical": 15, }, ] } diff --git a/packages/core/src/popups/components/ActionSheetBase/__tests__/__snapshots__/Item.test.tsx.snap b/packages/core/src/popups/components/ActionSheetBase/__tests__/__snapshots__/Item.test.tsx.snap index 64938bcb7..cb21119ff 100644 --- a/packages/core/src/popups/components/ActionSheetBase/__tests__/__snapshots__/Item.test.tsx.snap +++ b/packages/core/src/popups/components/ActionSheetBase/__tests__/__snapshots__/Item.test.tsx.snap @@ -36,13 +36,13 @@ exports[`@lad-tech/mobydick-core/ActionSheetBase should renders correctly Item 1 [ { "alignItems": "center", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "marginBottom": 45, - "marginHorizontal": 12, - "minHeight": 75, - "paddingHorizontal": 30, + "marginBottom": 30, + "marginHorizontal": 8, + "minHeight": 50, + "paddingHorizontal": 20, }, { "backgroundColor": "#FFF", @@ -67,12 +67,12 @@ exports[`@lad-tech/mobydick-core/ActionSheetBase should renders correctly Item 1 { "color": "#2B78EE", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, { - "paddingVertical": 22.5, + "paddingVertical": 15, }, ] } @@ -119,13 +119,13 @@ exports[`@lad-tech/mobydick-core/ActionSheetBase should renders correctly Item w [ { "alignItems": "center", - "borderTopLeftRadius": 18, - "borderTopRightRadius": 18, + "borderTopLeftRadius": 12, + "borderTopRightRadius": 12, "flexDirection": "row", "justifyContent": "space-between", - "marginHorizontal": 12, - "minHeight": 75, - "paddingHorizontal": 30, + "marginHorizontal": 8, + "minHeight": 50, + "paddingHorizontal": 20, }, { "backgroundColor": "#FFF", @@ -150,12 +150,12 @@ exports[`@lad-tech/mobydick-core/ActionSheetBase should renders correctly Item w { "color": "#FFF", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, { - "paddingVertical": 22.5, + "paddingVertical": 15, }, ] } @@ -202,16 +202,16 @@ exports[`@lad-tech/mobydick-core/ActionSheetBase should renders correctly Item w [ { "alignItems": "center", - "borderBottomLeftRadius": 18, - "borderBottomRightRadius": 18, + "borderBottomLeftRadius": 12, + "borderBottomRightRadius": 12, "borderTopColor": "#D1D4DB", - "borderTopWidth": 1.5, + "borderTopWidth": 1, "flexDirection": "row", "justifyContent": "space-between", - "marginBottom": 12, - "marginHorizontal": 12, - "minHeight": 75, - "paddingHorizontal": 30, + "marginBottom": 8, + "marginHorizontal": 8, + "minHeight": 50, + "paddingHorizontal": 20, }, { "backgroundColor": "#FFF", @@ -236,12 +236,12 @@ exports[`@lad-tech/mobydick-core/ActionSheetBase should renders correctly Item w { "color": "#FFF", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, { - "paddingVertical": 22.5, + "paddingVertical": 15, }, ] } @@ -328,10 +328,10 @@ exports[`@lad-tech/mobydick-core/ActionSheetBase should renders correctly Item w "aspectRatio": 1, "backgroundColor": "transparent", "borderColor": "rgba(32, 36, 45, 0.3)", - "borderRadius": 16.5, - "borderWidth": 3, + "borderRadius": 11, + "borderWidth": 2, "justifyContent": "center", - "width": 33, + "width": 22, } } value="title" @@ -376,13 +376,13 @@ exports[`@lad-tech/mobydick-core/ActionSheetBase should renders correctly Item w [ { "alignItems": "center", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "marginBottom": 45, - "marginHorizontal": 12, - "minHeight": 75, - "paddingHorizontal": 30, + "marginBottom": 30, + "marginHorizontal": 8, + "minHeight": 50, + "paddingHorizontal": 20, }, { "backgroundColor": "#FFF", @@ -407,12 +407,12 @@ exports[`@lad-tech/mobydick-core/ActionSheetBase should renders correctly Item w { "color": "#9BA1B0", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, { - "paddingVertical": 22.5, + "paddingVertical": 15, }, ] } @@ -459,13 +459,13 @@ exports[`@lad-tech/mobydick-core/ActionSheetBase should renders correctly Item w [ { "alignItems": "center", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "marginBottom": 45, - "marginHorizontal": 12, - "minHeight": 75, - "paddingHorizontal": 30, + "marginBottom": 30, + "marginHorizontal": 8, + "minHeight": 50, + "paddingHorizontal": 20, }, { "backgroundColor": "#FFF", @@ -486,7 +486,7 @@ exports[`@lad-tech/mobydick-core/ActionSheetBase should renders correctly Item w @@ -496,7 +496,7 @@ exports[`@lad-tech/mobydick-core/ActionSheetBase should renders correctly Item w { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -510,12 +510,12 @@ exports[`@lad-tech/mobydick-core/ActionSheetBase should renders correctly Item w { "color": "#2B78EE", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, { - "paddingVertical": 22.5, + "paddingVertical": 15, }, ] } @@ -562,13 +562,13 @@ exports[`@lad-tech/mobydick-core/ActionSheetBase should renders correctly Item w [ { "alignItems": "center", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "marginBottom": 12, - "marginHorizontal": 12, - "minHeight": 75, - "paddingHorizontal": 30, + "marginBottom": 8, + "marginHorizontal": 8, + "minHeight": 50, + "paddingHorizontal": 20, }, { "backgroundColor": "#FFF", @@ -593,12 +593,12 @@ exports[`@lad-tech/mobydick-core/ActionSheetBase should renders correctly Item w { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, { - "paddingVertical": 22.5, + "paddingVertical": 15, }, ] } @@ -683,10 +683,10 @@ exports[`@lad-tech/mobydick-core/ActionSheetBase should renders correctly Item w [ { "borderColor": "rgba(32, 36, 45, 0.3)", - "borderRadius": 6, + "borderRadius": 4, "borderWidth": 0, - "height": 30, - "width": 30, + "height": 20, + "width": 20, }, undefined, ] @@ -695,8 +695,8 @@ exports[`@lad-tech/mobydick-core/ActionSheetBase should renders correctly Item w > @@ -740,12 +740,12 @@ exports[`@lad-tech/mobydick-core/ActionSheetBase should renders correctly inner { "alignItems": "center", "borderTopColor": "#D1D4DB", - "borderTopWidth": 1.5, + "borderTopWidth": 1, "flexDirection": "row", "justifyContent": "space-between", - "marginHorizontal": 12, - "minHeight": 75, - "paddingHorizontal": 30, + "marginHorizontal": 8, + "minHeight": 50, + "paddingHorizontal": 20, }, { "backgroundColor": "#FFF", @@ -770,12 +770,12 @@ exports[`@lad-tech/mobydick-core/ActionSheetBase should renders correctly inner { "color": "#FFF", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, { - "paddingVertical": 22.5, + "paddingVertical": 15, }, ] } diff --git a/packages/core/src/popups/components/ActionSheetBase/stylesCreate.ts b/packages/core/src/popups/components/ActionSheetBase/stylesCreate.ts index 750a99971..c1115a3d9 100644 --- a/packages/core/src/popups/components/ActionSheetBase/stylesCreate.ts +++ b/packages/core/src/popups/components/ActionSheetBase/stylesCreate.ts @@ -1,7 +1,7 @@ import {ViewStyle} from 'react-native'; -import rem from '../../../styles/utils/rem'; import {createStyles} from '../../../styles'; +import px from '../../../styles/utils/px'; import {IItemType} from './types'; @@ -29,7 +29,7 @@ const stylesCreate = createStyles(({spaces, colors}, itemType?: IItemType) => { case IItemType.cancelItem: return { borderRadius: spaces.Space12, - marginBottom: rem(30), + marginBottom: px(30), justifyContent: 'center', }; default: @@ -54,7 +54,7 @@ const stylesCreate = createStyles(({spaces, colors}, itemType?: IItemType) => { alignItems: 'center', paddingHorizontal: spaces.Space20, marginHorizontal: spaces.Space8, - minHeight: rem(50), + minHeight: px(50), ...getItemStyle(), }, @@ -67,7 +67,7 @@ const stylesCreate = createStyles(({spaces, colors}, itemType?: IItemType) => { alignItems: 'center', }, textSelected: { - paddingVertical: rem(15), + paddingVertical: px(15), }, }; }); diff --git a/packages/core/src/popups/components/ModalBase/AlertContent.tsx b/packages/core/src/popups/components/ModalBase/AlertContent.tsx index 8a8125b21..7e6a2303a 100644 --- a/packages/core/src/popups/components/ModalBase/AlertContent.tsx +++ b/packages/core/src/popups/components/ModalBase/AlertContent.tsx @@ -7,7 +7,7 @@ import SimpleIcon, { import useStyles from '../../../styles/hooks/useStyles'; import useTheme from '../../../styles/hooks/useTheme'; import View from '../../../basic/components/View/View'; -import rem from '../../../styles/utils/rem'; +import px from '../../../styles/utils/px'; import stylesCreate from './stylesCreate'; @@ -27,7 +27,7 @@ const AlertContent: FC = props => { diff --git a/packages/core/src/popups/components/ModalBase/__tests__/__snapshots__/AlertContent.test.tsx.snap b/packages/core/src/popups/components/ModalBase/__tests__/__snapshots__/AlertContent.test.tsx.snap index 3cc868ffe..7d46b68bc 100644 --- a/packages/core/src/popups/components/ModalBase/__tests__/__snapshots__/AlertContent.test.tsx.snap +++ b/packages/core/src/popups/components/ModalBase/__tests__/__snapshots__/AlertContent.test.tsx.snap @@ -7,7 +7,7 @@ exports[`@lad-tech/mobydick-core/modalBase should renders correctly AlertContent { "backgroundColor": "rgba(43, 120, 238, 0.15)", "borderRadius": 100, - "padding": 18, + "padding": 12, }, undefined, ] @@ -19,7 +19,7 @@ exports[`@lad-tech/mobydick-core/modalBase should renders correctly AlertContent { "color": "#2B78EE", "fontFamily": "Neotis", - "fontSize": 54, + "fontSize": 36, } } > @@ -35,7 +35,7 @@ exports[`@lad-tech/mobydick-core/modalBase should renders correctly AlertContent { "backgroundColor": "rgba(43, 120, 238, 0.15)", "borderRadius": 100, - "padding": 18, + "padding": 12, }, { "backgroundColor": "#fff", @@ -49,7 +49,7 @@ exports[`@lad-tech/mobydick-core/modalBase should renders correctly AlertContent { "color": "#fff", "fontFamily": "Neotis", - "fontSize": 54, + "fontSize": 36, } } > diff --git a/packages/core/src/popups/components/ModalBase/__tests__/__snapshots__/CloseIcon.test.tsx.snap b/packages/core/src/popups/components/ModalBase/__tests__/__snapshots__/CloseIcon.test.tsx.snap index 13bb3f3bb..95823c9f3 100644 --- a/packages/core/src/popups/components/ModalBase/__tests__/__snapshots__/CloseIcon.test.tsx.snap +++ b/packages/core/src/popups/components/ModalBase/__tests__/__snapshots__/CloseIcon.test.tsx.snap @@ -35,8 +35,8 @@ exports[`@lad-tech/mobydick-core/CloseIcon should renders correctly 1`] = ` "justifyContent": "center", "opacity": 1, "position": "absolute", - "right": 24, - "top": 24, + "right": 16, + "top": 16, "zIndex": 2, } } @@ -47,7 +47,7 @@ exports[`@lad-tech/mobydick-core/CloseIcon should renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > diff --git a/packages/core/src/popups/components/ModalBase/__tests__/__snapshots__/HorizontalButtonsView.test.tsx.snap b/packages/core/src/popups/components/ModalBase/__tests__/__snapshots__/HorizontalButtonsView.test.tsx.snap index 7835bf041..514cd8051 100644 --- a/packages/core/src/popups/components/ModalBase/__tests__/__snapshots__/HorizontalButtonsView.test.tsx.snap +++ b/packages/core/src/popups/components/ModalBase/__tests__/__snapshots__/HorizontalButtonsView.test.tsx.snap @@ -5,7 +5,7 @@ exports[`@lad-tech/mobydick-core/modalBase should renders correctly HorizontalBu style={ { "flexDirection": "row", - "paddingTop": 30, + "paddingTop": 20, } } > @@ -42,12 +42,12 @@ exports[`@lad-tech/mobydick-core/modalBase should renders correctly HorizontalBu "alignItems": "center", "alignSelf": "stretch", "backgroundColor": "#F54D3D", - "borderRadius": 18, + "borderRadius": 12, "flex": 1, "flexDirection": "row", "justifyContent": "center", - "marginRight": 9, - "minHeight": 72, + "marginRight": 6, + "minHeight": 48, "opacity": 1, } } @@ -59,13 +59,13 @@ exports[`@lad-tech/mobydick-core/modalBase should renders correctly HorizontalBu { "color": "#FFF", "fontFamily": "Inter-SemiBold", - "fontSize": 27, - "lineHeight": 33, - "minHeight": 33, + "fontSize": 18, + "lineHeight": 22, + "minHeight": 22, }, [ { - "paddingHorizontal": 9, + "paddingHorizontal": 6, }, undefined, ], @@ -108,12 +108,12 @@ exports[`@lad-tech/mobydick-core/modalBase should renders correctly HorizontalBu "alignItems": "center", "alignSelf": "stretch", "backgroundColor": "#F54D3D", - "borderRadius": 18, + "borderRadius": 12, "flex": 1, "flexDirection": "row", "justifyContent": "center", - "marginLeft": 9, - "minHeight": 72, + "marginLeft": 6, + "minHeight": 48, "opacity": 1, } } @@ -125,13 +125,13 @@ exports[`@lad-tech/mobydick-core/modalBase should renders correctly HorizontalBu { "color": "#FFF", "fontFamily": "Inter-SemiBold", - "fontSize": 27, - "lineHeight": 33, - "minHeight": 33, + "fontSize": 18, + "lineHeight": 22, + "minHeight": 22, }, [ { - "paddingHorizontal": 9, + "paddingHorizontal": 6, }, undefined, ], @@ -149,7 +149,7 @@ exports[`@lad-tech/mobydick-core/modalBase should renders correctly HorizontalBu style={ { "flexDirection": "row", - "paddingTop": 30, + "paddingTop": 20, } } > @@ -186,12 +186,12 @@ exports[`@lad-tech/mobydick-core/modalBase should renders correctly HorizontalBu "alignItems": "center", "alignSelf": "stretch", "backgroundColor": "#2B78EE", - "borderRadius": 18, + "borderRadius": 12, "flex": 1, "flexDirection": "row", "justifyContent": "center", - "marginRight": 9, - "minHeight": 72, + "marginRight": 6, + "minHeight": 48, "opacity": 1, } } @@ -203,13 +203,13 @@ exports[`@lad-tech/mobydick-core/modalBase should renders correctly HorizontalBu { "color": "#FFF", "fontFamily": "Inter-SemiBold", - "fontSize": 27, - "lineHeight": 33, - "minHeight": 33, + "fontSize": 18, + "lineHeight": 22, + "minHeight": 22, }, [ { - "paddingHorizontal": 9, + "paddingHorizontal": 6, }, undefined, ], @@ -252,12 +252,12 @@ exports[`@lad-tech/mobydick-core/modalBase should renders correctly HorizontalBu "alignItems": "center", "alignSelf": "stretch", "backgroundColor": "#2B78EE", - "borderRadius": 18, + "borderRadius": 12, "flex": 1, "flexDirection": "row", "justifyContent": "center", - "marginLeft": 9, - "minHeight": 72, + "marginLeft": 6, + "minHeight": 48, "opacity": 1, } } @@ -269,13 +269,13 @@ exports[`@lad-tech/mobydick-core/modalBase should renders correctly HorizontalBu { "color": "#FFF", "fontFamily": "Inter-SemiBold", - "fontSize": 27, - "lineHeight": 33, - "minHeight": 33, + "fontSize": 18, + "lineHeight": 22, + "minHeight": 22, }, [ { - "paddingHorizontal": 9, + "paddingHorizontal": 6, }, undefined, ], @@ -293,7 +293,7 @@ exports[`@lad-tech/mobydick-core/modalBase should renders correctly HorizontalBu style={ { "flexDirection": "row", - "paddingTop": 30, + "paddingTop": 20, } } > @@ -330,12 +330,12 @@ exports[`@lad-tech/mobydick-core/modalBase should renders correctly HorizontalBu "alignItems": "center", "alignSelf": "stretch", "backgroundColor": "rgba(43, 120, 238, 0.15)", - "borderRadius": 18, + "borderRadius": 12, "flex": 1, "flexDirection": "row", "justifyContent": "center", - "marginRight": 9, - "minHeight": 72, + "marginRight": 6, + "minHeight": 48, "opacity": 1, } } @@ -347,13 +347,13 @@ exports[`@lad-tech/mobydick-core/modalBase should renders correctly HorizontalBu { "color": "#2B78EE", "fontFamily": "Inter-SemiBold", - "fontSize": 27, - "lineHeight": 33, - "minHeight": 33, + "fontSize": 18, + "lineHeight": 22, + "minHeight": 22, }, [ { - "paddingHorizontal": 9, + "paddingHorizontal": 6, }, undefined, ], @@ -396,12 +396,12 @@ exports[`@lad-tech/mobydick-core/modalBase should renders correctly HorizontalBu "alignItems": "center", "alignSelf": "stretch", "backgroundColor": "rgba(43, 120, 238, 0.15)", - "borderRadius": 18, + "borderRadius": 12, "flex": 1, "flexDirection": "row", "justifyContent": "center", - "marginLeft": 9, - "minHeight": 72, + "marginLeft": 6, + "minHeight": 48, "opacity": 1, } } @@ -413,13 +413,13 @@ exports[`@lad-tech/mobydick-core/modalBase should renders correctly HorizontalBu { "color": "#2B78EE", "fontFamily": "Inter-SemiBold", - "fontSize": 27, - "lineHeight": 33, - "minHeight": 33, + "fontSize": 18, + "lineHeight": 22, + "minHeight": 22, }, [ { - "paddingHorizontal": 9, + "paddingHorizontal": 6, }, undefined, ], @@ -437,7 +437,7 @@ exports[`@lad-tech/mobydick-core/modalBase should renders correctly HorizontalBu style={ { "flexDirection": "row", - "paddingTop": 30, + "paddingTop": 20, } } > @@ -474,12 +474,12 @@ exports[`@lad-tech/mobydick-core/modalBase should renders correctly HorizontalBu "alignItems": "center", "alignSelf": "stretch", "backgroundColor": "transparent", - "borderRadius": 18, + "borderRadius": 12, "flex": 1, "flexDirection": "row", "justifyContent": "center", - "marginRight": 9, - "minHeight": 72, + "marginRight": 6, + "minHeight": 48, "opacity": 1, } } @@ -491,13 +491,13 @@ exports[`@lad-tech/mobydick-core/modalBase should renders correctly HorizontalBu { "color": "#2B78EE", "fontFamily": "Inter-SemiBold", - "fontSize": 27, - "lineHeight": 33, - "minHeight": 33, + "fontSize": 18, + "lineHeight": 22, + "minHeight": 22, }, [ { - "paddingHorizontal": 9, + "paddingHorizontal": 6, }, undefined, ], @@ -540,12 +540,12 @@ exports[`@lad-tech/mobydick-core/modalBase should renders correctly HorizontalBu "alignItems": "center", "alignSelf": "stretch", "backgroundColor": "transparent", - "borderRadius": 18, + "borderRadius": 12, "flex": 1, "flexDirection": "row", "justifyContent": "center", - "marginLeft": 9, - "minHeight": 72, + "marginLeft": 6, + "minHeight": 48, "opacity": 1, } } @@ -557,13 +557,13 @@ exports[`@lad-tech/mobydick-core/modalBase should renders correctly HorizontalBu { "color": "#2B78EE", "fontFamily": "Inter-SemiBold", - "fontSize": 27, - "lineHeight": 33, - "minHeight": 33, + "fontSize": 18, + "lineHeight": 22, + "minHeight": 22, }, [ { - "paddingHorizontal": 9, + "paddingHorizontal": 6, }, undefined, ], diff --git a/packages/core/src/popups/components/ModalBase/__tests__/__snapshots__/ImageView.test.tsx.snap b/packages/core/src/popups/components/ModalBase/__tests__/__snapshots__/ImageView.test.tsx.snap index ca9b2fbb4..70e1cb33d 100644 --- a/packages/core/src/popups/components/ModalBase/__tests__/__snapshots__/ImageView.test.tsx.snap +++ b/packages/core/src/popups/components/ModalBase/__tests__/__snapshots__/ImageView.test.tsx.snap @@ -5,7 +5,7 @@ exports[`@lad-tech/mobydick-core/ImageView should renders correctly 1`] = ` style={ [ { - "marginBottom": 6, + "marginBottom": 4, }, undefined, ] @@ -20,7 +20,7 @@ exports[`@lad-tech/mobydick-core/ImageView should renders correctly with styles style={ [ { - "marginBottom": 6, + "marginBottom": 4, }, { "flex": 1, diff --git a/packages/core/src/popups/components/ModalBase/__tests__/__snapshots__/ModalBase.test.tsx.snap b/packages/core/src/popups/components/ModalBase/__tests__/__snapshots__/ModalBase.test.tsx.snap index 4b970efd3..71095c46c 100644 --- a/packages/core/src/popups/components/ModalBase/__tests__/__snapshots__/ModalBase.test.tsx.snap +++ b/packages/core/src/popups/components/ModalBase/__tests__/__snapshots__/ModalBase.test.tsx.snap @@ -57,12 +57,12 @@ exports[`@lad-tech/mobydick-core/ModalBase should renders correctly 1`] = ` { "alignItems": "center", "backgroundColor": "#FFF", - "borderRadius": 18, + "borderRadius": 12, "justifyContent": "center", - "marginVertical": 30, - "paddingHorizontal": 30, - "paddingVertical": 36, - "width": 726, + "marginVertical": 20, + "paddingHorizontal": 20, + "paddingVertical": 24, + "width": 734, }, undefined, ] diff --git a/packages/core/src/popups/components/ModalBase/__tests__/__snapshots__/TextContent.text.tsx.snap b/packages/core/src/popups/components/ModalBase/__tests__/__snapshots__/TextContent.text.tsx.snap index 7eb5a1590..96c5a0c2d 100644 --- a/packages/core/src/popups/components/ModalBase/__tests__/__snapshots__/TextContent.text.tsx.snap +++ b/packages/core/src/popups/components/ModalBase/__tests__/__snapshots__/TextContent.text.tsx.snap @@ -4,8 +4,8 @@ exports[`@lad-tech/mobydick-core/Title should renders correctly with description @@ -16,13 +16,13 @@ exports[`@lad-tech/mobydick-core/Title should renders correctly with description { "color": "#444B5A", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, [ { - "paddingTop": 12, + "paddingTop": 8, "textAlign": "center", }, { @@ -41,8 +41,8 @@ exports[`@lad-tech/mobydick-core/Title should renders correctly with titleFont 1 @@ -53,9 +53,9 @@ exports[`@lad-tech/mobydick-core/Title should renders correctly with titleFont 1 { "color": "#444B5A", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, [ { @@ -77,13 +77,13 @@ exports[`@lad-tech/mobydick-core/Title should renders correctly with titleFont 1 { "color": "#5E6678", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, [ { - "paddingTop": 12, + "paddingTop": 8, "textAlign": "center", }, { @@ -102,8 +102,8 @@ exports[`@lad-tech/mobydick-core/Title should renders correctly without descript @@ -114,9 +114,9 @@ exports[`@lad-tech/mobydick-core/Title should renders correctly without descript { "color": "#20242D", "fontFamily": "Inter-SemiBold", - "fontSize": 27, - "lineHeight": 33, - "minHeight": 33, + "fontSize": 18, + "lineHeight": 22, + "minHeight": 22, }, [ { @@ -138,13 +138,13 @@ exports[`@lad-tech/mobydick-core/Title should renders correctly without descript { "color": "#5E6678", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, [ { - "paddingTop": 12, + "paddingTop": 8, "textAlign": "center", }, { @@ -163,8 +163,8 @@ exports[`@lad-tech/mobydick-core/Title should renders correctly without titleFon @@ -175,9 +175,9 @@ exports[`@lad-tech/mobydick-core/Title should renders correctly without titleFon { "color": "#20242D", "fontFamily": "Inter-SemiBold", - "fontSize": 27, - "lineHeight": 33, - "minHeight": 33, + "fontSize": 18, + "lineHeight": 22, + "minHeight": 22, }, [ { diff --git a/packages/core/src/popups/components/ModalBase/__tests__/__snapshots__/VerticalButtonsView.test.tsx.snap b/packages/core/src/popups/components/ModalBase/__tests__/__snapshots__/VerticalButtonsView.test.tsx.snap index 6fdeed6e7..07dabe914 100644 --- a/packages/core/src/popups/components/ModalBase/__tests__/__snapshots__/VerticalButtonsView.test.tsx.snap +++ b/packages/core/src/popups/components/ModalBase/__tests__/__snapshots__/VerticalButtonsView.test.tsx.snap @@ -6,7 +6,7 @@ exports[`@lad-tech/mobydick-core/modalBase should renders correctly VerticalButt { "alignItems": "center", "alignSelf": "stretch", - "marginTop": 30, + "marginTop": 20, } } > @@ -43,10 +43,10 @@ exports[`@lad-tech/mobydick-core/modalBase should renders correctly VerticalButt "alignItems": "center", "alignSelf": "stretch", "backgroundColor": "#F54D3D", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "minHeight": 72, + "minHeight": 48, "opacity": 1, } } @@ -58,13 +58,13 @@ exports[`@lad-tech/mobydick-core/modalBase should renders correctly VerticalButt { "color": "#FFF", "fontFamily": "Inter-SemiBold", - "fontSize": 27, - "lineHeight": 33, - "minHeight": 33, + "fontSize": 18, + "lineHeight": 22, + "minHeight": 22, }, [ { - "paddingHorizontal": 9, + "paddingHorizontal": 6, }, undefined, ], diff --git a/packages/core/src/popups/components/Modals/ModalLoading.tsx b/packages/core/src/popups/components/Modals/ModalLoading.tsx index 0e15493cd..27542ca73 100644 --- a/packages/core/src/popups/components/Modals/ModalLoading.tsx +++ b/packages/core/src/popups/components/Modals/ModalLoading.tsx @@ -3,10 +3,10 @@ import {FC} from 'react'; import {ModalBase} from '../ModalBase'; import {IContentProps} from '../../types'; import useStyles from '../../../styles/hooks/useStyles'; -import rem from '../../../styles/utils/rem'; import {ISizeSpinner} from '../../../progress/components/Spinner/types'; import Spinner from '../../../progress/components/Spinner/Spinner'; import {IButtonTypes} from '../../../cta/components/Button/types'; +import px from '../../../styles/utils/px'; import {IModalProps} from './types'; import stylesCreate from './stylesCreate'; @@ -20,7 +20,7 @@ const ModalLoading: FC = props => { overlayStyle={styles.overlayStyle} containerStyle={styles.container} {...props}> - + diff --git a/packages/core/src/popups/components/Modals/__tests__/__snapshots__/ModalAsk.test.tsx.snap b/packages/core/src/popups/components/Modals/__tests__/__snapshots__/ModalAsk.test.tsx.snap index 2fd6ba272..3af2f8715 100644 --- a/packages/core/src/popups/components/Modals/__tests__/__snapshots__/ModalAsk.test.tsx.snap +++ b/packages/core/src/popups/components/Modals/__tests__/__snapshots__/ModalAsk.test.tsx.snap @@ -59,12 +59,12 @@ exports[`@lad-tech/mobydick-core/modalAsk should renders correctly 1`] = ` { "alignItems": "center", "backgroundColor": "#FFF", - "borderRadius": 18, + "borderRadius": 12, "justifyContent": "center", - "marginVertical": 30, - "paddingHorizontal": 30, - "paddingVertical": 36, - "width": 726, + "marginVertical": 20, + "paddingHorizontal": 20, + "paddingVertical": 24, + "width": 734, }, { "maxWidth": "80%", @@ -78,7 +78,7 @@ exports[`@lad-tech/mobydick-core/modalAsk should renders correctly 1`] = ` { "backgroundColor": "rgba(43, 120, 238, 0.15)", "borderRadius": 100, - "padding": 18, + "padding": 12, }, { "backgroundColor": "rgba(245, 77, 61, 0.15)", @@ -92,7 +92,7 @@ exports[`@lad-tech/mobydick-core/modalAsk should renders correctly 1`] = ` { "color": "#F54D3D", "fontFamily": "Neotis", - "fontSize": 54, + "fontSize": 36, } } > @@ -102,8 +102,8 @@ exports[`@lad-tech/mobydick-core/modalAsk should renders correctly 1`] = ` @@ -114,9 +114,9 @@ exports[`@lad-tech/mobydick-core/modalAsk should renders correctly 1`] = ` { "color": "#20242D", "fontFamily": "Inter-SemiBold", - "fontSize": 27, - "lineHeight": 33, - "minHeight": 33, + "fontSize": 18, + "lineHeight": 22, + "minHeight": 22, }, [ { @@ -136,13 +136,13 @@ exports[`@lad-tech/mobydick-core/modalAsk should renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, [ { - "paddingTop": 12, + "paddingTop": 8, "textAlign": "center", }, undefined, @@ -157,7 +157,7 @@ exports[`@lad-tech/mobydick-core/modalAsk should renders correctly 1`] = ` style={ { "flexDirection": "row", - "paddingTop": 30, + "paddingTop": 20, } } > @@ -194,12 +194,12 @@ exports[`@lad-tech/mobydick-core/modalAsk should renders correctly 1`] = ` "alignItems": "center", "alignSelf": "stretch", "backgroundColor": "transparent", - "borderRadius": 18, + "borderRadius": 12, "flex": 1, "flexDirection": "row", "justifyContent": "center", - "marginRight": 9, - "minHeight": 72, + "marginRight": 6, + "minHeight": 48, "opacity": 1, } } @@ -211,13 +211,13 @@ exports[`@lad-tech/mobydick-core/modalAsk should renders correctly 1`] = ` { "color": "#2B78EE", "fontFamily": "Inter-SemiBold", - "fontSize": 27, - "lineHeight": 33, - "minHeight": 33, + "fontSize": 18, + "lineHeight": 22, + "minHeight": 22, }, [ { - "paddingHorizontal": 9, + "paddingHorizontal": 6, }, undefined, ], @@ -260,12 +260,12 @@ exports[`@lad-tech/mobydick-core/modalAsk should renders correctly 1`] = ` "alignItems": "center", "alignSelf": "stretch", "backgroundColor": "#F54D3D", - "borderRadius": 18, + "borderRadius": 12, "flex": 1, "flexDirection": "row", "justifyContent": "center", - "marginLeft": 9, - "minHeight": 72, + "marginLeft": 6, + "minHeight": 48, "opacity": 1, } } @@ -277,13 +277,13 @@ exports[`@lad-tech/mobydick-core/modalAsk should renders correctly 1`] = ` { "color": "#FFF", "fontFamily": "Inter-SemiBold", - "fontSize": 27, - "lineHeight": 33, - "minHeight": 33, + "fontSize": 18, + "lineHeight": 22, + "minHeight": 22, }, [ { - "paddingHorizontal": 9, + "paddingHorizontal": 6, }, undefined, ], @@ -357,12 +357,12 @@ exports[`@lad-tech/mobydick-core/modalAsk should renders correctly with optional { "alignItems": "center", "backgroundColor": "#FFF", - "borderRadius": 18, + "borderRadius": 12, "justifyContent": "center", - "marginVertical": 30, - "paddingHorizontal": 30, - "paddingVertical": 36, - "width": 726, + "marginVertical": 20, + "paddingHorizontal": 20, + "paddingVertical": 24, + "width": 734, }, { "maxWidth": "80%", @@ -376,7 +376,7 @@ exports[`@lad-tech/mobydick-core/modalAsk should renders correctly with optional { "backgroundColor": "rgba(43, 120, 238, 0.15)", "borderRadius": 100, - "padding": 18, + "padding": 12, }, { "backgroundColor": "rgba(245, 77, 61, 0.15)", @@ -390,7 +390,7 @@ exports[`@lad-tech/mobydick-core/modalAsk should renders correctly with optional { "color": "#F54D3D", "fontFamily": "Neotis", - "fontSize": 54, + "fontSize": 36, } } > @@ -400,8 +400,8 @@ exports[`@lad-tech/mobydick-core/modalAsk should renders correctly with optional @@ -412,9 +412,9 @@ exports[`@lad-tech/mobydick-core/modalAsk should renders correctly with optional { "color": "#20242D", "fontFamily": "Inter-SemiBold", - "fontSize": 27, - "lineHeight": 33, - "minHeight": 33, + "fontSize": 18, + "lineHeight": 22, + "minHeight": 22, }, [ { @@ -434,13 +434,13 @@ exports[`@lad-tech/mobydick-core/modalAsk should renders correctly with optional { "color": "#5E6678", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, [ { - "paddingTop": 12, + "paddingTop": 8, "textAlign": "center", }, undefined, @@ -455,7 +455,7 @@ exports[`@lad-tech/mobydick-core/modalAsk should renders correctly with optional style={ { "flexDirection": "row", - "paddingTop": 30, + "paddingTop": 20, } } > @@ -492,12 +492,12 @@ exports[`@lad-tech/mobydick-core/modalAsk should renders correctly with optional "alignItems": "center", "alignSelf": "stretch", "backgroundColor": "#2B78EE", - "borderRadius": 18, + "borderRadius": 12, "flex": 1, "flexDirection": "row", "justifyContent": "center", - "marginRight": 9, - "minHeight": 72, + "marginRight": 6, + "minHeight": 48, "opacity": 1, } } @@ -509,13 +509,13 @@ exports[`@lad-tech/mobydick-core/modalAsk should renders correctly with optional { "color": "#FFF", "fontFamily": "Inter-SemiBold", - "fontSize": 27, - "lineHeight": 33, - "minHeight": 33, + "fontSize": 18, + "lineHeight": 22, + "minHeight": 22, }, [ { - "paddingHorizontal": 9, + "paddingHorizontal": 6, }, undefined, ], @@ -558,12 +558,12 @@ exports[`@lad-tech/mobydick-core/modalAsk should renders correctly with optional "alignItems": "center", "alignSelf": "stretch", "backgroundColor": "#2B78EE", - "borderRadius": 18, + "borderRadius": 12, "flex": 1, "flexDirection": "row", "justifyContent": "center", - "marginLeft": 9, - "minHeight": 72, + "marginLeft": 6, + "minHeight": 48, "opacity": 1, } } @@ -575,13 +575,13 @@ exports[`@lad-tech/mobydick-core/modalAsk should renders correctly with optional { "color": "#FFF", "fontFamily": "Inter-SemiBold", - "fontSize": 27, - "lineHeight": 33, - "minHeight": 33, + "fontSize": 18, + "lineHeight": 22, + "minHeight": 22, }, [ { - "paddingHorizontal": 9, + "paddingHorizontal": 6, }, undefined, ], diff --git a/packages/core/src/popups/components/Modals/__tests__/__snapshots__/ModalError.test.tsx.snap b/packages/core/src/popups/components/Modals/__tests__/__snapshots__/ModalError.test.tsx.snap index 0decc50bb..bc754de75 100644 --- a/packages/core/src/popups/components/Modals/__tests__/__snapshots__/ModalError.test.tsx.snap +++ b/packages/core/src/popups/components/Modals/__tests__/__snapshots__/ModalError.test.tsx.snap @@ -59,12 +59,12 @@ exports[`@lad-tech/mobydick-core/modalError should renders correctly 1`] = ` { "alignItems": "center", "backgroundColor": "#FFF", - "borderRadius": 18, + "borderRadius": 12, "justifyContent": "center", - "marginVertical": 30, - "paddingHorizontal": 30, - "paddingVertical": 36, - "width": 726, + "marginVertical": 20, + "paddingHorizontal": 20, + "paddingVertical": 24, + "width": 734, }, { "maxWidth": "80%", @@ -78,7 +78,7 @@ exports[`@lad-tech/mobydick-core/modalError should renders correctly 1`] = ` { "backgroundColor": "rgba(43, 120, 238, 0.15)", "borderRadius": 100, - "padding": 18, + "padding": 12, }, { "backgroundColor": "rgba(245, 77, 61, 0.15)", @@ -92,7 +92,7 @@ exports[`@lad-tech/mobydick-core/modalError should renders correctly 1`] = ` { "color": "#F54D3D", "fontFamily": "Neotis", - "fontSize": 54, + "fontSize": 36, } } > @@ -102,8 +102,8 @@ exports[`@lad-tech/mobydick-core/modalError should renders correctly 1`] = ` @@ -114,9 +114,9 @@ exports[`@lad-tech/mobydick-core/modalError should renders correctly 1`] = ` { "color": "#20242D", "fontFamily": "Inter-SemiBold", - "fontSize": 27, - "lineHeight": 33, - "minHeight": 33, + "fontSize": 18, + "lineHeight": 22, + "minHeight": 22, }, [ { @@ -136,13 +136,13 @@ exports[`@lad-tech/mobydick-core/modalError should renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, [ { - "paddingTop": 12, + "paddingTop": 8, "textAlign": "center", }, undefined, @@ -158,7 +158,7 @@ exports[`@lad-tech/mobydick-core/modalError should renders correctly 1`] = ` { "alignItems": "center", "alignSelf": "stretch", - "marginTop": 30, + "marginTop": 20, } } > @@ -195,10 +195,10 @@ exports[`@lad-tech/mobydick-core/modalError should renders correctly 1`] = ` "alignItems": "center", "alignSelf": "stretch", "backgroundColor": "#F54D3D", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "minHeight": 72, + "minHeight": 48, "opacity": 1, } } @@ -210,13 +210,13 @@ exports[`@lad-tech/mobydick-core/modalError should renders correctly 1`] = ` { "color": "#FFF", "fontFamily": "Inter-SemiBold", - "fontSize": 27, - "lineHeight": 33, - "minHeight": 33, + "fontSize": 18, + "lineHeight": 22, + "minHeight": 22, }, [ { - "paddingHorizontal": 9, + "paddingHorizontal": 6, }, undefined, ], @@ -290,12 +290,12 @@ exports[`@lad-tech/mobydick-core/modalError should renders correctly with option { "alignItems": "center", "backgroundColor": "#FFF", - "borderRadius": 18, + "borderRadius": 12, "justifyContent": "center", - "marginVertical": 30, - "paddingHorizontal": 30, - "paddingVertical": 36, - "width": 726, + "marginVertical": 20, + "paddingHorizontal": 20, + "paddingVertical": 24, + "width": 734, }, { "maxWidth": "80%", @@ -309,7 +309,7 @@ exports[`@lad-tech/mobydick-core/modalError should renders correctly with option { "backgroundColor": "rgba(43, 120, 238, 0.15)", "borderRadius": 100, - "padding": 18, + "padding": 12, }, { "backgroundColor": "rgba(245, 77, 61, 0.15)", @@ -323,7 +323,7 @@ exports[`@lad-tech/mobydick-core/modalError should renders correctly with option { "color": "#F54D3D", "fontFamily": "Neotis", - "fontSize": 54, + "fontSize": 36, } } > @@ -333,8 +333,8 @@ exports[`@lad-tech/mobydick-core/modalError should renders correctly with option @@ -345,9 +345,9 @@ exports[`@lad-tech/mobydick-core/modalError should renders correctly with option { "color": "#20242D", "fontFamily": "Inter-SemiBold", - "fontSize": 27, - "lineHeight": 33, - "minHeight": 33, + "fontSize": 18, + "lineHeight": 22, + "minHeight": 22, }, [ { @@ -367,13 +367,13 @@ exports[`@lad-tech/mobydick-core/modalError should renders correctly with option { "color": "#5E6678", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, [ { - "paddingTop": 12, + "paddingTop": 8, "textAlign": "center", }, undefined, @@ -389,7 +389,7 @@ exports[`@lad-tech/mobydick-core/modalError should renders correctly with option { "alignItems": "center", "alignSelf": "stretch", - "marginTop": 30, + "marginTop": 20, } } > @@ -426,10 +426,10 @@ exports[`@lad-tech/mobydick-core/modalError should renders correctly with option "alignItems": "center", "alignSelf": "stretch", "backgroundColor": "#F54D3D", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "minHeight": 72, + "minHeight": 48, "opacity": 1, } } @@ -441,13 +441,13 @@ exports[`@lad-tech/mobydick-core/modalError should renders correctly with option { "color": "#FFF", "fontFamily": "Inter-SemiBold", - "fontSize": 27, - "lineHeight": 33, - "minHeight": 33, + "fontSize": 18, + "lineHeight": 22, + "minHeight": 22, }, [ { - "paddingHorizontal": 9, + "paddingHorizontal": 6, }, undefined, ], diff --git a/packages/core/src/popups/components/Modals/__tests__/__snapshots__/ModalLoading.test.tsx.snap b/packages/core/src/popups/components/Modals/__tests__/__snapshots__/ModalLoading.test.tsx.snap index 7f9503755..7eb4a0cd4 100644 --- a/packages/core/src/popups/components/Modals/__tests__/__snapshots__/ModalLoading.test.tsx.snap +++ b/packages/core/src/popups/components/Modals/__tests__/__snapshots__/ModalLoading.test.tsx.snap @@ -59,12 +59,12 @@ exports[`@lad-tech/mobydick-core/modalLoading should renders correctly 1`] = ` { "alignItems": "center", "backgroundColor": "#FFF", - "borderRadius": 18, + "borderRadius": 12, "justifyContent": "center", - "marginVertical": 30, - "paddingHorizontal": 30, - "paddingVertical": 36, - "width": 726, + "marginVertical": 20, + "paddingHorizontal": 20, + "paddingVertical": 24, + "width": 734, }, { "maxWidth": "80%", @@ -90,7 +90,7 @@ exports[`@lad-tech/mobydick-core/modalLoading should renders correctly 1`] = ` height="48" style={ { - "margin": 9, + "margin": 6, } } width="48" @@ -99,8 +99,8 @@ exports[`@lad-tech/mobydick-core/modalLoading should renders correctly 1`] = ` @@ -111,9 +111,9 @@ exports[`@lad-tech/mobydick-core/modalLoading should renders correctly 1`] = ` { "color": "#20242D", "fontFamily": "Inter-SemiBold", - "fontSize": 27, - "lineHeight": 33, - "minHeight": 33, + "fontSize": 18, + "lineHeight": 22, + "minHeight": 22, }, [ { @@ -133,13 +133,13 @@ exports[`@lad-tech/mobydick-core/modalLoading should renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, [ { - "paddingTop": 12, + "paddingTop": 8, "textAlign": "center", }, undefined, @@ -155,7 +155,7 @@ exports[`@lad-tech/mobydick-core/modalLoading should renders correctly 1`] = ` { "alignItems": "center", "alignSelf": "stretch", - "marginTop": 30, + "marginTop": 20, } } > @@ -192,10 +192,10 @@ exports[`@lad-tech/mobydick-core/modalLoading should renders correctly 1`] = ` "alignItems": "center", "alignSelf": "stretch", "backgroundColor": "rgba(43, 120, 238, 0.15)", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "minHeight": 72, + "minHeight": 48, "opacity": 1, } } @@ -207,13 +207,13 @@ exports[`@lad-tech/mobydick-core/modalLoading should renders correctly 1`] = ` { "color": "#2B78EE", "fontFamily": "Inter-SemiBold", - "fontSize": 27, - "lineHeight": 33, - "minHeight": 33, + "fontSize": 18, + "lineHeight": 22, + "minHeight": 22, }, [ { - "paddingHorizontal": 9, + "paddingHorizontal": 6, }, undefined, ], @@ -287,12 +287,12 @@ exports[`@lad-tech/mobydick-core/modalLoading should renders correctly with opti { "alignItems": "center", "backgroundColor": "#FFF", - "borderRadius": 18, + "borderRadius": 12, "justifyContent": "center", - "marginVertical": 30, - "paddingHorizontal": 30, - "paddingVertical": 36, - "width": 726, + "marginVertical": 20, + "paddingHorizontal": 20, + "paddingVertical": 24, + "width": 734, }, { "maxWidth": "80%", @@ -318,7 +318,7 @@ exports[`@lad-tech/mobydick-core/modalLoading should renders correctly with opti height="48" style={ { - "margin": 9, + "margin": 6, } } width="48" @@ -327,8 +327,8 @@ exports[`@lad-tech/mobydick-core/modalLoading should renders correctly with opti @@ -339,9 +339,9 @@ exports[`@lad-tech/mobydick-core/modalLoading should renders correctly with opti { "color": "#20242D", "fontFamily": "Inter-SemiBold", - "fontSize": 27, - "lineHeight": 33, - "minHeight": 33, + "fontSize": 18, + "lineHeight": 22, + "minHeight": 22, }, [ { @@ -361,13 +361,13 @@ exports[`@lad-tech/mobydick-core/modalLoading should renders correctly with opti { "color": "#5E6678", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, [ { - "paddingTop": 12, + "paddingTop": 8, "textAlign": "center", }, undefined, @@ -383,7 +383,7 @@ exports[`@lad-tech/mobydick-core/modalLoading should renders correctly with opti { "alignItems": "center", "alignSelf": "stretch", - "marginTop": 30, + "marginTop": 20, } } > @@ -420,10 +420,10 @@ exports[`@lad-tech/mobydick-core/modalLoading should renders correctly with opti "alignItems": "center", "alignSelf": "stretch", "backgroundColor": "rgba(43, 120, 238, 0.15)", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "minHeight": 72, + "minHeight": 48, "opacity": 1, } } @@ -435,13 +435,13 @@ exports[`@lad-tech/mobydick-core/modalLoading should renders correctly with opti { "color": "#2B78EE", "fontFamily": "Inter-SemiBold", - "fontSize": 27, - "lineHeight": 33, - "minHeight": 33, + "fontSize": 18, + "lineHeight": 22, + "minHeight": 22, }, [ { - "paddingHorizontal": 9, + "paddingHorizontal": 6, }, undefined, ], diff --git a/packages/core/src/popups/components/Modals/__tests__/__snapshots__/ModalSuccess.test.tsx.snap b/packages/core/src/popups/components/Modals/__tests__/__snapshots__/ModalSuccess.test.tsx.snap index 9ae88f946..2e0d8f89a 100644 --- a/packages/core/src/popups/components/Modals/__tests__/__snapshots__/ModalSuccess.test.tsx.snap +++ b/packages/core/src/popups/components/Modals/__tests__/__snapshots__/ModalSuccess.test.tsx.snap @@ -59,12 +59,12 @@ exports[`@lad-tech/mobydick-core/modalSuccess should renders correctly 1`] = ` { "alignItems": "center", "backgroundColor": "#FFF", - "borderRadius": 18, + "borderRadius": 12, "justifyContent": "center", - "marginVertical": 30, - "paddingHorizontal": 30, - "paddingVertical": 36, - "width": 726, + "marginVertical": 20, + "paddingHorizontal": 20, + "paddingVertical": 24, + "width": 734, }, { "maxWidth": "80%", @@ -78,7 +78,7 @@ exports[`@lad-tech/mobydick-core/modalSuccess should renders correctly 1`] = ` { "backgroundColor": "rgba(43, 120, 238, 0.15)", "borderRadius": 100, - "padding": 18, + "padding": 12, }, undefined, ] @@ -90,7 +90,7 @@ exports[`@lad-tech/mobydick-core/modalSuccess should renders correctly 1`] = ` { "color": "#2B78EE", "fontFamily": "Neotis", - "fontSize": 54, + "fontSize": 36, } } > @@ -100,8 +100,8 @@ exports[`@lad-tech/mobydick-core/modalSuccess should renders correctly 1`] = ` @@ -112,9 +112,9 @@ exports[`@lad-tech/mobydick-core/modalSuccess should renders correctly 1`] = ` { "color": "#20242D", "fontFamily": "Inter-SemiBold", - "fontSize": 27, - "lineHeight": 33, - "minHeight": 33, + "fontSize": 18, + "lineHeight": 22, + "minHeight": 22, }, [ { @@ -134,13 +134,13 @@ exports[`@lad-tech/mobydick-core/modalSuccess should renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, [ { - "paddingTop": 12, + "paddingTop": 8, "textAlign": "center", }, undefined, @@ -156,7 +156,7 @@ exports[`@lad-tech/mobydick-core/modalSuccess should renders correctly 1`] = ` { "alignItems": "center", "alignSelf": "stretch", - "marginTop": 30, + "marginTop": 20, } } > @@ -193,10 +193,10 @@ exports[`@lad-tech/mobydick-core/modalSuccess should renders correctly 1`] = ` "alignItems": "center", "alignSelf": "stretch", "backgroundColor": "#2B78EE", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "minHeight": 72, + "minHeight": 48, "opacity": 1, } } @@ -208,13 +208,13 @@ exports[`@lad-tech/mobydick-core/modalSuccess should renders correctly 1`] = ` { "color": "#FFF", "fontFamily": "Inter-SemiBold", - "fontSize": 27, - "lineHeight": 33, - "minHeight": 33, + "fontSize": 18, + "lineHeight": 22, + "minHeight": 22, }, [ { - "paddingHorizontal": 9, + "paddingHorizontal": 6, }, undefined, ], @@ -288,12 +288,12 @@ exports[`@lad-tech/mobydick-core/modalSuccess should renders correctly with opti { "alignItems": "center", "backgroundColor": "#FFF", - "borderRadius": 18, + "borderRadius": 12, "justifyContent": "center", - "marginVertical": 30, - "paddingHorizontal": 30, - "paddingVertical": 36, - "width": 726, + "marginVertical": 20, + "paddingHorizontal": 20, + "paddingVertical": 24, + "width": 734, }, { "maxWidth": "80%", @@ -307,7 +307,7 @@ exports[`@lad-tech/mobydick-core/modalSuccess should renders correctly with opti { "backgroundColor": "rgba(43, 120, 238, 0.15)", "borderRadius": 100, - "padding": 18, + "padding": 12, }, undefined, ] @@ -319,7 +319,7 @@ exports[`@lad-tech/mobydick-core/modalSuccess should renders correctly with opti { "color": "#2B78EE", "fontFamily": "Neotis", - "fontSize": 54, + "fontSize": 36, } } > @@ -329,8 +329,8 @@ exports[`@lad-tech/mobydick-core/modalSuccess should renders correctly with opti @@ -341,9 +341,9 @@ exports[`@lad-tech/mobydick-core/modalSuccess should renders correctly with opti { "color": "#20242D", "fontFamily": "Inter-SemiBold", - "fontSize": 27, - "lineHeight": 33, - "minHeight": 33, + "fontSize": 18, + "lineHeight": 22, + "minHeight": 22, }, [ { @@ -363,13 +363,13 @@ exports[`@lad-tech/mobydick-core/modalSuccess should renders correctly with opti { "color": "#5E6678", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, [ { - "paddingTop": 12, + "paddingTop": 8, "textAlign": "center", }, undefined, @@ -385,7 +385,7 @@ exports[`@lad-tech/mobydick-core/modalSuccess should renders correctly with opti { "alignItems": "center", "alignSelf": "stretch", - "marginTop": 30, + "marginTop": 20, } } > @@ -422,10 +422,10 @@ exports[`@lad-tech/mobydick-core/modalSuccess should renders correctly with opti "alignItems": "center", "alignSelf": "stretch", "backgroundColor": "#2B78EE", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "minHeight": 72, + "minHeight": 48, "opacity": 1, } } @@ -437,13 +437,13 @@ exports[`@lad-tech/mobydick-core/modalSuccess should renders correctly with opti { "color": "#FFF", "fontFamily": "Inter-SemiBold", - "fontSize": 27, - "lineHeight": 33, - "minHeight": 33, + "fontSize": 18, + "lineHeight": 22, + "minHeight": 22, }, [ { - "paddingHorizontal": 9, + "paddingHorizontal": 6, }, undefined, ], diff --git a/packages/core/src/popups/components/SnackbarBase/__tests__/__snapshots__/SnackbarBase.test.tsx.snap b/packages/core/src/popups/components/SnackbarBase/__tests__/__snapshots__/SnackbarBase.test.tsx.snap index 99c811799..aac9f1d6c 100644 --- a/packages/core/src/popups/components/SnackbarBase/__tests__/__snapshots__/SnackbarBase.test.tsx.snap +++ b/packages/core/src/popups/components/SnackbarBase/__tests__/__snapshots__/SnackbarBase.test.tsx.snap @@ -23,12 +23,12 @@ exports[`@lad-tech/mobydick-core/SnackbarBase should renders correctly 1`] = ` { "alignItems": "center", "backgroundColor": "#20242D", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "margin": 30, - "paddingHorizontal": 30, - "paddingVertical": 24, + "margin": 20, + "paddingHorizontal": 20, + "paddingVertical": 16, }, undefined, ] @@ -60,12 +60,12 @@ exports[`@lad-tech/mobydick-core/SnackbarBase should renders correctly with time { "alignItems": "center", "backgroundColor": "#20242D", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "margin": 30, - "paddingHorizontal": 30, - "paddingVertical": 24, + "margin": 20, + "paddingHorizontal": 20, + "paddingVertical": 16, }, undefined, ] diff --git a/packages/core/src/popups/components/SnackbarBase/__tests__/__snapshots__/Title.test.tsx.snap b/packages/core/src/popups/components/SnackbarBase/__tests__/__snapshots__/Title.test.tsx.snap index ee3e9713d..2a5a00d48 100644 --- a/packages/core/src/popups/components/SnackbarBase/__tests__/__snapshots__/Title.test.tsx.snap +++ b/packages/core/src/popups/components/SnackbarBase/__tests__/__snapshots__/Title.test.tsx.snap @@ -8,14 +8,14 @@ exports[`@lad-tech/mobydick-core/SnackbarBase/Title should renders correctly wit { "color": "#444B5A", "fontFamily": "Inter-Medium", - "fontSize": 24, - "lineHeight": 30, - "minHeight": 30, + "fontSize": 16, + "lineHeight": 20, + "minHeight": 20, }, [ { "flex": 1, - "paddingRight": 12, + "paddingRight": 8, }, { "backgroundColor": "#000", @@ -36,14 +36,14 @@ exports[`@lad-tech/mobydick-core/SnackbarBase/Title should renders correctly wit { "color": "#FFF", "fontFamily": "Inter-Medium", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, [ { "flex": 1, - "paddingRight": 12, + "paddingRight": 8, }, { "flex": 1, diff --git a/packages/core/src/popups/components/TooltipBase/__tests__/__snapshots__/Arrow.test.tsx.snap b/packages/core/src/popups/components/TooltipBase/__tests__/__snapshots__/Arrow.test.tsx.snap index 683464baa..2031ec396 100644 --- a/packages/core/src/popups/components/TooltipBase/__tests__/__snapshots__/Arrow.test.tsx.snap +++ b/packages/core/src/popups/components/TooltipBase/__tests__/__snapshots__/Arrow.test.tsx.snap @@ -18,12 +18,12 @@ exports[`@lad-tech/mobydick-core/TooltipBase/Arrow should renders correctly bott "borderBottomColor": "transparent", "borderBottomWidth": 0, "borderLeftColor": "transparent", - "borderLeftWidth": 12, + "borderLeftWidth": 8, "borderRightColor": "transparent", - "borderRightWidth": 12, + "borderRightWidth": 8, "borderTopColor": "#20242D", - "borderTopWidth": 12, - "bottom": -12, + "borderTopWidth": 8, + "bottom": -8, }, { "alignSelf": "center", @@ -49,12 +49,12 @@ exports[`@lad-tech/mobydick-core/TooltipBase/Arrow should renders correctly bott "borderBottomColor": "transparent", "borderBottomWidth": 0, "borderLeftColor": "transparent", - "borderLeftWidth": 12, + "borderLeftWidth": 8, "borderRightColor": "transparent", - "borderRightWidth": 12, + "borderRightWidth": 8, "borderTopColor": "#20242D", - "borderTopWidth": 12, - "bottom": -12, + "borderTopWidth": 8, + "bottom": -8, }, { "right": 10, @@ -80,14 +80,14 @@ exports[`@lad-tech/mobydick-core/TooltipBase/Arrow should renders correctly top }, { "borderBottomColor": "#20242D", - "borderBottomWidth": 12, + "borderBottomWidth": 8, "borderLeftColor": "transparent", - "borderLeftWidth": 12, + "borderLeftWidth": 8, "borderRightColor": "transparent", - "borderRightWidth": 12, + "borderRightWidth": 8, "borderTopColor": "transparent", "borderTopWidth": 0, - "top": -12, + "top": -8, }, { "left": 10, diff --git a/packages/core/src/popups/components/TooltipBase/__tests__/__snapshots__/DescriptionText.test.tsx.snap b/packages/core/src/popups/components/TooltipBase/__tests__/__snapshots__/DescriptionText.test.tsx.snap index e6401a69e..304a74053 100644 --- a/packages/core/src/popups/components/TooltipBase/__tests__/__snapshots__/DescriptionText.test.tsx.snap +++ b/packages/core/src/popups/components/TooltipBase/__tests__/__snapshots__/DescriptionText.test.tsx.snap @@ -8,13 +8,13 @@ exports[`@lad-tech/mobydick-core/TooltipBase/DescriptionText should renders corr { "color": "#FFF", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, [ { - "paddingBottom": 12, + "paddingBottom": 8, "zIndex": 1, }, undefined, @@ -34,13 +34,13 @@ exports[`@lad-tech/mobydick-core/TooltipBase/DescriptionText should renders corr { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, [ { - "paddingBottom": 12, + "paddingBottom": 8, "zIndex": 1, }, { diff --git a/packages/core/src/popups/components/TooltipBase/__tests__/__snapshots__/LeftButton.test.tsx.snap b/packages/core/src/popups/components/TooltipBase/__tests__/__snapshots__/LeftButton.test.tsx.snap index c782e789f..0a40ee9be 100644 --- a/packages/core/src/popups/components/TooltipBase/__tests__/__snapshots__/LeftButton.test.tsx.snap +++ b/packages/core/src/popups/components/TooltipBase/__tests__/__snapshots__/LeftButton.test.tsx.snap @@ -34,11 +34,11 @@ exports[`@lad-tech/mobydick-core/TooltipBase/LeftButton should renders correctly "alignItems": "center", "alignSelf": "flex-start", "backgroundColor": "#2B78EE", - "borderRadius": 18, + "borderRadius": 12, "flexDirection": "row", "justifyContent": "center", - "marginVertical": 12, - "minHeight": 72, + "marginVertical": 8, + "minHeight": 48, "opacity": 1, } } @@ -50,13 +50,13 @@ exports[`@lad-tech/mobydick-core/TooltipBase/LeftButton should renders correctly { "color": "#FFF", "fontFamily": "Inter-SemiBold", - "fontSize": 27, - "lineHeight": 33, - "minHeight": 33, + "fontSize": 18, + "lineHeight": 22, + "minHeight": 22, }, [ { - "paddingHorizontal": 9, + "paddingHorizontal": 6, }, undefined, ], diff --git a/packages/core/src/popups/components/TooltipBase/__tests__/__snapshots__/Title.test.tsx.snap b/packages/core/src/popups/components/TooltipBase/__tests__/__snapshots__/Title.test.tsx.snap index 9e6a7e524..2d04f896e 100644 --- a/packages/core/src/popups/components/TooltipBase/__tests__/__snapshots__/Title.test.tsx.snap +++ b/packages/core/src/popups/components/TooltipBase/__tests__/__snapshots__/Title.test.tsx.snap @@ -8,9 +8,9 @@ exports[`@lad-tech/mobydick-core/TooltipBase/Title should renders correctly 1`] { "color": "#FFF", "fontFamily": "Inter-SemiBold", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, [ { @@ -33,9 +33,9 @@ exports[`@lad-tech/mobydick-core/TooltipBase/Title should renders correctly font { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 21, - "lineHeight": 27, - "minHeight": 27, + "fontSize": 14, + "lineHeight": 18, + "minHeight": 18, }, [ { diff --git a/packages/core/src/popups/components/TooltipBase/__tests__/__snapshots__/TooltipBase.test.tsx.snap b/packages/core/src/popups/components/TooltipBase/__tests__/__snapshots__/TooltipBase.test.tsx.snap index 7f4a3863d..f1958db1f 100644 --- a/packages/core/src/popups/components/TooltipBase/__tests__/__snapshots__/TooltipBase.test.tsx.snap +++ b/packages/core/src/popups/components/TooltipBase/__tests__/__snapshots__/TooltipBase.test.tsx.snap @@ -56,11 +56,11 @@ exports[`@lad-tech/mobydick-core/TooltipBase/TooltipBase should renders correctl { "alignItems": "flex-start", "backgroundColor": "#20242D", - "borderRadius": 12, + "borderRadius": 8, "justifyContent": "center", - "marginVertical": 12, - "paddingHorizontal": 24, - "paddingVertical": 12, + "marginVertical": 8, + "paddingHorizontal": 16, + "paddingVertical": 8, "position": "absolute", "right": 32, "top": 2411, @@ -127,12 +127,12 @@ exports[`@lad-tech/mobydick-core/TooltipBase/TooltipBase should renders correctl { "alignItems": "flex-start", "backgroundColor": "#20242D", - "borderRadius": 12, + "borderRadius": 8, "bottom": -1770, "justifyContent": "center", - "marginVertical": 12, - "paddingHorizontal": 24, - "paddingVertical": 12, + "marginVertical": 8, + "paddingHorizontal": 16, + "paddingVertical": 8, "position": "absolute", "zIndex": 1, } @@ -197,11 +197,11 @@ exports[`@lad-tech/mobydick-core/TooltipBase/TooltipBase should renders correctl { "alignItems": "flex-start", "backgroundColor": "#20242D", - "borderRadius": 12, + "borderRadius": 8, "justifyContent": "center", - "marginVertical": 12, - "paddingHorizontal": 24, - "paddingVertical": 12, + "marginVertical": 8, + "paddingHorizontal": 16, + "paddingVertical": 8, "position": "absolute", "right": 32, "top": 2411, @@ -268,12 +268,12 @@ exports[`@lad-tech/mobydick-core/TooltipBase/TooltipBase should renders correctl { "alignItems": "flex-start", "backgroundColor": "#20242D", - "borderRadius": 12, + "borderRadius": 8, "justifyContent": "center", "left": 287, - "marginVertical": 12, - "paddingHorizontal": 24, - "paddingVertical": 12, + "marginVertical": 8, + "paddingHorizontal": 16, + "paddingVertical": 8, "position": "absolute", "top": 2411, "zIndex": 1, diff --git a/packages/core/src/progress/components/Indicator/__tests__/__snapshots__/Indicator.test.tsx.snap b/packages/core/src/progress/components/Indicator/__tests__/__snapshots__/Indicator.test.tsx.snap index 6ddbd353a..8f3c97450 100644 --- a/packages/core/src/progress/components/Indicator/__tests__/__snapshots__/Indicator.test.tsx.snap +++ b/packages/core/src/progress/components/Indicator/__tests__/__snapshots__/Indicator.test.tsx.snap @@ -6,8 +6,8 @@ exports[`@lad-tech/mobydick-core/Indicator renders correctly with colors 1`] = ` [ { "backgroundColor": "#EEEFF1", - "borderRadius": 30, - "height": 3, + "borderRadius": 20, + "height": 2, "width": "90%", }, undefined, @@ -19,7 +19,7 @@ exports[`@lad-tech/mobydick-core/Indicator renders correctly with colors 1`] = ` style={ { "backgroundColor": "#2B78EE", - "borderRadius": 30, + "borderRadius": 20, "bottom": 0, "left": 0, "position": "absolute", diff --git a/packages/core/src/progress/components/PanelSpinner/PanelSpinner.tsx b/packages/core/src/progress/components/PanelSpinner/PanelSpinner.tsx index d450f2bf6..ca5bec8fe 100644 --- a/packages/core/src/progress/components/PanelSpinner/PanelSpinner.tsx +++ b/packages/core/src/progress/components/PanelSpinner/PanelSpinner.tsx @@ -5,8 +5,8 @@ import SimpleIcon from '../../../styles/icons/font/SimpleIcon'; import useStyles from '../../../styles/hooks/useStyles'; import {Spinner} from '../Spinner'; import {ISizeSpinner} from '../Spinner/types'; -import rem from '../../../styles/utils/rem'; import Pressable from '../../../basic/components/Pressable/Pressable'; +import px from '../../../styles/utils/px'; import stylesCreate from './stylesCreate'; import {PanelSpinnerProps} from './types'; @@ -24,7 +24,7 @@ const PanelSpinner: FC = props => { ]}> @@ -32,7 +32,7 @@ const PanelSpinner: FC = props => { diff --git a/packages/core/src/progress/components/PanelSpinner/__tests__/__snapshots__/PanelSpinner.test.tsx.snap b/packages/core/src/progress/components/PanelSpinner/__tests__/__snapshots__/PanelSpinner.test.tsx.snap index 55ed94917..ab282b3af 100644 --- a/packages/core/src/progress/components/PanelSpinner/__tests__/__snapshots__/PanelSpinner.test.tsx.snap +++ b/packages/core/src/progress/components/PanelSpinner/__tests__/__snapshots__/PanelSpinner.test.tsx.snap @@ -7,18 +7,18 @@ exports[`@lad-tech/mobydick-core/PanelSpinner renders correctly 1`] = ` "alignItems": "center", "backgroundColor": "#FFF", "borderColor": "rgba(32, 36, 45, 0.15)", - "borderRadius": 300, - "borderWidth": 1, + "borderRadius": 200, + "borderWidth": 0.5, "elevation": 10, "justifyContent": "center", - "padding": 30, + "padding": 20, "shadowColor": "#20242D", "shadowOffset": { "height": 1, "width": 0, }, "shadowOpacity": 0.3, - "shadowRadius": 18, + "shadowRadius": 12, } } > @@ -51,18 +51,18 @@ exports[`@lad-tech/mobydick-core/PanelSpinner renders correctly canceled 1`] = ` "alignItems": "center", "backgroundColor": "#FFF", "borderColor": "rgba(32, 36, 45, 0.15)", - "borderRadius": 300, - "borderWidth": 1, + "borderRadius": 200, + "borderWidth": 0.5, "elevation": 10, "justifyContent": "center", - "padding": 30, + "padding": 20, "shadowColor": "#20242D", "shadowOffset": { "height": 1, "width": 0, }, "shadowOpacity": 0.3, - "shadowRadius": 18, + "shadowRadius": 12, } } > @@ -120,9 +120,9 @@ exports[`@lad-tech/mobydick-core/PanelSpinner renders correctly canceled 1`] = ` { "alignItems": "center", "aspectRatio": 1, - "borderRadius": 36, + "borderRadius": 24, "justifyContent": "center", - "width": 72, + "width": 48, }, { "position": "absolute", @@ -136,7 +136,7 @@ exports[`@lad-tech/mobydick-core/PanelSpinner renders correctly canceled 1`] = ` { "color": "#9BA1B0", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > @@ -153,18 +153,18 @@ exports[`@lad-tech/mobydick-core/PanelSpinner renders correctly done 1`] = ` "alignItems": "center", "backgroundColor": "#FFF", "borderColor": "rgba(32, 36, 45, 0.15)", - "borderRadius": 300, - "borderWidth": 1, + "borderRadius": 200, + "borderWidth": 0.5, "elevation": 10, "justifyContent": "center", - "padding": 30, + "padding": 20, "shadowColor": "#20242D", "shadowOffset": { "height": 1, "width": 0, }, "shadowOpacity": 0.3, - "shadowRadius": 18, + "shadowRadius": 12, } } > @@ -173,9 +173,9 @@ exports[`@lad-tech/mobydick-core/PanelSpinner renders correctly done 1`] = ` { "alignItems": "center", "aspectRatio": 1, - "borderRadius": 36, + "borderRadius": 24, "justifyContent": "center", - "width": 72, + "width": 48, } } > @@ -185,7 +185,7 @@ exports[`@lad-tech/mobydick-core/PanelSpinner renders correctly done 1`] = ` { "color": "#2B78EE", "fontFamily": "Neotis", - "fontSize": 72, + "fontSize": 48, } } > @@ -202,18 +202,18 @@ exports[`@lad-tech/mobydick-core/PanelSpinner renders correctly error 1`] = ` "alignItems": "center", "backgroundColor": "#FFF", "borderColor": "rgba(32, 36, 45, 0.15)", - "borderRadius": 300, - "borderWidth": 1, + "borderRadius": 200, + "borderWidth": 0.5, "elevation": 10, "justifyContent": "center", - "padding": 30, + "padding": 20, "shadowColor": "#20242D", "shadowOffset": { "height": 1, "width": 0, }, "shadowOpacity": 0.3, - "shadowRadius": 18, + "shadowRadius": 12, } } > @@ -223,9 +223,9 @@ exports[`@lad-tech/mobydick-core/PanelSpinner renders correctly error 1`] = ` { "alignItems": "center", "aspectRatio": 1, - "borderRadius": 36, + "borderRadius": 24, "justifyContent": "center", - "width": 72, + "width": 48, }, { "backgroundColor": "#EEEFF1", @@ -239,7 +239,7 @@ exports[`@lad-tech/mobydick-core/PanelSpinner renders correctly error 1`] = ` { "color": "#9BA1B0", "fontFamily": "Neotis", - "fontSize": 48, + "fontSize": 32, } } > diff --git a/packages/core/src/progress/components/PanelSpinner/stylesCreate.ts b/packages/core/src/progress/components/PanelSpinner/stylesCreate.ts index c047e80c0..8f1440141 100644 --- a/packages/core/src/progress/components/PanelSpinner/stylesCreate.ts +++ b/packages/core/src/progress/components/PanelSpinner/stylesCreate.ts @@ -1,5 +1,5 @@ -import rem from '../../../styles/utils/rem'; import {createStyles} from '../../../styles'; +import px from '../../../styles/utils/px'; const stylesCreate = createStyles(({spaces, colors}) => ({ container: { @@ -8,8 +8,8 @@ const stylesCreate = createStyles(({spaces, colors}) => ({ padding: spaces.Space20, backgroundColor: colors.BgPrimary, borderColor: colors.BorderSoft, - borderWidth: rem(0.5), - borderRadius: rem(200), + borderWidth: px(0.5), + borderRadius: px(200), shadowColor: colors.BgBlack, // ios shadowOffset: { @@ -17,7 +17,7 @@ const stylesCreate = createStyles(({spaces, colors}) => ({ height: 1, }, shadowOpacity: 0.3, - shadowRadius: rem(12), + shadowRadius: px(12), // android elevation: 10, }, diff --git a/packages/core/src/styles/constants/HIT_SLOP.ts b/packages/core/src/styles/constants/HIT_SLOP.ts index 3643a59c6..5c3b752d2 100644 --- a/packages/core/src/styles/constants/HIT_SLOP.ts +++ b/packages/core/src/styles/constants/HIT_SLOP.ts @@ -1,9 +1,9 @@ -import rem from '../utils/rem'; +import px from '../utils/px'; const HIT_SLOP = { - small: {top: rem(10), bottom: rem(10), left: rem(10), right: rem(10)}, - medium: {top: rem(20), bottom: rem(20), left: rem(20), right: rem(20)}, - large: {top: rem(30), bottom: rem(30), left: rem(30), right: rem(30)}, + small: {top: px(10), bottom: px(10), left: px(10), right: px(10)}, + medium: {top: px(20), bottom: px(20), left: px(20), right: px(20)}, + large: {top: px(30), bottom: px(30), left: px(30), right: px(30)}, }; export default HIT_SLOP; diff --git a/packages/core/src/styles/constants/defaultSpaces.ts b/packages/core/src/styles/constants/defaultSpaces.ts index 9cafc2085..fae67d4f0 100644 --- a/packages/core/src/styles/constants/defaultSpaces.ts +++ b/packages/core/src/styles/constants/defaultSpaces.ts @@ -1,20 +1,20 @@ -import rem from '../utils/rem'; +import px from '../utils/px'; export const defaultSpaces: IDefaultSpaces = { - Space1: rem(1), - Space2: rem(2), - Space4: rem(4), - Space6: rem(6), - Space8: rem(8), - Space10: rem(10), - Space12: rem(12), - Space16: rem(16), - Space20: rem(20), - Space24: rem(24), - Space32: rem(32), - Space40: rem(40), - Space48: rem(48), - Space64: rem(64), + Space1: px(1), + Space2: px(2), + Space4: px(4), + Space6: px(6), + Space8: px(8), + Space10: px(10), + Space12: px(12), + Space16: px(16), + Space20: px(20), + Space24: px(24), + Space32: px(32), + Space40: px(40), + Space48: px(48), + Space64: px(64), }; export type IDefaultSpaces = { diff --git a/packages/core/src/styles/icons/font/SimpleIcon.tsx b/packages/core/src/styles/icons/font/SimpleIcon.tsx index f8fff788b..2be1c70fd 100644 --- a/packages/core/src/styles/icons/font/SimpleIcon.tsx +++ b/packages/core/src/styles/icons/font/SimpleIcon.tsx @@ -3,7 +3,7 @@ import {TextStyle} from 'react-native'; import Text from '../../../basic/components/Text/Text'; import useTheme from '../../hooks/useTheme'; -import rem from '../../utils/rem'; +import px from '../../utils/px'; import glyphMap from './unicodesMap.json'; @@ -15,7 +15,7 @@ interface IProps { } const SimpleIcon = ({ - size = rem(24), + size = px(24), name, style, color, diff --git a/packages/core/src/styles/icons/font/SimpleIconAlbum.tsx b/packages/core/src/styles/icons/font/SimpleIconAlbum.tsx index d15999534..21b206a09 100644 --- a/packages/core/src/styles/icons/font/SimpleIconAlbum.tsx +++ b/packages/core/src/styles/icons/font/SimpleIconAlbum.tsx @@ -1,8 +1,8 @@ import {FlatListProps} from 'react-native'; -import rem from '../../utils/rem'; import Pressable from '../../../basic/components/Pressable/Pressable'; import FlatList from '../../../basic/components/FlatList/FlatList'; +import px from '../../utils/px'; import SimpleIcon, {iconNames, SimpleIconName} from './SimpleIcon'; @@ -15,7 +15,7 @@ const renderItem = style={styles.item} key={item} onPress={() => onPress(item)}> - + ); }; @@ -45,7 +45,7 @@ const SimpleIconAlbum = ({ const styles = { item: { - padding: rem(10), + padding: px(10), }, }; diff --git a/packages/core/src/styles/icons/font/__tests__/__snapshots__/SimpleIcon.test.tsx.snap b/packages/core/src/styles/icons/font/__tests__/__snapshots__/SimpleIcon.test.tsx.snap index e5d2e78fc..dc25d6832 100644 --- a/packages/core/src/styles/icons/font/__tests__/__snapshots__/SimpleIcon.test.tsx.snap +++ b/packages/core/src/styles/icons/font/__tests__/__snapshots__/SimpleIcon.test.tsx.snap @@ -7,7 +7,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIcon renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 36, + "fontSize": 24, } } > diff --git a/packages/core/src/styles/icons/font/__tests__/__snapshots__/SimpleIconAlbum.test.tsx.snap b/packages/core/src/styles/icons/font/__tests__/__snapshots__/SimpleIconAlbum.test.tsx.snap index 681a05da4..ca4bbf6e2 100644 --- a/packages/core/src/styles/icons/font/__tests__/__snapshots__/SimpleIconAlbum.test.tsx.snap +++ b/packages/core/src/styles/icons/font/__tests__/__snapshots__/SimpleIconAlbum.test.tsx.snap @@ -168,7 +168,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-Bio_agefill" @@ -179,7 +179,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -218,7 +218,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-Calendarfill" @@ -229,7 +229,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -268,7 +268,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-CellsFill" @@ -279,7 +279,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -318,7 +318,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-Chart2fill" @@ -329,7 +329,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -368,7 +368,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-Chartfill" @@ -379,7 +379,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -418,7 +418,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-Fatfill" @@ -429,7 +429,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -468,7 +468,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-Kettlebellfill" @@ -479,7 +479,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -518,7 +518,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-Musclefill" @@ -529,7 +529,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -568,7 +568,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-Rulerfill" @@ -579,7 +579,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -632,7 +632,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-Sleepfill" @@ -643,7 +643,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -682,7 +682,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-Stepfill" @@ -693,7 +693,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -732,7 +732,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-Time" @@ -743,7 +743,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -782,7 +782,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-Waterfill" @@ -793,7 +793,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -832,7 +832,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-account" @@ -843,7 +843,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -882,7 +882,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-accountfill" @@ -893,7 +893,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -932,7 +932,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-arrow-down" @@ -943,7 +943,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -982,7 +982,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-arrow-left" @@ -993,7 +993,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -1032,7 +1032,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-arrow-left-1" @@ -1043,7 +1043,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -1096,7 +1096,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-arrow-right" @@ -1107,7 +1107,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -1146,7 +1146,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-arrow-right-1" @@ -1157,7 +1157,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -1196,7 +1196,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-arrow-up" @@ -1207,7 +1207,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -1246,7 +1246,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-attachment" @@ -1257,7 +1257,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -1296,7 +1296,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-bag" @@ -1307,7 +1307,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -1346,7 +1346,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-bagfill" @@ -1357,7 +1357,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -1396,7 +1396,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-bar" @@ -1407,7 +1407,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -1446,7 +1446,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-bookmark" @@ -1457,7 +1457,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -1496,7 +1496,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-calendar" @@ -1507,7 +1507,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -1560,7 +1560,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-calendar_search" @@ -1571,7 +1571,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -1610,7 +1610,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-call" @@ -1621,7 +1621,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -1660,7 +1660,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-camera" @@ -1671,7 +1671,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -1710,7 +1710,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-cancel" @@ -1721,7 +1721,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -1760,7 +1760,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-cancel2" @@ -1771,7 +1771,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -1810,7 +1810,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-card" @@ -1821,7 +1821,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -1860,7 +1860,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-cart" @@ -1871,7 +1871,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -1910,7 +1910,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-case" @@ -1921,7 +1921,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -1960,7 +1960,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-chart" @@ -1971,7 +1971,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -2024,7 +2024,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-chart2" @@ -2035,7 +2035,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -2074,7 +2074,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-check" @@ -2085,7 +2085,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -2124,7 +2124,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-check2" @@ -2135,7 +2135,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -2174,7 +2174,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-copy" @@ -2185,7 +2185,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -2224,7 +2224,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-delete" @@ -2235,7 +2235,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -2274,7 +2274,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-diamond" @@ -2285,7 +2285,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -2324,7 +2324,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-discount" @@ -2335,7 +2335,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -2374,7 +2374,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-doc" @@ -2385,7 +2385,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -2424,7 +2424,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-edit" @@ -2435,7 +2435,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -2488,7 +2488,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-exchange" @@ -2499,7 +2499,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -2538,7 +2538,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-filter" @@ -2549,7 +2549,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -2588,7 +2588,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-flash" @@ -2599,7 +2599,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -2638,7 +2638,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-folder" @@ -2649,7 +2649,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -2688,7 +2688,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-folder-1" @@ -2699,7 +2699,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -2738,7 +2738,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-grid" @@ -2749,7 +2749,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -2788,7 +2788,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-gridfill" @@ -2799,7 +2799,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -2838,7 +2838,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-group" @@ -2849,7 +2849,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -2888,7 +2888,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-hangup" @@ -2899,7 +2899,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -2952,7 +2952,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-heart" @@ -2963,7 +2963,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -3002,7 +3002,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-heartfill" @@ -3013,7 +3013,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -3052,7 +3052,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-hide" @@ -3063,7 +3063,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -3102,7 +3102,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-home2" @@ -3113,7 +3113,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -3152,7 +3152,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-house" @@ -3163,7 +3163,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -3202,7 +3202,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-housefill" @@ -3213,7 +3213,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -3252,7 +3252,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-image" @@ -3263,7 +3263,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -3302,7 +3302,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-info" @@ -3313,7 +3313,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -3352,7 +3352,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-info2" @@ -3363,7 +3363,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -3416,7 +3416,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-kebab" @@ -3427,7 +3427,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -3466,7 +3466,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-link" @@ -3477,7 +3477,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -3516,7 +3516,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-list" @@ -3527,7 +3527,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -3566,7 +3566,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-loading" @@ -3577,7 +3577,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -3616,7 +3616,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-location" @@ -3627,7 +3627,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -3666,7 +3666,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-lock" @@ -3677,7 +3677,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -3716,7 +3716,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-logout" @@ -3727,7 +3727,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -3766,7 +3766,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-mail" @@ -3777,7 +3777,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -3816,7 +3816,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-mic" @@ -3827,7 +3827,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -3880,7 +3880,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-minus" @@ -3891,7 +3891,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -3930,7 +3930,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-money" @@ -3941,7 +3941,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -3980,7 +3980,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-mute" @@ -3991,7 +3991,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -4030,7 +4030,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-noconnection" @@ -4041,7 +4041,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -4080,7 +4080,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-notification" @@ -4091,7 +4091,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -4130,7 +4130,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-plus" @@ -4141,7 +4141,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -4180,7 +4180,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-plus2" @@ -4191,7 +4191,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -4230,7 +4230,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-present" @@ -4241,7 +4241,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -4280,7 +4280,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-qr" @@ -4291,7 +4291,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -4344,7 +4344,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-ruble" @@ -4355,7 +4355,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -4394,7 +4394,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-search" @@ -4405,7 +4405,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -4444,7 +4444,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-send" @@ -4455,7 +4455,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -4494,7 +4494,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-settings" @@ -4505,7 +4505,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -4544,7 +4544,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-share" @@ -4555,7 +4555,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -4594,7 +4594,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-show" @@ -4605,7 +4605,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -4644,7 +4644,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-smartphone" @@ -4655,7 +4655,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -4694,7 +4694,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-sort-horizontal" @@ -4705,7 +4705,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -4744,7 +4744,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-sort-vertical" @@ -4755,7 +4755,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly 1`] = ` { "color": "#5E6678", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -4943,7 +4943,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-Bio_agefill" @@ -4954,7 +4954,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -4993,7 +4993,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-Calendarfill" @@ -5004,7 +5004,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -5043,7 +5043,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-CellsFill" @@ -5054,7 +5054,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -5093,7 +5093,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-Chart2fill" @@ -5104,7 +5104,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -5143,7 +5143,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-Chartfill" @@ -5154,7 +5154,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -5193,7 +5193,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-Fatfill" @@ -5204,7 +5204,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -5243,7 +5243,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-Kettlebellfill" @@ -5254,7 +5254,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -5293,7 +5293,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-Musclefill" @@ -5304,7 +5304,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -5343,7 +5343,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-Rulerfill" @@ -5354,7 +5354,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -5407,7 +5407,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-Sleepfill" @@ -5418,7 +5418,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -5457,7 +5457,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-Stepfill" @@ -5468,7 +5468,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -5507,7 +5507,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-Time" @@ -5518,7 +5518,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -5557,7 +5557,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-Waterfill" @@ -5568,7 +5568,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -5607,7 +5607,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-account" @@ -5618,7 +5618,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -5657,7 +5657,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-accountfill" @@ -5668,7 +5668,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -5707,7 +5707,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-arrow-down" @@ -5718,7 +5718,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -5757,7 +5757,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-arrow-left" @@ -5768,7 +5768,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -5807,7 +5807,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-arrow-left-1" @@ -5818,7 +5818,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -5871,7 +5871,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-arrow-right" @@ -5882,7 +5882,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -5921,7 +5921,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-arrow-right-1" @@ -5932,7 +5932,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -5971,7 +5971,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-arrow-up" @@ -5982,7 +5982,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -6021,7 +6021,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-attachment" @@ -6032,7 +6032,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -6071,7 +6071,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-bag" @@ -6082,7 +6082,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -6121,7 +6121,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-bagfill" @@ -6132,7 +6132,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -6171,7 +6171,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-bar" @@ -6182,7 +6182,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -6221,7 +6221,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-bookmark" @@ -6232,7 +6232,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -6271,7 +6271,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-calendar" @@ -6282,7 +6282,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -6335,7 +6335,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-calendar_search" @@ -6346,7 +6346,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -6385,7 +6385,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-call" @@ -6396,7 +6396,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -6435,7 +6435,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-camera" @@ -6446,7 +6446,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -6485,7 +6485,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-cancel" @@ -6496,7 +6496,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -6535,7 +6535,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-cancel2" @@ -6546,7 +6546,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -6585,7 +6585,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-card" @@ -6596,7 +6596,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -6635,7 +6635,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-cart" @@ -6646,7 +6646,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -6685,7 +6685,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-case" @@ -6696,7 +6696,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -6735,7 +6735,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-chart" @@ -6746,7 +6746,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -6799,7 +6799,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-chart2" @@ -6810,7 +6810,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -6849,7 +6849,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-check" @@ -6860,7 +6860,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -6899,7 +6899,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-check2" @@ -6910,7 +6910,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -6949,7 +6949,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-copy" @@ -6960,7 +6960,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -6999,7 +6999,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-delete" @@ -7010,7 +7010,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -7049,7 +7049,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-diamond" @@ -7060,7 +7060,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -7099,7 +7099,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-discount" @@ -7110,7 +7110,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -7149,7 +7149,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-doc" @@ -7160,7 +7160,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -7199,7 +7199,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-edit" @@ -7210,7 +7210,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -7263,7 +7263,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-exchange" @@ -7274,7 +7274,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -7313,7 +7313,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-filter" @@ -7324,7 +7324,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -7363,7 +7363,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-flash" @@ -7374,7 +7374,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -7413,7 +7413,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-folder" @@ -7424,7 +7424,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -7463,7 +7463,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-folder-1" @@ -7474,7 +7474,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -7513,7 +7513,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-grid" @@ -7524,7 +7524,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -7563,7 +7563,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-gridfill" @@ -7574,7 +7574,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -7613,7 +7613,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-group" @@ -7624,7 +7624,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -7663,7 +7663,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-hangup" @@ -7674,7 +7674,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -7727,7 +7727,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-heart" @@ -7738,7 +7738,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -7777,7 +7777,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-heartfill" @@ -7788,7 +7788,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -7827,7 +7827,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-hide" @@ -7838,7 +7838,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -7877,7 +7877,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-home2" @@ -7888,7 +7888,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -7927,7 +7927,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-house" @@ -7938,7 +7938,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -7977,7 +7977,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-housefill" @@ -7988,7 +7988,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -8027,7 +8027,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-image" @@ -8038,7 +8038,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -8077,7 +8077,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-info" @@ -8088,7 +8088,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -8127,7 +8127,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-info2" @@ -8138,7 +8138,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -8191,7 +8191,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-kebab" @@ -8202,7 +8202,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -8241,7 +8241,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-link" @@ -8252,7 +8252,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -8291,7 +8291,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-list" @@ -8302,7 +8302,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -8341,7 +8341,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-loading" @@ -8352,7 +8352,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -8391,7 +8391,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-location" @@ -8402,7 +8402,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -8441,7 +8441,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-lock" @@ -8452,7 +8452,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -8491,7 +8491,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-logout" @@ -8502,7 +8502,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -8541,7 +8541,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-mail" @@ -8552,7 +8552,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -8591,7 +8591,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-mic" @@ -8602,7 +8602,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -8655,7 +8655,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-minus" @@ -8666,7 +8666,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -8705,7 +8705,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-money" @@ -8716,7 +8716,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -8755,7 +8755,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-mute" @@ -8766,7 +8766,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -8805,7 +8805,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-noconnection" @@ -8816,7 +8816,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -8855,7 +8855,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-notification" @@ -8866,7 +8866,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -8905,7 +8905,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-plus" @@ -8916,7 +8916,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -8955,7 +8955,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-plus2" @@ -8966,7 +8966,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -9005,7 +9005,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-present" @@ -9016,7 +9016,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -9055,7 +9055,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-qr" @@ -9066,7 +9066,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -9119,7 +9119,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-ruble" @@ -9130,7 +9130,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -9169,7 +9169,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-search" @@ -9180,7 +9180,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -9219,7 +9219,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-send" @@ -9230,7 +9230,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -9269,7 +9269,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-settings" @@ -9280,7 +9280,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -9319,7 +9319,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-share" @@ -9330,7 +9330,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -9369,7 +9369,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-show" @@ -9380,7 +9380,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -9419,7 +9419,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-smartphone" @@ -9430,7 +9430,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -9469,7 +9469,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-sort-horizontal" @@ -9480,7 +9480,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > @@ -9519,7 +9519,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co onStartShouldSetResponder={[Function]} style={ { - "padding": 15, + "padding": 10, } } testID="icon-sort-vertical" @@ -9530,7 +9530,7 @@ exports[`@lad-tech/mobydick-core/icons/SimpleIconAlbum renders correctly with co { "color": "#333", "fontFamily": "Neotis", - "fontSize": 30, + "fontSize": 20, } } > diff --git a/packages/core/src/styles/utils/index.ts b/packages/core/src/styles/utils/index.ts index 0de380b8e..0e127a47f 100644 --- a/packages/core/src/styles/utils/index.ts +++ b/packages/core/src/styles/utils/index.ts @@ -1,4 +1,5 @@ import createStyles from './createStyles'; import rem from './rem'; +import px from './px'; -export {createStyles, rem}; +export {createStyles, rem, px}; diff --git a/packages/core/src/styles/utils/px.ts b/packages/core/src/styles/utils/px.ts new file mode 100644 index 000000000..2132fe6c8 --- /dev/null +++ b/packages/core/src/styles/utils/px.ts @@ -0,0 +1,7 @@ +import {PixelRatio} from 'react-native'; + +const px = (size: number): number => { + return PixelRatio.roundToNearestPixel(size); +}; + +export default px; diff --git a/packages/core/src/styles/utils/rem.ts b/packages/core/src/styles/utils/rem.ts index 8baa66168..296a5c795 100644 --- a/packages/core/src/styles/utils/rem.ts +++ b/packages/core/src/styles/utils/rem.ts @@ -1,5 +1,4 @@ import {Dimensions, PixelRatio} from 'react-native'; -const Pixel = PixelRatio; const guidelineBaseWidth = 375; export const scale = (size: number): number => { @@ -12,10 +11,13 @@ export const scale = (size: number): number => { } }; +/** + * @deprecated Bad working with large screens use `px` instead + */ const rem = (size: number, factor = 0.5): number => { const newSize = size + (scale(size) - size) * factor; - return Pixel.roundToNearestPixel(newSize); + return PixelRatio.roundToNearestPixel(newSize); }; export default rem; diff --git a/packages/core/src/typography/components/Typography/__tests__/__snapshots__/Typography.test.tsx.snap b/packages/core/src/typography/components/Typography/__tests__/__snapshots__/Typography.test.tsx.snap index 9404069ac..41c1476a0 100644 --- a/packages/core/src/typography/components/Typography/__tests__/__snapshots__/Typography.test.tsx.snap +++ b/packages/core/src/typography/components/Typography/__tests__/__snapshots__/Typography.test.tsx.snap @@ -8,9 +8,9 @@ exports[`@lad-tech/mobydick-core/Typography renders default correctly 1`] = ` { "color": "#20242D", "fontFamily": "Inter-Regular", - "fontSize": 22.5, - "lineHeight": 28.5, - "minHeight": 28.5, + "fontSize": 15, + "lineHeight": 19, + "minHeight": 19, }, undefined, ] diff --git a/packages/core/src/typography/hooks/__tests__/useFont.test.ts b/packages/core/src/typography/hooks/__tests__/useFont.test.ts index af9f0be26..c3c9e0e0c 100644 --- a/packages/core/src/typography/hooks/__tests__/useFont.test.ts +++ b/packages/core/src/typography/hooks/__tests__/useFont.test.ts @@ -11,9 +11,9 @@ describe('useFont', () => { expect(current.fontStyle).toStrictEqual({ color: '#20242D', fontFamily: 'Inter-Regular', - fontSize: 22.5, - lineHeight: 28.5, - minHeight: 28.5, + fontSize: 15, + lineHeight: 19, + minHeight: 19, }); }); test('positive case custom font', () => { @@ -24,9 +24,9 @@ describe('useFont', () => { expect(current.fontStyle).toStrictEqual({ color: '#20242D', fontFamily: 'Inter-Medium', - fontSize: 22.5, - lineHeight: 28.5, - minHeight: 28.5, + fontSize: 15, + lineHeight: 19, + minHeight: 19, }); }); }); diff --git a/packages/core/src/typography/utils/getSize.tsx b/packages/core/src/typography/utils/getSize.tsx index 8dd3aef0a..12ee5d38a 100644 --- a/packages/core/src/typography/utils/getSize.tsx +++ b/packages/core/src/typography/utils/getSize.tsx @@ -1,20 +1,20 @@ -import rem from '../../styles/utils/rem'; import {TFontSize, TSizes} from '../types'; +import px from '../../styles/utils/px'; const sizes: TSizes = { - H1: {fontSize: rem(36), lineHeight: rem(40)}, - H2: {fontSize: rem(32), lineHeight: rem(36)}, - H3: {fontSize: rem(28), lineHeight: rem(32)}, - H4: {fontSize: rem(24), lineHeight: rem(26)}, - H5: {fontSize: rem(22), lineHeight: rem(24)}, + H1: {fontSize: px(36), lineHeight: px(40)}, + H2: {fontSize: px(32), lineHeight: px(36)}, + H3: {fontSize: px(28), lineHeight: px(32)}, + H4: {fontSize: px(24), lineHeight: px(26)}, + H5: {fontSize: px(22), lineHeight: px(24)}, - XL: {fontSize: rem(20), lineHeight: rem(24)}, - L: {fontSize: rem(18), lineHeight: rem(22)}, - M: {fontSize: rem(16), lineHeight: rem(20)}, - S: {fontSize: rem(15), lineHeight: rem(19)}, - XS: {fontSize: rem(14), lineHeight: rem(18)}, - XXS: {fontSize: rem(12), lineHeight: rem(16)}, - XXXS: {fontSize: rem(10), lineHeight: rem(14)}, + XL: {fontSize: px(20), lineHeight: px(24)}, + L: {fontSize: px(18), lineHeight: px(22)}, + M: {fontSize: px(16), lineHeight: px(20)}, + S: {fontSize: px(15), lineHeight: px(19)}, + XS: {fontSize: px(14), lineHeight: px(18)}, + XXS: {fontSize: px(12), lineHeight: px(16)}, + XXXS: {fontSize: px(10), lineHeight: px(14)}, }; // eslint-disable-next-line import/prefer-default-export export const getSize = ( diff --git a/packages/markdown/src/Markdown/Markdown.tsx b/packages/markdown/src/Markdown/Markdown.tsx index f50e049d5..f11c05ed8 100644 --- a/packages/markdown/src/Markdown/Markdown.tsx +++ b/packages/markdown/src/Markdown/Markdown.tsx @@ -1,6 +1,6 @@ import {FC, PropsWithChildren} from 'react'; import MarkdownDisplay, {MarkdownProps} from 'react-native-markdown-display'; -import {rem, useFont, useTheme} from '@lad-tech/mobydick-core'; +import {px, useFont, useTheme} from '@lad-tech/mobydick-core'; const Markdown: FC> = ({children, style}) => { const {colors} = useTheme(); @@ -14,13 +14,13 @@ const Markdown: FC> = ({children, style}) => { color: bodyFontStyle.color, }, heading1: { - fontSize: rem(24), + fontSize: px(24), }, heading2: { - fontSize: rem(20), + fontSize: px(20), }, heading3: { - fontSize: rem(18), + fontSize: px(18), }, strong: { fontFamily: strongFontStyle.fontFamily, diff --git a/src/pages/MainStack/Home/Core/DragAndDrop/ui/index.tsx b/src/pages/MainStack/Home/Core/DragAndDrop/ui/index.tsx index 90e9b6101..25f4d2680 100644 --- a/src/pages/MainStack/Home/Core/DragAndDrop/ui/index.tsx +++ b/src/pages/MainStack/Home/Core/DragAndDrop/ui/index.tsx @@ -1,12 +1,12 @@ import {Dimensions} from 'react-native'; -import {DragAndDropList, rem, useTheme} from '@shared/ui'; +import {DragAndDropList, px, useTheme} from '@shared/ui'; import {BlockView} from '@shared/ui/BlockView'; const {width: WIDTH} = Dimensions.get('window'); const arr = new Array(26).fill('').map((_, i) => i); -export const MARGIN = rem(8); +export const MARGIN = px(8); export const COL = 2; export const EL_WIDTH = WIDTH / COL - MARGIN; export const EL_HEIGHT = EL_WIDTH / 2; diff --git a/src/widgets/Core/Other/ui/CarouselWidget.tsx b/src/widgets/Core/Other/ui/CarouselWidget.tsx index 35e1005a9..4218377aa 100644 --- a/src/widgets/Core/Other/ui/CarouselWidget.tsx +++ b/src/widgets/Core/Other/ui/CarouselWidget.tsx @@ -4,7 +4,7 @@ import { Carousel, createStyles, LoopCarousel, - rem, + px, Typography, useStyles, View, @@ -13,7 +13,7 @@ import Header from '@shared/ui/Header'; import {BlockView} from '@shared/ui/BlockView'; const data: number[] = [1, 2, 3, 4, 5, 6]; -const ITEM_WIDTH = rem(80); +const ITEM_WIDTH = px(80); export const CarouselWidget = () => { const [styles] = useStyles(stylesFn);