@barguide/style-guide
Advanced tools
Comparing version 2.0.6 to 2.0.7
@@ -6,2 +6,10 @@ # Change Log | ||
## [2.0.7](https://github.com/barguide/taps/compare/@barguide/style-guide@2.0.6...@barguide/style-guide@2.0.7) (2021-03-25) | ||
**Note:** Version bump only for package @barguide/style-guide | ||
## [2.0.6](https://github.com/barguide/taps/compare/@barguide/style-guide@2.0.5...@barguide/style-guide@2.0.6) (2021-03-25) | ||
@@ -8,0 +16,0 @@ |
@@ -5,2 +5,4 @@ 'use strict'; | ||
// Useful | ||
const transparent = 'transparent'; | ||
// Roygbiv | ||
@@ -35,2 +37,3 @@ const red = '#f00'; | ||
const color = { | ||
transparent, | ||
// Black, white and grays | ||
@@ -91,2 +94,3 @@ black, | ||
const grid = { | ||
'0': 0, | ||
'1xxs': 2, | ||
@@ -93,0 +97,0 @@ '1xs': 4, |
@@ -0,1 +1,3 @@ | ||
// Useful | ||
const transparent = 'transparent'; | ||
// Roygbiv | ||
@@ -30,2 +32,3 @@ const red = '#f00'; | ||
const color = { | ||
transparent, | ||
// Black, white and grays | ||
@@ -86,2 +89,3 @@ black, | ||
const grid = { | ||
'0': 0, | ||
'1xxs': 2, | ||
@@ -88,0 +92,0 @@ '1xs': 4, |
@@ -7,2 +7,4 @@ (function (global, factory) { | ||
// Useful | ||
const transparent = 'transparent'; | ||
// Roygbiv | ||
@@ -37,2 +39,3 @@ const red = '#f00'; | ||
const color = { | ||
transparent, | ||
// Black, white and grays | ||
@@ -93,2 +96,3 @@ black, | ||
const grid = { | ||
'0': 0, | ||
'1xxs': 2, | ||
@@ -95,0 +99,0 @@ '1xs': 4, |
@@ -0,1 +1,3 @@ | ||
// Useful | ||
const transparent = 'transparent'; | ||
// Roygbiv | ||
@@ -30,2 +32,3 @@ const red = '#f00'; | ||
const color = { | ||
transparent, | ||
// Black, white and grays | ||
@@ -86,2 +89,3 @@ black, | ||
const grid = { | ||
'0': 0, | ||
'1xxs': 2, | ||
@@ -118,4 +122,3 @@ '1xs': 4, | ||
Object.keys(data).forEach((key) => { | ||
const val = data[key]; | ||
gridInPixels[key] = `${val}px`; | ||
gridInPixels[key] = `${data[key]}px`; | ||
}); | ||
@@ -122,0 +125,0 @@ return gridInPixels; |
@@ -22,2 +22,3 @@ declare const gray: { | ||
link: string; | ||
transparent: string; | ||
black: string; | ||
@@ -24,0 +25,0 @@ gray: { |
@@ -9,2 +9,3 @@ /** | ||
declare const grid: { | ||
'0': number; | ||
'1xxs': number; | ||
@@ -11,0 +12,0 @@ '1xs': number; |
{ | ||
"name": "@barguide/style-guide", | ||
"version": "2.0.6", | ||
"version": "2.0.7", | ||
"author": { | ||
@@ -56,3 +56,3 @@ "name": "Matthew Scholta", | ||
"types": "./dist/index.d.ts", | ||
"gitHead": "b90aacfd0d0a0a1c5bf22796ec594a4dd828db29" | ||
"gitHead": "70da47449041a74555fc82ff7afc906d3d360210" | ||
} |
@@ -10,9 +10,7 @@ import { color } from './variables/color'; | ||
*/ | ||
const valueToPixels = (data: any) => { | ||
const gridInPixels: any = {}; | ||
const valueToPixels = (data: Record<string, number>) => { | ||
const gridInPixels: Record<string, string> = {}; | ||
Object.keys(data).forEach((key) => { | ||
const val = data[key]; | ||
gridInPixels[key] = `${val}px`; | ||
gridInPixels[key] = `${data[key]}px`; | ||
}); | ||
@@ -19,0 +17,0 @@ |
@@ -0,1 +1,4 @@ | ||
// Useful | ||
const transparent = 'transparent'; | ||
// Roygbiv | ||
@@ -33,2 +36,4 @@ const red = '#f00'; | ||
const color = { | ||
transparent, | ||
// Black, white and grays | ||
@@ -35,0 +40,0 @@ black, |
@@ -9,2 +9,3 @@ /** | ||
const grid = { | ||
'0': 0, | ||
'1xxs': 2, | ||
@@ -11,0 +12,0 @@ '1xs': 4, |
97780
3090