npm - @sendbird/uikit-react-native-foundation - Versions diffs - 3.12.2 → 3.12.4 - Mend

@sendbird/uikit-react-native-foundation 3.12.2 → 3.12.4

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.

Files changed (30) hide show

package/lib/commonjs/components/PressBox/index.js +10 -2
package/lib/commonjs/components/PressBox/index.js.map +1 -1
package/lib/commonjs/theme/DarkUIKitTheme.js +2 -1
package/lib/commonjs/theme/DarkUIKitTheme.js.map +1 -1
package/lib/commonjs/theme/LightUIKitTheme.js +2 -1
package/lib/commonjs/theme/LightUIKitTheme.js.map +1 -1
package/lib/commonjs/types.js.map +1 -1
package/lib/commonjs/ui/Button/index.js +19 -24
package/lib/commonjs/ui/Button/index.js.map +1 -1
package/lib/commonjs/ui/GroupChannelPreview/index.js +1 -1
package/lib/commonjs/ui/GroupChannelPreview/index.js.map +1 -1
package/lib/module/components/PressBox/index.js +10 -2
package/lib/module/components/PressBox/index.js.map +1 -1
package/lib/module/theme/DarkUIKitTheme.js +2 -1
package/lib/module/theme/DarkUIKitTheme.js.map +1 -1
package/lib/module/theme/LightUIKitTheme.js +2 -1
package/lib/module/theme/LightUIKitTheme.js.map +1 -1
package/lib/module/types.js.map +1 -1
package/lib/module/ui/Button/index.js +18 -24
package/lib/module/ui/Button/index.js.map +1 -1
package/lib/module/ui/GroupChannelPreview/index.js +1 -1
package/lib/module/ui/GroupChannelPreview/index.js.map +1 -1
package/lib/typescript/src/types.d.ts +1 -1
package/package.json +3 -3
package/src/components/PressBox/index.tsx +12 -3
package/src/theme/DarkUIKitTheme.ts +1 -0
package/src/theme/LightUIKitTheme.ts +1 -0
package/src/types.ts +2 -1
package/src/ui/Button/index.tsx +11 -19
package/src/ui/GroupChannelPreview/index.tsx +6 -1

