@grupalia/rn-ui-kit 0.99.0 → 0.100.0
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/lib/commonjs/components/BaseBottomSheetModal.js +17 -1
- package/lib/commonjs/components/BaseBottomSheetModal.js.map +1 -1
- package/lib/commonjs/styles/foreground-colors.js +4 -0
- package/lib/commonjs/styles/foreground-colors.js.map +1 -1
- package/lib/module/components/BaseBottomSheetModal.js +17 -1
- package/lib/module/components/BaseBottomSheetModal.js.map +1 -1
- package/lib/module/styles/foreground-colors.js +4 -0
- package/lib/module/styles/foreground-colors.js.map +1 -1
- package/lib/typescript/commonjs/components/BaseBottomSheetModal.d.ts +1 -0
- package/lib/typescript/commonjs/components/BaseBottomSheetModal.d.ts.map +1 -1
- package/lib/typescript/commonjs/styles/foreground-colors.d.ts +5 -1
- package/lib/typescript/commonjs/styles/foreground-colors.d.ts.map +1 -1
- package/lib/typescript/module/components/BaseBottomSheetModal.d.ts +1 -0
- package/lib/typescript/module/components/BaseBottomSheetModal.d.ts.map +1 -1
- package/lib/typescript/module/styles/foreground-colors.d.ts +5 -1
- package/lib/typescript/module/styles/foreground-colors.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/styles/foreground-colors.ts +5 -0
|
@@ -10,8 +10,21 @@ var _react = require("react");
|
|
|
10
10
|
var _reactNative = require("react-native");
|
|
11
11
|
var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
|
|
12
12
|
var _backgroundColors = _interopRequireDefault(require("../styles/background-colors"));
|
|
13
|
+
var _foregroundColors = _interopRequireDefault(require("../styles/foreground-colors"));
|
|
13
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
15
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
|
+
const themeStyles = {
|
|
17
|
+
default: {
|
|
18
|
+
backgroundStyle: undefined,
|
|
19
|
+
handleIndicatorColor: _foregroundColors.default['fg-quaternary'].light
|
|
20
|
+
},
|
|
21
|
+
brand: {
|
|
22
|
+
backgroundStyle: {
|
|
23
|
+
backgroundColor: _backgroundColors.default['bg-brand-solid'].light
|
|
24
|
+
},
|
|
25
|
+
handleIndicatorColor: _foregroundColors.default['fg-quaternary_on-brand'].light
|
|
26
|
+
}
|
|
27
|
+
};
|
|
15
28
|
function createBackdropComponent(closable) {
|
|
16
29
|
return function BackdropComponent(props) {
|
|
17
30
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.BottomSheetBackdrop, {
|
|
@@ -42,6 +55,7 @@ const BaseBottomSheetModal = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
42
55
|
children,
|
|
43
56
|
closable = true,
|
|
44
57
|
scrollable = false,
|
|
58
|
+
theme = 'default',
|
|
45
59
|
...props
|
|
46
60
|
}, ref) => {
|
|
47
61
|
const {
|
|
@@ -49,15 +63,17 @@ const BaseBottomSheetModal = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
49
63
|
bottom
|
|
50
64
|
} = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
|
|
51
65
|
const BackdropComponent = (0, _react.useMemo)(() => createBackdropComponent(closable), [closable]);
|
|
66
|
+
const currentTheme = themeStyles[theme];
|
|
52
67
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.BottomSheetModal, {
|
|
53
68
|
ref: ref,
|
|
54
69
|
topInset: top,
|
|
55
70
|
backdropComponent: BackdropComponent,
|
|
71
|
+
backgroundStyle: currentTheme.backgroundStyle,
|
|
56
72
|
handleStyle: closable ? undefined : {
|
|
57
73
|
display: 'none'
|
|
58
74
|
},
|
|
59
75
|
handleIndicatorStyle: {
|
|
60
|
-
backgroundColor:
|
|
76
|
+
backgroundColor: currentTheme.handleIndicatorColor,
|
|
61
77
|
width: 48
|
|
62
78
|
},
|
|
63
79
|
enablePanDownToClose: closable,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_bottomSheet","require","_react","_reactNative","_reactNativeSafeAreaContext","_backgroundColors","_interopRequireDefault","_jsxRuntime","e","__esModule","default","createBackdropComponent","closable","BackdropComponent","props","jsx","BottomSheetBackdrop","opacity","enableTouchThrough","appearsOnIndex","disappearsOnIndex","pressBehavior","style","
|
|
1
|
+
{"version":3,"names":["_bottomSheet","require","_react","_reactNative","_reactNativeSafeAreaContext","_backgroundColors","_interopRequireDefault","_foregroundColors","_jsxRuntime","e","__esModule","default","themeStyles","backgroundStyle","undefined","handleIndicatorColor","foregroundColors","light","brand","backgroundColor","backgroundColors","createBackdropComponent","closable","BackdropComponent","props","jsx","BottomSheetBackdrop","opacity","enableTouchThrough","appearsOnIndex","disappearsOnIndex","pressBehavior","style","StyleSheet","absoluteFillObject","useBottomSheetModal","visible","bottomSheetRef","useRef","useEffect","current","present","dismiss","BaseBottomSheetModal","forwardRef","children","scrollable","theme","ref","top","bottom","useSafeAreaInsets","useMemo","currentTheme","BottomSheetModal","topInset","backdropComponent","handleStyle","display","handleIndicatorStyle","width","enablePanDownToClose","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","elevation","BottomSheetScrollView","paddingBottom","BottomSheetView","_default","exports"],"sourceRoot":"../../../src","sources":["components/BaseBottomSheetModal.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -23,6 +23,10 @@ var _default = exports.default = {
|
|
|
23
23
|
light: _colors.default.gray_light['400'],
|
|
24
24
|
dark: _colors.default.gray_dark['600']
|
|
25
25
|
},
|
|
26
|
+
'fg-quaternary_on-brand': {
|
|
27
|
+
light: _colors.default.brand['300'],
|
|
28
|
+
dark: _colors.default.gray_light['400']
|
|
29
|
+
},
|
|
26
30
|
'fg-white': {
|
|
27
31
|
light: _colors.default.base.white,
|
|
28
32
|
dark: _colors.default.base.white
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_colors","_interopRequireDefault","require","e","__esModule","default","_default","exports","light","colors","gray_light","dark","base","white","gray_dark","brand","error","warning","success"],"sourceRoot":"../../../src","sources":["styles/foreground-colors.ts"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA8B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,
|
|
1
|
+
{"version":3,"names":["_colors","_interopRequireDefault","require","e","__esModule","default","_default","exports","light","colors","gray_light","dark","base","white","gray_dark","brand","error","warning","success"],"sourceRoot":"../../../src","sources":["styles/foreground-colors.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,7 +5,20 @@ import { forwardRef, useMemo, useRef, useEffect } from 'react';
|
|
|
5
5
|
import { StyleSheet } from 'react-native';
|
|
6
6
|
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
7
7
|
import backgroundColors from "../styles/background-colors.js";
|
|
8
|
+
import foregroundColors from "../styles/foreground-colors.js";
|
|
8
9
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
+
const themeStyles = {
|
|
11
|
+
default: {
|
|
12
|
+
backgroundStyle: undefined,
|
|
13
|
+
handleIndicatorColor: foregroundColors['fg-quaternary'].light
|
|
14
|
+
},
|
|
15
|
+
brand: {
|
|
16
|
+
backgroundStyle: {
|
|
17
|
+
backgroundColor: backgroundColors['bg-brand-solid'].light
|
|
18
|
+
},
|
|
19
|
+
handleIndicatorColor: foregroundColors['fg-quaternary_on-brand'].light
|
|
20
|
+
}
|
|
21
|
+
};
|
|
9
22
|
function createBackdropComponent(closable) {
|
|
10
23
|
return function BackdropComponent(props) {
|
|
11
24
|
return /*#__PURE__*/_jsx(BottomSheetBackdrop, {
|
|
@@ -36,6 +49,7 @@ const BaseBottomSheetModal = /*#__PURE__*/forwardRef(({
|
|
|
36
49
|
children,
|
|
37
50
|
closable = true,
|
|
38
51
|
scrollable = false,
|
|
52
|
+
theme = 'default',
|
|
39
53
|
...props
|
|
40
54
|
}, ref) => {
|
|
41
55
|
const {
|
|
@@ -43,15 +57,17 @@ const BaseBottomSheetModal = /*#__PURE__*/forwardRef(({
|
|
|
43
57
|
bottom
|
|
44
58
|
} = useSafeAreaInsets();
|
|
45
59
|
const BackdropComponent = useMemo(() => createBackdropComponent(closable), [closable]);
|
|
60
|
+
const currentTheme = themeStyles[theme];
|
|
46
61
|
return /*#__PURE__*/_jsx(BottomSheetModal, {
|
|
47
62
|
ref: ref,
|
|
48
63
|
topInset: top,
|
|
49
64
|
backdropComponent: BackdropComponent,
|
|
65
|
+
backgroundStyle: currentTheme.backgroundStyle,
|
|
50
66
|
handleStyle: closable ? undefined : {
|
|
51
67
|
display: 'none'
|
|
52
68
|
},
|
|
53
69
|
handleIndicatorStyle: {
|
|
54
|
-
backgroundColor:
|
|
70
|
+
backgroundColor: currentTheme.handleIndicatorColor,
|
|
55
71
|
width: 48
|
|
56
72
|
},
|
|
57
73
|
enablePanDownToClose: closable,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["BottomSheetModal","BottomSheetBackdrop","BottomSheetView","BottomSheetScrollView","forwardRef","useMemo","useRef","useEffect","StyleSheet","useSafeAreaInsets","backgroundColors","jsx","_jsx","createBackdropComponent","closable","BackdropComponent","props","opacity","enableTouchThrough","appearsOnIndex","disappearsOnIndex","pressBehavior","style","
|
|
1
|
+
{"version":3,"names":["BottomSheetModal","BottomSheetBackdrop","BottomSheetView","BottomSheetScrollView","forwardRef","useMemo","useRef","useEffect","StyleSheet","useSafeAreaInsets","backgroundColors","foregroundColors","jsx","_jsx","themeStyles","default","backgroundStyle","undefined","handleIndicatorColor","light","brand","backgroundColor","createBackdropComponent","closable","BackdropComponent","props","opacity","enableTouchThrough","appearsOnIndex","disappearsOnIndex","pressBehavior","style","absoluteFillObject","useBottomSheetModal","visible","bottomSheetRef","current","present","dismiss","BaseBottomSheetModal","children","scrollable","theme","ref","top","bottom","currentTheme","topInset","backdropComponent","handleStyle","display","handleIndicatorStyle","width","enablePanDownToClose","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","elevation","paddingBottom"],"sourceRoot":"../../../src","sources":["components/BaseBottomSheetModal.tsx"],"mappings":";;AAAA,SACEA,gBAAgB,EAChBC,mBAAmB,EAGnBC,eAAe,EACfC,qBAAqB,QAChB,sBAAsB;AAC7B,SACEC,UAAU,EAEVC,OAAO,EACPC,MAAM,EACNC,SAAS,QACJ,OAAO;AACd,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,OAAOC,gBAAgB,MAAM,gCAA6B;AAC1D,OAAOC,gBAAgB,MAAM,gCAA6B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE3D,MAAMC,WAAW,GAAG;EAClBC,OAAO,EAAE;IACPC,eAAe,EAAEC,SAAS;IAC1BC,oBAAoB,EAAEP,gBAAgB,CAAC,eAAe,CAAC,CAACQ;EAC1D,CAAC;EACDC,KAAK,EAAE;IACLJ,eAAe,EAAE;MAAEK,eAAe,EAAEX,gBAAgB,CAAC,gBAAgB,CAAC,CAACS;IAAM,CAAC;IAC9ED,oBAAoB,EAAEP,gBAAgB,CAAC,wBAAwB,CAAC,CAACQ;EACnE;AACF,CAAC;AAED,SAASG,uBAAuBA,CAACC,QAAiB,EAAE;EAClD,OAAO,SAASC,iBAAiBA,CAACC,KAA+B,EAAE;IACjE,oBACEZ,IAAA,CAACZ,mBAAmB;MAAA,GACdwB,KAAK;MACTC,OAAO,EAAE,GAAI;MACbC,kBAAkB,EAAE,KAAM;MAC1BC,cAAc,EAAE,CAAE;MAClBC,iBAAiB,EAAE,CAAC,CAAE;MACtBC,aAAa,EAAEP,QAAQ,GAAG,OAAO,GAAG,MAAO;MAC3CQ,KAAK,EAAE,CAAC;QAAEV,eAAe,EAAE;MAAmB,CAAC,EAAEb,UAAU,CAACwB,kBAAkB;IAAE,CACjF,CAAC;EAEN,CAAC;AACH;AAEA,SAASC,mBAAmBA,CAACC,OAAgB,EAAE;EAC7C,MAAMC,cAAc,GAAG7B,MAAM,CAAmB,IAAI,CAAC;EAErDC,SAAS,CAAC,MAAM;IACd,IAAI2B,OAAO,EAAE;MACXC,cAAc,CAACC,OAAO,EAAEC,OAAO,CAAC,CAAC;IACnC,CAAC,MAAM;MACLF,cAAc,CAACC,OAAO,EAAEE,OAAO,CAAC,CAAC;IACnC;EACF,CAAC,EAAE,CAACJ,OAAO,CAAC,CAAC;EAEb,OAAOC,cAAc;AACvB;AASA,MAAMI,oBAAoB,gBAAGnC,UAAU,CAGrC,CAAC;EACDoC,QAAQ;EAAEjB,QAAQ,GAAG,IAAI;EAAEkB,UAAU,GAAG,KAAK;EAAEC,KAAK,GAAG,SAAS;EAAE,GAAGjB;AACvE,CAAC,EAAEkB,GAAG,KAAK;EACT,MAAM;IAAEC,GAAG;IAAEC;EAAO,CAAC,GAAGpC,iBAAiB,CAAC,CAAC;EAC3C,MAAMe,iBAAiB,GAAGnB,OAAO,CAC/B,MAAMiB,uBAAuB,CAACC,QAAQ,CAAC,EACvC,CAACA,QAAQ,CACX,CAAC;EAED,MAAMuB,YAAY,GAAGhC,WAAW,CAAC4B,KAAK,CAAC;EAEvC,oBACE7B,IAAA,CAACb,gBAAgB;IACf2C,GAAG,EAAEA,GAAI;IACTI,QAAQ,EAAEH,GAAI;IACdI,iBAAiB,EAAExB,iBAAkB;IACrCR,eAAe,EAAE8B,YAAY,CAAC9B,eAAgB;IAC9CiC,WAAW,EAAE1B,QAAQ,GAAGN,SAAS,GAAG;MAAEiC,OAAO,EAAE;IAAO,CAAE;IACxDC,oBAAoB,EAAE;MAAE9B,eAAe,EAAEyB,YAAY,CAAC5B,oBAAoB;MAAEkC,KAAK,EAAE;IAAG,CAAE;IACxFC,oBAAoB,EAAE9B,QAAS;IAC/BQ,KAAK,EAAE;MACLuB,WAAW,EAAE,OAAO;MACpBC,YAAY,EAAE;QAAEH,KAAK,EAAE,CAAC;QAAEI,MAAM,EAAE;MAAG,CAAC;MACtCC,aAAa,EAAE,IAAI;MACnBC,YAAY,EAAE,KAAK;MACnBC,SAAS,EAAE;IACb,CAAE;IAAA,GACElC,KAAK;IAAAe,QAAA,EAERC,UAAU,gBACT5B,IAAA,CAACV,qBAAqB;MAAC4B,KAAK,EAAE;QAAE6B,aAAa,EAAEf;MAAO,CAAE;MAAAL,QAAA,EACrDA;IAAQ,CACY,CAAC,gBAExB3B,IAAA,CAACX,eAAe;MAAC6B,KAAK,EAAE;QAAE6B,aAAa,EAAEf;MAAO,CAAE;MAAAL,QAAA,EAC/CA;IAAQ,CACM;EAClB,CACe,CAAC;AAEvB,CAAC,CAAC;AAEF,eAAeD,oBAAoB;AACnC,SAASN,mBAAmB","ignoreList":[]}
|
|
@@ -18,6 +18,10 @@ export default {
|
|
|
18
18
|
light: colors.gray_light['400'],
|
|
19
19
|
dark: colors.gray_dark['600']
|
|
20
20
|
},
|
|
21
|
+
'fg-quaternary_on-brand': {
|
|
22
|
+
light: colors.brand['300'],
|
|
23
|
+
dark: colors.gray_light['400']
|
|
24
|
+
},
|
|
21
25
|
'fg-white': {
|
|
22
26
|
light: colors.base.white,
|
|
23
27
|
dark: colors.base.white
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["colors","light","gray_light","dark","base","white","gray_dark","brand","error","warning","success"],"sourceRoot":"../../../src","sources":["styles/foreground-colors.ts"],"mappings":";;AAAA,OAAOA,MAAM,MAAM,aAAU;
|
|
1
|
+
{"version":3,"names":["colors","light","gray_light","dark","base","white","gray_dark","brand","error","warning","success"],"sourceRoot":"../../../src","sources":["styles/foreground-colors.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,6 +5,7 @@ interface BaseBottomSheetModalProps extends BottomSheetModalProps {
|
|
|
5
5
|
children: ReactNode;
|
|
6
6
|
closable?: boolean;
|
|
7
7
|
scrollable?: boolean;
|
|
8
|
+
theme?: 'default' | 'brand';
|
|
8
9
|
}
|
|
9
10
|
declare const BaseBottomSheetModal: import("react").ForwardRefExoticComponent<BaseBottomSheetModalProps & import("react").RefAttributes<BottomSheetModal>>;
|
|
10
11
|
export default BaseBottomSheetModal;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseBottomSheetModal.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseBottomSheetModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAGhB,qBAAqB,EAGtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAEL,SAAS,EAIV,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"BaseBottomSheetModal.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseBottomSheetModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAGhB,qBAAqB,EAGtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAEL,SAAS,EAIV,MAAM,OAAO,CAAC;AAkCf,iBAAS,mBAAmB,CAAC,OAAO,EAAE,OAAO,+CAY5C;AAED,UAAU,yBAA0B,SAAQ,qBAAqB;IAC/D,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC7B;AAED,QAAA,MAAM,oBAAoB,wHA2CxB,CAAC;AAEH,eAAe,oBAAoB,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export type Color = 'fg-primary' | 'fg-secondary' | 'fg-tertiary' | 'fg-quaternary' | 'fg-white' | 'fg-disabled' | 'fg-disabled_subtle' | 'fg-brand-primary' | 'fg-brand-primary_alt' | 'fg-brand-secondary' | 'fg-brand-secondary_alt' | 'fg-error-primary' | 'fg-error-secondary' | 'fg-warning-primary' | 'fg-warning-secondary' | 'fg-success-primary' | 'fg-success-secondary';
|
|
1
|
+
export type Color = 'fg-primary' | 'fg-secondary' | 'fg-tertiary' | 'fg-quaternary' | 'fg-quaternary_on-brand' | 'fg-white' | 'fg-disabled' | 'fg-disabled_subtle' | 'fg-brand-primary' | 'fg-brand-primary_alt' | 'fg-brand-secondary' | 'fg-brand-secondary_alt' | 'fg-error-primary' | 'fg-error-secondary' | 'fg-warning-primary' | 'fg-warning-secondary' | 'fg-success-primary' | 'fg-success-secondary';
|
|
2
2
|
declare const _default: {
|
|
3
3
|
'fg-primary': {
|
|
4
4
|
light: string;
|
|
@@ -16,6 +16,10 @@ declare const _default: {
|
|
|
16
16
|
light: string;
|
|
17
17
|
dark: string;
|
|
18
18
|
};
|
|
19
|
+
'fg-quaternary_on-brand': {
|
|
20
|
+
light: string;
|
|
21
|
+
dark: string;
|
|
22
|
+
};
|
|
19
23
|
'fg-white': {
|
|
20
24
|
light: string;
|
|
21
25
|
dark: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"foreground-colors.d.ts","sourceRoot":"","sources":["../../../../src/styles/foreground-colors.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,KAAK,GACb,YAAY,GACZ,cAAc,GACd,aAAa,GACb,eAAe,GACf,UAAU,GACV,aAAa,GACb,oBAAoB,GACpB,kBAAkB,GAClB,sBAAsB,GACtB,oBAAoB,GACpB,wBAAwB,GACxB,kBAAkB,GAClB,oBAAoB,GACpB,oBAAoB,GACpB,sBAAsB,GACtB,oBAAoB,GACpB,sBAAsB,CAAC
|
|
1
|
+
{"version":3,"file":"foreground-colors.d.ts","sourceRoot":"","sources":["../../../../src/styles/foreground-colors.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,KAAK,GACb,YAAY,GACZ,cAAc,GACd,aAAa,GACb,eAAe,GACf,wBAAwB,GACxB,UAAU,GACV,aAAa,GACb,oBAAoB,GACpB,kBAAkB,GAClB,sBAAsB,GACtB,oBAAoB,GACpB,wBAAwB,GACxB,kBAAkB,GAClB,oBAAoB,GACpB,oBAAoB,GACpB,sBAAsB,GACtB,oBAAoB,GACpB,sBAAsB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE3B,wBAyEE"}
|
|
@@ -5,6 +5,7 @@ interface BaseBottomSheetModalProps extends BottomSheetModalProps {
|
|
|
5
5
|
children: ReactNode;
|
|
6
6
|
closable?: boolean;
|
|
7
7
|
scrollable?: boolean;
|
|
8
|
+
theme?: 'default' | 'brand';
|
|
8
9
|
}
|
|
9
10
|
declare const BaseBottomSheetModal: import("react").ForwardRefExoticComponent<BaseBottomSheetModalProps & import("react").RefAttributes<BottomSheetModal>>;
|
|
10
11
|
export default BaseBottomSheetModal;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseBottomSheetModal.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseBottomSheetModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAGhB,qBAAqB,EAGtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAEL,SAAS,EAIV,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"BaseBottomSheetModal.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseBottomSheetModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAGhB,qBAAqB,EAGtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAEL,SAAS,EAIV,MAAM,OAAO,CAAC;AAkCf,iBAAS,mBAAmB,CAAC,OAAO,EAAE,OAAO,+CAY5C;AAED,UAAU,yBAA0B,SAAQ,qBAAqB;IAC/D,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC7B;AAED,QAAA,MAAM,oBAAoB,wHA2CxB,CAAC;AAEH,eAAe,oBAAoB,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export type Color = 'fg-primary' | 'fg-secondary' | 'fg-tertiary' | 'fg-quaternary' | 'fg-white' | 'fg-disabled' | 'fg-disabled_subtle' | 'fg-brand-primary' | 'fg-brand-primary_alt' | 'fg-brand-secondary' | 'fg-brand-secondary_alt' | 'fg-error-primary' | 'fg-error-secondary' | 'fg-warning-primary' | 'fg-warning-secondary' | 'fg-success-primary' | 'fg-success-secondary';
|
|
1
|
+
export type Color = 'fg-primary' | 'fg-secondary' | 'fg-tertiary' | 'fg-quaternary' | 'fg-quaternary_on-brand' | 'fg-white' | 'fg-disabled' | 'fg-disabled_subtle' | 'fg-brand-primary' | 'fg-brand-primary_alt' | 'fg-brand-secondary' | 'fg-brand-secondary_alt' | 'fg-error-primary' | 'fg-error-secondary' | 'fg-warning-primary' | 'fg-warning-secondary' | 'fg-success-primary' | 'fg-success-secondary';
|
|
2
2
|
declare const _default: {
|
|
3
3
|
'fg-primary': {
|
|
4
4
|
light: string;
|
|
@@ -16,6 +16,10 @@ declare const _default: {
|
|
|
16
16
|
light: string;
|
|
17
17
|
dark: string;
|
|
18
18
|
};
|
|
19
|
+
'fg-quaternary_on-brand': {
|
|
20
|
+
light: string;
|
|
21
|
+
dark: string;
|
|
22
|
+
};
|
|
19
23
|
'fg-white': {
|
|
20
24
|
light: string;
|
|
21
25
|
dark: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"foreground-colors.d.ts","sourceRoot":"","sources":["../../../../src/styles/foreground-colors.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,KAAK,GACb,YAAY,GACZ,cAAc,GACd,aAAa,GACb,eAAe,GACf,UAAU,GACV,aAAa,GACb,oBAAoB,GACpB,kBAAkB,GAClB,sBAAsB,GACtB,oBAAoB,GACpB,wBAAwB,GACxB,kBAAkB,GAClB,oBAAoB,GACpB,oBAAoB,GACpB,sBAAsB,GACtB,oBAAoB,GACpB,sBAAsB,CAAC
|
|
1
|
+
{"version":3,"file":"foreground-colors.d.ts","sourceRoot":"","sources":["../../../../src/styles/foreground-colors.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,KAAK,GACb,YAAY,GACZ,cAAc,GACd,aAAa,GACb,eAAe,GACf,wBAAwB,GACxB,UAAU,GACV,aAAa,GACb,oBAAoB,GACpB,kBAAkB,GAClB,sBAAsB,GACtB,oBAAoB,GACpB,wBAAwB,GACxB,kBAAkB,GAClB,oBAAoB,GACpB,oBAAoB,GACpB,sBAAsB,GACtB,oBAAoB,GACpB,sBAAsB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE3B,wBAyEE"}
|
package/package.json
CHANGED
|
@@ -5,6 +5,7 @@ export type Color =
|
|
|
5
5
|
| 'fg-secondary'
|
|
6
6
|
| 'fg-tertiary'
|
|
7
7
|
| 'fg-quaternary'
|
|
8
|
+
| 'fg-quaternary_on-brand'
|
|
8
9
|
| 'fg-white'
|
|
9
10
|
| 'fg-disabled'
|
|
10
11
|
| 'fg-disabled_subtle'
|
|
@@ -36,6 +37,10 @@ export default {
|
|
|
36
37
|
light: colors.gray_light['400'],
|
|
37
38
|
dark: colors.gray_dark['600'],
|
|
38
39
|
},
|
|
40
|
+
'fg-quaternary_on-brand': {
|
|
41
|
+
light: colors.brand['300'],
|
|
42
|
+
dark: colors.gray_light['400'],
|
|
43
|
+
},
|
|
39
44
|
'fg-white': {
|
|
40
45
|
light: colors.base.white,
|
|
41
46
|
dark: colors.base.white,
|