You can not select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
				
					41 lines
				
				746 B
			
		
		
			
		
	
	
					41 lines
				
				746 B
			| 
											3 years ago
										 | "use strict"; | ||
|  | 
 | ||
|  | exports.__esModule = true; | ||
|  | exports["default"] = wordWrap; | ||
|  | 
 | ||
|  | /** | ||
|  |  * Provides an easy way to change the `wordWrap` property. | ||
|  |  * | ||
|  |  * @example | ||
|  |  * // Styles as object usage
 | ||
|  |  * const styles = { | ||
|  |  *   ...wordWrap('break-word') | ||
|  |  * } | ||
|  |  * | ||
|  |  * // styled-components usage
 | ||
|  |  * const div = styled.div`
 | ||
|  |  *   ${wordWrap('break-word')} | ||
|  |  * `
 | ||
|  |  * | ||
|  |  * // CSS as JS Output
 | ||
|  |  * | ||
|  |  * const styles = { | ||
|  |  *   overflowWrap: 'break-word', | ||
|  |  *   wordWrap: 'break-word', | ||
|  |  *   wordBreak: 'break-all', | ||
|  |  * } | ||
|  |  */ | ||
|  | function wordWrap(wrap) { | ||
|  |   if (wrap === void 0) { | ||
|  |     wrap = 'break-word'; | ||
|  |   } | ||
|  | 
 | ||
|  |   var wordBreak = wrap === 'break-word' ? 'break-all' : wrap; | ||
|  |   return { | ||
|  |     overflowWrap: wrap, | ||
|  |     wordWrap: wrap, | ||
|  |     wordBreak: wordBreak | ||
|  |   }; | ||
|  | } | ||
|  | 
 | ||
|  | module.exports = exports.default; |