package/lib/module/theme/DarkUIKitTheme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["createTheme","DarkUIKitTheme","colorScheme","colors","palette","primary","primary200","secondary","secondary200","error","error200","background","background600","text","onBackgroundDark01","onBackground01","onBackground02","onBackgroundDark02","onBackground03","onBackgroundDark03","onBackground04","onBackgroundDark04","onBackgroundReverse01","onBackgroundLight01","onBackgroundReverse02","onBackgroundLight02","onBackgroundReverse03","onBackgroundLight03","onBackgroundReverse04","onBackgroundLight04","ui","header","nav","none","background500","borderBottom","button","contained","enabled","content","pressed","primary300","disabled","transparent","background400","dialog","default","message","highlight","destructive","error300","blurred","input","active","placeholder","underline","badge","dateSeparator","overlay02","groupChannelMessage","incoming","textMsg","textEdited","textTime","textSenderName","textVoicePlaytime","voiceSpinner","voiceProgressTrack","voiceActionIcon","voiceActionIconBackground","background700","primary500","outgoing","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator","profileCard","textUsername","textBodyLabel","reaction","selected","rounded","openChannelMessage","bubbleBackground","adminBackground","textMsgPostfix","textOperator","openChannelPreview","textParticipants","frozenIcon","participantsIcon","background300","voiceMessageInput","textCancel","actionIcon","actionIconBackground","sendIcon","sendIconBackground","progressTrack","recording","inactive"],"sources":["DarkUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst DarkUIKitTheme = createTheme({\n colorScheme: 'dark',\n colors: (palette) => {\n return {\n primary: palette.primary200,\n secondary: palette.secondary200,\n error: palette.error200,\n background: palette.background600,\n text: palette.onBackgroundDark01,\n onBackground01: palette.onBackgroundDark01,\n onBackground02: palette.onBackgroundDark02,\n onBackground03: palette.onBackgroundDark03,\n onBackground04: palette.onBackgroundDark04,\n onBackgroundReverse01: palette.onBackgroundLight01,\n onBackgroundReverse02: palette.onBackgroundLight02,\n onBackgroundReverse03: palette.onBackgroundLight03,\n onBackgroundReverse04: palette.onBackgroundLight04,\n ui: {\n header: {\n nav: {\n none: {\n background: palette.background500,\n borderBottom: palette.onBackgroundDark04,\n },\n },\n },\n button: {\n contained: {\n enabled: {\n background: palette.primary200,\n content: palette.onBackgroundLight01,\n },\n pressed: {\n background: palette.primary300,\n content: palette.onBackgroundLight01,\n },\n disabled: {\n background: palette.background500,\n content: palette.onBackgroundDark04,\n },\n },\n text: {\n enabled: {\n background: palette.transparent,\n content: palette.primary200,\n },\n pressed: {\n background: palette.background400,\n content: palette.primary200,\n },\n disabled: {\n background: palette.transparent,\n content: palette.onBackgroundDark04,\n },\n },\n },\n dialog: {\n default: {\n none: {\n background: palette.background500,\n text: palette.onBackgroundDark01,\n message: palette.onBackgroundDark02,\n highlight: palette.primary200,\n destructive: palette.error300,\n blurred: palette.onBackgroundDark04,\n },\n },\n },\n input: {\n default: {\n active: {\n text: palette.onBackgroundDark01,\n placeholder: palette.onBackgroundDark03,\n background: palette.background400,\n highlight: palette.primary200,\n },\n disabled: {\n text: palette.onBackgroundDark04,\n placeholder: palette.onBackgroundDark04,\n background: palette.background400,\n highlight: palette.onBackgroundDark04,\n },\n },\n underline: {\n active: {\n text: palette.onBackgroundDark01,\n placeholder: palette.onBackgroundDark03,\n background: palette.transparent,\n highlight: palette.primary200,\n },\n disabled: {\n text: palette.onBackgroundDark04,\n placeholder: palette.onBackgroundDark04,\n background: palette.transparent,\n highlight: palette.onBackgroundDark04,\n },\n },\n },\n badge: {\n default: {\n none: {\n text: palette.background600,\n background: palette.primary200,\n },\n },\n },\n placeholder: {\n default: {\n none: {\n content: palette.onBackgroundDark03,\n highlight: palette.primary200,\n },\n },\n },\n dateSeparator: {\n default: {\n none: {\n text: palette.onBackgroundDark02,\n background: palette.overlay02,\n },\n },\n },\n groupChannelMessage: {\n incoming: {\n enabled: {\n textMsg: palette.onBackgroundDark01,\n textEdited: palette.onBackgroundDark02,\n textTime: palette.onBackgroundDark03,\n textSenderName: palette.onBackgroundDark02,\n background: palette.background400,\n textVoicePlaytime: palette.onBackgroundDark01,\n voiceSpinner: palette.primary200,\n voiceProgressTrack: palette.background400,\n voiceActionIcon: palette.primary200,\n voiceActionIconBackground: palette.background700,\n },\n pressed: {\n textMsg: palette.onBackgroundDark01,\n textEdited: palette.onBackgroundDark02,\n textTime: palette.onBackgroundDark03,\n textSenderName: palette.onBackgroundDark02,\n background: palette.primary500,\n textVoicePlaytime: palette.onBackgroundDark01,\n voiceSpinner: palette.primary200,\n voiceProgressTrack: palette.background400,\n voiceActionIcon: palette.primary200,\n voiceActionIconBackground: palette.background700,\n },\n },\n outgoing: {\n enabled: {\n textMsg: palette.onBackgroundLight01,\n textEdited: palette.onBackgroundLight02,\n textTime: palette.onBackgroundDark03,\n textSenderName: palette.transparent,\n background: palette.primary200,\n textVoicePlaytime: palette.onBackgroundLight01,\n voiceSpinner: palette.primary300,\n voiceProgressTrack: palette.primary200,\n voiceActionIcon: palette.primary200,\n voiceActionIconBackground: palette.background700,\n },\n pressed: {\n textMsg: palette.onBackgroundLight01,\n textEdited: palette.onBackgroundLight02,\n textTime: palette.onBackgroundDark03,\n textSenderName: palette.transparent,\n background: palette.primary300,\n textVoicePlaytime: palette.onBackgroundLight01,\n voiceSpinner: palette.primary300,\n voiceProgressTrack: palette.primary200,\n voiceActionIcon: palette.primary200,\n voiceActionIconBackground: palette.background700,\n },\n },\n },\n groupChannelPreview: {\n default: {\n none: {\n textTitle: palette.onBackgroundDark01,\n textTitleCaption: palette.onBackgroundDark03,\n textBody: palette.onBackgroundDark03,\n bodyIcon: palette.onBackgroundDark02,\n memberCount: palette.onBackgroundDark02,\n background: palette.background600,\n coverBackground: palette.onBackgroundDark04,\n bodyIconBackground: palette.background500,\n separator: palette.onBackgroundDark04,\n },\n },\n },\n profileCard: {\n default: {\n none: {\n textUsername: palette.onBackgroundDark01,\n textBodyLabel: palette.onBackgroundDark02,\n textBody: palette.onBackgroundDark01,\n background: palette.background500,\n },\n },\n },\n reaction: {\n default: {\n enabled: {\n background: palette.transparent,\n highlight: palette.onBackgroundDark03,\n },\n selected: {\n background: palette.primary500,\n highlight: palette.primary200,\n },\n },\n rounded: {\n enabled: {\n background: palette.background400,\n highlight: palette.transparent,\n },\n selected: {\n background: palette.primary500,\n highlight: palette.transparent,\n },\n },\n },\n openChannelMessage: {\n default: {\n enabled: {\n background: palette.transparent,\n bubbleBackground: palette.background500,\n adminBackground: palette.background500,\n textMsg: palette.onBackgroundDark01,\n textMsgPostfix: palette.onBackgroundDark02,\n textSenderName: palette.onBackgroundDark02,\n textTime: palette.onBackgroundDark03,\n textOperator: palette.secondary200,\n },\n pressed: {\n background: palette.background500,\n bubbleBackground: palette.background700,\n adminBackground: palette.background500,\n textMsg: palette.onBackgroundDark01,\n textMsgPostfix: palette.onBackgroundDark02,\n textSenderName: palette.onBackgroundDark02,\n textTime: palette.onBackgroundDark03,\n textOperator: palette.secondary200,\n },\n },\n },\n openChannelPreview: {\n default: {\n none: {\n textTitle: palette.onBackgroundDark01,\n textParticipants: palette.onBackgroundDark02,\n frozenIcon: palette.primary200,\n participantsIcon: palette.onBackgroundDark02,\n background: palette.background600,\n coverBackground: palette.background300,\n separator: palette.onBackgroundDark04,\n },\n },\n },\n voiceMessageInput: {\n default: {\n active: {\n textCancel: palette.primary200,\n textTime: palette.onBackgroundLight01,\n background: palette.background600,\n actionIcon: palette.onBackgroundDark01,\n actionIconBackground: palette.background500,\n sendIcon: palette.onBackgroundLight01,\n sendIconBackground: palette.primary200,\n progressTrack: palette.primary200,\n recording: palette.error300,\n },\n inactive: {\n textCancel: palette.primary200,\n textTime: palette.onBackgroundDark03,\n background: palette.background600,\n actionIcon: palette.onBackgroundDark01,\n actionIconBackground: palette.background500,\n sendIcon: palette.onBackgroundDark04,\n sendIconBackground: palette.background500,\n progressTrack: palette.background400,\n recording: palette.error200,\n },\n },\n },\n },\n };\n },\n});\n\nexport default DarkUIKitTheme;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["createTheme","DarkUIKitTheme","colorScheme","colors","palette","primary","primary200","secondary","secondary200","error","error200","background","background600","text","onBackgroundDark01","onBackground01","onBackground02","onBackgroundDark02","onBackground03","onBackgroundDark03","onBackground04","onBackgroundDark04","onBackgroundReverse01","onBackgroundLight01","onBackgroundReverse02","onBackgroundLight02","onBackgroundReverse03","onBackgroundLight03","onBackgroundReverse04","onBackgroundLight04","ui","header","nav","none","background500","borderBottom","button","contained","enabled","content","pressed","primary300","disabled","transparent","background400","dialog","default","message","highlight","destructive","error300","blurred","input","active","placeholder","underline","badge","dateSeparator","overlay02","groupChannelMessage","incoming","textMsg","textEdited","textTime","textSenderName","textVoicePlaytime","voiceSpinner","voiceProgressTrack","voiceActionIcon","voiceActionIconBackground","background700","primary500","outgoing","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator","frozenIcon","profileCard","textUsername","textBodyLabel","reaction","selected","rounded","openChannelMessage","bubbleBackground","adminBackground","textMsgPostfix","textOperator","openChannelPreview","textParticipants","participantsIcon","background300","voiceMessageInput","textCancel","actionIcon","actionIconBackground","sendIcon","sendIconBackground","progressTrack","recording","inactive"],"sources":["DarkUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst DarkUIKitTheme = createTheme({\n colorScheme: 'dark',\n colors: (palette) => {\n return {\n primary: palette.primary200,\n secondary: palette.secondary200,\n error: palette.error200,\n background: palette.background600,\n text: palette.onBackgroundDark01,\n onBackground01: palette.onBackgroundDark01,\n onBackground02: palette.onBackgroundDark02,\n onBackground03: palette.onBackgroundDark03,\n onBackground04: palette.onBackgroundDark04,\n onBackgroundReverse01: palette.onBackgroundLight01,\n onBackgroundReverse02: palette.onBackgroundLight02,\n onBackgroundReverse03: palette.onBackgroundLight03,\n onBackgroundReverse04: palette.onBackgroundLight04,\n ui: {\n header: {\n nav: {\n none: {\n background: palette.background500,\n borderBottom: palette.onBackgroundDark04,\n },\n },\n },\n button: {\n contained: {\n enabled: {\n background: palette.primary200,\n content: palette.onBackgroundLight01,\n },\n pressed: {\n background: palette.primary300,\n content: palette.onBackgroundLight01,\n },\n disabled: {\n background: palette.background500,\n content: palette.onBackgroundDark04,\n },\n },\n text: {\n enabled: {\n background: palette.transparent,\n content: palette.primary200,\n },\n pressed: {\n background: palette.background400,\n content: palette.primary200,\n },\n disabled: {\n background: palette.transparent,\n content: palette.onBackgroundDark04,\n },\n },\n },\n dialog: {\n default: {\n none: {\n background: palette.background500,\n text: palette.onBackgroundDark01,\n message: palette.onBackgroundDark02,\n highlight: palette.primary200,\n destructive: palette.error300,\n blurred: palette.onBackgroundDark04,\n },\n },\n },\n input: {\n default: {\n active: {\n text: palette.onBackgroundDark01,\n placeholder: palette.onBackgroundDark03,\n background: palette.background400,\n highlight: palette.primary200,\n },\n disabled: {\n text: palette.onBackgroundDark04,\n placeholder: palette.onBackgroundDark04,\n background: palette.background400,\n highlight: palette.onBackgroundDark04,\n },\n },\n underline: {\n active: {\n text: palette.onBackgroundDark01,\n placeholder: palette.onBackgroundDark03,\n background: palette.transparent,\n highlight: palette.primary200,\n },\n disabled: {\n text: palette.onBackgroundDark04,\n placeholder: palette.onBackgroundDark04,\n background: palette.transparent,\n highlight: palette.onBackgroundDark04,\n },\n },\n },\n badge: {\n default: {\n none: {\n text: palette.background600,\n background: palette.primary200,\n },\n },\n },\n placeholder: {\n default: {\n none: {\n content: palette.onBackgroundDark03,\n highlight: palette.primary200,\n },\n },\n },\n dateSeparator: {\n default: {\n none: {\n text: palette.onBackgroundDark02,\n background: palette.overlay02,\n },\n },\n },\n groupChannelMessage: {\n incoming: {\n enabled: {\n textMsg: palette.onBackgroundDark01,\n textEdited: palette.onBackgroundDark02,\n textTime: palette.onBackgroundDark03,\n textSenderName: palette.onBackgroundDark02,\n background: palette.background400,\n textVoicePlaytime: palette.onBackgroundDark01,\n voiceSpinner: palette.primary200,\n voiceProgressTrack: palette.background400,\n voiceActionIcon: palette.primary200,\n voiceActionIconBackground: palette.background700,\n },\n pressed: {\n textMsg: palette.onBackgroundDark01,\n textEdited: palette.onBackgroundDark02,\n textTime: palette.onBackgroundDark03,\n textSenderName: palette.onBackgroundDark02,\n background: palette.primary500,\n textVoicePlaytime: palette.onBackgroundDark01,\n voiceSpinner: palette.primary200,\n voiceProgressTrack: palette.background400,\n voiceActionIcon: palette.primary200,\n voiceActionIconBackground: palette.background700,\n },\n },\n outgoing: {\n enabled: {\n textMsg: palette.onBackgroundLight01,\n textEdited: palette.onBackgroundLight02,\n textTime: palette.onBackgroundDark03,\n textSenderName: palette.transparent,\n background: palette.primary200,\n textVoicePlaytime: palette.onBackgroundLight01,\n voiceSpinner: palette.primary300,\n voiceProgressTrack: palette.primary200,\n voiceActionIcon: palette.primary200,\n voiceActionIconBackground: palette.background700,\n },\n pressed: {\n textMsg: palette.onBackgroundLight01,\n textEdited: palette.onBackgroundLight02,\n textTime: palette.onBackgroundDark03,\n textSenderName: palette.transparent,\n background: palette.primary300,\n textVoicePlaytime: palette.onBackgroundLight01,\n voiceSpinner: palette.primary300,\n voiceProgressTrack: palette.primary200,\n voiceActionIcon: palette.primary200,\n voiceActionIconBackground: palette.background700,\n },\n },\n },\n groupChannelPreview: {\n default: {\n none: {\n textTitle: palette.onBackgroundDark01,\n textTitleCaption: palette.onBackgroundDark03,\n textBody: palette.onBackgroundDark03,\n bodyIcon: palette.onBackgroundDark02,\n memberCount: palette.onBackgroundDark02,\n background: palette.background600,\n coverBackground: palette.onBackgroundDark04,\n bodyIconBackground: palette.background500,\n separator: palette.onBackgroundDark04,\n frozenIcon: palette.primary200,\n },\n },\n },\n profileCard: {\n default: {\n none: {\n textUsername: palette.onBackgroundDark01,\n textBodyLabel: palette.onBackgroundDark02,\n textBody: palette.onBackgroundDark01,\n background: palette.background500,\n },\n },\n },\n reaction: {\n default: {\n enabled: {\n background: palette.transparent,\n highlight: palette.onBackgroundDark03,\n },\n selected: {\n background: palette.primary500,\n highlight: palette.primary200,\n },\n },\n rounded: {\n enabled: {\n background: palette.background400,\n highlight: palette.transparent,\n },\n selected: {\n background: palette.primary500,\n highlight: palette.transparent,\n },\n },\n },\n openChannelMessage: {\n default: {\n enabled: {\n background: palette.transparent,\n bubbleBackground: palette.background500,\n adminBackground: palette.background500,\n textMsg: palette.onBackgroundDark01,\n textMsgPostfix: palette.onBackgroundDark02,\n textSenderName: palette.onBackgroundDark02,\n textTime: palette.onBackgroundDark03,\n textOperator: palette.secondary200,\n },\n pressed: {\n background: palette.background500,\n bubbleBackground: palette.background700,\n adminBackground: palette.background500,\n textMsg: palette.onBackgroundDark01,\n textMsgPostfix: palette.onBackgroundDark02,\n textSenderName: palette.onBackgroundDark02,\n textTime: palette.onBackgroundDark03,\n textOperator: palette.secondary200,\n },\n },\n },\n openChannelPreview: {\n default: {\n none: {\n textTitle: palette.onBackgroundDark01,\n textParticipants: palette.onBackgroundDark02,\n frozenIcon: palette.primary200,\n participantsIcon: palette.onBackgroundDark02,\n background: palette.background600,\n coverBackground: palette.background300,\n separator: palette.onBackgroundDark04,\n },\n },\n },\n voiceMessageInput: {\n default: {\n active: {\n textCancel: palette.primary200,\n textTime: palette.onBackgroundLight01,\n background: palette.background600,\n actionIcon: palette.onBackgroundDark01,\n actionIconBackground: palette.background500,\n sendIcon: palette.onBackgroundLight01,\n sendIconBackground: palette.primary200,\n progressTrack: palette.primary200,\n recording: palette.error300,\n },\n inactive: {\n textCancel: palette.primary200,\n textTime: palette.onBackgroundDark03,\n background: palette.background600,\n actionIcon: palette.onBackgroundDark01,\n actionIconBackground: palette.background500,\n sendIcon: palette.onBackgroundDark04,\n sendIconBackground: palette.background500,\n progressTrack: palette.background400,\n recording: palette.error200,\n },\n },\n },\n },\n };\n },\n});\n\nexport default DarkUIKitTheme;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/theme/LightUIKitTheme.js CHANGED Viewed

@@ -186,7 +186,8 @@ const LightUIKitTheme = createTheme({
               background: palette.background50,
               coverBackground: palette.onBackgroundLight04,
               bodyIconBackground: palette.background100,
-              separator: palette.onBackgroundLight04
+              separator: palette.onBackgroundLight04,
+              frozenIcon: palette.primary300
             }
           }
         },

