@internetstiftelsen/styleguide
Advanced tools
Comparing version 1.8.4 to 1.9.0
@@ -41,3 +41,3 @@ --- | ||
To install it, run `npm i git+ssh://git@github.com:sewebb/iis-styleguide.git`. | ||
To install it, run `npm i @internetstiftelsen/styleguide`. | ||
@@ -48,3 +48,3 @@ When that's done, you need to configure your build. So open up your main SCSS file,and add the components you need like this: | ||
// Configurations, foundation, fonts, utilities etc.. | ||
@import '~iis-styleguide/src/globals'; | ||
@import '~@internetstiftelsen/styleguide/src/globals'; | ||
@@ -55,14 +55,14 @@ // Set a project namespace for namespace prefixed classes | ||
// Configuration/Base components | ||
@import '~iis-styleguide/src/configuration/grid/grid'; | ||
@import '~iis-styleguide/src/configuration/colors/colors'; | ||
@import '~@internetstiftelsen/styleguide/src/configuration/grid/grid'; | ||
@import '~@internetstiftelsen/styleguide/src/configuration/colors/colors'; | ||
// Atoms | ||
@import '~iis-styleguide/src/atoms/button/button'; | ||
@import '~iis-styleguide/src/atoms/input/input'; | ||
@import '~@internetstiftelsen/styleguide/src/atoms/button/button'; | ||
@import '~@internetstiftelsen/styleguide/src/atoms/input/input'; | ||
// Molecules | ||
@import '~iis-styleguide/src/molecules/card/card'; | ||
@import '~@internetstiftelsen/styleguide/src/molecules/card/card'; | ||
// Organisms | ||
@import '~iis-styleguide/src/organisms/header/header'; | ||
@import '~@internetstiftelsen/styleguide/src/organisms/header/header'; | ||
``` | ||
@@ -84,6 +84,6 @@ | ||
// ES5 build version | ||
import Button from 'iis-styleguide/dist/atoms/button/button'; | ||
import Button from '@internetstiftelsen/styleguide/dist/atoms/button/button'; | ||
// Standard ES6 version | ||
import Button from 'iis-styleguide/src/atoms/button/button'; | ||
import Button from '@internetstiftelsen/styleguide/src/atoms/button/button'; | ||
``` | ||
@@ -90,0 +90,0 @@ |
{ | ||
"name": "@internetstiftelsen/styleguide", | ||
"version": "1.8.4", | ||
"version": "1.9.0", | ||
"main": "src/components.js", | ||
@@ -5,0 +5,0 @@ "ports": { |
@@ -10,3 +10,3 @@ # Internetstiftelsen Styleguide | ||
To install it, run `npm i git+ssh://git@github.com:sewebb/iis-styleguide.git`. | ||
To install it, run `npm i @internetstiftelsen/styleguide`. | ||
@@ -17,3 +17,3 @@ When that's done, you need to configure your build. So open up your main SCSS file and add the components you need like this: | ||
// Configurations, foundation, fonts, utilities etc.. | ||
@import '~iis-styleguide/src/globals'; | ||
@import '~@internetstiftelsen/styleguide/src/globals'; | ||
@@ -24,14 +24,14 @@ // Set a project namespace for namespace prefixed classes | ||
// Configuration/Base components | ||
@import '~iis-styleguide/src/configuration/grid/grid'; | ||
@import '~iis-styleguide/src/configuration/colors/colors'; | ||
@import '~@internetstiftelsen/styleguide/src/configuration/grid/grid'; | ||
@import '~@internetstiftelsen/styleguide/src/configuration/colors/colors'; | ||
// Atoms | ||
@import '~iis-styleguide/src/atoms/button/button'; | ||
@import '~iis-styleguide/src/atoms/input/input'; | ||
@import '~@internetstiftelsen/styleguide/src/atoms/button/button'; | ||
@import '~@internetstiftelsen/styleguide/src/atoms/input/input'; | ||
// Molecules | ||
@import '~iis-styleguide/src/molecules/card/card'; | ||
@import '~@internetstiftelsen/styleguide/src/molecules/card/card'; | ||
// Organisms | ||
@import '~iis-styleguide/src/organisms/header/header'; | ||
@import '~@internetstiftelsen/styleguide/src/organisms/header/header'; | ||
``` | ||
@@ -53,6 +53,6 @@ | ||
// ES5 build version | ||
import Button from 'iis-styleguide/dist/atoms/button/button'; | ||
import Button from '@internetstiftelsen/styleguide/dist/atoms/button/button'; | ||
// Standard ES6 version | ||
import Button from 'iis-styleguide/src/atoms/button/button'; | ||
import Button from '@internetstiftelsen/styleguide/src/atoms/button/button'; | ||
``` | ||
@@ -59,0 +59,0 @@ |
@@ -31,11 +31,2 @@ module.exports = { | ||
{ | ||
name: 'black', | ||
title: '$color-black', | ||
hex: '#000000', | ||
rgb: '0 0 0', | ||
cmyk: '50 50 50 100', | ||
pms: 'n/a', | ||
hasBorder: false | ||
}, | ||
{ | ||
name: 'cyberspace', | ||
@@ -48,3 +39,13 @@ title: '$color-cyberspace', | ||
hasBorder: false | ||
} | ||
}, | ||
{ | ||
name: 'dark', | ||
title: '$color-dark', | ||
hex: '#4c4c4c', | ||
rgb: '76 76 76', | ||
cmyk: '66 58 57 37', | ||
pms: 'PMS Warm Gray 11', | ||
hasBorder: false | ||
}, | ||
], | ||
@@ -142,2 +143,11 @@ secondaryColors: [ | ||
{ | ||
name: 'black', | ||
title: '$color-black', | ||
hex: '#000000', | ||
rgb: '0 0 0', | ||
cmyk: '50 50 50 100', | ||
pms: 'n/a', | ||
hasBorder: false | ||
}, | ||
{ | ||
name: 'granit', | ||
@@ -169,3 +179,2 @@ title: '$color-granit', | ||
}, | ||
{ | ||
@@ -172,0 +181,0 @@ name: 'snow', |
@@ -7,2 +7,3 @@ require('./utilities/tab-highlighting/tab-highlighting'); | ||
require('./organisms/accordion/accordion'); | ||
require('./organisms/tabs/tabs'); | ||
require('./organisms/domain-search/domain-search'); | ||
@@ -9,0 +10,0 @@ require('./organisms/mega-menu/mega-menu'); |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
29833752
366
7746
1