release 0.3.0

CHANGELOG.md

@@ -1,3 +1,7 @@
+# 0.2.0
+* Update Banks DB to 0.7.0
+* Use %code% instead of %country%-%name%
+
 # 0.2.0
 Update Banks DB to 0.6.0
 

README.md

@@ -9,7 +9,7 @@
 
 ```css
 @banks-db-template {
-    .billing-form.is-%country%-%name% {
+    .billing-form.is-%code% {
         background-color: %color%;
     }
 }
@@ -34,7 +34,7 @@
 
     ```css
     @banks-db-template {
-        .billing-form.is-%country%-%name% {
+        .billing-form.is-%code% {
             background-color: %color%;
             color: contrast(%color%);
         }
@@ -44,7 +44,7 @@
 *  Add long transition for form colors because quick changes scary users.
 
     ```css
-    .billing-form.is-%country%-%name% {
+    .billing-form.is-%code% {
         transition: background .6s, color .6s;
     }
     ```

package.json

@@ -1,6 +1,6 @@
 {
   "name": "postcss-banks-db",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "PostCSS plugin to insert CSS based on Banks DB data",
   "keywords": [
     "postcss",
@@ -22,7 +22,7 @@
   "homepage": "https://github.com/ramoona/postcss-banks-db",
   "dependencies": {
     "postcss": "^5.0.14",
-    "banks-db": "^0.6.0"
+    "banks-db": "^0.7.0"
   },
   "devDependencies": {
     "ava": "^0.11.0",

test.js

@@ -1,18 +1,19 @@
 import postcss from 'postcss';
 import test    from 'ava';
-
 import plugin from './';
 
 const data = [
     {
         name: 'alfabank',
         country: 'ru',
-        color: '#F22F17'
+        color: '#F22F17',
+        code: 'ru-alfabank'
     },
     {
         name: 'ingbelgium',
         country: 'be',
-        color: '#ff6600'
+        color: '#ff6600',
+        code: 'be-ingbelgium'
     }
 ];
 
@@ -25,7 +26,7 @@ function run(t, input, output) {
 
 test('fills template', t => {
     var input = '@banks-db-template {' +
-                '    .billing-form.is-%country%-%name% {\n' +
+                '    .billing-form.is-%code% {\n' +
                 '        background-color: %color%\n' +
                 '    }\n' +
                 '}';
@@ -40,7 +41,7 @@ test('fills template', t => {
 
 test('fills template with real data', t => {
     var input = '@banks-db-template {' +
-                '    .billing-form.is-%country%-%name% {\n' +
+                '    .billing-form.is-%code% {\n' +
                 '        background-color: %color%\n' +
                 '    }\n' +
                 '}';
@@ -52,7 +53,7 @@ test('fills template with real data', t => {
 
 test('replace multiple strings', t => {
     var input = '@banks-db-template {' +
-                '    .billing-form.is-%country%-%name% {\n' +
+                '    .billing-form.is-%code% {\n' +
                 '        border-color: %color% white %color%\n' +
                 '    }\n' +
                 '}';