package/lib/module/theme/LightUIKitTheme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["createTheme","LightUIKitTheme","colorScheme","colors","palette","primary","primary300","secondary","secondary300","error","error300","background","background50","text","onBackgroundLight01","onBackground01","onBackground02","onBackgroundLight02","onBackground03","onBackgroundLight03","onBackground04","onBackgroundLight04","onBackgroundReverse01","onBackgroundDark01","onBackgroundReverse02","onBackgroundDark02","onBackgroundReverse03","onBackgroundDark03","onBackgroundReverse04","onBackgroundDark04","ui","header","nav","none","borderBottom","button","contained","enabled","content","pressed","primary400","disabled","background100","transparent","dialog","default","message","highlight","destructive","blurred","input","active","placeholder","underline","badge","dateSeparator","overlay02","groupChannelMessage","incoming","textMsg","textEdited","textTime","textSenderName","textVoicePlaytime","voiceSpinner","voiceProgressTrack","voiceActionIcon","voiceActionIconBackground","primary100","outgoing","primary200","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator","profileCard","textUsername","textBodyLabel","reaction","selected","rounded","openChannelMessage","bubbleBackground","adminBackground","textMsgPostfix","textOperator","background300","openChannelPreview","textParticipants","frozenIcon","participantsIcon","voiceMessageInput","textCancel","actionIcon","actionIconBackground","sendIcon","sendIconBackground","progressTrack","recording","inactive"],"sources":["LightUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst LightUIKitTheme = createTheme({\n colorScheme: 'light',\n colors: (palette) => {\n return {\n primary: palette.primary300,\n secondary: palette.secondary300,\n error: palette.error300,\n background: palette.background50,\n text: palette.onBackgroundLight01,\n onBackground01: palette.onBackgroundLight01,\n onBackground02: palette.onBackgroundLight02,\n onBackground03: palette.onBackgroundLight03,\n onBackground04: palette.onBackgroundLight04,\n onBackgroundReverse01: palette.onBackgroundDark01,\n onBackgroundReverse02: palette.onBackgroundDark02,\n onBackgroundReverse03: palette.onBackgroundDark03,\n onBackgroundReverse04: palette.onBackgroundDark04,\n ui: {\n header: {\n nav: {\n none: {\n background: palette.background50,\n borderBottom: palette.onBackgroundLight04,\n },\n },\n },\n button: {\n contained: {\n enabled: {\n background: palette.primary300,\n content: palette.onBackgroundDark01,\n },\n pressed: {\n background: palette.primary400,\n content: palette.onBackgroundDark01,\n },\n disabled: {\n background: palette.background100,\n content: palette.onBackgroundLight04,\n },\n },\n text: {\n enabled: {\n background: palette.transparent,\n content: palette.primary300,\n },\n pressed: {\n background: palette.transparent,\n content: palette.primary300,\n },\n disabled: {\n background: palette.transparent,\n content: palette.onBackgroundLight04,\n },\n },\n },\n dialog: {\n default: {\n none: {\n background: palette.background50,\n text: palette.onBackgroundLight01,\n message: palette.onBackgroundLight02,\n highlight: palette.primary300,\n destructive: palette.error300,\n blurred: palette.onBackgroundLight04,\n },\n },\n },\n input: {\n default: {\n active: {\n text: palette.onBackgroundLight01,\n placeholder: palette.onBackgroundLight03,\n background: palette.background100,\n highlight: palette.primary300,\n },\n disabled: {\n text: palette.onBackgroundLight04,\n placeholder: palette.onBackgroundLight04,\n background: palette.background100,\n highlight: palette.onBackgroundLight04,\n },\n },\n underline: {\n active: {\n text: palette.onBackgroundLight01,\n placeholder: palette.onBackgroundLight03,\n background: palette.transparent,\n highlight: palette.primary300,\n },\n disabled: {\n text: palette.onBackgroundLight04,\n placeholder: palette.onBackgroundLight04,\n background: palette.transparent,\n highlight: palette.onBackgroundLight04,\n },\n },\n },\n badge: {\n default: {\n none: {\n text: palette.background50,\n background: palette.primary300,\n },\n },\n },\n placeholder: {\n default: {\n none: {\n content: palette.onBackgroundLight03,\n highlight: palette.primary300,\n },\n },\n },\n dateSeparator: {\n default: {\n none: {\n text: palette.onBackgroundDark01,\n background: palette.overlay02,\n },\n },\n },\n groupChannelMessage: {\n incoming: {\n enabled: {\n textMsg: palette.onBackgroundLight01,\n textEdited: palette.onBackgroundLight02,\n textTime: palette.onBackgroundLight03,\n textSenderName: palette.onBackgroundLight02,\n background: palette.background100,\n textVoicePlaytime: palette.onBackgroundLight01,\n voiceSpinner: palette.primary300,\n voiceProgressTrack: palette.background100,\n voiceActionIcon: palette.primary300,\n voiceActionIconBackground: palette.background50,\n },\n pressed: {\n textMsg: palette.onBackgroundLight01,\n textEdited: palette.onBackgroundLight02,\n textTime: palette.onBackgroundLight03,\n textSenderName: palette.onBackgroundLight02,\n background: palette.primary100,\n textVoicePlaytime: palette.onBackgroundLight01,\n voiceSpinner: palette.primary300,\n voiceProgressTrack: palette.background100,\n voiceActionIcon: palette.primary300,\n voiceActionIconBackground: palette.background50,\n },\n },\n outgoing: {\n enabled: {\n textMsg: palette.onBackgroundDark01,\n textEdited: palette.onBackgroundDark02,\n textTime: palette.onBackgroundLight03,\n textSenderName: palette.transparent,\n background: palette.primary300,\n textVoicePlaytime: palette.onBackgroundDark01,\n voiceSpinner: palette.primary200,\n voiceProgressTrack: palette.primary300,\n voiceActionIcon: palette.primary300,\n voiceActionIconBackground: palette.background50,\n },\n pressed: {\n textMsg: palette.onBackgroundDark01,\n textEdited: palette.onBackgroundDark02,\n textTime: palette.onBackgroundLight03,\n textSenderName: palette.transparent,\n background: palette.primary400,\n textVoicePlaytime: palette.onBackgroundDark01,\n voiceSpinner: palette.primary200,\n voiceProgressTrack: palette.primary300,\n voiceActionIcon: palette.primary300,\n voiceActionIconBackground: palette.background50,\n },\n },\n },\n groupChannelPreview: {\n default: {\n none: {\n textTitle: palette.onBackgroundLight01,\n textTitleCaption: palette.onBackgroundLight03,\n textBody: palette.onBackgroundLight03,\n bodyIcon: palette.onBackgroundLight02,\n memberCount: palette.onBackgroundLight02,\n background: palette.background50,\n coverBackground: palette.onBackgroundLight04,\n bodyIconBackground: palette.background100,\n separator: palette.onBackgroundLight04,\n },\n },\n },\n profileCard: {\n default: {\n none: {\n textUsername: palette.onBackgroundLight01,\n textBodyLabel: palette.onBackgroundLight02,\n textBody: palette.onBackgroundLight01,\n background: palette.background50,\n },\n },\n },\n reaction: {\n default: {\n enabled: {\n background: palette.transparent,\n highlight: palette.onBackgroundLight03,\n },\n selected: {\n background: palette.primary100,\n highlight: palette.primary300,\n },\n },\n rounded: {\n enabled: {\n background: palette.background100,\n highlight: palette.transparent,\n },\n selected: {\n background: palette.primary100,\n highlight: palette.transparent,\n },\n },\n },\n openChannelMessage: {\n default: {\n enabled: {\n background: palette.transparent,\n bubbleBackground: palette.background100,\n adminBackground: palette.background100,\n textMsg: palette.onBackgroundLight01,\n textMsgPostfix: palette.onBackgroundLight02,\n textSenderName: palette.onBackgroundLight02,\n textTime: palette.onBackgroundLight03,\n textOperator: palette.secondary300,\n },\n pressed: {\n background: palette.background100,\n bubbleBackground: palette.background300,\n adminBackground: palette.background100,\n textMsg: palette.onBackgroundLight01,\n textMsgPostfix: palette.onBackgroundLight02,\n textSenderName: palette.onBackgroundLight02,\n textTime: palette.onBackgroundLight03,\n textOperator: palette.secondary300,\n },\n },\n },\n openChannelPreview: {\n default: {\n none: {\n textTitle: palette.onBackgroundLight01,\n textParticipants: palette.onBackgroundLight02,\n frozenIcon: palette.primary300,\n participantsIcon: palette.onBackgroundLight02,\n background: palette.background50,\n coverBackground: palette.background300,\n separator: palette.onBackgroundLight04,\n },\n },\n },\n voiceMessageInput: {\n default: {\n active: {\n textCancel: palette.primary300,\n textTime: palette.onBackgroundDark01,\n background: palette.background50,\n actionIcon: palette.onBackgroundLight01,\n actionIconBackground: palette.background100,\n sendIcon: palette.onBackgroundDark01,\n sendIconBackground: palette.primary300,\n progressTrack: palette.primary300,\n recording: palette.error300,\n },\n inactive: {\n textCancel: palette.primary300,\n textTime: palette.onBackgroundLight03,\n background: palette.background50,\n actionIcon: palette.onBackgroundLight01,\n actionIconBackground: palette.background100,\n sendIcon: palette.onBackgroundLight04,\n sendIconBackground: palette.background100,\n progressTrack: palette.background100,\n recording: palette.error300,\n },\n },\n },\n },\n };\n },\n});\n\nexport default LightUIKitTheme;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["createTheme","LightUIKitTheme","colorScheme","colors","palette","primary","primary300","secondary","secondary300","error","error300","background","background50","text","onBackgroundLight01","onBackground01","onBackground02","onBackgroundLight02","onBackground03","onBackgroundLight03","onBackground04","onBackgroundLight04","onBackgroundReverse01","onBackgroundDark01","onBackgroundReverse02","onBackgroundDark02","onBackgroundReverse03","onBackgroundDark03","onBackgroundReverse04","onBackgroundDark04","ui","header","nav","none","borderBottom","button","contained","enabled","content","pressed","primary400","disabled","background100","transparent","dialog","default","message","highlight","destructive","blurred","input","active","placeholder","underline","badge","dateSeparator","overlay02","groupChannelMessage","incoming","textMsg","textEdited","textTime","textSenderName","textVoicePlaytime","voiceSpinner","voiceProgressTrack","voiceActionIcon","voiceActionIconBackground","primary100","outgoing","primary200","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator","frozenIcon","profileCard","textUsername","textBodyLabel","reaction","selected","rounded","openChannelMessage","bubbleBackground","adminBackground","textMsgPostfix","textOperator","background300","openChannelPreview","textParticipants","participantsIcon","voiceMessageInput","textCancel","actionIcon","actionIconBackground","sendIcon","sendIconBackground","progressTrack","recording","inactive"],"sources":["LightUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst LightUIKitTheme = createTheme({\n colorScheme: 'light',\n colors: (palette) => {\n return {\n primary: palette.primary300,\n secondary: palette.secondary300,\n error: palette.error300,\n background: palette.background50,\n text: palette.onBackgroundLight01,\n onBackground01: palette.onBackgroundLight01,\n onBackground02: palette.onBackgroundLight02,\n onBackground03: palette.onBackgroundLight03,\n onBackground04: palette.onBackgroundLight04,\n onBackgroundReverse01: palette.onBackgroundDark01,\n onBackgroundReverse02: palette.onBackgroundDark02,\n onBackgroundReverse03: palette.onBackgroundDark03,\n onBackgroundReverse04: palette.onBackgroundDark04,\n ui: {\n header: {\n nav: {\n none: {\n background: palette.background50,\n borderBottom: palette.onBackgroundLight04,\n },\n },\n },\n button: {\n contained: {\n enabled: {\n background: palette.primary300,\n content: palette.onBackgroundDark01,\n },\n pressed: {\n background: palette.primary400,\n content: palette.onBackgroundDark01,\n },\n disabled: {\n background: palette.background100,\n content: palette.onBackgroundLight04,\n },\n },\n text: {\n enabled: {\n background: palette.transparent,\n content: palette.primary300,\n },\n pressed: {\n background: palette.transparent,\n content: palette.primary300,\n },\n disabled: {\n background: palette.transparent,\n content: palette.onBackgroundLight04,\n },\n },\n },\n dialog: {\n default: {\n none: {\n background: palette.background50,\n text: palette.onBackgroundLight01,\n message: palette.onBackgroundLight02,\n highlight: palette.primary300,\n destructive: palette.error300,\n blurred: palette.onBackgroundLight04,\n },\n },\n },\n input: {\n default: {\n active: {\n text: palette.onBackgroundLight01,\n placeholder: palette.onBackgroundLight03,\n background: palette.background100,\n highlight: palette.primary300,\n },\n disabled: {\n text: palette.onBackgroundLight04,\n placeholder: palette.onBackgroundLight04,\n background: palette.background100,\n highlight: palette.onBackgroundLight04,\n },\n },\n underline: {\n active: {\n text: palette.onBackgroundLight01,\n placeholder: palette.onBackgroundLight03,\n background: palette.transparent,\n highlight: palette.primary300,\n },\n disabled: {\n text: palette.onBackgroundLight04,\n placeholder: palette.onBackgroundLight04,\n background: palette.transparent,\n highlight: palette.onBackgroundLight04,\n },\n },\n },\n badge: {\n default: {\n none: {\n text: palette.background50,\n background: palette.primary300,\n },\n },\n },\n placeholder: {\n default: {\n none: {\n content: palette.onBackgroundLight03,\n highlight: palette.primary300,\n },\n },\n },\n dateSeparator: {\n default: {\n none: {\n text: palette.onBackgroundDark01,\n background: palette.overlay02,\n },\n },\n },\n groupChannelMessage: {\n incoming: {\n enabled: {\n textMsg: palette.onBackgroundLight01,\n textEdited: palette.onBackgroundLight02,\n textTime: palette.onBackgroundLight03,\n textSenderName: palette.onBackgroundLight02,\n background: palette.background100,\n textVoicePlaytime: palette.onBackgroundLight01,\n voiceSpinner: palette.primary300,\n voiceProgressTrack: palette.background100,\n voiceActionIcon: palette.primary300,\n voiceActionIconBackground: palette.background50,\n },\n pressed: {\n textMsg: palette.onBackgroundLight01,\n textEdited: palette.onBackgroundLight02,\n textTime: palette.onBackgroundLight03,\n textSenderName: palette.onBackgroundLight02,\n background: palette.primary100,\n textVoicePlaytime: palette.onBackgroundLight01,\n voiceSpinner: palette.primary300,\n voiceProgressTrack: palette.background100,\n voiceActionIcon: palette.primary300,\n voiceActionIconBackground: palette.background50,\n },\n },\n outgoing: {\n enabled: {\n textMsg: palette.onBackgroundDark01,\n textEdited: palette.onBackgroundDark02,\n textTime: palette.onBackgroundLight03,\n textSenderName: palette.transparent,\n background: palette.primary300,\n textVoicePlaytime: palette.onBackgroundDark01,\n voiceSpinner: palette.primary200,\n voiceProgressTrack: palette.primary300,\n voiceActionIcon: palette.primary300,\n voiceActionIconBackground: palette.background50,\n },\n pressed: {\n textMsg: palette.onBackgroundDark01,\n textEdited: palette.onBackgroundDark02,\n textTime: palette.onBackgroundLight03,\n textSenderName: palette.transparent,\n background: palette.primary400,\n textVoicePlaytime: palette.onBackgroundDark01,\n voiceSpinner: palette.primary200,\n voiceProgressTrack: palette.primary300,\n voiceActionIcon: palette.primary300,\n voiceActionIconBackground: palette.background50,\n },\n },\n },\n groupChannelPreview: {\n default: {\n none: {\n textTitle: palette.onBackgroundLight01,\n textTitleCaption: palette.onBackgroundLight03,\n textBody: palette.onBackgroundLight03,\n bodyIcon: palette.onBackgroundLight02,\n memberCount: palette.onBackgroundLight02,\n background: palette.background50,\n coverBackground: palette.onBackgroundLight04,\n bodyIconBackground: palette.background100,\n separator: palette.onBackgroundLight04,\n frozenIcon: palette.primary300,\n },\n },\n },\n profileCard: {\n default: {\n none: {\n textUsername: palette.onBackgroundLight01,\n textBodyLabel: palette.onBackgroundLight02,\n textBody: palette.onBackgroundLight01,\n background: palette.background50,\n },\n },\n },\n reaction: {\n default: {\n enabled: {\n background: palette.transparent,\n highlight: palette.onBackgroundLight03,\n },\n selected: {\n background: palette.primary100,\n highlight: palette.primary300,\n },\n },\n rounded: {\n enabled: {\n background: palette.background100,\n highlight: palette.transparent,\n },\n selected: {\n background: palette.primary100,\n highlight: palette.transparent,\n },\n },\n },\n openChannelMessage: {\n default: {\n enabled: {\n background: palette.transparent,\n bubbleBackground: palette.background100,\n adminBackground: palette.background100,\n textMsg: palette.onBackgroundLight01,\n textMsgPostfix: palette.onBackgroundLight02,\n textSenderName: palette.onBackgroundLight02,\n textTime: palette.onBackgroundLight03,\n textOperator: palette.secondary300,\n },\n pressed: {\n background: palette.background100,\n bubbleBackground: palette.background300,\n adminBackground: palette.background100,\n textMsg: palette.onBackgroundLight01,\n textMsgPostfix: palette.onBackgroundLight02,\n textSenderName: palette.onBackgroundLight02,\n textTime: palette.onBackgroundLight03,\n textOperator: palette.secondary300,\n },\n },\n },\n openChannelPreview: {\n default: {\n none: {\n textTitle: palette.onBackgroundLight01,\n textParticipants: palette.onBackgroundLight02,\n frozenIcon: palette.primary300,\n participantsIcon: palette.onBackgroundLight02,\n background: palette.background50,\n coverBackground: palette.background300,\n separator: palette.onBackgroundLight04,\n },\n },\n },\n voiceMessageInput: {\n default: {\n active: {\n textCancel: palette.primary300,\n textTime: palette.onBackgroundDark01,\n background: palette.background50,\n actionIcon: palette.onBackgroundLight01,\n actionIconBackground: palette.background100,\n sendIcon: palette.onBackgroundDark01,\n sendIconBackground: palette.primary300,\n progressTrack: palette.primary300,\n recording: palette.error300,\n },\n inactive: {\n textCancel: palette.primary300,\n textTime: palette.onBackgroundLight03,\n background: palette.background50,\n actionIcon: palette.onBackgroundLight01,\n actionIconBackground: palette.background100,\n sendIcon: palette.onBackgroundLight04,\n sendIconBackground: palette.background100,\n progressTrack: palette.background100,\n recording: palette.error300,\n },\n },\n },\n },\n };\n },\n});\n\nexport default LightUIKitTheme;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any /\nimport type { ReactNode } from 'react';\nimport type { TextStyle } from 'react-native';\n\nexport interface UIKitTypography {\n h1: FontAttributes;\n h2: FontAttributes;\n subtitle1: FontAttributes;\n subtitle2: FontAttributes;\n body1: FontAttributes;\n body2: FontAttributes;\n body3: FontAttributes;\n button: FontAttributes;\n caption1: FontAttributes;\n caption2: FontAttributes;\n caption3: FontAttributes;\n caption4: FontAttributes;\n}\nexport type TypoName = keyof UIKitTypography;\nexport type FontAttributes = Pick<TextStyle, 'fontFamily' \| 'fontSize' \| 'lineHeight' \| 'letterSpacing' \| 'fontWeight'>;\n\nexport type UIKitColorScheme = 'light' \| 'dark';\nexport interface UIKitTheme {\n colorScheme: UIKitColorScheme;\n select<V>(options: { [key in UIKitColorScheme \| 'default']?: V }): V;\n\n palette: UIKitPalette;\n colors: UIKitColors;\n\n typography: UIKitTypography;\n}\n\nexport type Component =\n \| 'Header'\n \| 'Button'\n \| 'Dialog'\n \| 'Input'\n \| 'Badge'\n \| 'Placeholder'\n \| 'DateSeparator'\n \| 'GroupChannelMessage'\n \| 'GroupChannelPreview'\n \| 'ProfileCard'\n \| 'Reaction'\n \| 'OpenChannelMessage'\n \| 'OpenChannelPreview'\n \| 'VoiceMessageInput';\n\nexport type GetColorTree<\n Tree extends {\n Variant: {\n [key in Component]: string;\n };\n State: {\n [key in Component]: string;\n };\n ColorPart: {\n [key in Component]: string;\n };\n },\n> = Tree;\n\nexport type ComponentColorTree = GetColorTree<{\n Variant: {\n Header: 'nav';\n Button: 'contained' \| 'text';\n Dialog: 'default';\n Input: 'default' \| 'underline';\n Badge: 'default';\n Placeholder: 'default';\n DateSeparator: 'default';\n GroupChannelMessage: 'incoming' \| 'outgoing';\n GroupChannelPreview: 'default';\n ProfileCard: 'default';\n Reaction: 'default' \| 'rounded';\n OpenChannelMessage: 'default';\n OpenChannelPreview: 'default';\n VoiceMessageInput: 'default';\n };\n State: {\n Header: 'none';\n Button: 'enabled' \| 'pressed' \| 'disabled';\n Dialog: 'none';\n Input: 'active' \| 'disabled';\n Badge: 'none';\n Placeholder: 'none';\n DateSeparator: 'none';\n GroupChannelMessage: 'enabled' \| 'pressed';\n GroupChannelPreview: 'none';\n ProfileCard: 'none';\n Reaction: 'enabled' \| 'selected';\n OpenChannelMessage: 'enabled' \| 'pressed';\n OpenChannelPreview: 'none';\n VoiceMessageInput: 'active' \| 'inactive';\n };\n ColorPart: {\n Header: 'background' \| 'borderBottom';\n Button: 'background' \| 'content';\n Dialog: 'background' \| 'text' \| 'message' \| 'highlight' \| 'destructive' \| 'blurred';\n Input: 'text' \| 'placeholder' \| 'background' \| 'highlight';\n Badge: 'text' \| 'background';\n Placeholder: 'content' \| 'highlight';\n DateSeparator: 'text' \| 'background';\n GroupChannelMessage:\n \| 'textMsg'\n \| 'textEdited'\n \| 'textSenderName'\n \| 'textTime'\n \| 'textVoicePlaytime'\n \| 'background'\n \| 'voiceSpinner'\n \| 'voiceProgressTrack'\n \| 'voiceActionIcon'\n \| 'voiceActionIconBackground';\n GroupChannelPreview:\n \| 'textTitle'\n \| 'textTitleCaption'\n \| 'textBody'\n \| 'memberCount'\n \| 'bodyIcon'\n \| 'background'\n \| 'coverBackground'\n \| 'bodyIconBackground'\n \| 'separator';\n ProfileCard: 'textUsername' \| 'textBodyLabel' \| 'textBody' \| 'background';\n Reaction: 'background' \| 'highlight';\n OpenChannelMessage:\n \| 'textMsg'\n \| 'textMsgPostfix'\n \| 'textSenderName'\n \| 'textTime'\n \| 'textOperator'\n \| 'background'\n \| 'bubbleBackground'\n \| 'adminBackground';\n OpenChannelPreview:\n \| 'textTitle'\n \| 'textParticipants'\n \| 'frozenIcon'\n \| 'participantsIcon'\n \| 'background'\n \| 'coverBackground'\n \| 'separator';\n VoiceMessageInput:\n \| 'textCancel'\n \| 'textTime'\n \| 'background'\n \| 'actionIcon'\n \| 'actionIconBackground'\n \| 'sendIcon'\n \| 'sendIconBackground'\n \| 'progressTrack'\n \| 'recording';\n };\n}>;\nexport type ComponentColors<T extends Component> = {\n [key in ComponentColorTree['Variant'][T]]: {\n [key in ComponentColorTree['State'][T]]: {\n [key in ComponentColorTree['ColorPart'][T]]: string;\n };\n };\n};\n\nexport interface UIKitColors {\n primary: string;\n secondary: string;\n error: string;\n background: string;\n text: string;\n onBackground01: string;\n onBackground02: string;\n onBackground03: string;\n onBackground04: string;\n onBackgroundReverse01: string;\n onBackgroundReverse02: string;\n onBackgroundReverse03: string;\n onBackgroundReverse04: string;\n /\n UI Colors has below structure\n * Component.{Variant}.{State}.{ColorPart}\n * @example\n * ```\n * const { colors } = useUIKitTheme();\n * colors.ui.button.contained.disabled.backgroundColor\n * ```\n * */\n ui: {\n header: ComponentColors<'Header'>;\n button: ComponentColors<'Button'>;\n dialog: ComponentColors<'Dialog'>;\n input: ComponentColors<'Input'>;\n badge: ComponentColors<'Badge'>;\n placeholder: ComponentColors<'Placeholder'>;\n dateSeparator: ComponentColors<'DateSeparator'>;\n groupChannelMessage: ComponentColors<'GroupChannelMessage'>;\n groupChannelPreview: ComponentColors<'GroupChannelPreview'>;\n profileCard: ComponentColors<'ProfileCard'>;\n reaction: ComponentColors<'Reaction'>;\n openChannelMessage: ComponentColors<'OpenChannelMessage'>;\n openChannelPreview: ComponentColors<'OpenChannelPreview'>;\n voiceMessageInput: ComponentColors<'VoiceMessageInput'>;\n };\n}\n\nexport type HeaderElement = ReactNode;\nexport type HeaderPartProps = {\n title?: ReactNode;\n right?: ReactNode;\n left?: ReactNode;\n onPressLeft?: (...params: any[]) => any;\n onPressRight?: (...params: any[]) => any;\n};\nexport type BaseHeaderProps<HeaderParts extends HeaderPartProps = {}, AdditionalProps = {}> = {\n titleAlign?: 'left' \| 'center' \| 'right';\n children?: ReactNode;\n} & HeaderParts &\n AdditionalProps;\nexport interface UIKitPalette {\n primary100: string;\n primary200: string;\n primary300: string;\n primary400: string;\n primary500: string;\n\n secondary100: string;\n secondary200: string;\n secondary300: string;\n secondary400: string;\n secondary500: string;\n\n error100: string;\n error200: string;\n error300: string;\n error400: string;\n error500: string;\n\n background50: string;\n background100: string;\n background200: string;\n background300: string;\n background400: string;\n background500: string;\n background600: string;\n background700: string;\n\n overlay01: string;\n overlay02: string;\n\n information: string;\n highlight: string;\n transparent: 'transparent';\n\n onBackgroundLight01: string;\n onBackgroundLight02: string;\n onBackgroundLight03: string;\n onBackgroundLight04: string;\n\n onBackgroundDark01: string;\n onBackgroundDark02: string;\n onBackgroundDark03: string;\n onBackgroundDark04: string;\n}\n"],"mappings":"","ignoreList":[]}
1	+ {"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any /\nimport type { ReactNode } from 'react';\nimport type { TextStyle } from 'react-native';\n\nexport interface UIKitTypography {\n h1: FontAttributes;\n h2: FontAttributes;\n subtitle1: FontAttributes;\n subtitle2: FontAttributes;\n body1: FontAttributes;\n body2: FontAttributes;\n body3: FontAttributes;\n button: FontAttributes;\n caption1: FontAttributes;\n caption2: FontAttributes;\n caption3: FontAttributes;\n caption4: FontAttributes;\n}\nexport type TypoName = keyof UIKitTypography;\nexport type FontAttributes = Pick<TextStyle, 'fontFamily' \| 'fontSize' \| 'lineHeight' \| 'letterSpacing' \| 'fontWeight'>;\n\nexport type UIKitColorScheme = 'light' \| 'dark';\nexport interface UIKitTheme {\n colorScheme: UIKitColorScheme;\n select<V>(options: { [key in UIKitColorScheme \| 'default']?: V }): V;\n\n palette: UIKitPalette;\n colors: UIKitColors;\n\n typography: UIKitTypography;\n}\n\nexport type Component =\n \| 'Header'\n \| 'Button'\n \| 'Dialog'\n \| 'Input'\n \| 'Badge'\n \| 'Placeholder'\n \| 'DateSeparator'\n \| 'GroupChannelMessage'\n \| 'GroupChannelPreview'\n \| 'ProfileCard'\n \| 'Reaction'\n \| 'OpenChannelMessage'\n \| 'OpenChannelPreview'\n \| 'VoiceMessageInput';\n\nexport type GetColorTree<\n Tree extends {\n Variant: {\n [key in Component]: string;\n };\n State: {\n [key in Component]: string;\n };\n ColorPart: {\n [key in Component]: string;\n };\n },\n> = Tree;\n\nexport type ComponentColorTree = GetColorTree<{\n Variant: {\n Header: 'nav';\n Button: 'contained' \| 'text';\n Dialog: 'default';\n Input: 'default' \| 'underline';\n Badge: 'default';\n Placeholder: 'default';\n DateSeparator: 'default';\n GroupChannelMessage: 'incoming' \| 'outgoing';\n GroupChannelPreview: 'default';\n ProfileCard: 'default';\n Reaction: 'default' \| 'rounded';\n OpenChannelMessage: 'default';\n OpenChannelPreview: 'default';\n VoiceMessageInput: 'default';\n };\n State: {\n Header: 'none';\n Button: 'enabled' \| 'pressed' \| 'disabled';\n Dialog: 'none';\n Input: 'active' \| 'disabled';\n Badge: 'none';\n Placeholder: 'none';\n DateSeparator: 'none';\n GroupChannelMessage: 'enabled' \| 'pressed';\n GroupChannelPreview: 'none';\n ProfileCard: 'none';\n Reaction: 'enabled' \| 'selected';\n OpenChannelMessage: 'enabled' \| 'pressed';\n OpenChannelPreview: 'none';\n VoiceMessageInput: 'active' \| 'inactive';\n };\n ColorPart: {\n Header: 'background' \| 'borderBottom';\n Button: 'background' \| 'content';\n Dialog: 'background' \| 'text' \| 'message' \| 'highlight' \| 'destructive' \| 'blurred';\n Input: 'text' \| 'placeholder' \| 'background' \| 'highlight';\n Badge: 'text' \| 'background';\n Placeholder: 'content' \| 'highlight';\n DateSeparator: 'text' \| 'background';\n GroupChannelMessage:\n \| 'textMsg'\n \| 'textEdited'\n \| 'textSenderName'\n \| 'textTime'\n \| 'textVoicePlaytime'\n \| 'background'\n \| 'voiceSpinner'\n \| 'voiceProgressTrack'\n \| 'voiceActionIcon'\n \| 'voiceActionIconBackground';\n GroupChannelPreview:\n \| 'textTitle'\n \| 'textTitleCaption'\n \| 'textBody'\n \| 'memberCount'\n \| 'bodyIcon'\n \| 'background'\n \| 'coverBackground'\n \| 'bodyIconBackground'\n \| 'separator'\n \| 'frozenIcon';\n ProfileCard: 'textUsername' \| 'textBodyLabel' \| 'textBody' \| 'background';\n Reaction: 'background' \| 'highlight';\n OpenChannelMessage:\n \| 'textMsg'\n \| 'textMsgPostfix'\n \| 'textSenderName'\n \| 'textTime'\n \| 'textOperator'\n \| 'background'\n \| 'bubbleBackground'\n \| 'adminBackground';\n OpenChannelPreview:\n \| 'textTitle'\n \| 'textParticipants'\n \| 'frozenIcon'\n \| 'participantsIcon'\n \| 'background'\n \| 'coverBackground'\n \| 'separator';\n VoiceMessageInput:\n \| 'textCancel'\n \| 'textTime'\n \| 'background'\n \| 'actionIcon'\n \| 'actionIconBackground'\n \| 'sendIcon'\n \| 'sendIconBackground'\n \| 'progressTrack'\n \| 'recording';\n };\n}>;\nexport type ComponentColors<T extends Component> = {\n [key in ComponentColorTree['Variant'][T]]: {\n [key in ComponentColorTree['State'][T]]: {\n [key in ComponentColorTree['ColorPart'][T]]: string;\n };\n };\n};\n\nexport interface UIKitColors {\n primary: string;\n secondary: string;\n error: string;\n background: string;\n text: string;\n onBackground01: string;\n onBackground02: string;\n onBackground03: string;\n onBackground04: string;\n onBackgroundReverse01: string;\n onBackgroundReverse02: string;\n onBackgroundReverse03: string;\n onBackgroundReverse04: string;\n /\n UI Colors has below structure\n * Component.{Variant}.{State}.{ColorPart}\n * @example\n * ```\n * const { colors } = useUIKitTheme();\n * colors.ui.button.contained.disabled.backgroundColor\n * ```\n * */\n ui: {\n header: ComponentColors<'Header'>;\n button: ComponentColors<'Button'>;\n dialog: ComponentColors<'Dialog'>;\n input: ComponentColors<'Input'>;\n badge: ComponentColors<'Badge'>;\n placeholder: ComponentColors<'Placeholder'>;\n dateSeparator: ComponentColors<'DateSeparator'>;\n groupChannelMessage: ComponentColors<'GroupChannelMessage'>;\n groupChannelPreview: ComponentColors<'GroupChannelPreview'>;\n profileCard: ComponentColors<'ProfileCard'>;\n reaction: ComponentColors<'Reaction'>;\n openChannelMessage: ComponentColors<'OpenChannelMessage'>;\n openChannelPreview: ComponentColors<'OpenChannelPreview'>;\n voiceMessageInput: ComponentColors<'VoiceMessageInput'>;\n };\n}\n\nexport type HeaderElement = ReactNode;\nexport type HeaderPartProps = {\n title?: ReactNode;\n right?: ReactNode;\n left?: ReactNode;\n onPressLeft?: (...params: any[]) => any;\n onPressRight?: (...params: any[]) => any;\n};\nexport type BaseHeaderProps<HeaderParts extends HeaderPartProps = {}, AdditionalProps = {}> = {\n titleAlign?: 'left' \| 'center' \| 'right';\n children?: ReactNode;\n} & HeaderParts &\n AdditionalProps;\nexport interface UIKitPalette {\n primary100: string;\n primary200: string;\n primary300: string;\n primary400: string;\n primary500: string;\n\n secondary100: string;\n secondary200: string;\n secondary300: string;\n secondary400: string;\n secondary500: string;\n\n error100: string;\n error200: string;\n error300: string;\n error400: string;\n error500: string;\n\n background50: string;\n background100: string;\n background200: string;\n background300: string;\n background400: string;\n background500: string;\n background600: string;\n background700: string;\n\n overlay01: string;\n overlay02: string;\n\n information: string;\n highlight: string;\n transparent: 'transparent';\n\n onBackgroundLight01: string;\n onBackgroundLight02: string;\n onBackgroundLight03: string;\n onBackgroundLight04: string;\n\n onBackgroundDark01: string;\n onBackgroundDark02: string;\n onBackgroundDark03: string;\n onBackgroundDark04: string;\n}\n"],"mappings":"","ignoreList":[]}

