diff options
Diffstat (limited to 'node_modules/postcss-modules-values')
| -rw-r--r-- | node_modules/postcss-modules-values/.npmignore | 0 | ||||
| -rw-r--r-- | node_modules/postcss-modules-values/.travis.yml | 9 | ||||
| -rw-r--r-- | node_modules/postcss-modules-values/README.md | 77 | ||||
| -rw-r--r-- | node_modules/postcss-modules-values/lib/index.js | 143 | ||||
| -rw-r--r-- | node_modules/postcss-modules-values/package.json | 78 | ||||
| -rw-r--r-- | node_modules/postcss-modules-values/src/index.js | 100 | ||||
| -rw-r--r-- | node_modules/postcss-modules-values/test/index.js | 158 |
7 files changed, 0 insertions, 565 deletions
diff --git a/node_modules/postcss-modules-values/.npmignore b/node_modules/postcss-modules-values/.npmignore deleted file mode 100644 index e69de29..0000000 --- a/node_modules/postcss-modules-values/.npmignore +++ /dev/null diff --git a/node_modules/postcss-modules-values/.travis.yml b/node_modules/postcss-modules-values/.travis.yml deleted file mode 100644 index 7a4a137..0000000 --- a/node_modules/postcss-modules-values/.travis.yml +++ /dev/null @@ -1,9 +0,0 @@ -language: node_js -node_js: - - "4" - - "6" - - "node" -script: npm run travis - -before_install: - - '[ "${TRAVIS_NODE_VERSION}" != "0.10" ] || npm install -g npm' diff --git a/node_modules/postcss-modules-values/README.md b/node_modules/postcss-modules-values/README.md deleted file mode 100644 index 2bd6860..0000000 --- a/node_modules/postcss-modules-values/README.md +++ /dev/null @@ -1,77 +0,0 @@ -# CSS Modules: Values - -Pass arbitrary values between your module files - -### Usage - -```css -/* colors.css */ -@value primary: #BF4040; -@value secondary: #1F4F7F; - -.text-primary { - color: primary; -} - -.text-secondary { - color: secondary; -} -``` - -```css -/* breakpoints.css */ -@value small: (max-width: 599px); -@value medium: (min-width: 600px) and (max-width: 959px); -@value large: (min-width: 960px); -``` - -```css -/* my-component.css */ -/* alias paths for other values or composition */ -@value colors: "./colors.css"; -/* import multiple from a single file */ -@value primary, secondary from colors; -/* make local aliases to imported values */ -@value small as bp-small, large as bp-large from "./breakpoints.css"; - -.header { - composes: text-primary from colors; - box-shadow: 0 0 10px secondary; -} - -@media bp-small { - .header { - box-shadow: 0 0 4px secondary; - } -} -@media bp-large { - .header { - box-shadow: 0 0 20px secondary; - } -} -``` - -**If you are using Sass** along with this PostCSS plugin, do not use the colon `:` in your `@value` definitions. It will cause Sass to crash. - -Note also you can _import_ multiple values at once but can only _define_ one value per line. - -```css -@value a: b, c: d; /* defines a as "b, c: d" */ -``` - -### Justification - -See [this PR](https://github.com/css-modules/css-modules-loader-core/pull/28) for more background - -## License - -ISC - -## With thanks - -- Mark Dalgleish -- Tobias Koppers -- Josh Johnston - ---- -Glen Maddern, 2015. diff --git a/node_modules/postcss-modules-values/lib/index.js b/node_modules/postcss-modules-values/lib/index.js deleted file mode 100644 index 33e4f14..0000000 --- a/node_modules/postcss-modules-values/lib/index.js +++ /dev/null @@ -1,143 +0,0 @@ -'use strict'; - -Object.defineProperty(exports, "__esModule", { - value: true -}); - -var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }(); - -var _postcss = require('postcss'); - -var _postcss2 = _interopRequireDefault(_postcss); - -var _icssReplaceSymbols = require('icss-replace-symbols'); - -var _icssReplaceSymbols2 = _interopRequireDefault(_icssReplaceSymbols); - -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - -var matchImports = /^(.+?|\([\s\S]+?\))\s+from\s+("[^"]*"|'[^']*'|[\w-]+)$/; -var matchValueDefinition = /(?:\s+|^)([\w-]+):?\s+(.+?)\s*$/g; -var matchImport = /^([\w-]+)(?:\s+as\s+([\w-]+))?/; -var options = {}; -var importIndex = 0; -var createImportedName = options && options.createImportedName || function (importName /*, path*/) { - return 'i__const_' + importName.replace(/\W/g, '_') + '_' + importIndex++; -}; - -exports.default = _postcss2.default.plugin('postcss-modules-values', function () { - return function (css, result) { - var importAliases = []; - var definitions = {}; - - var addDefinition = function addDefinition(atRule) { - var matches = void 0; - while (matches = matchValueDefinition.exec(atRule.params)) { - var _matches = matches; - - var _matches2 = _slicedToArray(_matches, 3); - - var /*match*/key = _matches2[1]; - var value = _matches2[2]; - // Add to the definitions, knowing that values can refer to each other - - definitions[key] = (0, _icssReplaceSymbols.replaceAll)(definitions, value); - atRule.remove(); - } - }; - - var addImport = function addImport(atRule) { - var matches = matchImports.exec(atRule.params); - if (matches) { - var _matches3 = _slicedToArray(matches, 3); - - var /*match*/aliases = _matches3[1]; - var path = _matches3[2]; - // We can use constants for path names - - if (definitions[path]) path = definitions[path]; - var imports = aliases.replace(/^\(\s*([\s\S]+)\s*\)$/, '$1').split(/\s*,\s*/).map(function (alias) { - var tokens = matchImport.exec(alias); - if (tokens) { - var _tokens = _slicedToArray(tokens, 3); - - var /*match*/theirName = _tokens[1]; - var _tokens$ = _tokens[2]; - var myName = _tokens$ === undefined ? theirName : _tokens$; - - var importedName = createImportedName(myName); - definitions[myName] = importedName; - return { theirName: theirName, importedName: importedName }; - } else { - throw new Error('@import statement "' + alias + '" is invalid!'); - } - }); - importAliases.push({ path: path, imports: imports }); - atRule.remove(); - } - }; - - /* Look at all the @value statements and treat them as locals or as imports */ - css.walkAtRules('value', function (atRule) { - if (matchImports.exec(atRule.params)) { - addImport(atRule); - } else { - if (atRule.params.indexOf('@value') !== -1) { - result.warn('Invalid value definition: ' + atRule.params); - } - - addDefinition(atRule); - } - }); - - /* We want to export anything defined by now, but don't add it to the CSS yet or - it well get picked up by the replacement stuff */ - var exportDeclarations = Object.keys(definitions).map(function (key) { - return _postcss2.default.decl({ - value: definitions[key], - prop: key, - raws: { before: "\n " } - }); - }); - - /* If we have no definitions, don't continue */ - if (!Object.keys(definitions).length) return; - - /* Perform replacements */ - (0, _icssReplaceSymbols2.default)(css, definitions); - - /* Add export rules if any */ - if (exportDeclarations.length > 0) { - var exportRule = _postcss2.default.rule({ - selector: ':export', - raws: { after: "\n" } - }); - exportRule.append(exportDeclarations); - css.prepend(exportRule); - } - - /* Add import rules */ - importAliases.reverse().forEach(function (_ref) { - var path = _ref.path; - var imports = _ref.imports; - - var importRule = _postcss2.default.rule({ - selector: ':import(' + path + ')', - raws: { after: "\n" } - }); - imports.forEach(function (_ref2) { - var theirName = _ref2.theirName; - var importedName = _ref2.importedName; - - importRule.append({ - value: theirName, - prop: importedName, - raws: { before: "\n " } - }); - }); - - css.prepend(importRule); - }); - }; -}); -module.exports = exports['default'];
\ No newline at end of file diff --git a/node_modules/postcss-modules-values/package.json b/node_modules/postcss-modules-values/package.json deleted file mode 100644 index 96ba9ed..0000000 --- a/node_modules/postcss-modules-values/package.json +++ /dev/null @@ -1,78 +0,0 @@ -{ - "_from": "postcss-modules-values@^1.3.0", - "_id": "postcss-modules-values@1.3.0", - "_inBundle": false, - "_integrity": "sha1-7P+p1+GSUYOJ9CrQ6D9yrsRW6iA=", - "_location": "/postcss-modules-values", - "_phantomChildren": {}, - "_requested": { - "type": "range", - "registry": true, - "raw": "postcss-modules-values@^1.3.0", - "name": "postcss-modules-values", - "escapedName": "postcss-modules-values", - "rawSpec": "^1.3.0", - "saveSpec": null, - "fetchSpec": "^1.3.0" - }, - "_requiredBy": [ - "/css-loader" - ], - "_resolved": "https://registry.npmjs.org/postcss-modules-values/-/postcss-modules-values-1.3.0.tgz", - "_shasum": "ecffa9d7e192518389f42ad0e83f72aec456ea20", - "_spec": "postcss-modules-values@^1.3.0", - "_where": "/home/pruss/Dev/3-minute-website/node_modules/css-loader", - "author": { - "name": "Glen Maddern" - }, - "babel": { - "presets": [ - "es2015" - ], - "plugins": [ - "add-module-exports" - ] - }, - "bugs": { - "url": "https://github.com/css-modules/postcss-modules-values/issues" - }, - "bundleDependencies": false, - "dependencies": { - "icss-replace-symbols": "^1.1.0", - "postcss": "^6.0.1" - }, - "deprecated": false, - "description": "PostCSS plugin for CSS Modules to pass arbitrary values between your module files", - "devDependencies": { - "babel-cli": "^6.5.2", - "babel-core": "^6.5.2", - "babel-plugin-add-module-exports": "^0.2.1", - "babel-preset-es2015": "^6.3.13", - "chokidar": "^1.2.0", - "mocha": "^3.0.2", - "standard": "^8.4.0" - }, - "homepage": "https://github.com/css-modules/postcss-modules-values#readme", - "keywords": [ - "css", - "modules", - "postcss" - ], - "license": "ISC", - "main": "lib/index.js", - "name": "postcss-modules-values", - "repository": { - "type": "git", - "url": "git+https://github.com/css-modules/postcss-modules-values.git" - }, - "scripts": { - "autotest": "chokidar src test -c 'npm test'", - "build": "babel --out-dir lib src", - "lint": "standard src test", - "posttest": "npm run lint && npm run build", - "prepublish": "npm run build", - "test": "mocha --compilers js:babel-core/register", - "travis": "npm run test" - }, - "version": "1.3.0" -} diff --git a/node_modules/postcss-modules-values/src/index.js b/node_modules/postcss-modules-values/src/index.js deleted file mode 100644 index 3ca6195..0000000 --- a/node_modules/postcss-modules-values/src/index.js +++ /dev/null @@ -1,100 +0,0 @@ -import postcss from 'postcss' -import replaceSymbols, {replaceAll} from 'icss-replace-symbols' - -const matchImports = /^(.+?|\([\s\S]+?\))\s+from\s+("[^"]*"|'[^']*'|[\w-]+)$/ -const matchValueDefinition = /(?:\s+|^)([\w-]+):?\s+(.+?)\s*$/g -const matchImport = /^([\w-]+)(?:\s+as\s+([\w-]+))?/ -let options = {} -let importIndex = 0 -let createImportedName = options && options.createImportedName || ((importName/*, path*/) => `i__const_${importName.replace(/\W/g, '_')}_${importIndex++}`) - -export default postcss.plugin('postcss-modules-values', () => (css, result) => { - let importAliases = [] - let definitions = {} - - const addDefinition = atRule => { - let matches - while (matches = matchValueDefinition.exec(atRule.params)) { - let [/*match*/, key, value] = matches - // Add to the definitions, knowing that values can refer to each other - definitions[key] = replaceAll(definitions, value) - atRule.remove() - } - } - - const addImport = atRule => { - let matches = matchImports.exec(atRule.params) - if (matches) { - let [/*match*/, aliases, path] = matches - // We can use constants for path names - if (definitions[path]) path = definitions[path] - let imports = aliases.replace(/^\(\s*([\s\S]+)\s*\)$/, '$1').split(/\s*,\s*/).map(alias => { - let tokens = matchImport.exec(alias) - if (tokens) { - let [/*match*/, theirName, myName = theirName] = tokens - let importedName = createImportedName(myName) - definitions[myName] = importedName - return { theirName, importedName } - } else { - throw new Error(`@import statement "${alias}" is invalid!`) - } - }) - importAliases.push({ path, imports }) - atRule.remove() - } - } - - /* Look at all the @value statements and treat them as locals or as imports */ - css.walkAtRules('value', atRule => { - if (matchImports.exec(atRule.params)) { - addImport(atRule) - } else { - if (atRule.params.indexOf('@value') !== -1) { - result.warn('Invalid value definition: ' + atRule.params) - } - - addDefinition(atRule) - } - }) - - /* We want to export anything defined by now, but don't add it to the CSS yet or - it well get picked up by the replacement stuff */ - let exportDeclarations = Object.keys(definitions).map(key => postcss.decl({ - value: definitions[key], - prop: key, - raws: { before: "\n " } - })) - - /* If we have no definitions, don't continue */ - if (!Object.keys(definitions).length) return - - /* Perform replacements */ - replaceSymbols(css, definitions) - - /* Add export rules if any */ - if (exportDeclarations.length > 0) { - let exportRule = postcss.rule({ - selector: `:export`, - raws: { after: "\n" } - }) - exportRule.append(exportDeclarations) - css.prepend(exportRule) - } - - /* Add import rules */ - importAliases.reverse().forEach(({ path, imports }) => { - let importRule = postcss.rule({ - selector: `:import(${path})`, - raws: { after: "\n" } - }) - imports.forEach(({ theirName, importedName }) => { - importRule.append({ - value: theirName, - prop: importedName, - raws: { before: "\n " } - }) - }) - - css.prepend(importRule) - }) -}) diff --git a/node_modules/postcss-modules-values/test/index.js b/node_modules/postcss-modules-values/test/index.js deleted file mode 100644 index 61555ac..0000000 --- a/node_modules/postcss-modules-values/test/index.js +++ /dev/null @@ -1,158 +0,0 @@ -/* global describe, it */ - -import postcss from 'postcss' -import assert from 'assert' - -import constants from '../src' - -const test = (input, expected) => { - let processor = postcss([constants]) - assert.equal(processor.process(input).css, expected) -} - -describe('constants', () => { - it('should pass through an empty string', () => { - test('', '') - }) - - it('should export a constant', () => { - test('@value red blue;', ':export {\n red: blue\n}') - }) - - it('gives an error when there is no semicolon between lines', () => { - const input = '@value red blue\n@value green yellow' - let processor = postcss([constants]) - const result = processor.process(input) - const warnings = result.warnings() - - assert.equal(warnings.length, 1) - assert.equal(warnings[0].text, 'Invalid value definition: red blue\n@value green yellow') - }) - - it('should export a more complex constant', () => { - test('@value small (max-width: 599px);', ':export {\n small: (max-width: 599px)\n}') - }) - - it('should replace constants within the file', () => { - test('@value blue red; .foo { color: blue; }', ':export {\n blue: red;\n}\n.foo { color: red; }') - }) - - it('should import and re-export a simple constant', () => { - test('@value red from "./colors.css";', ':import("./colors.css") {\n i__const_red_0: red\n}\n:export {\n red: i__const_red_0\n}') - }) - - it('should import a simple constant and replace usages', () => { - test('@value red from "./colors.css"; .foo { color: red; }', ':import("./colors.css") {\n i__const_red_1: red;\n}\n:export {\n red: i__const_red_1;\n}\n.foo { color: i__const_red_1; }') - }) - - it('should import and alias a constant and replace usages', () => { - test('@value blue as red from "./colors.css"; .foo { color: red; }', ':import("./colors.css") {\n i__const_red_2: blue;\n}\n:export {\n red: i__const_red_2;\n}\n.foo { color: i__const_red_2; }') - }) - - it('should import multiple from a single file', () => { - test( - `@value blue, red from "./colors.css"; -.foo { color: red; } -.bar { color: blue }`, - `:import("./colors.css") { - i__const_blue_3: blue; - i__const_red_4: red; -} -:export { - blue: i__const_blue_3; - red: i__const_red_4; -} -.foo { color: i__const_red_4; } -.bar { color: i__const_blue_3 }`) - }) - - it('should import from a definition', () => { - test( - '@value colors: "./colors.css"; @value red from colors;', - ':import("./colors.css") {\n i__const_red_5: red\n}\n' + - ':export {\n colors: "./colors.css";\n red: i__const_red_5\n}' - ) - }) - - it('should only allow values for paths if defined in the right order', () => { - test( - '@value red from colors; @value colors: "./colors.css";', - ':import(colors) {\n i__const_red_6: red\n}\n' + - ':export {\n red: i__const_red_6;\n colors: "./colors.css"\n}' - ) - }) - - it('should allow transitive values', () => { - test( - '@value aaa: red;\n@value bbb: aaa;\n.a { color: bbb; }', - ':export {\n aaa: red;\n bbb: red;\n}\n.a { color: red; }' - ) - }) - - it('should allow transitive values within calc', () => { - test( - '@value base: 10px;\n@value large: calc(base * 2);\n.a { margin: large; }', - ':export {\n base: 10px;\n large: calc(10px * 2);\n}\n.a { margin: calc(10px * 2); }' - ) - }) - - it('should preserve import order', () => { - test( - '@value a from "./a.css"; @value b from "./b.css";', - ':import("./a.css") {\n i__const_a_7: a\n}\n' + - ':import("./b.css") {\n i__const_b_8: b\n}\n' + - ':export {\n a: i__const_a_7;\n b: i__const_b_8\n}' - ) - }) - - it('should allow custom-property-style names', () => { - test( - '@value --red from "./colors.css"; .foo { color: --red; }', - ':import("./colors.css") {\n i__const___red_9: --red;\n}\n' + - ':export {\n --red: i__const___red_9;\n}\n' + - '.foo { color: i__const___red_9; }') - }) - - it('should allow all colour types', () => { - test( - '@value named: red; @value 3char #0f0; @value 6char #00ff00; @value rgba rgba(34, 12, 64, 0.3); @value hsla hsla(220, 13.0%, 18.0%, 1);\n' + - '.foo { color: named; background-color: 3char; border-top-color: 6char; border-bottom-color: rgba; outline-color: hsla; }', - ':export {\n named: red;\n 3char: #0f0;\n 6char: #00ff00;\n rgba: rgba(34, 12, 64, 0.3);\n hsla: hsla(220, 13.0%, 18.0%, 1);\n}\n' + - '.foo { color: red; background-color: #0f0; border-top-color: #00ff00; border-bottom-color: rgba(34, 12, 64, 0.3); outline-color: hsla(220, 13.0%, 18.0%, 1); }') - }) - - it('should import multiple from a single file on multiple lines', () => { - test( - `@value ( - blue, - red -) from "./colors.css"; -.foo { color: red; } -.bar { color: blue }`, - `:import("./colors.css") { - i__const_blue_10: blue; - i__const_red_11: red; -} -:export { - blue: i__const_blue_10; - red: i__const_red_11; -} -.foo { color: i__const_red_11; } -.bar { color: i__const_blue_10 }`) - }) - - it('should allow definitions with commas in them', () => { - test( - '@value coolShadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14) ;\n' + - '.foo { box-shadow: coolShadow; }', - ':export {\n coolShadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14);\n}\n' + - '.foo { box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14); }') - }) - - it('should allow values with nested parantheses', () => { - test( - '@value aaa: color(red lightness(50%));', - ':export {\n aaa: color(red lightness(50%))\n}' - ) - }) -}) |