├── .husky ├── .npmignore ├── pre-commit └── commit-msg ├── example ├── .watchmanconfig ├── _ruby-version ├── _bundle │ └── config ├── ios │ ├── .bundle │ │ └── config │ ├── NucleusUiExample │ │ ├── Images.xcassets │ │ │ ├── Contents.json │ │ │ └── AppIcon.appiconset │ │ │ │ ├── 100.png │ │ │ │ ├── 114.png │ │ │ │ ├── 120.png │ │ │ │ ├── 144.png │ │ │ │ ├── 152.png │ │ │ │ ├── 167.png │ │ │ │ ├── 180.png │ │ │ │ ├── 20.png │ │ │ │ ├── 29.png │ │ │ │ ├── 40.png │ │ │ │ ├── 50.png │ │ │ │ ├── 57.png │ │ │ │ ├── 58.png │ │ │ │ ├── 60.png │ │ │ │ ├── 72.png │ │ │ │ ├── 76.png │ │ │ │ ├── 80.png │ │ │ │ ├── 87.png │ │ │ │ ├── 1024.png │ │ │ │ └── Contents.json │ │ ├── AppDelegate.h │ │ ├── main.m │ │ ├── Info.plist │ │ └── LaunchScreen.storyboard │ ├── NucleusUiExample.xcworkspace │ │ ├── xcshareddata │ │ │ └── IDEWorkspaceChecks.plist │ │ └── contents.xcworkspacedata │ ├── NucleusUiExampleTests │ │ ├── Info.plist │ │ └── NucleusUiExampleTests.m │ └── Podfile ├── react-native.config.js ├── Gemfile ├── app.json ├── android │ ├── app │ │ ├── debug.keystore │ │ ├── src │ │ │ ├── main │ │ │ │ ├── res │ │ │ │ │ ├── values │ │ │ │ │ │ ├── strings.xml │ │ │ │ │ │ ├── ic_launcher_background.xml │ │ │ │ │ │ └── styles.xml │ │ │ │ │ ├── mipmap-hdpi │ │ │ │ │ │ └── ic_launcher_foreground.png │ │ │ │ │ ├── mipmap-mdpi │ │ │ │ │ │ └── ic_launcher_foreground.png │ │ │ │ │ ├── mipmap-xhdpi │ │ │ │ │ │ └── ic_launcher_foreground.png │ │ │ │ │ ├── mipmap-xxhdpi │ │ │ │ │ │ └── ic_launcher_foreground.png │ │ │ │ │ ├── mipmap-xxxhdpi │ │ │ │ │ │ └── ic_launcher_foreground.png │ │ │ │ │ ├── mipmap-anydpi-v26 │ │ │ │ │ │ ├── ic_launcher.xml │ │ │ │ │ │ └── ic_launcher_round.xml │ │ │ │ │ ├── xml │ │ │ │ │ │ └── network_security_config.xml │ │ │ │ │ └── drawable │ │ │ │ │ │ └── rn_edit_text_material.xml │ │ │ │ ├── assets │ │ │ │ │ └── fonts │ │ │ │ │ │ ├── Feather.ttf │ │ │ │ │ │ ├── Inter-Bold.ttf │ │ │ │ │ │ ├── Inter-Medium.ttf │ │ │ │ │ │ └── Inter-Regular.ttf │ │ │ │ ├── ic_launcher-playstore.png │ │ │ │ ├── jni │ │ │ │ │ ├── MainApplicationModuleProvider.h │ │ │ │ │ ├── OnLoad.cpp │ │ │ │ │ ├── MainApplicationModuleProvider.cpp │ │ │ │ │ ├── MainComponentsRegistry.h │ │ │ │ │ ├── MainApplicationTurboModuleManagerDelegate.h │ │ │ │ │ ├── MainApplicationTurboModuleManagerDelegate.cpp │ │ │ │ │ ├── Android.mk │ │ │ │ │ └── MainComponentsRegistry.cpp │ │ │ │ ├── AndroidManifest.xml │ │ │ │ └── java │ │ │ │ │ └── com │ │ │ │ │ └── nucleusuiexample │ │ │ │ │ ├── newarchitecture │ │ │ │ │ ├── components │ │ │ │ │ │ └── MainComponentsRegistry.java │ │ │ │ │ └── modules │ │ │ │ │ │ └── MainApplicationTurboModuleManagerDelegate.java │ │ │ │ │ ├── MainActivity.java │ │ │ │ │ └── MainApplication.java │ │ │ ├── androidTest │ │ │ │ └── java │ │ │ │ │ └── com │ │ │ │ │ └── nucleusuiexample │ │ │ │ │ ├── DetoxTestAppJUnitRunner.java │ │ │ │ │ ├── DetoxTest.java │ │ │ │ │ └── TestButlerProbe.java │ │ │ └── debug │ │ │ │ ├── AndroidManifest.xml │ │ │ │ └── java │ │ │ │ └── com │ │ │ │ └── nucleusuiexample │ │ │ │ └── ReactNativeFlipper.java │ │ ├── proguard-rules.pro │ │ ├── build_defs.bzl │ │ └── _BUCK │ ├── gradle │ │ └── wrapper │ │ │ ├── gradle-wrapper.jar │ │ │ └── gradle-wrapper.properties │ ├── settings.gradle │ ├── gradle.properties │ ├── build.gradle │ └── gradlew.bat ├── storybook │ ├── utils │ │ ├── capitalize.ts │ │ └── compare-screenshots.ts │ ├── addons.ts │ ├── rn-addons.ts │ ├── stories │ │ ├── components │ │ │ ├── __tests__ │ │ │ │ ├── __image_snapshots__ │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-dark-story-chips-all-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-light-story-chips-all-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-dark-story-chips-all-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-light-story-chips-all-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-dark-story-text-field-all-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-light-story-text-field-all-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-dark-story-text-field-all-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-dark-story-page-controls-all-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-dark-story-popover-one-button-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-dark-story-progress-bar-all-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-dark-story-typography-large-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-dark-story-typography-regular-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-dark-story-typography-small-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-dark-story-typography-title-1-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-dark-story-typography-title-2-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-dark-story-typography-title-3-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-light-story-page-controls-all-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-light-story-progress-bar-all-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-light-story-typography-large-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-light-story-typography-small-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-dark-story-progress-bar-all-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-dark-story-typography-large-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-dark-story-typography-small-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-light-story-text-field-all-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-dark-story-popover-two-buttons-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-light-story-popover-one-button-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-light-story-popover-two-buttons-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-light-story-typography-regular-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-light-story-typography-title-1-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-light-story-typography-title-2-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-light-story-typography-title-3-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-dark-story-page-controls-all-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-dark-story-popover-one-button-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-dark-story-popover-two-buttons-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-dark-story-typography-regular-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-dark-story-typography-title-1-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-dark-story-typography-title-2-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-dark-story-typography-title-3-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-light-story-page-controls-all-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-light-story-popover-one-button-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-light-story-progress-bar-all-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-light-story-typography-large-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-light-story-typography-regular-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-light-story-typography-small-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-light-story-typography-title-1-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-light-story-typography-title-2-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-light-story-typography-title-3-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-light-story-popover-two-buttons-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-dark-story-button-appearances-outline-block-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-dark-story-button-appearances-outline-large-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-dark-story-button-appearances-outline-small-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-dark-story-button-appearances-primary-block-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-dark-story-button-appearances-primary-large-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-dark-story-button-appearances-primary-small-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-light-story-button-appearances-outline-block-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-light-story-button-appearances-outline-large-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-light-story-button-appearances-outline-small-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-light-story-button-appearances-primary-block-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-light-story-button-appearances-primary-large-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-light-story-button-appearances-primary-small-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-dark-story-button-appearances-secondary-block-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-dark-story-button-appearances-secondary-large-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-dark-story-button-appearances-secondary-small-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-light-story-button-appearances-secondary-block-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-light-story-button-appearances-secondary-large-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-light-story-button-appearances-secondary-small-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-dark-story-button-appearances-outline-block-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-dark-story-button-appearances-outline-large-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-dark-story-button-appearances-outline-small-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-dark-story-button-appearances-primary-block-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-dark-story-button-appearances-primary-large-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-dark-story-button-appearances-primary-small-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-dark-story-button-appearances-secondary-block-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-dark-story-button-appearances-secondary-large-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-dark-story-button-appearances-secondary-small-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-light-story-button-appearances-outline-block-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-light-story-button-appearances-outline-large-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-light-story-button-appearances-outline-small-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-light-story-button-appearances-primary-block-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-light-story-button-appearances-primary-large-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-light-story-button-appearances-primary-small-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-dark-story-button-appearances-transparent-block-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-dark-story-button-appearances-transparent-large-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-dark-story-button-appearances-transparent-small-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-light-story-button-appearances-transparent-block-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-light-story-button-appearances-transparent-large-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-ios-light-story-button-appearances-transparent-small-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-dark-story-button-appearances-transparent-block-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-dark-story-button-appearances-transparent-large-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-dark-story-button-appearances-transparent-small-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-light-story-button-appearances-secondary-block-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-light-story-button-appearances-secondary-large-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-light-story-button-appearances-secondary-small-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-light-story-button-appearances-transparent-block-1-snap.png │ │ │ │ │ ├── screenshots-e-2-e-ts-screenshots-android-light-story-button-appearances-transparent-large-1-snap.png │ │ │ │ │ └── screenshots-e-2-e-ts-screenshots-android-light-story-button-appearances-transparent-small-1-snap.png │ │ │ │ └── screenshots.e2e.ts │ │ │ ├── page-controls │ │ │ │ └── page-controls.stories.tsx │ │ │ ├── progress-bar │ │ │ │ └── progress-bar.stories.tsx │ │ │ ├── text-field │ │ │ │ └── text-field.stories.tsx │ │ │ ├── popover │ │ │ │ └── popover.stories.tsx │ │ │ └── chip │ │ │ │ └── chip.storybook.tsx │ │ ├── index.ts │ │ ├── utils │ │ │ ├── boadcast-server.ts │ │ │ └── story-controller.ts │ │ └── typography │ │ │ └── typography.stories.tsx │ ├── addons │ │ └── theme-switcher │ │ │ ├── constants.ts │ │ │ ├── register.tsx │ │ │ ├── theme-panel.tsx │ │ │ ├── index.tsx │ │ │ └── container.tsx │ └── index.ts ├── .buckconfig ├── index.js ├── detox │ ├── jest-config.json │ ├── environment.ts │ ├── init.ts │ └── expect.d.ts ├── babel.config.js ├── .gitignore ├── metro.config.js ├── .detoxrc.json ├── Gemfile.lock └── package.json ├── src ├── typography │ ├── index.ts │ └── typography.ts ├── utils │ ├── value-of.ts │ ├── index.ts │ ├── key-mirror.ts │ ├── use-extend-callback.ts │ └── select-styles.ts ├── components │ ├── chip │ │ ├── index.ts │ │ ├── chip.vars.ts │ │ ├── chip.component.tsx │ │ └── chip.style.ts │ ├── icon │ │ ├── index.ts │ │ ├── icon.style.ts │ │ └── icon.component.tsx │ ├── button │ │ ├── index.ts │ │ ├── button.vars.ts │ │ └── button.component.tsx │ ├── popover │ │ ├── index.ts │ │ ├── popover.style.ts │ │ └── popover.component.tsx │ ├── text-field │ │ ├── index.ts │ │ ├── text-field.component.tsx │ │ └── text-field.style.tsx │ ├── progress-bar │ │ ├── index.ts │ │ ├── progress-bar.style.tsx │ │ └── progress-bar.component.tsx │ ├── page-controls │ │ ├── index.ts │ │ ├── page-controls.component.tsx │ │ └── page-controls.style.ts │ └── index.ts ├── index.ts └── theme │ ├── index.ts │ ├── theme.provider.ts │ ├── dark │ ├── text-field-theme.ts │ ├── dark-theme.ts │ └── buttons-theme.ts │ ├── light │ ├── text-field-theme.ts │ ├── light-theme.ts │ └── buttons-theme.ts │ ├── colors.ts │ ├── theme.utils.ts │ ├── theme.types.ts │ └── __tests__ │ └── theme.utils.spec.ts ├── .gitattributes ├── cover.png ├── tsconfig.build.json ├── babel.config.js ├── react-native.config.js ├── fonts ├── Feather.ttf ├── Inter-Bold.ttf ├── Inter-Medium.ttf └── Inter-Regular.ttf ├── .yarnrc ├── .prettierrc.js ├── .editorconfig ├── .eslintrc.js ├── README.md ├── .run └── Detox ios_TDD.run.xml ├── tsconfig.json ├── scripts └── bootstrap.js ├── .gitignore ├── LICENSE ├── .github └── workflows │ ├── checks.yml │ └── release.yml └── renovate.json /.husky/.npmignore: -------------------------------------------------------------------------------- 1 | _ 2 | -------------------------------------------------------------------------------- /example/.watchmanconfig: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /example/_ruby-version: -------------------------------------------------------------------------------- 1 | 2.7.4 2 | -------------------------------------------------------------------------------- /src/typography/index.ts: -------------------------------------------------------------------------------- 1 | export * from './typography'; 2 | -------------------------------------------------------------------------------- /src/utils/value-of.ts: -------------------------------------------------------------------------------- 1 | export type ValueOf = T[keyof T]; 2 | -------------------------------------------------------------------------------- /src/components/chip/index.ts: -------------------------------------------------------------------------------- 1 | export * from './chip.component'; 2 | -------------------------------------------------------------------------------- /src/components/icon/index.ts: -------------------------------------------------------------------------------- 1 | export * from './icon.component'; 2 | -------------------------------------------------------------------------------- /src/components/button/index.ts: -------------------------------------------------------------------------------- 1 | export * from './button.component'; 2 | -------------------------------------------------------------------------------- /src/components/popover/index.ts: -------------------------------------------------------------------------------- 1 | export * from './popover.component'; 2 | -------------------------------------------------------------------------------- /src/components/text-field/index.ts: -------------------------------------------------------------------------------- 1 | export * from './text-field.component'; 2 | -------------------------------------------------------------------------------- /src/components/progress-bar/index.ts: -------------------------------------------------------------------------------- 1 | export * from './progress-bar.component'; 2 | -------------------------------------------------------------------------------- /src/components/page-controls/index.ts: -------------------------------------------------------------------------------- 1 | export * from './page-controls.component'; 2 | -------------------------------------------------------------------------------- /src/utils/index.ts: -------------------------------------------------------------------------------- 1 | export * from './key-mirror'; 2 | export * from './value-of'; 3 | -------------------------------------------------------------------------------- /.gitattributes: -------------------------------------------------------------------------------- 1 | *.pbxproj -text 2 | # specific for windows script files 3 | *.bat text eol=crlf -------------------------------------------------------------------------------- /cover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/cover.png -------------------------------------------------------------------------------- /example/_bundle/config: -------------------------------------------------------------------------------- 1 | BUNDLE_PATH: "vendor/bundle" 2 | BUNDLE_FORCE_RUBY_PLATFORM: 1 3 | -------------------------------------------------------------------------------- /example/ios/.bundle/config: -------------------------------------------------------------------------------- 1 | --- 2 | BUNDLE_PATH: "vendor/bundle" 3 | BUNDLE_CLEAN: "true" 4 | -------------------------------------------------------------------------------- /example/react-native.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | assets: ['../fonts/'], 3 | }; 4 | -------------------------------------------------------------------------------- /example/Gemfile: -------------------------------------------------------------------------------- 1 | source 'https://rubygems.org' 2 | 3 | gem 'cocoapods', '~> 1.11', '>= 1.11.2' 4 | -------------------------------------------------------------------------------- /tsconfig.build.json: -------------------------------------------------------------------------------- 1 | 2 | { 3 | "extends": "./tsconfig", 4 | "exclude": ["example"] 5 | } 6 | -------------------------------------------------------------------------------- /example/app.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "NucleusUiExample", 3 | "displayName": "NucleusUi Example" 4 | } 5 | -------------------------------------------------------------------------------- /.husky/pre-commit: -------------------------------------------------------------------------------- 1 | #!/bin/sh 2 | . "$(dirname "$0")/_/husky.sh" 3 | 4 | yarn lint && yarn typescript 5 | -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: ['module:metro-react-native-babel-preset'], 3 | }; 4 | -------------------------------------------------------------------------------- /react-native.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | dependency: { 3 | assets: ['fonts'], 4 | }, 5 | }; 6 | -------------------------------------------------------------------------------- /.husky/commit-msg: -------------------------------------------------------------------------------- 1 | #!/bin/sh 2 | . "$(dirname "$0")/_/husky.sh" 3 | 4 | yarn commitlint -E HUSKY_GIT_PARAMS 5 | -------------------------------------------------------------------------------- /fonts/Feather.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/fonts/Feather.ttf -------------------------------------------------------------------------------- /fonts/Inter-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/fonts/Inter-Bold.ttf -------------------------------------------------------------------------------- /fonts/Inter-Medium.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/fonts/Inter-Medium.ttf -------------------------------------------------------------------------------- /fonts/Inter-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/fonts/Inter-Regular.ttf -------------------------------------------------------------------------------- /.yarnrc: -------------------------------------------------------------------------------- 1 | # Override Yarn command so we can automatically setup the repo on running `yarn` 2 | 3 | yarn-path "scripts/bootstrap.js" 4 | -------------------------------------------------------------------------------- /src/index.ts: -------------------------------------------------------------------------------- 1 | export * from './components'; 2 | export * from './typography'; 3 | export * from './theme'; 4 | export * from './utils'; 5 | -------------------------------------------------------------------------------- /example/android/app/debug.keystore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/android/app/debug.keystore -------------------------------------------------------------------------------- /example/android/app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | NucleusUiExample 3 | 4 | -------------------------------------------------------------------------------- /example/ios/NucleusUiExample/Images.xcassets/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "info" : { 3 | "version" : 1, 4 | "author" : "xcode" 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /example/storybook/utils/capitalize.ts: -------------------------------------------------------------------------------- 1 | export function capitalize(input: string) { 2 | return input[0].toUpperCase() + input.slice(1); 3 | } 4 | -------------------------------------------------------------------------------- /example/.buckconfig: -------------------------------------------------------------------------------- 1 | 2 | [android] 3 | target = Google Inc.:Google APIs:23 4 | 5 | [maven_repositories] 6 | central = https://repo1.maven.org/maven2 7 | -------------------------------------------------------------------------------- /example/android/gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/android/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /example/storybook/addons.ts: -------------------------------------------------------------------------------- 1 | import '@storybook/addon-actions/register'; 2 | import '@storybook/addon-links/register'; 3 | import '@storybook/addon-knobs/dist/register'; 4 | -------------------------------------------------------------------------------- /.prettierrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | "quoteProps": "consistent", 3 | "singleQuote": true, 4 | "tabWidth": 2, 5 | "trailingComma": "es5", 6 | "useTabs": false, 7 | }; 8 | -------------------------------------------------------------------------------- /example/android/app/src/main/assets/fonts/Feather.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/android/app/src/main/assets/fonts/Feather.ttf -------------------------------------------------------------------------------- /example/android/app/src/main/ic_launcher-playstore.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/android/app/src/main/ic_launcher-playstore.png -------------------------------------------------------------------------------- /src/components/chip/chip.vars.ts: -------------------------------------------------------------------------------- 1 | import { keyMirror } from '../../utils/key-mirror'; 2 | 3 | export const chipVars = { 4 | iconPositions: keyMirror('left', 'right'), 5 | }; 6 | -------------------------------------------------------------------------------- /example/android/app/src/main/assets/fonts/Inter-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/android/app/src/main/assets/fonts/Inter-Bold.ttf -------------------------------------------------------------------------------- /example/android/app/src/main/assets/fonts/Inter-Medium.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/android/app/src/main/assets/fonts/Inter-Medium.ttf -------------------------------------------------------------------------------- /example/android/app/src/main/assets/fonts/Inter-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/android/app/src/main/assets/fonts/Inter-Regular.ttf -------------------------------------------------------------------------------- /example/storybook/rn-addons.ts: -------------------------------------------------------------------------------- 1 | import '@storybook/addon-ondevice-actions/register'; 2 | import '@storybook/addon-ondevice-knobs/register'; 3 | import './addons/theme-switcher/register'; 4 | -------------------------------------------------------------------------------- /example/android/app/src/main/res/values/ic_launcher_background.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | #FFDE42 4 | -------------------------------------------------------------------------------- /src/components/icon/icon.style.ts: -------------------------------------------------------------------------------- 1 | import { StyleSheet } from 'react-native'; 2 | 3 | export const iconStyles = StyleSheet.create({ 4 | icon: { 5 | fontFamily: 'Feather', 6 | }, 7 | }); 8 | -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-hdpi/ic_launcher_foreground.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/android/app/src/main/res/mipmap-hdpi/ic_launcher_foreground.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-mdpi/ic_launcher_foreground.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/android/app/src/main/res/mipmap-mdpi/ic_launcher_foreground.png -------------------------------------------------------------------------------- /example/ios/NucleusUiExample/Images.xcassets/AppIcon.appiconset/100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/ios/NucleusUiExample/Images.xcassets/AppIcon.appiconset/100.png -------------------------------------------------------------------------------- /example/ios/NucleusUiExample/Images.xcassets/AppIcon.appiconset/114.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/ios/NucleusUiExample/Images.xcassets/AppIcon.appiconset/114.png -------------------------------------------------------------------------------- /example/ios/NucleusUiExample/Images.xcassets/AppIcon.appiconset/120.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/ios/NucleusUiExample/Images.xcassets/AppIcon.appiconset/120.png -------------------------------------------------------------------------------- /example/ios/NucleusUiExample/Images.xcassets/AppIcon.appiconset/144.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/ios/NucleusUiExample/Images.xcassets/AppIcon.appiconset/144.png -------------------------------------------------------------------------------- /example/ios/NucleusUiExample/Images.xcassets/AppIcon.appiconset/152.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/ios/NucleusUiExample/Images.xcassets/AppIcon.appiconset/152.png -------------------------------------------------------------------------------- /example/ios/NucleusUiExample/Images.xcassets/AppIcon.appiconset/167.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/ios/NucleusUiExample/Images.xcassets/AppIcon.appiconset/167.png -------------------------------------------------------------------------------- /example/ios/NucleusUiExample/Images.xcassets/AppIcon.appiconset/180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/ios/NucleusUiExample/Images.xcassets/AppIcon.appiconset/180.png -------------------------------------------------------------------------------- /example/ios/NucleusUiExample/Images.xcassets/AppIcon.appiconset/20.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/ios/NucleusUiExample/Images.xcassets/AppIcon.appiconset/20.png -------------------------------------------------------------------------------- /example/ios/NucleusUiExample/Images.xcassets/AppIcon.appiconset/29.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/ios/NucleusUiExample/Images.xcassets/AppIcon.appiconset/29.png -------------------------------------------------------------------------------- /example/ios/NucleusUiExample/Images.xcassets/AppIcon.appiconset/40.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/ios/NucleusUiExample/Images.xcassets/AppIcon.appiconset/40.png -------------------------------------------------------------------------------- /example/ios/NucleusUiExample/Images.xcassets/AppIcon.appiconset/50.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/ios/NucleusUiExample/Images.xcassets/AppIcon.appiconset/50.png -------------------------------------------------------------------------------- /example/ios/NucleusUiExample/Images.xcassets/AppIcon.appiconset/57.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/ios/NucleusUiExample/Images.xcassets/AppIcon.appiconset/57.png -------------------------------------------------------------------------------- /example/ios/NucleusUiExample/Images.xcassets/AppIcon.appiconset/58.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/ios/NucleusUiExample/Images.xcassets/AppIcon.appiconset/58.png -------------------------------------------------------------------------------- /example/ios/NucleusUiExample/Images.xcassets/AppIcon.appiconset/60.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/ios/NucleusUiExample/Images.xcassets/AppIcon.appiconset/60.png -------------------------------------------------------------------------------- /example/ios/NucleusUiExample/Images.xcassets/AppIcon.appiconset/72.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/ios/NucleusUiExample/Images.xcassets/AppIcon.appiconset/72.png -------------------------------------------------------------------------------- /example/ios/NucleusUiExample/Images.xcassets/AppIcon.appiconset/76.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/ios/NucleusUiExample/Images.xcassets/AppIcon.appiconset/76.png -------------------------------------------------------------------------------- /example/ios/NucleusUiExample/Images.xcassets/AppIcon.appiconset/80.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/ios/NucleusUiExample/Images.xcassets/AppIcon.appiconset/80.png -------------------------------------------------------------------------------- /example/ios/NucleusUiExample/Images.xcassets/AppIcon.appiconset/87.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/ios/NucleusUiExample/Images.xcassets/AppIcon.appiconset/87.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-xhdpi/ic_launcher_foreground.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/android/app/src/main/res/mipmap-xhdpi/ic_launcher_foreground.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_foreground.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_foreground.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_foreground.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_foreground.png -------------------------------------------------------------------------------- /example/ios/NucleusUiExample/Images.xcassets/AppIcon.appiconset/1024.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/ios/NucleusUiExample/Images.xcassets/AppIcon.appiconset/1024.png -------------------------------------------------------------------------------- /src/theme/index.ts: -------------------------------------------------------------------------------- 1 | export * from './theme.types'; 2 | export * from './theme.utils'; 3 | export * from './theme.provider'; 4 | export * from './light/light-theme'; 5 | export * from './dark/dark-theme'; 6 | export * from './colors'; 7 | -------------------------------------------------------------------------------- /src/components/index.ts: -------------------------------------------------------------------------------- 1 | export * from './button'; 2 | export * from './text-field'; 3 | export * from './icon'; 4 | export * from './page-controls'; 5 | export * from './popover'; 6 | export * from './progress-bar'; 7 | export * from './chip'; 8 | -------------------------------------------------------------------------------- /example/ios/NucleusUiExample/AppDelegate.h: -------------------------------------------------------------------------------- 1 | #import 2 | #import 3 | 4 | @interface AppDelegate : UIResponder 5 | 6 | @property (nonatomic, strong) UIWindow *window; 7 | 8 | @end 9 | -------------------------------------------------------------------------------- /example/android/gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | distributionBase=GRADLE_USER_HOME 2 | distributionPath=wrapper/dists 3 | distributionUrl=https\://services.gradle.org/distributions/gradle-7.3.3-all.zip 4 | zipStoreBase=GRADLE_USER_HOME 5 | zipStorePath=wrapper/dists 6 | -------------------------------------------------------------------------------- /example/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @format 3 | */ 4 | 5 | import { AppRegistry } from 'react-native'; 6 | import { StorybookUIRoot } from './storybook'; 7 | import { name as appName } from './app.json'; 8 | 9 | AppRegistry.registerComponent(appName, () => StorybookUIRoot); 10 | -------------------------------------------------------------------------------- /example/ios/NucleusUiExample/main.m: -------------------------------------------------------------------------------- 1 | #import 2 | 3 | #import "AppDelegate.h" 4 | 5 | int main(int argc, char *argv[]) 6 | { 7 | @autoreleasepool { 8 | return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class])); 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /src/components/button/button.vars.ts: -------------------------------------------------------------------------------- 1 | import { keyMirror } from '../../utils/key-mirror'; 2 | 3 | export const buttonVars = { 4 | appearances: keyMirror('primary', 'secondary', 'transparent', 'outline'), 5 | sizes: keyMirror('small', 'large', 'block'), 6 | iconPositions: keyMirror('left', 'right', 'side'), 7 | }; 8 | -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /example/ios/NucleusUiExample.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | IDEDidComputeMac32BitWarning 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-chips-all-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-chips-all-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-chips-all-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-chips-all-1-snap.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /example/ios/NucleusUiExample.xcworkspace/contents.xcworkspacedata: -------------------------------------------------------------------------------- 1 | 2 | 4 | 6 | 7 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-chips-all-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-chips-all-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-chips-all-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-chips-all-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-text-field-all-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-text-field-all-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-text-field-all-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-text-field-all-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-text-field-all-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-text-field-all-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-page-controls-all-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-page-controls-all-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-popover-one-button-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-popover-one-button-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-progress-bar-all-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-progress-bar-all-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-typography-large-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-typography-large-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-typography-regular-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-typography-regular-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-typography-small-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-typography-small-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-typography-title-1-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-typography-title-1-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-typography-title-2-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-typography-title-2-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-typography-title-3-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-typography-title-3-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-page-controls-all-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-page-controls-all-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-progress-bar-all-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-progress-bar-all-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-typography-large-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-typography-large-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-typography-small-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-typography-small-1-snap.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/xml/network_security_config.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 10.0.2.2 5 | localhost 6 | 7 | 8 | -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-progress-bar-all-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-progress-bar-all-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-typography-large-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-typography-large-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-typography-small-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-typography-small-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-text-field-all-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-text-field-all-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-popover-two-buttons-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-popover-two-buttons-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-popover-one-button-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-popover-one-button-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-popover-two-buttons-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-popover-two-buttons-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-typography-regular-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-typography-regular-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-typography-title-1-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-typography-title-1-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-typography-title-2-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-typography-title-2-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-typography-title-3-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-typography-title-3-1-snap.png -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | # EditorConfig helps developers define and maintain consistent 2 | # coding styles between different editors and IDEs 3 | # editorconfig.org 4 | 5 | root = true 6 | 7 | [*] 8 | 9 | indent_style = space 10 | indent_size = 2 11 | 12 | end_of_line = lf 13 | charset = utf-8 14 | trim_trailing_whitespace = true 15 | insert_final_newline = true 16 | -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-page-controls-all-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-page-controls-all-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-popover-one-button-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-popover-one-button-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-popover-two-buttons-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-popover-two-buttons-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-typography-regular-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-typography-regular-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-typography-title-1-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-typography-title-1-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-typography-title-2-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-typography-title-2-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-typography-title-3-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-typography-title-3-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-page-controls-all-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-page-controls-all-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-popover-one-button-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-popover-one-button-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-progress-bar-all-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-progress-bar-all-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-typography-large-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-typography-large-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-typography-regular-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-typography-regular-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-typography-small-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-typography-small-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-typography-title-1-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-typography-title-1-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-typography-title-2-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-typography-title-2-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-typography-title-3-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-typography-title-3-1-snap.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-popover-two-buttons-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-popover-two-buttons-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-button-appearances-outline-block-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-button-appearances-outline-block-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-button-appearances-outline-large-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-button-appearances-outline-large-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-button-appearances-outline-small-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-button-appearances-outline-small-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-button-appearances-primary-block-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-button-appearances-primary-block-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-button-appearances-primary-large-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-button-appearances-primary-large-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-button-appearances-primary-small-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-button-appearances-primary-small-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-button-appearances-outline-block-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-button-appearances-outline-block-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-button-appearances-outline-large-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-button-appearances-outline-large-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-button-appearances-outline-small-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-button-appearances-outline-small-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-button-appearances-primary-block-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-button-appearances-primary-block-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-button-appearances-primary-large-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-button-appearances-primary-large-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-button-appearances-primary-small-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-button-appearances-primary-small-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-button-appearances-secondary-block-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-button-appearances-secondary-block-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-button-appearances-secondary-large-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-button-appearances-secondary-large-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-button-appearances-secondary-small-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-button-appearances-secondary-small-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-button-appearances-secondary-block-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-button-appearances-secondary-block-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-button-appearances-secondary-large-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-button-appearances-secondary-large-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-button-appearances-secondary-small-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-button-appearances-secondary-small-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-button-appearances-outline-block-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-button-appearances-outline-block-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-button-appearances-outline-large-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-button-appearances-outline-large-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-button-appearances-outline-small-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-button-appearances-outline-small-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-button-appearances-primary-block-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-button-appearances-primary-block-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-button-appearances-primary-large-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-button-appearances-primary-large-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-button-appearances-primary-small-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-button-appearances-primary-small-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-button-appearances-secondary-block-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-button-appearances-secondary-block-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-button-appearances-secondary-large-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-button-appearances-secondary-large-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-button-appearances-secondary-small-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-button-appearances-secondary-small-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-button-appearances-outline-block-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-button-appearances-outline-block-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-button-appearances-outline-large-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-button-appearances-outline-large-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-button-appearances-outline-small-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-button-appearances-outline-small-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-button-appearances-primary-block-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-button-appearances-primary-block-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-button-appearances-primary-large-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-button-appearances-primary-large-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-button-appearances-primary-small-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-button-appearances-primary-small-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-button-appearances-transparent-block-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-button-appearances-transparent-block-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-button-appearances-transparent-large-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-button-appearances-transparent-large-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-button-appearances-transparent-small-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-dark-story-button-appearances-transparent-small-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-button-appearances-transparent-block-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-button-appearances-transparent-block-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-button-appearances-transparent-large-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-button-appearances-transparent-large-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-button-appearances-transparent-small-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-ios-light-story-button-appearances-transparent-small-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-button-appearances-transparent-block-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-button-appearances-transparent-block-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-button-appearances-transparent-large-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-button-appearances-transparent-large-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-button-appearances-transparent-small-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-dark-story-button-appearances-transparent-small-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-button-appearances-secondary-block-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-button-appearances-secondary-block-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-button-appearances-secondary-large-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-button-appearances-secondary-large-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-button-appearances-secondary-small-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-button-appearances-secondary-small-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/index.ts: -------------------------------------------------------------------------------- 1 | import './components/button/button.stories'; 2 | import './components/text-field/text-field.stories'; 3 | import './components/page-controls/page-controls.stories'; 4 | import './components/popover/popover.stories'; 5 | import './components/progress-bar/progress-bar.stories'; 6 | import './components/chip/chip.storybook'; 7 | import './typography/typography.stories'; 8 | -------------------------------------------------------------------------------- /example/detox/jest-config.json: -------------------------------------------------------------------------------- 1 | { 2 | "preset": "ts-jest", 3 | "testRunner": "jest-circus/runner", 4 | "testEnvironment": "./detox/environment.ts", 5 | "testTimeout": 120000, 6 | "testRegex": "\\.e2e.ts$", 7 | "rootDir": "../", 8 | "reporters": [ 9 | "detox/runners/jest/streamlineReporter" 10 | ], 11 | "setupFilesAfterEnv": ["./detox/init.ts"], 12 | "verbose": true 13 | } 14 | -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-button-appearances-transparent-block-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-button-appearances-transparent-block-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-button-appearances-transparent-large-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-button-appearances-transparent-large-1-snap.png -------------------------------------------------------------------------------- /example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-button-appearances-transparent-small-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ilia-kurganskii/react-native-nucleus-ui/HEAD/example/storybook/stories/components/__tests__/__image_snapshots__/screenshots-e-2-e-ts-screenshots-android-light-story-button-appearances-transparent-small-1-snap.png -------------------------------------------------------------------------------- /src/utils/key-mirror.ts: -------------------------------------------------------------------------------- 1 | export type KeyMirror = { 2 | readonly [K in Keys[number]]: K; 3 | }; 4 | 5 | export function keyMirror( 6 | ...inputs: Keys 7 | ): KeyMirror { 8 | const mirrored = inputs.reduce( 9 | (acc, key) => ({ ...acc, [key]: key }), 10 | {} as KeyMirror 11 | ); 12 | 13 | return Object.freeze(mirrored); 14 | } 15 | -------------------------------------------------------------------------------- /src/theme/theme.provider.ts: -------------------------------------------------------------------------------- 1 | import React, { useContext } from 'react'; 2 | import type { ExtendedTheme } from './theme.types'; 3 | import { LIGHT_THEME } from './light/light-theme'; 4 | 5 | const ThemeContext = React.createContext(LIGHT_THEME); 6 | 7 | export const ThemeProvider = ThemeContext.Provider; 8 | 9 | export function useTheme(): ExtendedTheme { 10 | return useContext(ThemeContext); 11 | } 12 | -------------------------------------------------------------------------------- /.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | root: true, 3 | extends: ['@react-native-community', 'prettier'], 4 | parser: '@typescript-eslint/parser', 5 | plugins: ['@typescript-eslint', 'jest'], 6 | overrides: [ 7 | { 8 | files: ['*.ts', '*.tsx'], 9 | rules: { 10 | '@typescript-eslint/no-shadow': ['error'], 11 | 'no-shadow': 'off', 12 | 'no-undef': 'off', 13 | }, 14 | }, 15 | ], 16 | }; 17 | -------------------------------------------------------------------------------- /example/android/app/src/main/jni/MainApplicationModuleProvider.h: -------------------------------------------------------------------------------- 1 | #pragma once 2 | 3 | #include 4 | #include 5 | 6 | #include 7 | 8 | namespace facebook { 9 | namespace react { 10 | 11 | std::shared_ptr MainApplicationModuleProvider( 12 | const std::string moduleName, 13 | const JavaTurboModule::InitParams ¶ms); 14 | 15 | } // namespace react 16 | } // namespace facebook 17 | -------------------------------------------------------------------------------- /example/babel.config.js: -------------------------------------------------------------------------------- 1 | const path = require('path'); 2 | const pak = require('../package.json'); 3 | 4 | module.exports = { 5 | presets: ['module:metro-react-native-babel-preset'], 6 | plugins: [ 7 | [ 8 | 'module-resolver', 9 | { 10 | extensions: ['.tsx', '.ts', '.js', '.json'], 11 | alias: { 12 | [pak.name]: path.join(__dirname, '..', pak.source), 13 | }, 14 | }, 15 | ], 16 | ], 17 | }; 18 | -------------------------------------------------------------------------------- /example/android/app/src/main/jni/OnLoad.cpp: -------------------------------------------------------------------------------- 1 | #include 2 | #include "MainApplicationTurboModuleManagerDelegate.h" 3 | #include "MainComponentsRegistry.h" 4 | 5 | JNIEXPORT jint JNICALL JNI_OnLoad(JavaVM *vm, void *) { 6 | return facebook::jni::initialize(vm, [] { 7 | facebook::react::MainApplicationTurboModuleManagerDelegate:: 8 | registerNatives(); 9 | facebook::react::MainComponentsRegistry::registerNatives(); 10 | }); 11 | } 12 | -------------------------------------------------------------------------------- /src/theme/dark/text-field-theme.ts: -------------------------------------------------------------------------------- 1 | import type { TextFieldTheme } from '../theme.types'; 2 | import { Colors } from '../colors'; 3 | 4 | export const textFieldTheme: TextFieldTheme = { 5 | borderDefault: Colors.ink.dark, 6 | borderFocused: Colors.primary.base, 7 | borderError: Colors.red.base, 8 | textDefault: Colors.sky.white, 9 | textPlaceholder: Colors.ink.lighter, 10 | textDisabled: Colors.ink.base, 11 | backgroundDisabled: Colors.ink.darker, 12 | } as const; 13 | -------------------------------------------------------------------------------- /src/theme/light/text-field-theme.ts: -------------------------------------------------------------------------------- 1 | import type { TextFieldTheme } from '../theme.types'; 2 | import { Colors } from '../colors'; 3 | 4 | export const textFieldTheme: TextFieldTheme = { 5 | borderDefault: Colors.sky.light, 6 | borderFocused: Colors.primary.base, 7 | borderError: Colors.red.base, 8 | textDefault: Colors.ink.darkest, 9 | textPlaceholder: Colors.ink.lighter, 10 | textDisabled: Colors.sky.base, 11 | backgroundDisabled: Colors.sky.lighter, 12 | } as const; 13 | -------------------------------------------------------------------------------- /example/detox/environment.ts: -------------------------------------------------------------------------------- 1 | const { 2 | DetoxCircusEnvironment, 3 | SpecReporter, 4 | WorkerAssignReporter, 5 | } = require('detox/runners/jest-circus'); 6 | 7 | export default class CustomDetoxEnvironment extends DetoxCircusEnvironment { 8 | constructor(config: any, context: any) { 9 | super(config, context); 10 | 11 | this.initTimeout = 300000; 12 | 13 | this.registerListeners({ 14 | SpecReporter, 15 | WorkerAssignReporter, 16 | }); 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /example/android/app/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # By default, the flags in this file are appended to flags specified 3 | # in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt 4 | # You can edit the include path and order by changing the proguardFiles 5 | # directive in build.gradle. 6 | # 7 | # For more details, see 8 | # http://developer.android.com/guide/developing/tools/proguard.html 9 | 10 | # Add any project specific keep options here: 11 | -------------------------------------------------------------------------------- /example/android/settings.gradle: -------------------------------------------------------------------------------- 1 | rootProject.name = 'NucleusUiExample' 2 | apply from: file("../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesSettingsGradle(settings) 3 | include ':app' 4 | includeBuild('../node_modules/react-native-gradle-plugin') 5 | 6 | if (settings.hasProperty("newArchEnabled") && settings.newArchEnabled == "true") { 7 | include(":ReactAndroid") 8 | project(":ReactAndroid").projectDir = file('../node_modules/react-native/ReactAndroid') 9 | } 10 | -------------------------------------------------------------------------------- /src/components/progress-bar/progress-bar.style.tsx: -------------------------------------------------------------------------------- 1 | import { createThemedStyleSheet, Theme } from '../../theme'; 2 | 3 | export const getProgressBarStyles = createThemedStyleSheet((theme: Theme) => ({ 4 | container: { 5 | position: 'relative', 6 | backgroundColor: theme.progressBar.background, 7 | height: 6, 8 | borderRadius: 3, 9 | overflow: 'hidden', 10 | }, 11 | bar: { 12 | height: 6, 13 | position: 'absolute', 14 | borderRadius: 3, 15 | backgroundColor: theme.progressBar.bar, 16 | }, 17 | })); 18 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ![alt text](./cover.png) 2 | 3 | ## Installation 4 | 5 | ```sh 6 | npm install react-native-nucleus-ui 7 | ``` 8 | 9 | ## Usage 10 | 11 | ```js 12 | import { Button } from "react-native-nucleus-ui"; 13 | 14 | // ... 15 |