package/lib/module/ui/Button/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useState } from 'react';
 import { Pressable } from 'react-native';
 import Icon from '../../components/Icon';
 import Text from '../../components/Text';
@@ -17,38 +17,32 @@ const Button = ({
   const {
     colors
   } = useUIKitTheme();
+  const [pressed, setPressed] = useState(false);
   const getStateColor = (pressed, disabled) => {
     const stateColors = colors.ui.button[variant];
     if (disabled) return stateColors.disabled;
     if (pressed) return stateColors.pressed;
     return stateColors.enabled;
   };
+  const stateColor = getStateColor(pressed, disabled);
   return /*#__PURE__*/React.createElement(Pressable, {
     disabled: disabled,
     onPress: onPress,
-    style: ({
-      pressed
-    }) => {
-      const stateColor = getStateColor(pressed, disabled);
-      return [{
-        backgroundColor: buttonColor ?? stateColor.background
-      }, styles.container, style];
-    }
-  }, ({
-    pressed
-  }) => {
-    const stateColor = getStateColor(pressed, disabled);
-    return /*#__PURE__*/React.createElement(React.Fragment, null, icon && /*#__PURE__*/React.createElement(Icon, {
-      size: 24,
-      icon: icon,
-      color: contentColor ?? stateColor.content,
-      containerStyle: styles.icon
-    }), /*#__PURE__*/React.createElement(Text, {
-      button: true,
-      color: contentColor ?? stateColor.content,
-      style: styles.text
-    }, children));
-  });
+    onPressIn: () => setPressed(true),
+    onPressOut: () => setPressed(false),
+    style: [{
+      backgroundColor: buttonColor ?? stateColor.background
+    }, styles.container, style]
+  }, icon && /*#__PURE__*/React.createElement(Icon, {
+    size: 24,
+    icon: icon,
+    color: contentColor ?? stateColor.content,
+    containerStyle: styles.icon
+  }), /*#__PURE__*/React.createElement(Text, {
+    button: true,
+    color: contentColor ?? stateColor.content,
+    style: styles.text
+  }, children));
 };
 const styles = createStyleSheet({
   container: {

package/lib/module/ui/Button/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Pressable","Icon","Text","createStyleSheet","useUIKitTheme","Button","icon","variant","buttonColor","contentColor","disabled","onPress","style","children","colors","~~getStateColor~~","~~pressed~~","stateColors","ui","button","enabled","createElement","~~stateColor~~","backgroundColor","background","styles","container","~~Fragment","~~size","color","content","containerStyle","text","flexDirection","padding","borderRadius","alignItems","justifyContent","marginVertical","marginEnd"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, StyleProp, ViewStyle } from 'react-native';\n\nimport Icon from '../../components/Icon';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype Props = React.PropsWithChildren<{\n style?: StyleProp<ViewStyle>;\n icon?: keyof typeof Icon.Assets;\n variant?: 'contained' \| 'text';\n disabled?: boolean;\n onPress?: () => void;\n buttonColor?: string;\n contentColor?: string;\n}>;\nconst Button = ({\n icon,\n variant = 'contained',\n buttonColor,\n contentColor,\n disabled,\n onPress,\n style,\n children,\n}: Props) => {\n const { colors } = useUIKitTheme();\n\n const getStateColor = (pressed: boolean, disabled?: boolean) => {\n const stateColors = colors.ui.button[variant];\n if (disabled) return stateColors.disabled;\n if (pressed) return stateColors.pressed;\n return stateColors.enabled;\n };\n\n return (\n <Pressable\n disabled={disabled}\n onPress={onPress}\n ~~style~~={(~~{ pressed }~~) => {\n ~~const~~ ~~stateColor~~ ~~= getStateColor~~(~~pressed, disabled~~);\n ~~return~~ [{ backgroundColor: buttonColor ?? stateColor.background }, styles.container, style]~~;\n~~ }}\n >\n {~~({ pressed }) => {\n const stateColor = getStateColor(pressed, disabled);\n\n return (\n <>\n {~~icon && ~~(\n~~ <Icon size={24} icon={icon} color={contentColor ?? stateColor.content} containerStyle={styles.icon} ~~/>\n )~~}\n <Text button color={contentColor ?? stateColor.content} style={styles.text}>\n {children}\n </Text>\n ~~</>\n );\n }}\n~~ </Pressable>\n );\n};\n\nconst styles = createStyleSheet({\n container: {\n flexDirection: 'row',\n padding: 8,\n borderRadius: 4,\n alignItems: 'center',\n justifyContent: 'center',\n },\n icon: { marginVertical: -4, marginEnd: 8 },\n text: {},\n});\n\nexport default Button;\n"],"mappings":"AAAA,OAAOA,KAAK,~~MAAM~~,OAAO;~~AACzB~~,SAASC,SAAS,QAA8B,cAAc;AAE9D,OAAOC,IAAI,MAAM,uBAAuB;AACxC,OAAOC,IAAI,MAAM,uBAAuB;AACxC,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,OAAOC,aAAa,MAAM,2BAA2B;AAWrD,MAAMC,MAAM,GAAGA,CAAC;EACdC,IAAI;EACJC,OAAO,GAAG,WAAW;EACrBC,WAAW;EACXC,YAAY;EACZC,QAAQ;EACRC,OAAO;EACPC,KAAK;EACLC;AACK,CAAC,KAAK;EACX,MAAM;IAAEC;EAAO,CAAC,GAAGV,aAAa,CAAC,CAAC;~~EAElC~~,~~MAAMW~~,aAAa,GAAGA,~~CAACC~~,OAAgB,~~EAAEN~~,QAAkB,KAAK;IAC9D,~~MAAMO~~,WAAW,~~GAAGH~~,MAAM,~~CAACI~~,EAAE,CAACC,MAAM,~~CAACZ~~,OAAO,CAAC;IAC7C,IAAIG,QAAQ,EAAE,~~OAAOO~~,WAAW,~~CAACP~~,QAAQ;IACzC,~~IAAIM~~,OAAO,EAAE,~~OAAOC~~,WAAW,~~CAACD~~,OAAO;IACvC,~~OAAOC~~,WAAW,CAACG,OAAO;EAC5B,CAAC;EAED,~~oBACErB~~,KAAA,~~CAAAsB~~,aAAA,~~CAACrB~~,SAAS;IACRU,QAAQ,EAAEA,QAAS;IACnBC,OAAO,EAAEA,OAAQ;~~IACjBC~~,~~KAAK~~,EAAEA,~~CAAC;MAAEI;IAAQ~~,CAAC,~~KAAK~~;~~MACtB~~,~~MAAMM,~~UAAU,~~GAAGP~~,~~aAAa~~,~~CAACC~~,~~OAAO~~,~~EAAEN~~,~~QAAQ~~,~~CAAC~~;~~MACnD~~,~~OAAO~~,CAAC;~~QAAEa~~,eAAe,~~EAAEf~~,WAAW,IAAIc,UAAU,~~CAACE~~;~~MAAW~~,CAAC,EAAEC,MAAM,CAACC,SAAS,~~EAAEd~~,KAAK~~,CAAC~~;~~IAC7F;~~EAAE,~~GAED~~,~~CAAC;IAAEI;EAAQ,CAAC,KAAK;IAChB,MAAMM,UAAU,GAAGP,aAAa,CAACC,OAAO,EAAEN,QAAQ,CAAC;IAEnD,oBACEX,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAA4B,QAAA,QACGrB,~~IAAI,~~iBACHP~~,KAAA,~~CAAAsB~~,aAAA,~~CAACpB~~,IAAI;~~MAAC2B~~,IAAI,EAAE,EAAG;~~MAACtB~~,IAAI,EAAEA,IAAK;~~MAACuB~~,KAAK,~~EAAEpB~~,YAAY,IAAIa,UAAU,~~CAACQ~~,OAAQ;~~MAACC~~,cAAc,~~EAAEN~~,MAAM,~~CAACnB~~;~~IAAK~~,CAAE,~~CACtG~~,~~eACDP~~,KAAA,~~CAAAsB~~,aAAA,~~CAACnB~~,IAAI;~~MAACiB~~,MAAM;~~MAACU~~,KAAK,~~EAAEpB~~,YAAY,IAAIa,UAAU,~~CAACQ~~,OAAQ;~~MAAClB~~,KAAK,~~EAAEa~~,MAAM,~~CAACO~~;~~IAAK~~,~~GACxEnB~~,QACG,~~CACN~~,CAAC;~~EAEP,CACS,CAAC;~~AAEhB,CAAC;AAED,~~MAAMY~~,MAAM,~~GAAGtB~~,gBAAgB,CAAC;~~EAC9BuB~~,SAAS,EAAE;~~IACTO~~,aAAa,EAAE,KAAK;IACpBC,OAAO,EAAE,CAAC;IACVC,YAAY,EAAE,CAAC;IACfC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;~~EACD/B~~,IAAI,EAAE;~~IAAEgC~~,cAAc,EAAE,CAAC,CAAC;IAAEC,SAAS,EAAE;EAAE,CAAC;EAC1CP,IAAI,EAAE,CAAC;AACT,CAAC,CAAC;AAEF,~~eAAe3B~~,MAAM","ignoreList":[]}
1	+ {"version":3,"names":["React","useState","Pressable","Icon","Text","createStyleSheet","useUIKitTheme","Button","icon","variant","buttonColor","contentColor","disabled","onPress","style","children","colors","pressed","setPressed","getStateColor","stateColors","ui","button","enabled","stateColor","createElement","onPressIn","onPressOut","backgroundColor","background","styles","container","size","color","content","containerStyle","text","flexDirection","padding","borderRadius","alignItems","justifyContent","marginVertical","marginEnd"],"sources":["index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Pressable, StyleProp, ViewStyle } from 'react-native';\n\nimport Icon from '../../components/Icon';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype Props = React.PropsWithChildren<{\n style?: StyleProp<ViewStyle>;\n icon?: keyof typeof Icon.Assets;\n variant?: 'contained' \| 'text';\n disabled?: boolean;\n onPress?: () => void;\n buttonColor?: string;\n contentColor?: string;\n}>;\nconst Button = ({\n icon,\n variant = 'contained',\n buttonColor,\n contentColor,\n disabled,\n onPress,\n style,\n children,\n}: Props) => {\n const { colors } = useUIKitTheme();\n const [pressed, setPressed] = useState(false);\n\n const getStateColor = (pressed: boolean, disabled?: boolean) => {\n const stateColors = colors.ui.button[variant];\n if (disabled) return stateColors.disabled;\n if (pressed) return stateColors.pressed;\n return stateColors.enabled;\n };\n\n const stateColor = getStateColor(pressed, disabled);\n\n return (\n <Pressable\n disabled={disabled}\n onPress={onPress}\n onPressIn={() => setPressed(true)}\n onPressOut={() => setPressed(false)}\n style={[{ backgroundColor: buttonColor ?? stateColor.background }, styles.container, style]}\n >\n {icon && <Icon size={24} icon={icon} color={contentColor ?? stateColor.content} containerStyle={styles.icon} />}\n <Text button color={contentColor ?? stateColor.content} style={styles.text}>\n {children}\n </Text>\n </Pressable>\n );\n};\n\nconst styles = createStyleSheet({\n container: {\n flexDirection: 'row',\n padding: 8,\n borderRadius: 4,\n alignItems: 'center',\n justifyContent: 'center',\n },\n icon: { marginVertical: -4, marginEnd: 8 },\n text: {},\n});\n\nexport default Button;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,SAAS,QAA8B,cAAc;AAE9D,OAAOC,IAAI,MAAM,uBAAuB;AACxC,OAAOC,IAAI,MAAM,uBAAuB;AACxC,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,OAAOC,aAAa,MAAM,2BAA2B;AAWrD,MAAMC,MAAM,GAAGA,CAAC;EACdC,IAAI;EACJC,OAAO,GAAG,WAAW;EACrBC,WAAW;EACXC,YAAY;EACZC,QAAQ;EACRC,OAAO;EACPC,KAAK;EACLC;AACK,CAAC,KAAK;EACX,MAAM;IAAEC;EAAO,CAAC,GAAGV,aAAa,CAAC,CAAC;EAClC,MAAM,CAACW,OAAO,EAAEC,UAAU,CAAC,GAAGjB,QAAQ,CAAC,KAAK,CAAC;EAE7C,MAAMkB,aAAa,GAAGA,CAACF,OAAgB,EAAEL,QAAkB,KAAK;IAC9D,MAAMQ,WAAW,GAAGJ,MAAM,CAACK,EAAE,CAACC,MAAM,CAACb,OAAO,CAAC;IAC7C,IAAIG,QAAQ,EAAE,OAAOQ,WAAW,CAACR,QAAQ;IACzC,IAAIK,OAAO,EAAE,OAAOG,WAAW,CAACH,OAAO;IACvC,OAAOG,WAAW,CAACG,OAAO;EAC5B,CAAC;EAED,MAAMC,UAAU,GAAGL,aAAa,CAACF,OAAO,EAAEL,QAAQ,CAAC;EAEnD,oBACEZ,KAAA,CAAAyB,aAAA,CAACvB,SAAS;IACRU,QAAQ,EAAEA,QAAS;IACnBC,OAAO,EAAEA,OAAQ;IACjBa,SAAS,EAAEA,CAAA,KAAMR,UAAU,CAAC,IAAI,CAAE;IAClCS,UAAU,EAAEA,CAAA,KAAMT,UAAU,CAAC,KAAK,CAAE;IACpCJ,KAAK,EAAE,CAAC;MAAEc,eAAe,EAAElB,WAAW,IAAIc,UAAU,CAACK;IAAW,CAAC,EAAEC,MAAM,CAACC,SAAS,EAAEjB,KAAK;EAAE,GAE3FN,IAAI,iBAAIR,KAAA,CAAAyB,aAAA,CAACtB,IAAI;IAAC6B,IAAI,EAAE,EAAG;IAACxB,IAAI,EAAEA,IAAK;IAACyB,KAAK,EAAEtB,YAAY,IAAIa,UAAU,CAACU,OAAQ;IAACC,cAAc,EAAEL,MAAM,CAACtB;EAAK,CAAE,CAAC,eAC/GR,KAAA,CAAAyB,aAAA,CAACrB,IAAI;IAACkB,MAAM;IAACW,KAAK,EAAEtB,YAAY,IAAIa,UAAU,CAACU,OAAQ;IAACpB,KAAK,EAAEgB,MAAM,CAACM;EAAK,GACxErB,QACG,CACG,CAAC;AAEhB,CAAC;AAED,MAAMe,MAAM,GAAGzB,gBAAgB,CAAC;EAC9B0B,SAAS,EAAE;IACTM,aAAa,EAAE,KAAK;IACpBC,OAAO,EAAE,CAAC;IACVC,YAAY,EAAE,CAAC;IACfC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDjC,IAAI,EAAE;IAAEkC,cAAc,EAAE,CAAC,CAAC;IAAEC,SAAS,EAAE;EAAE,CAAC;EAC1CP,IAAI,EAAE,CAAC;AACT,CAAC,CAAC;AAEF,eAAe7B,MAAM","ignoreList":[]}

package/lib/module/ui/GroupChannelPreview/index.js CHANGED Viewed

@@ -65,7 +65,7 @@ const GroupChannelPreview = ({
   }, memberCount), frozen && /*#__PURE__*/React.createElement(Icon, {
     size: 16,
     icon: 'freeze',
-    color: colors.primary,
+    color: color.default.none.frozenIcon ?? colors.primary,
     containerStyle: styles.channelInfoFrozen
   }), notificationOff && /*#__PURE__*/React.createElement(Icon, {
     size: 16,

package/lib/module/ui/GroupChannelPreview/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","conditionChaining","Box","Icon","Image","Text","createStyleSheet","useUIKitTheme","Badge","GroupChannelPreview","customCover","coverUrl","memberCount","badgeCount","maxBadgeCount","body","bodyIcon","title","titleCaption","titleCaptionLeft","frozen","notificationOff","broadcast","mentioned","mentionTrigger","colors","color","ui","groupChannelPreview","createElement","style","styles","container","backgroundColor","default","none","background","coverContainer","Boolean","resizeMode","channelCover","coverBackground","source","uri","rightSection","rightTopSection","channelInfoContainer","size","icon","secondary","containerStyle","channelInfoBroadcast","numberOfLines","subtitle1","channelInfoTitle","textTitle","caption1","channelInfoMemberCount","primary","channelInfoFrozen","onBackground03","titleCaptionContainer","caption2","textTitleCaption","titleCaptionText","rightBottomSection","bodyWrapper","bodyIconBackground","flex","alignItems","body3","ellipsizeMode","textBody","unreadContainer","h2","badge","unreadMention","count","maxCount","Separator","separator","height","width","flexDirection","justifyContent","marginStart","marginEnd","borderRadius","paddingTop","paddingEnd","marginBottom","flexShrink","marginTop","position","start","end","bottom"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport Icon from '../../components/Icon';\nimport Image from '../../components/Image';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Badge from '../Badge';\n\ntype Props = {\n customCover?: React.ReactNode;\n coverUrl: string;\n\n title: string;\n\n titleCaption: string;\n titleCaptionLeft?: React.ReactNode;\n\n bodyIcon?: keyof typeof Icon.Assets;\n body: string;\n\n memberCount?: number;\n badgeCount: number;\n maxBadgeCount?: number;\n\n frozen?: boolean;\n notificationOff?: boolean;\n broadcast?: boolean;\n mentioned?: boolean;\n mentionTrigger?: string;\n};\n\nconst GroupChannelPreview = ({\n customCover,\n coverUrl,\n memberCount,\n badgeCount,\n maxBadgeCount,\n body,\n bodyIcon,\n title,\n titleCaption,\n titleCaptionLeft,\n frozen,\n notificationOff,\n broadcast,\n mentioned,\n mentionTrigger = '@',\n}: Props) => {\n const { colors } = useUIKitTheme();\n const color = colors.ui.groupChannelPreview;\n\n return (\n <Box style={[styles.container, { backgroundColor: color.default.none.background }]}>\n <Box style={styles.coverContainer}>\n {conditionChaining(\n [Boolean(customCover)],\n [\n customCover,\n <Image\n resizeMode={'cover'}\n style={[styles.channelCover, { backgroundColor: color.default.none.coverBackground }]}\n source={{ uri: coverUrl }}\n />,\n ],\n )}\n </Box>\n <Box style={styles.rightSection}>\n <Box style={styles.rightTopSection}>\n <Box style={styles.channelInfoContainer}>\n {broadcast && (\n <Icon\n size={16}\n icon={'broadcast'}\n color={colors.secondary}\n containerStyle={styles.channelInfoBroadcast}\n />\n )}\n <Text numberOfLines={1} subtitle1 style={styles.channelInfoTitle} color={color.default.none.textTitle}>\n {title}\n </Text>\n {Boolean(memberCount) && (\n <Text caption1 style={styles.channelInfoMemberCount} color={color.default.none.memberCount}>\n {memberCount}\n </Text>\n )}\n {frozen && (\n <Icon size={16} icon={'freeze'} color={colors.primary} containerStyle={styles.channelInfoFrozen} />\n )}\n {notificationOff && <Icon size={16} icon={'notifications-off-filled'} color={colors.onBackground03} />}\n </Box>\n <Box style={styles.titleCaptionContainer}>\n {titleCaptionLeft}\n <Text caption2 color={color.default.none.textTitleCaption} style={styles.titleCaptionText}>\n {titleCaption}\n </Text>\n </Box>\n </Box>\n\n <Box style={styles.rightBottomSection}>\n <Box style={styles.body}>\n <Box style={styles.bodyWrapper}>\n {bodyIcon && (\n <Icon\n size={18}\n icon={bodyIcon}\n color={color.default.none.bodyIcon}\n containerStyle={[\n styles.bodyIcon,\n { backgroundColor: colors.ui.groupChannelPreview.default.none.bodyIconBackground },\n ]}\n />\n )}\n <Box flex={1} alignItems={'flex-start'}>\n <Text\n body3\n numberOfLines={1}\n ellipsizeMode={bodyIcon ? 'middle' : 'tail'}\n color={color.default.none.textBody}\n >\n {body}\n </Text>\n </Box>\n </Box>\n </Box>\n <Box style={styles.unreadContainer}>\n {mentioned && (\n <Text h2 color={colors.ui.badge.default.none.background} style={styles.unreadMention}>\n {mentionTrigger}\n </Text>\n )}\n {badgeCount > 0 && <Badge count={badgeCount} maxCount={maxBadgeCount} />}\n </Box>\n </Box>\n <Separator color={color.default.none.separator} />\n </Box>\n </Box>\n );\n};\n\ntype SeparatorProps = { color: string };\nconst Separator = ({ color }: SeparatorProps) => <Box style={[styles.separator, { backgroundColor: color }]} />;\n\nconst styles = createStyleSheet({\n container: {\n height: 76,\n width: '100%',\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'center',\n },\n coverContainer: {\n marginStart: 16,\n marginEnd: 16,\n },\n channelCover: {\n width: 56,\n height: 56,\n borderRadius: 28,\n },\n rightSection: {\n flex: 1,\n paddingTop: 10,\n paddingEnd: 16,\n },\n rightTopSection: {\n flexDirection: 'row',\n marginBottom: 4,\n },\n channelInfoContainer: {\n flex: 1,\n marginEnd: 4,\n alignItems: 'center',\n flexDirection: 'row',\n },\n channelInfoBroadcast: {\n marginEnd: 4,\n },\n channelInfoTitle: {\n flexShrink: 1,\n marginEnd: 4,\n },\n channelInfoMemberCount: {\n paddingTop: 2,\n marginEnd: 4,\n },\n channelInfoFrozen: {\n marginEnd: 4,\n },\n titleCaptionContainer: {\n alignItems: 'flex-start',\n flexDirection: 'row',\n marginStart: 4,\n },\n titleCaptionText: {\n marginTop: 2,\n },\n rightBottomSection: {\n flex: 1,\n height: '100%',\n flexDirection: 'row',\n },\n body: {\n marginEnd: 4,\n flex: 1,\n flexDirection: 'row',\n alignItems: 'flex-start',\n },\n bodyWrapper: {\n flexDirection: 'row',\n alignItems: 'center',\n },\n bodyIcon: {\n borderRadius: 8,\n width: 26,\n height: 26,\n marginEnd: 4,\n },\n unreadContainer: {\n flexDirection: 'row',\n alignItems: 'flex-start',\n },\n unreadMention: {\n marginEnd: 4,\n },\n separator: {\n position: 'absolute',\n start: 0,\n end: -16,\n bottom: 0,\n height: 1,\n },\n});\n\nexport default GroupChannelPreview;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","conditionChaining","Box","Icon","Image","Text","createStyleSheet","useUIKitTheme","Badge","GroupChannelPreview","customCover","coverUrl","memberCount","badgeCount","maxBadgeCount","body","bodyIcon","title","titleCaption","titleCaptionLeft","frozen","notificationOff","broadcast","mentioned","mentionTrigger","colors","color","ui","groupChannelPreview","createElement","style","styles","container","backgroundColor","default","none","background","coverContainer","Boolean","resizeMode","channelCover","coverBackground","source","uri","rightSection","rightTopSection","channelInfoContainer","size","icon","secondary","containerStyle","channelInfoBroadcast","numberOfLines","subtitle1","channelInfoTitle","textTitle","caption1","channelInfoMemberCount","frozenIcon","primary","channelInfoFrozen","onBackground03","titleCaptionContainer","caption2","textTitleCaption","titleCaptionText","rightBottomSection","bodyWrapper","bodyIconBackground","flex","alignItems","body3","ellipsizeMode","textBody","unreadContainer","h2","badge","unreadMention","count","maxCount","Separator","separator","height","width","flexDirection","justifyContent","marginStart","marginEnd","borderRadius","paddingTop","paddingEnd","marginBottom","flexShrink","marginTop","position","start","end","bottom"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport Icon from '../../components/Icon';\nimport Image from '../../components/Image';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Badge from '../Badge';\n\ntype Props = {\n customCover?: React.ReactNode;\n coverUrl: string;\n\n title: string;\n\n titleCaption: string;\n titleCaptionLeft?: React.ReactNode;\n\n bodyIcon?: keyof typeof Icon.Assets;\n body: string;\n\n memberCount?: number;\n badgeCount: number;\n maxBadgeCount?: number;\n\n frozen?: boolean;\n notificationOff?: boolean;\n broadcast?: boolean;\n mentioned?: boolean;\n mentionTrigger?: string;\n};\n\nconst GroupChannelPreview = ({\n customCover,\n coverUrl,\n memberCount,\n badgeCount,\n maxBadgeCount,\n body,\n bodyIcon,\n title,\n titleCaption,\n titleCaptionLeft,\n frozen,\n notificationOff,\n broadcast,\n mentioned,\n mentionTrigger = '@',\n}: Props) => {\n const { colors } = useUIKitTheme();\n const color = colors.ui.groupChannelPreview;\n\n return (\n <Box style={[styles.container, { backgroundColor: color.default.none.background }]}>\n <Box style={styles.coverContainer}>\n {conditionChaining(\n [Boolean(customCover)],\n [\n customCover,\n <Image\n resizeMode={'cover'}\n style={[styles.channelCover, { backgroundColor: color.default.none.coverBackground }]}\n source={{ uri: coverUrl }}\n />,\n ],\n )}\n </Box>\n <Box style={styles.rightSection}>\n <Box style={styles.rightTopSection}>\n <Box style={styles.channelInfoContainer}>\n {broadcast && (\n <Icon\n size={16}\n icon={'broadcast'}\n color={colors.secondary}\n containerStyle={styles.channelInfoBroadcast}\n />\n )}\n <Text numberOfLines={1} subtitle1 style={styles.channelInfoTitle} color={color.default.none.textTitle}>\n {title}\n </Text>\n {Boolean(memberCount) && (\n <Text caption1 style={styles.channelInfoMemberCount} color={color.default.none.memberCount}>\n {memberCount}\n </Text>\n )}\n {frozen && (\n <Icon\n size={16}\n icon={'freeze'}\n color={color.default.none.frozenIcon ?? colors.primary}\n containerStyle={styles.channelInfoFrozen}\n />\n )}\n {notificationOff && <Icon size={16} icon={'notifications-off-filled'} color={colors.onBackground03} />}\n </Box>\n <Box style={styles.titleCaptionContainer}>\n {titleCaptionLeft}\n <Text caption2 color={color.default.none.textTitleCaption} style={styles.titleCaptionText}>\n {titleCaption}\n </Text>\n </Box>\n </Box>\n\n <Box style={styles.rightBottomSection}>\n <Box style={styles.body}>\n <Box style={styles.bodyWrapper}>\n {bodyIcon && (\n <Icon\n size={18}\n icon={bodyIcon}\n color={color.default.none.bodyIcon}\n containerStyle={[\n styles.bodyIcon,\n { backgroundColor: colors.ui.groupChannelPreview.default.none.bodyIconBackground },\n ]}\n />\n )}\n <Box flex={1} alignItems={'flex-start'}>\n <Text\n body3\n numberOfLines={1}\n ellipsizeMode={bodyIcon ? 'middle' : 'tail'}\n color={color.default.none.textBody}\n >\n {body}\n </Text>\n </Box>\n </Box>\n </Box>\n <Box style={styles.unreadContainer}>\n {mentioned && (\n <Text h2 color={colors.ui.badge.default.none.background} style={styles.unreadMention}>\n {mentionTrigger}\n </Text>\n )}\n {badgeCount > 0 && <Badge count={badgeCount} maxCount={maxBadgeCount} />}\n </Box>\n </Box>\n <Separator color={color.default.none.separator} />\n </Box>\n </Box>\n );\n};\n\ntype SeparatorProps = { color: string };\nconst Separator = ({ color }: SeparatorProps) => <Box style={[styles.separator, { backgroundColor: color }]} />;\n\nconst styles = createStyleSheet({\n container: {\n height: 76,\n width: '100%',\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'center',\n },\n coverContainer: {\n marginStart: 16,\n marginEnd: 16,\n },\n channelCover: {\n width: 56,\n height: 56,\n borderRadius: 28,\n },\n rightSection: {\n flex: 1,\n paddingTop: 10,\n paddingEnd: 16,\n },\n rightTopSection: {\n flexDirection: 'row',\n marginBottom: 4,\n },\n channelInfoContainer: {\n flex: 1,\n marginEnd: 4,\n alignItems: 'center',\n flexDirection: 'row',\n },\n channelInfoBroadcast: {\n marginEnd: 4,\n },\n channelInfoTitle: {\n flexShrink: 1,\n marginEnd: 4,\n },\n channelInfoMemberCount: {\n paddingTop: 2,\n marginEnd: 4,\n },\n channelInfoFrozen: {\n marginEnd: 4,\n },\n titleCaptionContainer: {\n alignItems: 'flex-start',\n flexDirection: 'row',\n marginStart: 4,\n },\n titleCaptionText: {\n marginTop: 2,\n },\n rightBottomSection: {\n flex: 1,\n height: '100%',\n flexDirection: 'row',\n },\n body: {\n marginEnd: 4,\n flex: 1,\n flexDirection: 'row',\n alignItems: 'flex-start',\n },\n bodyWrapper: {\n flexDirection: 'row',\n alignItems: 'center',\n },\n bodyIcon: {\n borderRadius: 8,\n width: 26,\n height: 26,\n marginEnd: 4,\n },\n unreadContainer: {\n flexDirection: 'row',\n alignItems: 'flex-start',\n },\n unreadMention: {\n marginEnd: 4,\n },\n separator: {\n position: 'absolute',\n start: 0,\n end: -16,\n bottom: 0,\n height: 1,\n },\n});\n\nexport default GroupChannelPreview;\n"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/types.d.ts CHANGED Viewed

@@ -80,7 +80,7 @@ export type ComponentColorTree = GetColorTree<{
         Placeholder: 'content' | 'highlight';
         DateSeparator: 'text' | 'background';
         GroupChannelMessage: 'textMsg' | 'textEdited' | 'textSenderName' | 'textTime' | 'textVoicePlaytime' | 'background' | 'voiceSpinner' | 'voiceProgressTrack' | 'voiceActionIcon' | 'voiceActionIconBackground';
-        GroupChannelPreview: 'textTitle' | 'textTitleCaption' | 'textBody' | 'memberCount' | 'bodyIcon' | 'background' | 'coverBackground' | 'bodyIconBackground' | 'separator';
+        GroupChannelPreview: 'textTitle' | 'textTitleCaption' | 'textBody' | 'memberCount' | 'bodyIcon' | 'background' | 'coverBackground' | 'bodyIconBackground' | 'separator' | 'frozenIcon';
         ProfileCard: 'textUsername' | 'textBodyLabel' | 'textBody' | 'background';
         Reaction: 'background' | 'highlight';
         OpenChannelMessage: 'textMsg' | 'textMsgPostfix' | 'textSenderName' | 'textTime' | 'textOperator' | 'background' | 'bubbleBackground' | 'adminBackground';

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@sendbird/uikit-react-native-foundation",
-  "version": "3.12.2",
+  "version": "3.12.4",
   "description": "A foundational UI kit for building chat-enabled React Native apps.",
   "keywords": [
     "sendbird",
@@ -57,7 +57,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@sendbird/uikit-utils": "3.12.2"
+    "@sendbird/uikit-utils": "3.12.4"
   },
   "devDependencies": {
     "@types/react": "*",
@@ -94,5 +94,5 @@
       ]
     ]
   },
-  "gitHead": "bea2acef581a062a275f1b8463ebe643bc4276e6"
+  "gitHead": "dabf33eaee368402767044813040214085029453"
 }

package/src/components/PressBox/index.tsx CHANGED Viewed

@@ -27,10 +27,19 @@ const PressBox = (props: Props) => {
   return <PressBoxWithPressable {...props} />;
 };
-const PressBoxWithPressable = ({ children, ...props }: Props) => {
+const PressBoxWithPressable = ({ children, style, ...props }: Props) => {
+  const [pressed, setPressed] = useState(false);
+  const state: PressBoxStateParams = { pressed };
   return (
-    <Pressable disabled={!props.onPress && !props.onLongPress} delayLongPress={DEFAULT_LONG_PRESS_DELAY} {...props}>
-      {(state) => (isFunction(children) ? children(state) : children)}
+    <Pressable
+      disabled={!props.onPress && !props.onLongPress}
+      delayLongPress={DEFAULT_LONG_PRESS_DELAY}
+      onPressIn={() => setPressed(true)}
+      onPressOut={() => setPressed(false)}
+      style={isFunction(style) ? style(state) : style}
+      {...props}
+    >
+      {isFunction(children) ? children(state) : children}
     </Pressable>
   );
 };

package/src/theme/DarkUIKitTheme.ts CHANGED Viewed

@@ -188,6 +188,7 @@ const DarkUIKitTheme = createTheme({
               coverBackground: palette.onBackgroundDark04,
               bodyIconBackground: palette.background500,
               separator: palette.onBackgroundDark04,
+              frozenIcon: palette.primary200,
             },
           },
         },

package/src/theme/LightUIKitTheme.ts CHANGED Viewed

@@ -188,6 +188,7 @@ const LightUIKitTheme = createTheme({
               coverBackground: palette.onBackgroundLight04,
               bodyIconBackground: palette.background100,
               separator: palette.onBackgroundLight04,
+              frozenIcon: palette.primary300,
             },
           },
         },

package/src/types.ts CHANGED Viewed

@@ -121,7 +121,8 @@ export type ComponentColorTree = GetColorTree<{
       | 'background'
       | 'coverBackground'
       | 'bodyIconBackground'
-      | 'separator';
+      | 'separator'
+      | 'frozenIcon';
     ProfileCard: 'textUsername' | 'textBodyLabel' | 'textBody' | 'background';
     Reaction: 'background' | 'highlight';
     OpenChannelMessage:

package/src/ui/Button/index.tsx CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useState } from 'react';
 import { Pressable, StyleProp, ViewStyle } from 'react-native';
 import Icon from '../../components/Icon';
@@ -26,6 +26,7 @@ const Button = ({
   children,
 }: Props) => {
   const { colors } = useUIKitTheme();
+  const [pressed, setPressed] = useState(false);
   const getStateColor = (pressed: boolean, disabled?: boolean) => {
     const stateColors = colors.ui.button[variant];
@@ -34,29 +35,20 @@ const Button = ({
     return stateColors.enabled;
   };
+  const stateColor = getStateColor(pressed, disabled);
   return (
     <Pressable
       disabled={disabled}
       onPress={onPress}
-      style={({ pressed }) => {
-        const stateColor = getStateColor(pressed, disabled);
-        return [{ backgroundColor: buttonColor ?? stateColor.background }, styles.container, style];
-      }}
+      onPressIn={() => setPressed(true)}
+      onPressOut={() => setPressed(false)}
+      style={[{ backgroundColor: buttonColor ?? stateColor.background }, styles.container, style]}
     >
-      {({ pressed }) => {
-        const stateColor = getStateColor(pressed, disabled);
-        return (
-          <>
-            {icon && (
-              <Icon size={24} icon={icon} color={contentColor ?? stateColor.content} containerStyle={styles.icon} />
-            )}
-            <Text button color={contentColor ?? stateColor.content} style={styles.text}>
-              {children}
-            </Text>
-          </>
-        );
-      }}
+      {icon && <Icon size={24} icon={icon} color={contentColor ?? stateColor.content} containerStyle={styles.icon} />}
+      <Text button color={contentColor ?? stateColor.content} style={styles.text}>
+        {children}
+      </Text>
     </Pressable>
   );
 };

package/src/ui/GroupChannelPreview/index.tsx CHANGED Viewed

@@ -88,7 +88,12 @@ const GroupChannelPreview = ({
               </Text>
             )}
             {frozen && (
-              <Icon size={16} icon={'freeze'} color={colors.primary} containerStyle={styles.channelInfoFrozen} />
+              <Icon
+                size={16}
+                icon={'freeze'}
+                color={color.default.none.frozenIcon ?? colors.primary}
+                containerStyle={styles.channelInfoFrozen}
+              />
             )}
             {notificationOff && <Icon size={16} icon={'notifications-off-filled'} color={colors.onBackground03} />}
           </Box>