1 line
10 KiB
Plaintext
1 line
10 KiB
Plaintext
|
{"version":3,"file":"jss-plugin-default-unit.js","sources":["../src/defaultUnits.js","../src/index.js"],"sourcesContent":["// @flow\n\nimport {hasCSSTOMSupport} from 'jss'\n\nconst px = hasCSSTOMSupport && CSS ? CSS.px : 'px'\nconst ms = hasCSSTOMSupport && CSS ? CSS.ms : 'ms'\nconst percent = hasCSSTOMSupport && CSS ? CSS.percent : '%'\n\n/**\n * Generated jss-plugin-default-unit CSS property units\n *\n * @type object\n */\nexport default {\n // Animation properties\n 'animation-delay': ms,\n 'animation-duration': ms,\n\n // Background properties\n 'background-position': px,\n 'background-position-x': px,\n 'background-position-y': px,\n 'background-size': px,\n\n // Border Properties\n border: px,\n 'border-bottom': px,\n 'border-bottom-left-radius': px,\n 'border-bottom-right-radius': px,\n 'border-bottom-width': px,\n 'border-left': px,\n 'border-left-width': px,\n 'border-radius': px,\n 'border-right': px,\n 'border-right-width': px,\n 'border-top': px,\n 'border-top-left-radius': px,\n 'border-top-right-radius': px,\n 'border-top-width': px,\n 'border-width': px,\n\n // Margin properties\n margin: px,\n 'margin-bottom': px,\n 'margin-left': px,\n 'margin-right': px,\n 'margin-top': px,\n\n // Padding properties\n padding: px,\n 'padding-bottom': px,\n 'padding-left': px,\n 'padding-right': px,\n 'padding-top': px,\n\n // Mask properties\n 'mask-position-x': px,\n 'mask-position-y': px,\n 'mask-size': px,\n\n // Width and height properties\n height: px,\n width: px,\n 'min-height': px,\n 'max-height': px,\n 'min-width': px,\n 'max-width': px,\n\n // Position properties\n bottom: px,\n left: px,\n top: px,\n right: px,\n\n // Shadow properties\n 'box-shadow': px,\n 'text-shadow': px,\n\n // Column properties\n 'column-gap': px,\n 'column-rule': px,\n 'column-rule-width': px,\n 'column-width': px,\n\n // Font and text properties\n 'font-size': px,\n 'font-size-delta': px,\n 'letter-spacing': px,\n 'text-indent': px,\n 'text-stroke': px,\n 'text-stroke-width': px,\n 'word-spacing': px,\n\n // Motion properties\n motion: px,\n 'motion-offset': px,\n\n // Outline properties\n outline: px,\n 'outline-offset': px,\n 'outline-width': px,\n\n // Perspective properties\n perspective: px,\n 'perspective-origin-x': percent,\n 'perspective-origin-y': percent,\n\n // Transform properties\n 'transform-origin': percent,\n 'transform-origin-x': percent,\n 'transform-origin-y': percent,\n 'transform-origin-z': percent,\n\n // Transition properties\n 'transition-delay': ms,\n 'transition-duration': ms,\n\n // Alignment properties\n 'vertical-align': px,\n 'flex-basis': px,\n\n // Some random properties\n 'shape-margin': px,\n size: px,\n\n // Grid properties\n grid: px,\n 'grid-gap': px,\n 'grid-row-gap': px,\n 'grid-column-gap': px,\n 'grid-template-rows': px,\n 'grid-template-columns': px,\n 'grid-auto-rows': px,\n 'grid-auto-columns': px,\n\n // Not existing properties.\n // Used to avoid issues with jss-plugin-expand integration.\n 'box-shadow-x': px,\n 'box-shadow-y': px,\n 'box-shadow-blur': px,\n 'box-shadow-spread': px,\n 'font-line-height': px,\n 'text-shadow-x': px,\n 'text-shadow-y': px,\n 'text-shadow-blur': px\n}\n","// @flow\nimport type {Plugin} from 'jss'\nimport defaultUnits from './defaultUnits'\n\nexport type Options = {[key: string]: string}\n\n/**\n * Clones the object and adds a camel cased property version.\n */\nfunction addCamelCasedVersion(obj) {\n const regExp = /(-[a-z])/g\n const replace = str => str[1].toUpperCase()\n const newObj = {}\n for (const key in obj) {\n newObj[key] = obj[key]\n newObj[key.replace(regExp, replace)] = obj[key]\n }\n return newObj\n}\n\nconst units = addCamelCasedVersion(defaultUnits)\n\n/**\n * Recursive deep style passing function\n */\nfunction iterate(prop: string, value: any, options: Options) {\n if (!value) return value\n\n if (Array.isArray(value)) {\n for (let i = 0; i < value.length; i++) {\n value[i] = iterate(prop, value[i], options)\n
|