@audira/carbon-react-native 0.0.1-alpha.1 → 0.0.1-alpha.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +267 -0
- package/assets/fonts/IBMPlexSans-Bold-Italic.ttf +0 -0
- package/assets/fonts/IBMPlexSans-Bold.ttf +0 -0
- package/assets/fonts/IBMPlexSans-ExtraLight-Italic.ttf +0 -0
- package/assets/fonts/IBMPlexSans-ExtraLight.ttf +0 -0
- package/assets/fonts/IBMPlexSans-Italic.ttf +0 -0
- package/assets/fonts/IBMPlexSans-Light-Italic.ttf +0 -0
- package/assets/fonts/IBMPlexSans-Light.ttf +0 -0
- package/assets/fonts/IBMPlexSans-Medium-Italic.ttf +0 -0
- package/assets/fonts/IBMPlexSans-Medium.ttf +0 -0
- package/assets/fonts/IBMPlexSans-Regular.ttf +0 -0
- package/assets/fonts/IBMPlexSans-SemiBold-Italic.ttf +0 -0
- package/assets/fonts/IBMPlexSans-SemiBold.ttf +0 -0
- package/assets/fonts/IBMPlexSans-Thin-Italic.ttf +0 -0
- package/assets/fonts/IBMPlexSans-Thin.ttf +0 -0
- package/lib/commonjs/_carbon-react-native/index.js +3 -4
- package/lib/commonjs/_carbon-react-native/index.js.map +1 -1
- package/lib/commonjs/_style-sheet/create.js +6 -6
- package/lib/commonjs/_style-sheet/create.js.map +1 -1
- package/lib/commonjs/_style-sheet/index.js +2 -0
- package/lib/commonjs/_style-sheet/index.js.map +1 -1
- package/lib/commonjs/components/accordion/_header-border.js +8 -8
- package/lib/commonjs/components/accordion/_header-border.js.map +1 -1
- package/lib/commonjs/components/accordion/_header.js +5 -1
- package/lib/commonjs/components/accordion/_header.js.map +1 -1
- package/lib/commonjs/components/accordion/_item.js +6 -6
- package/lib/commonjs/components/accordion/_item.js.map +1 -1
- package/lib/commonjs/components/accordion/_motion.js +3 -3
- package/lib/commonjs/components/accordion/_motion.js.map +1 -1
- package/lib/commonjs/components/accordion/_styles.js +3 -3
- package/lib/commonjs/components/accordion/_styles.js.map +1 -1
- package/lib/commonjs/components/button/base/index.js +15 -15
- package/lib/commonjs/components/button/base/index.js.map +1 -1
- package/lib/commonjs/components/button/base-color/index.js +8 -8
- package/lib/commonjs/components/button/base-color/index.js.map +1 -1
- package/lib/commonjs/components/button/ghost/index.js +8 -8
- package/lib/commonjs/components/button/ghost/index.js.map +1 -1
- package/lib/commonjs/components/button/ghost-danger/index.js +8 -8
- package/lib/commonjs/components/button/ghost-danger/index.js.map +1 -1
- package/lib/commonjs/components/checkbox/index.js +9 -9
- package/lib/commonjs/components/checkbox/index.js.map +1 -1
- package/lib/commonjs/components/checkbox-group/index.js +19 -19
- package/lib/commonjs/components/checkbox-group/index.js.map +1 -1
- package/lib/commonjs/components/collapsible/index.js +9 -9
- package/lib/commonjs/components/collapsible/index.js.map +1 -1
- package/lib/commonjs/components/notification/_status-hooks/_base.js +4 -2
- package/lib/commonjs/components/notification/_status-hooks/_base.js.map +1 -1
- package/lib/commonjs/components/notification/_variant-context.js +3 -1
- package/lib/commonjs/components/notification/_variant-context.js.map +1 -1
- package/lib/commonjs/components/notification/_variants/_button-ghost.js +9 -7
- package/lib/commonjs/components/notification/_variants/_button-ghost.js.map +1 -1
- package/lib/commonjs/components/notification/_variants/_button-tertiary.js +9 -7
- package/lib/commonjs/components/notification/_variants/_button-tertiary.js.map +1 -1
- package/lib/commonjs/components/notification/_variants/actionable/index.js +2 -3
- package/lib/commonjs/components/notification/_variants/actionable/index.js.map +1 -1
- package/lib/commonjs/components/notification/_variants/actionable-inline/index.js +2 -3
- package/lib/commonjs/components/notification/_variants/actionable-inline/index.js.map +1 -1
- package/lib/commonjs/components/notification/_variants/callout/index.js +1 -1
- package/lib/commonjs/components/notification/_variants/callout/index.js.map +1 -1
- package/lib/commonjs/components/notification/_variants/callout-inline/index.js +1 -1
- package/lib/commonjs/components/notification/_variants/callout-inline/index.js.map +1 -1
- package/lib/commonjs/components/notification/_variants/toast/index.js +9 -9
- package/lib/commonjs/components/notification/_variants/toast/index.js.map +1 -1
- package/lib/commonjs/components/notification/base/index.js +22 -22
- package/lib/commonjs/components/notification/base/index.js.map +1 -1
- package/lib/commonjs/components/notification/subtitle/index.js.map +1 -1
- package/lib/commonjs/components/notification/subtitle-link/index.js.map +1 -1
- package/lib/commonjs/components/radio-button/index.js +11 -11
- package/lib/commonjs/components/radio-button/index.js.map +1 -1
- package/lib/commonjs/components/radio-button-group/index.js +17 -17
- package/lib/commonjs/components/radio-button-group/index.js.map +1 -1
- package/lib/commonjs/components/radio-button-input/index.js.map +1 -1
- package/lib/commonjs/components/switch/index.js +11 -11
- package/lib/commonjs/components/switch/index.js.map +1 -1
- package/lib/commonjs/components/text/index.js +27 -32
- package/lib/commonjs/components/text/index.js.map +1 -1
- package/lib/commonjs/components/toggle/base/index.js +15 -15
- package/lib/commonjs/components/toggle/base/index.js.map +1 -1
- package/lib/commonjs/contexts/global-config/index.js +13 -0
- package/lib/commonjs/contexts/global-config/index.js.map +1 -0
- package/lib/commonjs/contexts/index.js +19 -20
- package/lib/commonjs/contexts/index.js.map +1 -1
- package/lib/commonjs/contexts/theme/index.js +7 -10
- package/lib/commonjs/contexts/theme/index.js.map +1 -1
- package/lib/commonjs/contexts/toast/index.js +16 -0
- package/lib/commonjs/contexts/toast/index.js.map +1 -0
- package/lib/commonjs/helpers/color/get-color-token.js +2 -2
- package/lib/commonjs/helpers/color/get-color-token.js.map +1 -1
- package/lib/commonjs/index.js +2 -2
- package/lib/commonjs/package.json +1 -0
- package/lib/commonjs/{contexts/global-config/provider.js → providers/global-config/index.js} +8 -6
- package/lib/commonjs/providers/global-config/index.js.map +1 -0
- package/lib/commonjs/providers/index.js +27 -0
- package/lib/commonjs/providers/index.js.map +1 -0
- package/lib/commonjs/{contexts/theme/provider.js → providers/theme/index.js} +5 -5
- package/lib/commonjs/providers/theme/index.js.map +1 -0
- package/lib/commonjs/providers/toast/_overlay/index.js +150 -0
- package/lib/commonjs/providers/toast/_overlay/index.js.map +1 -0
- package/lib/commonjs/providers/toast/_types/index.js +17 -0
- package/lib/commonjs/providers/toast/_types/index.js.map +1 -0
- package/lib/commonjs/{types/typography.js → providers/toast/_types/toast-ref.js} +1 -1
- package/lib/commonjs/providers/toast/_types/toast-ref.js.map +1 -0
- package/lib/commonjs/providers/toast/index.js +37 -0
- package/lib/commonjs/providers/toast/index.js.map +1 -0
- package/lib/commonjs/styles/text.js +14 -15
- package/lib/commonjs/styles/text.js.map +1 -1
- package/lib/commonjs/types/theme/ColorScheme.js +2 -0
- package/lib/commonjs/types/theme/{color-token.js.map → ColorScheme.js.map} +1 -1
- package/lib/module/_carbon-react-native/index.js +3 -4
- package/lib/module/_carbon-react-native/index.js.map +1 -1
- package/lib/module/_style-sheet/create.js +4 -4
- package/lib/module/_style-sheet/create.js.map +1 -1
- package/lib/module/_style-sheet/index.js +2 -0
- package/lib/module/_style-sheet/index.js.map +1 -1
- package/lib/module/components/accordion/_header-border.js +3 -3
- package/lib/module/components/accordion/_header-border.js.map +1 -1
- package/lib/module/components/accordion/_header.js +5 -1
- package/lib/module/components/accordion/_header.js.map +1 -1
- package/lib/module/components/accordion/_item.js +4 -4
- package/lib/module/components/accordion/_item.js.map +1 -1
- package/lib/module/components/accordion/_motion.js +3 -3
- package/lib/module/components/accordion/_motion.js.map +1 -1
- package/lib/module/components/accordion/_styles.js +3 -3
- package/lib/module/components/accordion/_styles.js.map +1 -1
- package/lib/module/components/button/base/index.js +6 -6
- package/lib/module/components/button/base/index.js.map +1 -1
- package/lib/module/components/button/base-color/index.js +3 -3
- package/lib/module/components/button/base-color/index.js.map +1 -1
- package/lib/module/components/button/ghost/index.js +2 -2
- package/lib/module/components/button/ghost/index.js.map +1 -1
- package/lib/module/components/button/ghost-danger/index.js +2 -2
- package/lib/module/components/button/ghost-danger/index.js.map +1 -1
- package/lib/module/components/checkbox/index.js +2 -2
- package/lib/module/components/checkbox/index.js.map +1 -1
- package/lib/module/components/checkbox-group/index.js +5 -5
- package/lib/module/components/checkbox-group/index.js.map +1 -1
- package/lib/module/components/collapsible/index.js +5 -5
- package/lib/module/components/collapsible/index.js.map +1 -1
- package/lib/module/components/notification/_status-hooks/_base.js +5 -3
- package/lib/module/components/notification/_status-hooks/_base.js.map +1 -1
- package/lib/module/components/notification/_variant-context.js +4 -2
- package/lib/module/components/notification/_variant-context.js.map +1 -1
- package/lib/module/components/notification/_variants/_button-ghost.js +9 -7
- package/lib/module/components/notification/_variants/_button-ghost.js.map +1 -1
- package/lib/module/components/notification/_variants/_button-tertiary.js +9 -7
- package/lib/module/components/notification/_variants/_button-tertiary.js.map +1 -1
- package/lib/module/components/notification/_variants/actionable/index.js +2 -3
- package/lib/module/components/notification/_variants/actionable/index.js.map +1 -1
- package/lib/module/components/notification/_variants/actionable-inline/index.js +2 -3
- package/lib/module/components/notification/_variants/actionable-inline/index.js.map +1 -1
- package/lib/module/components/notification/_variants/callout/index.js +1 -1
- package/lib/module/components/notification/_variants/callout/index.js.map +1 -1
- package/lib/module/components/notification/_variants/callout-inline/index.js +1 -1
- package/lib/module/components/notification/_variants/callout-inline/index.js.map +1 -1
- package/lib/module/components/notification/_variants/toast/index.js +3 -3
- package/lib/module/components/notification/_variants/toast/index.js.map +1 -1
- package/lib/module/components/notification/base/index.js +8 -8
- package/lib/module/components/notification/base/index.js.map +1 -1
- package/lib/module/components/notification/subtitle/index.js.map +1 -1
- package/lib/module/components/notification/subtitle-link/index.js.map +1 -1
- package/lib/module/components/radio-button/index.js +2 -2
- package/lib/module/components/radio-button/index.js.map +1 -1
- package/lib/module/components/radio-button-group/index.js +5 -5
- package/lib/module/components/radio-button-group/index.js.map +1 -1
- package/lib/module/components/radio-button-input/index.js.map +1 -1
- package/lib/module/components/switch/index.js +3 -3
- package/lib/module/components/switch/index.js.map +1 -1
- package/lib/module/components/text/index.js +9 -14
- package/lib/module/components/text/index.js.map +1 -1
- package/lib/module/components/toggle/base/index.js +3 -3
- package/lib/module/components/toggle/base/index.js.map +1 -1
- package/lib/module/contexts/global-config/index.js +9 -0
- package/lib/module/contexts/global-config/index.js.map +1 -0
- package/lib/module/contexts/index.js +3 -2
- package/lib/module/contexts/index.js.map +1 -1
- package/lib/module/contexts/theme/index.js +7 -1
- package/lib/module/contexts/theme/index.js.map +1 -1
- package/lib/module/contexts/toast/index.js +12 -0
- package/lib/module/contexts/toast/index.js.map +1 -0
- package/lib/module/helpers/color/get-color-token.js +2 -2
- package/lib/module/helpers/color/get-color-token.js.map +1 -1
- package/lib/module/index.js +1 -1
- package/lib/module/index.js.map +1 -1
- package/lib/module/package.json +1 -0
- package/lib/module/{contexts/global-config/provider.js → providers/global-config/index.js} +6 -4
- package/lib/module/providers/global-config/index.js.map +1 -0
- package/lib/module/providers/index.js +6 -0
- package/lib/module/providers/index.js.map +1 -0
- package/lib/module/{contexts/theme/provider.js → providers/theme/index.js} +3 -3
- package/lib/module/providers/theme/index.js.map +1 -0
- package/lib/module/providers/toast/_overlay/index.js +144 -0
- package/lib/module/providers/toast/_overlay/index.js.map +1 -0
- package/lib/module/providers/toast/_types/index.js +4 -0
- package/lib/module/providers/toast/_types/index.js.map +1 -0
- package/lib/module/providers/toast/_types/toast-ref.js +4 -0
- package/lib/module/providers/toast/_types/toast-ref.js.map +1 -0
- package/lib/module/providers/toast/index.js +33 -0
- package/lib/module/providers/toast/index.js.map +1 -0
- package/lib/module/styles/text.js +14 -15
- package/lib/module/styles/text.js.map +1 -1
- package/lib/module/types/theme/ColorScheme.js +2 -0
- package/lib/module/types/theme/{color-token.js.map → ColorScheme.js.map} +1 -1
- package/lib/typescript/commonjs/src/_carbon-react-native/index.d.ts +3 -3
- package/lib/typescript/commonjs/src/_carbon-react-native/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/_style-sheet/create.d.ts +2 -2
- package/lib/typescript/commonjs/src/_style-sheet/create.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/_style-sheet/index.d.ts +2 -0
- package/lib/typescript/commonjs/src/_style-sheet/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/accordion/_header.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/accordion/_styles.d.ts +2 -2
- package/lib/typescript/commonjs/src/components/notification/_status-hooks/_base.d.ts +3 -3
- package/lib/typescript/commonjs/src/components/notification/_status-hooks/_base.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/notification/_variant-context.d.ts +1 -1
- package/lib/typescript/commonjs/src/components/notification/_variant-context.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/notification/_variants/_button-ghost.d.ts +1 -3
- package/lib/typescript/commonjs/src/components/notification/_variants/_button-ghost.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/notification/_variants/_button-tertiary.d.ts +1 -3
- package/lib/typescript/commonjs/src/components/notification/_variants/_button-tertiary.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/notification/_variants/actionable/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/notification/_variants/actionable-inline/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/notification/base/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/radio-button/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/text/index.d.ts +2 -2
- package/lib/typescript/commonjs/src/components/text/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/contexts/global-config/index.d.ts +12 -0
- package/lib/typescript/commonjs/src/contexts/global-config/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/contexts/index.d.ts +3 -2
- package/lib/typescript/commonjs/src/contexts/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/contexts/theme/index.d.ts +7 -2
- package/lib/typescript/commonjs/src/contexts/theme/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/contexts/toast/index.d.ts +12 -0
- package/lib/typescript/commonjs/src/contexts/toast/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/helpers/color/get-color-token.d.ts +2 -1
- package/lib/typescript/commonjs/src/helpers/color/get-color-token.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/index.d.ts +1 -1
- package/lib/typescript/commonjs/src/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/providers/global-config/index.d.ts +6 -0
- package/lib/typescript/commonjs/src/providers/global-config/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/providers/index.d.ts +4 -0
- package/lib/typescript/commonjs/src/providers/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/providers/theme/index.d.ts +11 -0
- package/lib/typescript/commonjs/src/providers/theme/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/providers/toast/_overlay/index.d.ts +7 -0
- package/lib/typescript/commonjs/src/providers/toast/_overlay/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/providers/toast/_types/index.d.ts +2 -0
- package/lib/typescript/commonjs/src/providers/toast/_types/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/providers/toast/_types/toast-ref.d.ts +4 -0
- package/lib/typescript/commonjs/src/providers/toast/_types/toast-ref.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/providers/toast/index.d.ts +7 -0
- package/lib/typescript/commonjs/src/providers/toast/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/styles/text.d.ts +14 -14
- package/lib/typescript/commonjs/src/styles/text.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types/index.d.ts +1 -2
- package/lib/typescript/commonjs/src/types/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types/theme/{color-scheme.d.ts → ColorScheme.d.ts} +1 -1
- package/lib/typescript/commonjs/src/types/theme/ColorScheme.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/types/theme/index.d.ts +1 -2
- package/lib/typescript/commonjs/src/types/theme/index.d.ts.map +1 -1
- package/lib/typescript/module/src/_carbon-react-native/index.d.ts +3 -3
- package/lib/typescript/module/src/_carbon-react-native/index.d.ts.map +1 -1
- package/lib/typescript/module/src/_style-sheet/create.d.ts +2 -2
- package/lib/typescript/module/src/_style-sheet/create.d.ts.map +1 -1
- package/lib/typescript/module/src/_style-sheet/index.d.ts +2 -0
- package/lib/typescript/module/src/_style-sheet/index.d.ts.map +1 -1
- package/lib/typescript/module/src/components/accordion/_header.d.ts.map +1 -1
- package/lib/typescript/module/src/components/accordion/_styles.d.ts +2 -2
- package/lib/typescript/module/src/components/notification/_status-hooks/_base.d.ts +3 -3
- package/lib/typescript/module/src/components/notification/_status-hooks/_base.d.ts.map +1 -1
- package/lib/typescript/module/src/components/notification/_variant-context.d.ts +1 -1
- package/lib/typescript/module/src/components/notification/_variant-context.d.ts.map +1 -1
- package/lib/typescript/module/src/components/notification/_variants/_button-ghost.d.ts +1 -3
- package/lib/typescript/module/src/components/notification/_variants/_button-ghost.d.ts.map +1 -1
- package/lib/typescript/module/src/components/notification/_variants/_button-tertiary.d.ts +1 -3
- package/lib/typescript/module/src/components/notification/_variants/_button-tertiary.d.ts.map +1 -1
- package/lib/typescript/module/src/components/notification/_variants/actionable/index.d.ts.map +1 -1
- package/lib/typescript/module/src/components/notification/_variants/actionable-inline/index.d.ts.map +1 -1
- package/lib/typescript/module/src/components/notification/base/index.d.ts.map +1 -1
- package/lib/typescript/module/src/components/radio-button/index.d.ts.map +1 -1
- package/lib/typescript/module/src/components/text/index.d.ts +2 -2
- package/lib/typescript/module/src/components/text/index.d.ts.map +1 -1
- package/lib/typescript/module/src/contexts/global-config/index.d.ts +12 -0
- package/lib/typescript/module/src/contexts/global-config/index.d.ts.map +1 -0
- package/lib/typescript/module/src/contexts/index.d.ts +3 -2
- package/lib/typescript/module/src/contexts/index.d.ts.map +1 -1
- package/lib/typescript/module/src/contexts/theme/index.d.ts +7 -2
- package/lib/typescript/module/src/contexts/theme/index.d.ts.map +1 -1
- package/lib/typescript/module/src/contexts/toast/index.d.ts +12 -0
- package/lib/typescript/module/src/contexts/toast/index.d.ts.map +1 -0
- package/lib/typescript/module/src/helpers/color/get-color-token.d.ts +2 -1
- package/lib/typescript/module/src/helpers/color/get-color-token.d.ts.map +1 -1
- package/lib/typescript/module/src/index.d.ts +1 -1
- package/lib/typescript/module/src/index.d.ts.map +1 -1
- package/lib/typescript/module/src/providers/global-config/index.d.ts +6 -0
- package/lib/typescript/module/src/providers/global-config/index.d.ts.map +1 -0
- package/lib/typescript/module/src/providers/index.d.ts +4 -0
- package/lib/typescript/module/src/providers/index.d.ts.map +1 -0
- package/lib/typescript/module/src/providers/theme/index.d.ts +11 -0
- package/lib/typescript/module/src/providers/theme/index.d.ts.map +1 -0
- package/lib/typescript/module/src/providers/toast/_overlay/index.d.ts +7 -0
- package/lib/typescript/module/src/providers/toast/_overlay/index.d.ts.map +1 -0
- package/lib/typescript/module/src/providers/toast/_types/index.d.ts +2 -0
- package/lib/typescript/module/src/providers/toast/_types/index.d.ts.map +1 -0
- package/lib/typescript/module/src/providers/toast/_types/toast-ref.d.ts +4 -0
- package/lib/typescript/module/src/providers/toast/_types/toast-ref.d.ts.map +1 -0
- package/lib/typescript/module/src/providers/toast/index.d.ts +7 -0
- package/lib/typescript/module/src/providers/toast/index.d.ts.map +1 -0
- package/lib/typescript/module/src/styles/text.d.ts +14 -14
- package/lib/typescript/module/src/styles/text.d.ts.map +1 -1
- package/lib/typescript/module/src/types/index.d.ts +1 -2
- package/lib/typescript/module/src/types/index.d.ts.map +1 -1
- package/lib/typescript/module/src/types/theme/{color-scheme.d.ts → ColorScheme.d.ts} +1 -1
- package/lib/typescript/module/src/types/theme/ColorScheme.d.ts.map +1 -0
- package/lib/typescript/module/src/types/theme/index.d.ts +1 -2
- package/lib/typescript/module/src/types/theme/index.d.ts.map +1 -1
- package/package.json +24 -37
- package/lib/commonjs/constants/color/code.json +0 -273
- package/lib/commonjs/constants/color/index.js +0 -19
- package/lib/commonjs/constants/color/index.js.map +0 -1
- package/lib/commonjs/constants/color/tokens/gray-10.js +0 -181
- package/lib/commonjs/constants/color/tokens/gray-10.js.map +0 -1
- package/lib/commonjs/constants/color/tokens/gray-100.js +0 -181
- package/lib/commonjs/constants/color/tokens/gray-100.js.map +0 -1
- package/lib/commonjs/constants/color/tokens/index.js +0 -28
- package/lib/commonjs/constants/color/tokens/index.js.map +0 -1
- package/lib/commonjs/constants/index.js +0 -24
- package/lib/commonjs/constants/index.js.map +0 -1
- package/lib/commonjs/constants/motion/index.js +0 -71
- package/lib/commonjs/constants/motion/index.js.map +0 -1
- package/lib/commonjs/constants/spacing.js +0 -22
- package/lib/commonjs/constants/spacing.js.map +0 -1
- package/lib/commonjs/constants/typography/font-family.js +0 -23
- package/lib/commonjs/constants/typography/font-family.js.map +0 -1
- package/lib/commonjs/constants/typography/index.js +0 -28
- package/lib/commonjs/constants/typography/index.js.map +0 -1
- package/lib/commonjs/constants/typography/type-sets.js +0 -141
- package/lib/commonjs/constants/typography/type-sets.js.map +0 -1
- package/lib/commonjs/contexts/global-config/context.js +0 -12
- package/lib/commonjs/contexts/global-config/context.js.map +0 -1
- package/lib/commonjs/contexts/global-config/provider.js.map +0 -1
- package/lib/commonjs/contexts/theme/context.js +0 -14
- package/lib/commonjs/contexts/theme/context.js.map +0 -1
- package/lib/commonjs/contexts/theme/provider.js.map +0 -1
- package/lib/commonjs/types/theme/color-scheme.js +0 -2
- package/lib/commonjs/types/theme/color-scheme.js.map +0 -1
- package/lib/commonjs/types/theme/color-token.js +0 -2
- package/lib/commonjs/types/typography.js.map +0 -1
- package/lib/module/constants/color/code.json +0 -273
- package/lib/module/constants/color/index.js +0 -6
- package/lib/module/constants/color/index.js.map +0 -1
- package/lib/module/constants/color/tokens/gray-10.js +0 -176
- package/lib/module/constants/color/tokens/gray-10.js.map +0 -1
- package/lib/module/constants/color/tokens/gray-100.js +0 -176
- package/lib/module/constants/color/tokens/gray-100.js.map +0 -1
- package/lib/module/constants/color/tokens/index.js +0 -5
- package/lib/module/constants/color/tokens/index.js.map +0 -1
- package/lib/module/constants/index.js +0 -8
- package/lib/module/constants/index.js.map +0 -1
- package/lib/module/constants/motion/index.js +0 -67
- package/lib/module/constants/motion/index.js.map +0 -1
- package/lib/module/constants/spacing.js +0 -18
- package/lib/module/constants/spacing.js.map +0 -1
- package/lib/module/constants/typography/font-family.js +0 -19
- package/lib/module/constants/typography/font-family.js.map +0 -1
- package/lib/module/constants/typography/index.js +0 -5
- package/lib/module/constants/typography/index.js.map +0 -1
- package/lib/module/constants/typography/type-sets.js +0 -137
- package/lib/module/constants/typography/type-sets.js.map +0 -1
- package/lib/module/contexts/global-config/context.js +0 -8
- package/lib/module/contexts/global-config/context.js.map +0 -1
- package/lib/module/contexts/global-config/provider.js.map +0 -1
- package/lib/module/contexts/theme/context.js +0 -10
- package/lib/module/contexts/theme/context.js.map +0 -1
- package/lib/module/contexts/theme/provider.js.map +0 -1
- package/lib/module/types/theme/color-scheme.js +0 -2
- package/lib/module/types/theme/color-scheme.js.map +0 -1
- package/lib/module/types/theme/color-token.js +0 -2
- package/lib/module/types/typography.js +0 -4
- package/lib/module/types/typography.js.map +0 -1
- package/lib/typescript/commonjs/src/constants/color/index.d.ts +0 -4
- package/lib/typescript/commonjs/src/constants/color/index.d.ts.map +0 -1
- package/lib/typescript/commonjs/src/constants/color/tokens/gray-10.d.ts +0 -172
- package/lib/typescript/commonjs/src/constants/color/tokens/gray-10.d.ts.map +0 -1
- package/lib/typescript/commonjs/src/constants/color/tokens/gray-100.d.ts +0 -172
- package/lib/typescript/commonjs/src/constants/color/tokens/gray-100.d.ts.map +0 -1
- package/lib/typescript/commonjs/src/constants/color/tokens/index.d.ts +0 -3
- package/lib/typescript/commonjs/src/constants/color/tokens/index.d.ts.map +0 -1
- package/lib/typescript/commonjs/src/constants/index.d.ts +0 -6
- package/lib/typescript/commonjs/src/constants/index.d.ts.map +0 -1
- package/lib/typescript/commonjs/src/constants/motion/index.d.ts +0 -63
- package/lib/typescript/commonjs/src/constants/motion/index.d.ts.map +0 -1
- package/lib/typescript/commonjs/src/constants/spacing.d.ts +0 -17
- package/lib/typescript/commonjs/src/constants/spacing.d.ts.map +0 -1
- package/lib/typescript/commonjs/src/constants/typography/font-family.d.ts +0 -17
- package/lib/typescript/commonjs/src/constants/typography/font-family.d.ts.map +0 -1
- package/lib/typescript/commonjs/src/constants/typography/index.d.ts +0 -3
- package/lib/typescript/commonjs/src/constants/typography/index.d.ts.map +0 -1
- package/lib/typescript/commonjs/src/constants/typography/type-sets.d.ts +0 -3
- package/lib/typescript/commonjs/src/constants/typography/type-sets.d.ts.map +0 -1
- package/lib/typescript/commonjs/src/contexts/global-config/context.d.ts +0 -10
- package/lib/typescript/commonjs/src/contexts/global-config/context.d.ts.map +0 -1
- package/lib/typescript/commonjs/src/contexts/global-config/provider.d.ts +0 -6
- package/lib/typescript/commonjs/src/contexts/global-config/provider.d.ts.map +0 -1
- package/lib/typescript/commonjs/src/contexts/theme/context.d.ts +0 -7
- package/lib/typescript/commonjs/src/contexts/theme/context.d.ts.map +0 -1
- package/lib/typescript/commonjs/src/contexts/theme/provider.d.ts +0 -11
- package/lib/typescript/commonjs/src/contexts/theme/provider.d.ts.map +0 -1
- package/lib/typescript/commonjs/src/types/theme/color-scheme.d.ts.map +0 -1
- package/lib/typescript/commonjs/src/types/theme/color-token.d.ts +0 -2
- package/lib/typescript/commonjs/src/types/theme/color-token.d.ts.map +0 -1
- package/lib/typescript/commonjs/src/types/typography.d.ts +0 -11
- package/lib/typescript/commonjs/src/types/typography.d.ts.map +0 -1
- package/lib/typescript/module/src/constants/color/index.d.ts +0 -4
- package/lib/typescript/module/src/constants/color/index.d.ts.map +0 -1
- package/lib/typescript/module/src/constants/color/tokens/gray-10.d.ts +0 -172
- package/lib/typescript/module/src/constants/color/tokens/gray-10.d.ts.map +0 -1
- package/lib/typescript/module/src/constants/color/tokens/gray-100.d.ts +0 -172
- package/lib/typescript/module/src/constants/color/tokens/gray-100.d.ts.map +0 -1
- package/lib/typescript/module/src/constants/color/tokens/index.d.ts +0 -3
- package/lib/typescript/module/src/constants/color/tokens/index.d.ts.map +0 -1
- package/lib/typescript/module/src/constants/index.d.ts +0 -6
- package/lib/typescript/module/src/constants/index.d.ts.map +0 -1
- package/lib/typescript/module/src/constants/motion/index.d.ts +0 -63
- package/lib/typescript/module/src/constants/motion/index.d.ts.map +0 -1
- package/lib/typescript/module/src/constants/spacing.d.ts +0 -17
- package/lib/typescript/module/src/constants/spacing.d.ts.map +0 -1
- package/lib/typescript/module/src/constants/typography/font-family.d.ts +0 -17
- package/lib/typescript/module/src/constants/typography/font-family.d.ts.map +0 -1
- package/lib/typescript/module/src/constants/typography/index.d.ts +0 -3
- package/lib/typescript/module/src/constants/typography/index.d.ts.map +0 -1
- package/lib/typescript/module/src/constants/typography/type-sets.d.ts +0 -3
- package/lib/typescript/module/src/constants/typography/type-sets.d.ts.map +0 -1
- package/lib/typescript/module/src/contexts/global-config/context.d.ts +0 -10
- package/lib/typescript/module/src/contexts/global-config/context.d.ts.map +0 -1
- package/lib/typescript/module/src/contexts/global-config/provider.d.ts +0 -6
- package/lib/typescript/module/src/contexts/global-config/provider.d.ts.map +0 -1
- package/lib/typescript/module/src/contexts/theme/context.d.ts +0 -7
- package/lib/typescript/module/src/contexts/theme/context.d.ts.map +0 -1
- package/lib/typescript/module/src/contexts/theme/provider.d.ts +0 -11
- package/lib/typescript/module/src/contexts/theme/provider.d.ts.map +0 -1
- package/lib/typescript/module/src/types/theme/color-scheme.d.ts.map +0 -1
- package/lib/typescript/module/src/types/theme/color-token.d.ts +0 -2
- package/lib/typescript/module/src/types/theme/color-token.d.ts.map +0 -1
- package/lib/typescript/module/src/types/typography.d.ts +0 -11
- package/lib/typescript/module/src/types/typography.d.ts.map +0 -1
- package/src/_carbon-react-native/index.tsx +0 -37
- package/src/_style-sheet/create.ts +0 -145
- package/src/_style-sheet/index.ts +0 -9
- package/src/components/accordion/_context.tsx +0 -19
- package/src/components/accordion/_header-border.tsx +0 -68
- package/src/components/accordion/_header.tsx +0 -269
- package/src/components/accordion/_item.tsx +0 -186
- package/src/components/accordion/_motion.ts +0 -27
- package/src/components/accordion/_styles.ts +0 -24
- package/src/components/accordion/index.tsx +0 -152
- package/src/components/accordion/types.ts +0 -4
- package/src/components/button/base/index.tsx +0 -270
- package/src/components/button/base-color/index.tsx +0 -277
- package/src/components/button/ghost/index.tsx +0 -132
- package/src/components/button/ghost-danger/index.tsx +0 -132
- package/src/components/button/ghost-icon/index.tsx +0 -125
- package/src/components/button/index.tsx +0 -11
- package/src/components/button/primary/index.tsx +0 -108
- package/src/components/button/primary-danger/index.tsx +0 -108
- package/src/components/button/secondary/index.tsx +0 -108
- package/src/components/button/size.ts +0 -7
- package/src/components/button/tertiary/index.tsx +0 -125
- package/src/components/button/tertiary-danger/index.tsx +0 -125
- package/src/components/checkbox/index.tsx +0 -239
- package/src/components/checkbox-group/index.tsx +0 -197
- package/src/components/checkbox-input/index.tsx +0 -368
- package/src/components/collapsible/index.tsx +0 -289
- package/src/components/form-helper-text/index.tsx +0 -84
- package/src/components/form-label/index.tsx +0 -66
- package/src/components/icon/index.tsx +0 -53
- package/src/components/index.tsx +0 -23
- package/src/components/notification/_status-hooks/_base.tsx +0 -97
- package/src/components/notification/_status-hooks/error/index.tsx +0 -61
- package/src/components/notification/_status-hooks/index.tsx +0 -4
- package/src/components/notification/_status-hooks/informational/index.tsx +0 -61
- package/src/components/notification/_status-hooks/success/index.tsx +0 -61
- package/src/components/notification/_status-hooks/warning/index.tsx +0 -61
- package/src/components/notification/_variant-context.tsx +0 -35
- package/src/components/notification/_variants/_button-ghost.tsx +0 -65
- package/src/components/notification/_variants/_button-tertiary.tsx +0 -65
- package/src/components/notification/_variants/actionable/index.tsx +0 -105
- package/src/components/notification/_variants/actionable-inline/index.tsx +0 -105
- package/src/components/notification/_variants/callout/index.tsx +0 -76
- package/src/components/notification/_variants/callout-inline/index.tsx +0 -76
- package/src/components/notification/_variants/index.tsx +0 -5
- package/src/components/notification/_variants/toast/index.tsx +0 -135
- package/src/components/notification/actionable/error/index.tsx +0 -86
- package/src/components/notification/actionable/index.tsx +0 -4
- package/src/components/notification/actionable/informational/index.tsx +0 -86
- package/src/components/notification/actionable/success/index.tsx +0 -86
- package/src/components/notification/actionable/warning/index.tsx +0 -86
- package/src/components/notification/actionable-inline/error/index.tsx +0 -85
- package/src/components/notification/actionable-inline/index.tsx +0 -4
- package/src/components/notification/actionable-inline/informational/index.tsx +0 -85
- package/src/components/notification/actionable-inline/success/index.tsx +0 -85
- package/src/components/notification/actionable-inline/warning/index.tsx +0 -85
- package/src/components/notification/base/index.tsx +0 -319
- package/src/components/notification/callout/error/index.tsx +0 -86
- package/src/components/notification/callout/index.tsx +0 -4
- package/src/components/notification/callout/informational/index.tsx +0 -86
- package/src/components/notification/callout/success/index.tsx +0 -86
- package/src/components/notification/callout/warning/index.tsx +0 -86
- package/src/components/notification/callout-inline/error/index.tsx +0 -85
- package/src/components/notification/callout-inline/index.tsx +0 -4
- package/src/components/notification/callout-inline/informational/index.tsx +0 -85
- package/src/components/notification/callout-inline/success/index.tsx +0 -85
- package/src/components/notification/callout-inline/warning/index.tsx +0 -85
- package/src/components/notification/index.tsx +0 -17
- package/src/components/notification/subtitle/index.tsx +0 -58
- package/src/components/notification/subtitle-link/index.tsx +0 -57
- package/src/components/notification/toast/error/index.tsx +0 -86
- package/src/components/notification/toast/index.tsx +0 -4
- package/src/components/notification/toast/informational/index.tsx +0 -86
- package/src/components/notification/toast/success/index.tsx +0 -86
- package/src/components/notification/toast/warning/index.tsx +0 -86
- package/src/components/notification/types.ts +0 -3
- package/src/components/radio-button/index.tsx +0 -238
- package/src/components/radio-button-group/_item-context.tsx +0 -15
- package/src/components/radio-button-group/_item.tsx +0 -91
- package/src/components/radio-button-group/_types/index.ts +0 -55
- package/src/components/radio-button-group/_types/ref-base.ts +0 -11
- package/src/components/radio-button-group/index.tsx +0 -251
- package/src/components/radio-button-input/index.tsx +0 -366
- package/src/components/switch/index.tsx +0 -448
- package/src/components/text/index.tsx +0 -135
- package/src/components/toggle/base/index.tsx +0 -254
- package/src/components/toggle/default/index.tsx +0 -41
- package/src/components/toggle/index.tsx +0 -4
- package/src/components/toggle/small/index.tsx +0 -39
- package/src/components/toggle/state.ts +0 -4
- package/src/constants/color/code.json +0 -273
- package/src/constants/color/index.ts +0 -7
- package/src/constants/color/tokens/gray-10.ts +0 -197
- package/src/constants/color/tokens/gray-100.ts +0 -197
- package/src/constants/color/tokens/index.ts +0 -2
- package/src/constants/index.ts +0 -11
- package/src/constants/motion/index.ts +0 -34
- package/src/constants/spacing.ts +0 -17
- package/src/constants/typography/font-family.ts +0 -16
- package/src/constants/typography/index.ts +0 -2
- package/src/constants/typography/type-sets.ts +0 -151
- package/src/contexts/global-config/context.ts +0 -20
- package/src/contexts/global-config/provider.tsx +0 -26
- package/src/contexts/index.tsx +0 -2
- package/src/contexts/theme/context.ts +0 -26
- package/src/contexts/theme/index.tsx +0 -5
- package/src/contexts/theme/provider.tsx +0 -55
- package/src/globals/color-scheme/index.ts +0 -13
- package/src/globals/index.ts +0 -5
- package/src/helpers/color/get-color-scheme.ts +0 -19
- package/src/helpers/color/get-color-token.ts +0 -14
- package/src/helpers/color/hex-to-rgba.ts +0 -11
- package/src/helpers/color/index.ts +0 -3
- package/src/helpers/index.ts +0 -5
- package/src/index.tsx +0 -9
- package/src/styles/common.ts +0 -21
- package/src/styles/flex.ts +0 -78
- package/src/styles/index.ts +0 -3
- package/src/styles/text.ts +0 -66
- package/src/types/@carbon/icons/index.d.ts +0 -1
- package/src/types/index.ts +0 -9
- package/src/types/shared.ts +0 -1
- package/src/types/theme/color-scheme.ts +0 -1
- package/src/types/theme/color-token.ts +0 -170
- package/src/types/theme/index.ts +0 -2
- package/src/types/typography.ts +0 -36
package/README.md
ADDED
|
@@ -0,0 +1,267 @@
|
|
|
1
|
+
<h1 align="center">
|
|
2
|
+
Carbon for React Native
|
|
3
|
+
</h1>
|
|
4
|
+
|
|
5
|
+
> This library is completely rewritten and not intended to be the replacement of the official [carbon-react-native](https://github.com/carbon-design-system/carbon-react-native)
|
|
6
|
+
|
|
7
|
+
> ⚠️ It is still in development
|
|
8
|
+
|
|
9
|
+
Build React Native apps with component and shared patterns using Carbon.
|
|
10
|
+
|
|
11
|
+
## Documentation
|
|
12
|
+
Documentation available with [docusaurus](https://docusaurus.io/) project on this repository under [docs](https://github.com/RakaDoank/carbon-react-native/tree/main/docs) directory. It's not completed yet, even the library, but it will be documented enough, as soon as the library is ready to use.
|
|
13
|
+
|
|
14
|
+
You can install this repository dependencies with `pnpm install`, and start the docusaurus with `npm run start` command in the [docs](https://github.com/RakaDoank/carbon-react-native/tree/main/docs) directory, or you can also start the React Native CLI example app with `npm run start` in the [example](https://github.com/RakaDoank/carbon-react-native/tree/main/example) directory.
|
|
15
|
+
|
|
16
|
+
## Compatibility
|
|
17
|
+
This library is just a pure JavaScript usage in React Native and only depends on the primitive React Native components with [react-native-reanimated](https://github.com/software-mansion/react-native-reanimated) and [react-native-svg](https://github.com/software-mansion/react-native-svg). It should compatible on all platforms available that can be built with React Native, but i cannot sure that. For the web only, [Carbon React](https://react.carbondesignsystem.com) is already there and do its best and solve a lot of accessibility feature.
|
|
18
|
+
|
|
19
|
+
## Installation
|
|
20
|
+
Install the library to your project
|
|
21
|
+
|
|
22
|
+
with npm
|
|
23
|
+
```
|
|
24
|
+
npm install @audira/carbon-react-native @audira/carbon-react-native-elements
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
pnpm
|
|
28
|
+
```
|
|
29
|
+
pnpm install @audira/carbon-react-native @audira/carbon-react-native-elements
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
yarn
|
|
33
|
+
```
|
|
34
|
+
yarn add @audira/carbon-react-native @audira/carbon-react-native-elements
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
### Peer Dependencies
|
|
38
|
+
|
|
39
|
+
Install these dependencies on your React Native project, (skip one of these library if already installed)
|
|
40
|
+
- [react-native-reanimated](https://github.com/software-mansion/react-native-reanimated)
|
|
41
|
+
- [react-native-svg](https://github.com/software-mansion/react-native-svg)
|
|
42
|
+
- [@carbon/icons](https://www.npmjs.com/package/@carbon/icons)
|
|
43
|
+
- [@carbon/icon-helpers](https://www.npmjs.com/package/@carbon/icon-helpers)
|
|
44
|
+
|
|
45
|
+
### Font Installation
|
|
46
|
+
Install the `IBM Plex Sans` font to your project with [react-native-asset](https://www.npmjs.com/package/react-native-asset). Update your `react-native.config.js` file (create it on your root project directory if doesn't exist)
|
|
47
|
+
```js
|
|
48
|
+
module.exports = {
|
|
49
|
+
assets: [
|
|
50
|
+
'./node_modules/@audira/carbon-react-native/assets/fonts/',
|
|
51
|
+
],
|
|
52
|
+
}
|
|
53
|
+
```
|
|
54
|
+
Then, run `npx react-native-asset` to link the fonts
|
|
55
|
+
|
|
56
|
+
## Initialize
|
|
57
|
+
This library depends on React Context to use the color tokens correctly based on the current color scheme. You have to wrap your whole React App once with `<CarbonReactNative>`
|
|
58
|
+
```tsx
|
|
59
|
+
// Somewhere like in your App.tsx file
|
|
60
|
+
import {
|
|
61
|
+
CarbonReactNative,
|
|
62
|
+
} from '@audira/carbon-react-native'
|
|
63
|
+
|
|
64
|
+
export default function App() {
|
|
65
|
+
return (
|
|
66
|
+
<CarbonReactNative>
|
|
67
|
+
{ /* the rest of your react */ }
|
|
68
|
+
</CarbonReactNative>
|
|
69
|
+
)
|
|
70
|
+
}
|
|
71
|
+
```
|
|
72
|
+
|
|
73
|
+
## Usage
|
|
74
|
+
### Components
|
|
75
|
+
Not all components are available yet, but you can test one of this library's component that are available
|
|
76
|
+
```tsx
|
|
77
|
+
import {
|
|
78
|
+
Button,
|
|
79
|
+
} from '@audira/carbon-react-native'
|
|
80
|
+
|
|
81
|
+
import AddIcon from '@carbon/icons/es/add/20'
|
|
82
|
+
|
|
83
|
+
export default function YourReactComponent() {
|
|
84
|
+
return (
|
|
85
|
+
<Button.PrimaryDanger
|
|
86
|
+
text="Press this"
|
|
87
|
+
icon={ AddIcon }
|
|
88
|
+
/>
|
|
89
|
+
)
|
|
90
|
+
}
|
|
91
|
+
```
|
|
92
|
+
While this library is still in development and there is no documentation available, this library is written in TypeScript. You can just refer to this [components source](https://github.com/RakaDoank/carbon-react-native/tree/main/src/components) for a while.
|
|
93
|
+
|
|
94
|
+
### Accessing Color Token
|
|
95
|
+
You can use current color token based on what color scheme which are `Gray 10` and `Gray 100`. It is available by using `ThemeContext` that are already provided by `CarbonReactNative`.
|
|
96
|
+
```tsx
|
|
97
|
+
import {
|
|
98
|
+
useContext,
|
|
99
|
+
} from 'react'
|
|
100
|
+
|
|
101
|
+
import {
|
|
102
|
+
Text,
|
|
103
|
+
ThemeContext,
|
|
104
|
+
} from '@audira/carbon-react-native'
|
|
105
|
+
|
|
106
|
+
export default function YourReactComponent() {
|
|
107
|
+
const themeContext = useContext(ThemeContext)
|
|
108
|
+
|
|
109
|
+
return (
|
|
110
|
+
<Text type="label_01" style={{ color: themeContext.color.support_error }}>
|
|
111
|
+
React Native
|
|
112
|
+
</Text>
|
|
113
|
+
)
|
|
114
|
+
}
|
|
115
|
+
```
|
|
116
|
+
All components are also made by using `ThemeContext` by the way. All members of the color is same as the official color tokens [here](https://carbondesignsystem.com/elements/color/tokens), but it is using underscore (_) instead of dash (-).
|
|
117
|
+
|
|
118
|
+
### Coloring StyleSheet
|
|
119
|
+
Instead of inline styles, you can also use color token from this library's `StyleSheet`. This is also recommended way to support [React Native for Web](https://necolas.github.io/react-native-web)'s to generate CSS
|
|
120
|
+
```tsx
|
|
121
|
+
import {
|
|
122
|
+
useContext,
|
|
123
|
+
} from 'react'
|
|
124
|
+
|
|
125
|
+
import {
|
|
126
|
+
StyleSheet,
|
|
127
|
+
Text,
|
|
128
|
+
ThemeContext,
|
|
129
|
+
} from '@audira/carbon-react-native'
|
|
130
|
+
|
|
131
|
+
export default function YourReactComponent() {
|
|
132
|
+
/**
|
|
133
|
+
* Keep this to make `style` prop reactive on color scheme changes
|
|
134
|
+
*/
|
|
135
|
+
useContext(ThemeContext)
|
|
136
|
+
|
|
137
|
+
return (
|
|
138
|
+
<Text type="label_01" style={ style.linkText }>
|
|
139
|
+
React Native
|
|
140
|
+
</Text>
|
|
141
|
+
)
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
const style = StyleSheet.create(color => {
|
|
145
|
+
return {
|
|
146
|
+
linkText: {
|
|
147
|
+
color: color.link_primary,
|
|
148
|
+
},
|
|
149
|
+
}
|
|
150
|
+
})
|
|
151
|
+
```
|
|
152
|
+
|
|
153
|
+
### Elements
|
|
154
|
+
You can use elements are available which are `Color`, `Spacing`, `Typography`, and `Motion`. Refer to this [source](https://github.com/RakaDoank/carbon-react-native/tree/main/packages/carbon-react-native-elements/src)
|
|
155
|
+
```tsx
|
|
156
|
+
import {
|
|
157
|
+
StyleSheet,
|
|
158
|
+
View,
|
|
159
|
+
} from 'react-native'
|
|
160
|
+
|
|
161
|
+
import {
|
|
162
|
+
Spacing,
|
|
163
|
+
} from '@audira/carbon-react-native-elements'
|
|
164
|
+
|
|
165
|
+
export default function YourReactComponent() {
|
|
166
|
+
return (
|
|
167
|
+
<View style={ style.container }>
|
|
168
|
+
{ /* other contents */ }
|
|
169
|
+
</View>
|
|
170
|
+
)
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
const style = StyleSheet.create({
|
|
174
|
+
container: {
|
|
175
|
+
paddingHorizontal: Spacing.spacing_05,
|
|
176
|
+
},
|
|
177
|
+
})
|
|
178
|
+
```
|
|
179
|
+
|
|
180
|
+
### Change Color Scheme
|
|
181
|
+
`colorScheme`: `gray_10` | `gray_100`
|
|
182
|
+
|
|
183
|
+
This UI library will solve what color scheme on your project natively, with this map
|
|
184
|
+
- light theme -> `gray_10`
|
|
185
|
+
- dark theme -> `gray_100`
|
|
186
|
+
|
|
187
|
+
If you want override the colorScheme, as an example you only want to use the `gray_100` color scheme (dark mode only), you fill the prop with `gray_100` value
|
|
188
|
+
```tsx
|
|
189
|
+
import {
|
|
190
|
+
CarbonReactNative,
|
|
191
|
+
} from '@audira/carbon-react-native'
|
|
192
|
+
|
|
193
|
+
export default function App() {
|
|
194
|
+
return (
|
|
195
|
+
<CarbonReactNative colorScheme="gray_100">
|
|
196
|
+
{ /* the rest of your react */ }
|
|
197
|
+
</CarbonReactNative>
|
|
198
|
+
)
|
|
199
|
+
}
|
|
200
|
+
```
|
|
201
|
+
|
|
202
|
+
### Override Carbon Color Tokens
|
|
203
|
+
Not recommended to override the color token that are made by Carbon, but you can still override it or just change one of the color token members.
|
|
204
|
+
> :warning: Be aware of this. All components are made also get the impact of color token change
|
|
205
|
+
```tsx
|
|
206
|
+
import {
|
|
207
|
+
CarbonReactNative,
|
|
208
|
+
ColorConstant,
|
|
209
|
+
} from '@audira/carbon-react-native'
|
|
210
|
+
|
|
211
|
+
export default function App() {
|
|
212
|
+
return (
|
|
213
|
+
<CarbonReactNative
|
|
214
|
+
overrideColor={{
|
|
215
|
+
...ColorConstant.Tokens.GRAY_100,
|
|
216
|
+
button_primary: '#9021e5', // as an example, change button_primary from blue originally to purple
|
|
217
|
+
}}
|
|
218
|
+
>
|
|
219
|
+
{ /* the rest of your react */ }
|
|
220
|
+
</CarbonReactNative>
|
|
221
|
+
)
|
|
222
|
+
}
|
|
223
|
+
```
|
|
224
|
+
|
|
225
|
+
**Caveat**, if you fill this prop, `colorScheme` will means nothing, since it depends on whatever your logic here.
|
|
226
|
+
|
|
227
|
+
Another example, you can still follow the light and dark theme by using `gray_10` and `gray_100` and extends it
|
|
228
|
+
```tsx
|
|
229
|
+
import {
|
|
230
|
+
useColorScheme,
|
|
231
|
+
} from 'react-native'
|
|
232
|
+
|
|
233
|
+
import {
|
|
234
|
+
CarbonReactNative,
|
|
235
|
+
ColorHelper,
|
|
236
|
+
type ThemeType,
|
|
237
|
+
} from '@audira/carbon-react-native'
|
|
238
|
+
|
|
239
|
+
export default function App() {
|
|
240
|
+
const
|
|
241
|
+
nativeColorScheme =
|
|
242
|
+
useColorScheme(),
|
|
243
|
+
|
|
244
|
+
colorScheme =
|
|
245
|
+
ColorHelper.getColorScheme(nativeColorScheme)
|
|
246
|
+
|
|
247
|
+
return (
|
|
248
|
+
<CarbonReactNative
|
|
249
|
+
overrideColor={{
|
|
250
|
+
...ColorHelper.getColorToken(colorScheme),
|
|
251
|
+
button_primary: customColorToken[colorScheme].button_primary,
|
|
252
|
+
}}
|
|
253
|
+
>
|
|
254
|
+
{ /* the rest of your react */ }
|
|
255
|
+
</CarbonReactNative>
|
|
256
|
+
)
|
|
257
|
+
}
|
|
258
|
+
|
|
259
|
+
const customColorToken: Record<ThemeType.ColorScheme, { button_primary: string }> = {
|
|
260
|
+
gray_10: {
|
|
261
|
+
button_primary: '#9021e5',
|
|
262
|
+
},
|
|
263
|
+
gray_100: {
|
|
264
|
+
button_primary: '#a421e5'
|
|
265
|
+
},
|
|
266
|
+
}
|
|
267
|
+
```
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.CarbonReactNative = CarbonReactNative;
|
|
7
|
-
var
|
|
8
|
-
var _provider2 = require("../contexts/theme/provider.js");
|
|
7
|
+
var _index = require("../providers/index.js");
|
|
9
8
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
9
|
function CarbonReactNative({
|
|
11
10
|
globalConfig,
|
|
@@ -13,9 +12,9 @@ function CarbonReactNative({
|
|
|
13
12
|
overrideColor,
|
|
14
13
|
children
|
|
15
14
|
}) {
|
|
16
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
15
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.GlobalConfigProvider, {
|
|
17
16
|
...globalConfig,
|
|
18
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
17
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ThemeProvider, {
|
|
19
18
|
colorScheme: colorScheme,
|
|
20
19
|
overrideColor: overrideColor,
|
|
21
20
|
children: children
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_index","require","_jsxRuntime","CarbonReactNative","globalConfig","colorScheme","overrideColor","children","jsx","GlobalConfigProvider","ThemeProvider"],"sourceRoot":"../../../src","sources":["_carbon-react-native/index.tsx"],"mappings":";;;;;;AAIA,IAAAA,MAAA,GAAAC,OAAA;AAIqB,IAAAC,WAAA,GAAAD,OAAA;AAMd,SAASE,iBAAiBA,CAAC;EACjCC,YAAY;EACZC,WAAW;EACXC,aAAa;EACbC;AACuB,CAAC,EAAE;EAE1B,oBACC,IAAAL,WAAA,CAAAM,GAAA,EAACR,MAAA,CAAAS,oBAAoB;IAAA,GACfL,YAAY;IAAAG,QAAA,eAEjB,IAAAL,WAAA,CAAAM,GAAA,EAACR,MAAA,CAAAU,aAAa;MACbL,WAAW,EAAGA,WAAa;MAC3BC,aAAa,EAAGA,aAAe;MAAAC,QAAA,EAE7BA;IAAQ,CACI;EAAC,CACK,CAAC;AAGzB","ignoreList":[]}
|
|
@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.create = create;
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
|
-
var
|
|
9
|
-
var
|
|
8
|
+
var _carbonReactNativeElements = require("@audira/carbon-react-native-elements");
|
|
9
|
+
var _index = require("../globals/index.js");
|
|
10
10
|
function create(fn) {
|
|
11
11
|
const styleRef = fn(colorTokenStrings),
|
|
12
12
|
baseStyle = {},
|
|
@@ -25,8 +25,8 @@ function create(fn) {
|
|
|
25
25
|
coloredStyle[coloredStyleName_G100] = {};
|
|
26
26
|
}
|
|
27
27
|
const colorStr = style[styleProp];
|
|
28
|
-
coloredStyle[coloredStyleName_G10][styleProp] =
|
|
29
|
-
coloredStyle[coloredStyleName_G100][styleProp] =
|
|
28
|
+
coloredStyle[coloredStyleName_G10][styleProp] = _carbonReactNativeElements.Color.Token.gray_10[colorStr] || colorStr;
|
|
29
|
+
coloredStyle[coloredStyleName_G100][styleProp] = _carbonReactNativeElements.Color.Token.gray_100[colorStr] || colorStr;
|
|
30
30
|
} else {
|
|
31
31
|
baseStyle[styleName] = style;
|
|
32
32
|
}
|
|
@@ -37,7 +37,7 @@ function create(fn) {
|
|
|
37
37
|
return Object.keys(styleRef).reduce((acc, styleName) => {
|
|
38
38
|
Object.defineProperty(acc, styleName, {
|
|
39
39
|
get() {
|
|
40
|
-
const colorScheme =
|
|
40
|
+
const colorScheme = _index.ColorSchemeGlobal.get();
|
|
41
41
|
if (colorScheme == 'gray_10') {
|
|
42
42
|
return [baseStyleSheet[styleName], coloredStyleSheet[`${prefixColorStyleName.gray_10}${styleName}`]];
|
|
43
43
|
}
|
|
@@ -48,7 +48,7 @@ function create(fn) {
|
|
|
48
48
|
}, {});
|
|
49
49
|
}
|
|
50
50
|
const colorStyleProps = ['color', 'backgroundColor', 'tintColor', 'shadowColor', 'textDecorationColor', 'textShadowColor', 'overlayColor', 'borderColor', 'borderEndColor', 'borderStartColor', 'borderTopColor', 'borderBottomColor', 'borderLeftColor', 'borderRightColor', 'borderBlockColor', 'borderBlockEndColor', 'borderBlockStartColor'],
|
|
51
|
-
colorTokenStrings = Object.keys(
|
|
51
|
+
colorTokenStrings = Object.keys(_carbonReactNativeElements.Color.Token.gray_10).reduce((acc, key) => {
|
|
52
52
|
acc[key] = key;
|
|
53
53
|
return acc;
|
|
54
54
|
}, {}),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_carbonReactNativeElements","_index","create","fn","styleRef","colorTokenStrings","baseStyle","coloredStyle","styleName","style","styleProp_","styleProp","colorStyleProps","indexOf","coloredStyleName_G10","prefixColorStyleName","gray_10","coloredStyleName_G100","gray_100","colorStr","Color","Token","baseStyleSheet","StyleSheet","coloredStyleSheet","Object","keys","reduce","acc","defineProperty","get","colorScheme","ColorSchemeGlobal","key"],"sourceRoot":"../../../src","sources":["_style-sheet/create.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,9 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.StyleSheet = void 0;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
7
8
|
var _create2 = require("./create.js");
|
|
8
9
|
let StyleSheet = exports.StyleSheet = void 0;
|
|
9
10
|
(function (_StyleSheet) {
|
|
10
11
|
const create = _StyleSheet.create = _create2.create;
|
|
12
|
+
const absoluteFill = _StyleSheet.absoluteFill = _reactNative.StyleSheet.absoluteFill;
|
|
11
13
|
})(StyleSheet || (exports.StyleSheet = StyleSheet = {}));
|
|
12
14
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_create2","StyleSheet","exports","_StyleSheet","create","_create","absoluteFill","RNStyleSheet"],"sourceRoot":"../../../src","sources":["_style-sheet/index.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAIA,IAAAC,QAAA,GAAAD,OAAA;AAEiB,IAEAE,UAAU,GAAAC,OAAA,CAAAD,UAAA;AAAA,WAAAE,WAAA;EAEnB,MAAMC,MAAM,GAAAD,WAAA,CAAAC,MAAA,GAAGC,eAAO;EAEtB,MAAMC,YAAY,GAAAH,WAAA,CAAAG,YAAA,GAAGC,uBAAY,CAACD,YAAY;AAAA,GAJrCL,UAAU,KAAAC,OAAA,CAAAD,UAAA,GAAVA,UAAU","ignoreList":[]}
|
|
@@ -6,22 +6,22 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.HeaderBorder = HeaderBorder;
|
|
7
7
|
var _react = require("react");
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
|
-
var
|
|
10
|
-
var
|
|
11
|
-
var
|
|
9
|
+
var _carbonReactNativeElements = require("@audira/carbon-react-native-elements");
|
|
10
|
+
var _index = require("../../contexts/index.js");
|
|
11
|
+
var _index2 = require("../../styles/index.js");
|
|
12
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
13
|
function HeaderBorder({
|
|
14
14
|
flushAlignment,
|
|
15
15
|
style: styleProp
|
|
16
16
|
}) {
|
|
17
|
-
const themeContext = (0, _react.useContext)(
|
|
17
|
+
const themeContext = (0, _react.useContext)(_index.ThemeContext);
|
|
18
18
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
19
|
-
style: [
|
|
19
|
+
style: [_index2.CommonStyle.absolute, style.borderBox, {
|
|
20
20
|
borderColor: themeContext.color.border_subtle_00
|
|
21
21
|
}, flushAlignment ? {
|
|
22
|
-
left:
|
|
23
|
-
right:
|
|
24
|
-
} :
|
|
22
|
+
left: _carbonReactNativeElements.Spacing.spacing_05,
|
|
23
|
+
right: _carbonReactNativeElements.Spacing.spacing_05
|
|
24
|
+
} : _index2.CommonStyle.w_full, styleProp]
|
|
25
25
|
});
|
|
26
26
|
}
|
|
27
27
|
const style = _reactNative.StyleSheet.create({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_carbonReactNativeElements","_index","_index2","_jsxRuntime","HeaderBorder","flushAlignment","style","styleProp","themeContext","useContext","ThemeContext","jsx","View","CommonStyle","absolute","borderBox","borderColor","color","border_subtle_00","left","Spacing","spacing_05","right","w_full","StyleSheet","create","height","borderTopWidth"],"sourceRoot":"../../../../src","sources":["components/accordion/_header-border.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,0BAAA,GAAAF,OAAA;AAIA,IAAAG,MAAA,GAAAH,OAAA;AAIA,IAAAI,OAAA,GAAAJ,OAAA;AAEqB,IAAAK,WAAA,GAAAL,OAAA;AAUd,SAASM,YAAYA,CAAC;EAC5BC,cAAc;EACdC,KAAK,EAAEC;AACW,CAAC,EAAE;EAErB,MACCC,YAAY,GACX,IAAAC,iBAAU,EAACC,mBAAY,CAAC;EAE1B,oBACC,IAAAP,WAAA,CAAAQ,GAAA,EAACZ,YAAA,CAAAa,IAAI;IACJN,KAAK,EAAG,CACPO,mBAAW,CAACC,QAAQ,EACpBR,KAAK,CAACS,SAAS,EACf;MACCC,WAAW,EAAER,YAAY,CAACS,KAAK,CAACC;IACjC,CAAC,EACDb,cAAc,GACX;MACDc,IAAI,EAAEC,kCAAO,CAACC,UAAU;MACxBC,KAAK,EAAEF,kCAAO,CAACC;IAChB,CAAC,GACCR,mBAAW,CAACU,MAAM,EACrBhB,SAAS;EACP,CACH,CAAC;AAGJ;AAEA,MACCD,KAAK,GACJkB,uBAAU,CAACC,MAAM,CAAC;EACjBV,SAAS,EAAE;IACVW,MAAM,EAAE,CAAC;IACTC,cAAc,EAAE;EACjB;AACD,CAAC,CAAC","ignoreList":[]}
|
|
@@ -110,7 +110,11 @@ const style = _index.StyleSheet.create(color => {
|
|
|
110
110
|
medium: 'medium',
|
|
111
111
|
large: 'large_productive'
|
|
112
112
|
},
|
|
113
|
-
IconAnimated =
|
|
113
|
+
IconAnimated =
|
|
114
|
+
/**
|
|
115
|
+
*
|
|
116
|
+
*/
|
|
117
|
+
_reactNativeReanimated.default.createAnimatedComponent(_index5.Icon),
|
|
114
118
|
iconNodeRenderer = (open, iconColorState, iconSize, iconStyle) => {
|
|
115
119
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(IconNode, {
|
|
116
120
|
open: open,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_","_interopRequireDefault","_index","_index2","_index3","_index4","_index5","_headerBorder","_motion","_jsxRuntime","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Header","size","open","flushAlignment","text","style","styleProp","buttonProps","themeContext","useContext","ThemeContext","jsxs","View","children","jsx","HeaderBorder","BaseColor","mapSizeToButtonSize","android_rippleEffectColor","color","layer_hover_01","colorStateStyle","background","background_default","focused","background_pressed","hovered","background_hovered","pressed","disabled","background_disabled","text_default","text_focused","text_hovered","text_pressed","text_disabled","icon","icon_primary","icon_disabled","iconNode","params","iconNodeRenderer","FlexStyle","self_stretch","StyleSheet","create","backgroundColor","background_focused","borderWidth","borderColor","focus","text_primary","small","medium","large","IconAnimated","Animated","createAnimatedComponent","Icon","iconColorState","iconSize","iconStyle","IconNode","isMounted","useRef","rotateZ","useSharedValue","animatedStyle","useAnimatedStyle","transform","value","useEffect","current","withTiming","Motion","toOpen","toClose","src","ChevronDown","width","height"],"sourceRoot":"../../../../src","sources":["components/accordion/_header.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAMA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,sBAAA,GAAAC,uBAAA,CAAAH,OAAA;
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_","_interopRequireDefault","_index","_index2","_index3","_index4","_index5","_headerBorder","_motion","_jsxRuntime","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Header","size","open","flushAlignment","text","style","styleProp","buttonProps","themeContext","useContext","ThemeContext","jsxs","View","children","jsx","HeaderBorder","BaseColor","mapSizeToButtonSize","android_rippleEffectColor","color","layer_hover_01","colorStateStyle","background","background_default","focused","background_pressed","hovered","background_hovered","pressed","disabled","background_disabled","text_default","text_focused","text_hovered","text_pressed","text_disabled","icon","icon_primary","icon_disabled","iconNode","params","iconNodeRenderer","FlexStyle","self_stretch","StyleSheet","create","backgroundColor","background_focused","borderWidth","borderColor","focus","text_primary","small","medium","large","IconAnimated","Animated","createAnimatedComponent","Icon","iconColorState","iconSize","iconStyle","IconNode","isMounted","useRef","rotateZ","useSharedValue","animatedStyle","useAnimatedStyle","transform","value","useEffect","current","withTiming","Motion","toOpen","toClose","src","ChevronDown","width","height"],"sourceRoot":"../../../../src","sources":["components/accordion/_header.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.Item = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
|
-
var
|
|
10
|
-
var
|
|
9
|
+
var _carbonReactNativeElements = require("@audira/carbon-react-native-elements");
|
|
10
|
+
var _index = require("../collapsible/index.js");
|
|
11
11
|
var _context = require("./_context.js");
|
|
12
12
|
var _header = require("./_header.js");
|
|
13
13
|
var _motion = require("./_motion.js");
|
|
@@ -72,7 +72,7 @@ const Item = exports.Item = /*#__PURE__*/(0, _react.forwardRef)(function Item({
|
|
|
72
72
|
text: title,
|
|
73
73
|
flushAlignment: accordionContext.flushAlignment,
|
|
74
74
|
onPress: pressHandler
|
|
75
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
75
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Collapsible, {
|
|
76
76
|
motion: _motion.Motion,
|
|
77
77
|
controlled: true,
|
|
78
78
|
open: open,
|
|
@@ -83,9 +83,9 @@ const Item = exports.Item = /*#__PURE__*/(0, _react.forwardRef)(function Item({
|
|
|
83
83
|
});
|
|
84
84
|
const style = _reactNative.StyleSheet.create({
|
|
85
85
|
panel: {
|
|
86
|
-
paddingTop:
|
|
87
|
-
paddingBottom:
|
|
88
|
-
paddingLeft:
|
|
86
|
+
paddingTop: _carbonReactNativeElements.Spacing.spacing_03,
|
|
87
|
+
paddingBottom: _carbonReactNativeElements.Spacing.spacing_06,
|
|
88
|
+
paddingLeft: _carbonReactNativeElements.Spacing.spacing_05
|
|
89
89
|
}
|
|
90
90
|
});
|
|
91
91
|
//# sourceMappingURL=_item.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_carbonReactNativeElements","_index","_context","_header","_motion","_jsxRuntime","Item","exports","forwardRef","controlled","open","openProp","title","children","style","styleProp","onChange","onPressHeader","headerProps","props","forwardedRef","accordionContext","useContext","Context","ref","useRef","isMounted","viewRef","openSelf","setOpenSelf","useState","pressHandler","useCallback","event","state","useEffect","current","useImperativeHandle","Object","assign","setOpen","value","jsxs","View","jsx","Header","size","text","flushAlignment","onPress","Collapsible","motion","Motion","contentContainerStyle","collapsibleContentContainerStyle","panel","StyleSheet","create","paddingTop","Spacing","spacing_03","paddingBottom","spacing_06","paddingLeft","spacing_05"],"sourceRoot":"../../../../src","sources":["components/accordion/_item.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.Motion = void 0;
|
|
7
7
|
var _reactNativeReanimated = require("react-native-reanimated");
|
|
8
|
-
var
|
|
8
|
+
var _carbonReactNativeElements = require("@audira/carbon-react-native-elements");
|
|
9
9
|
const Motion = exports.Motion = {
|
|
10
10
|
toOpen: {
|
|
11
|
-
duration:
|
|
12
|
-
easing: _reactNativeReanimated.Easing.bezier(
|
|
11
|
+
duration: _carbonReactNativeElements.Motion.Duration.fast_02,
|
|
12
|
+
easing: _reactNativeReanimated.Easing.bezier(_carbonReactNativeElements.Motion.Easing.entrance.productive.x1, _carbonReactNativeElements.Motion.Easing.entrance.productive.y1, _carbonReactNativeElements.Motion.Easing.entrance.productive.x2, _carbonReactNativeElements.Motion.Easing.entrance.productive.y2)
|
|
13
13
|
},
|
|
14
14
|
toClose: {
|
|
15
15
|
duration: 0
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNativeReanimated","require","
|
|
1
|
+
{"version":3,"names":["_reactNativeReanimated","require","_carbonReactNativeElements","Motion","exports","toOpen","duration","Motion_","Duration","fast_02","easing","Easing","bezier","entrance","productive","x1","y1","x2","y2","toClose"],"sourceRoot":"../../../../src","sources":["components/accordion/_motion.ts"],"mappings":";;;;;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AAIA,IAAAC,0BAAA,GAAAD,OAAA;AAQO,MAAME,MAA+C,GAAAC,OAAA,CAAAD,MAAA,GAC3D;EACCE,MAAM,EAAE;IACPC,QAAQ,EAAEC,iCAAO,CAACC,QAAQ,CAACC,OAAO;IAClCC,MAAM,EAAEC,6BAAM,CAACC,MAAM,CACpBL,iCAAO,CAACI,MAAM,CAACE,QAAQ,CAACC,UAAU,CAACC,EAAE,EACrCR,iCAAO,CAACI,MAAM,CAACE,QAAQ,CAACC,UAAU,CAACE,EAAE,EACrCT,iCAAO,CAACI,MAAM,CAACE,QAAQ,CAACC,UAAU,CAACG,EAAE,EACrCV,iCAAO,CAACI,MAAM,CAACE,QAAQ,CAACC,UAAU,CAACI,EACpC;EACD,CAAC;EACDC,OAAO,EAAE;IACRb,QAAQ,EAAE;EACX;AACD,CAAC","ignoreList":[]}
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.MarginRightStyle = void 0;
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
|
-
var
|
|
8
|
+
var _carbonReactNativeElements = require("@audira/carbon-react-native-elements");
|
|
9
9
|
/**
|
|
10
10
|
* Sorry for named it %margin% but it is actually using padding
|
|
11
11
|
* https://carbondesignsystem.com/components/accordion/style/#margin-right
|
|
@@ -15,10 +15,10 @@ const MarginRightStyle = exports.MarginRightStyle = _reactNative.StyleSheet.crea
|
|
|
15
15
|
paddingRight: '25%'
|
|
16
16
|
},
|
|
17
17
|
range_420_640: {
|
|
18
|
-
paddingRight:
|
|
18
|
+
paddingRight: _carbonReactNativeElements.Spacing.spacing_10
|
|
19
19
|
},
|
|
20
20
|
small: {
|
|
21
|
-
paddingRight:
|
|
21
|
+
paddingRight: _carbonReactNativeElements.Spacing.spacing_05
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
24
|
//# sourceMappingURL=_styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_carbonReactNativeElements","MarginRightStyle","exports","StyleSheet","create","large","paddingRight","range_420_640","Spacing","spacing_10","small","spacing_05"],"sourceRoot":"../../../../src","sources":["components/accordion/_styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAIA,IAAAC,0BAAA,GAAAD,OAAA;AAIA;AACA;AACA;AACA;AACO,MAAME,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAC5BE,uBAAU,CAACC,MAAM,CAAC;EACjBC,KAAK,EAAE;IACNC,YAAY,EAAE;EACf,CAAC;EACDC,aAAa,EAAE;IACdD,YAAY,EAAEE,kCAAO,CAACC;EACvB,CAAC;EACDC,KAAK,EAAE;IACNJ,YAAY,EAAEE,kCAAO,CAACG;EACvB;AACD,CAAC,CAAC","ignoreList":[]}
|