How to use the datax-common.Colors.neutralQuaternaryAlt function in datax-common

const watermarkUnitDropdownStyle = {
    flex: 1,
    paddingBottom: 15
};

const rightSideSettingsStyle = {
    display: 'flex',
    flexDirection: 'row'
};

const toggleStyle = {
    paddingLeft: 5
};

const spinnerContainerStyle = {
    border: `1px solid ${Colors.neutralQuaternaryAlt}`
};

);
    }
}

const rootStyle = {
    marginRight: 30,
    marginTop: 16,
    marginBottom: 14,
    minWidth: 300,
    width: 400,
    maxWidth: 400,
    color: Colors.neutralPrimary,
    backgroundColor: Colors.white,
    border: `1px solid ${Colors.neutralQuaternaryAlt}`,
    boxShadow: `2px 2px 5px 0 rgba(218,218,218,.75)`
};

const imageClickStyle = {
    textDecoration: 'none'
};

const imageContainerStyle = {
    paddingLeft: 10,
    paddingRight: 10,
    paddingTop: 20,
    paddingBottom: 10,
    borderBottom: `1px solid ${Colors.neutralLight}`
};

const imageStyle = {

};

const sectionStyle = {
    paddingBottom: 15
};

const titleStyle = {
    marginTop: 5,
    marginBottom: 2
};

const paramListContainerStyle = {
    display: 'flex',
    flexDirection: 'column',
    backgroundColor: Colors.neutralLighter,
    border: `1px solid ${Colors.neutralQuaternaryAlt}`,
    paddingLeft: 15,
    paddingRight: 0,
    paddingTop: 25,
    paddingBottom: 10,
    marginBottom: 20
};

const paramRowStyle = {
    display: 'flex',
    flexDirection: 'row'
};

const paramNameStyle = {
    flex: 1
};