"Fossies" - the Fresh Open Source Software Archive

Member "jitsi-meet-7561/react/features/base/ui/components/native/inputStyles.ts" (29 Sep 2023, 1677 Bytes) of package /linux/misc/jitsi-meet-7561.tar.gz:

As a special service "Fossies" has tried to format the requested source page into HTML format using (guessed) TypeScript source code syntax highlighting (style: standard) with prefixed line numbers and code folding option. Alternatively you can here view or download the uninterpreted source code file. 
    1 import BaseTheme from '../../../ui/components/BaseTheme.native';
    2 
    3 export default {
    4     inputContainer: {
    5         display: 'flex',
    6         flexDirection: 'column'
    7     },
    8 
    9     label: {
   10         ...BaseTheme.typography.bodyShortRegularLarge,
   11         lineHeight: 0,
   12         color: BaseTheme.palette.text01,
   13         marginBottom: BaseTheme.spacing[2]
   14     },
   15 
   16     fieldContainer: {
   17         position: 'relative'
   18     },
   19 
   20     icon: {
   21         position: 'absolute',
   22         zIndex: 1,
   23         top: 14,
   24         left: 14
   25     },
   26 
   27     input: {
   28         ...BaseTheme.typography.bodyShortRegularLarge,
   29         backgroundColor: BaseTheme.palette.ui03,
   30         borderColor: BaseTheme.palette.ui03,
   31         borderRadius: BaseTheme.shape.borderRadius,
   32         borderWidth: 2,
   33         color: BaseTheme.palette.text01,
   34         paddingHorizontal: BaseTheme.spacing[3],
   35         height: BaseTheme.spacing[7],
   36         lineHeight: 20
   37     },
   38 
   39     inputDisabled: {
   40         color: BaseTheme.palette.text03
   41     },
   42 
   43     inputFocused: {
   44         borderColor: BaseTheme.palette.focus01
   45     },
   46 
   47     inputError: {
   48         borderColor: BaseTheme.palette.textError
   49     },
   50 
   51     iconInput: {
   52         paddingLeft: BaseTheme.spacing[6]
   53     },
   54 
   55     inputMultiline: {
   56         height: BaseTheme.spacing[10],
   57         paddingTop: BaseTheme.spacing[2]
   58     },
   59 
   60     clearableInput: {
   61         paddingRight: BaseTheme.spacing[6]
   62     },
   63 
   64     clearButton: {
   65         backgroundColor: 'transparent',
   66         borderWidth: 0,
   67         position: 'absolute',
   68         right: 0,
   69         top: 14,
   70         width: BaseTheme.spacing[6],
   71         height: BaseTheme.spacing[7]
   72     },
   73 
   74     clearIcon: {
   75         color: BaseTheme.palette.icon01
   76     }
   77 };