Merge pull request #73 from dnbexperience/develop

release new version

.circleci/config.yml

@@ -117,7 +117,7 @@ workflows:
           filters:
             branches:
               ignore:
-                - master
+                - release
                 - gh-pages
       - deploy-preview:
           filters:
@@ -129,4 +129,4 @@ workflows:
           filters:
             branches:
               only:
-                - master
+                - release

.drone.yml

@@ -20,7 +20,7 @@ steps:
         - push
       branch:
         exclude:
-          - master
+          - release
           - develop
           - gh-pages
           - rc/*
@@ -85,7 +85,7 @@ steps:
         - push
       branch:
         include:
-          - master
+          - release
 
   - name: slack
     image: plugins/slack

.github/ISSUE_TEMPLATE/question.md

@@ -10,4 +10,4 @@ about: If you have questions, please check our Discord or StackOverflow
 
 For questions or help please see:
 
-- [Eufemia Portal](https://dnbexperience.github.io/eufemia/uilib)
+- [Eufemia Portal](https://eufemia.dnb.no/uilib)

.travis.yml

@@ -39,10 +39,10 @@ jobs:
 
 stages:
   - name: test
-    if: NOT (branch =~ /^(master|gh-pages)/)
+    if: NOT (branch =~ /^(release|gh-pages)/)
 
   - name: deploy-preview
     if: (branch =~ /^(develop|rc\/.*)/)
 
   - name: deploy-release
-    if: (branch = master)
+    if: (branch = release)

CHANGELOG-example.md

@@ -0,0 +1,29 @@
+**January 2019**
+
+## Subject title
+
+### Release of `dnb-ui-lib` v1.10.0
+
+#### `dnb-ui-lib`: Breaking Changes
+
+- Text
+  - sub text
+  - sub text
+
+#### `dnb-ui-lib`: Features
+
+Description
+
+```js
+// code
+```
+
+#### `dnb-ui-lib`: Fixes & Optimizations
+
+Description
+
+### Figma: Changes
+
+Description
+
+---

CHANGELOG.md

@@ -1,31 +1,14 @@
-## Date
+**January 2019**
 
----
-
-### Release of `dnb-ui-lib` v1.10.0
-
-#### Breaking Changes
-
-- Text
-  - sub text
-  - sub text
-
-#### Features
-
-Description
-
-```js
-// code
-```
-
-#### Fixes & Optimizations
-
-Description
-
----
+## Changes to the default styles
 
-### New color added to Figma
+- Change from 1px to 2px outline on input for error state
+- Signal Orange is replaced by Emerald Green for focus state
+- Tab and StepIndicator (Progress bar) have now Sea Green Alt underline
+- The Switch component has now an outline of 2px
+- Hover on Tabs looks more like an anchor
+- Color change: Sea Green 4% -> Mint Green 12%
 
-Description
+More in the [Releases section on GitHub](https://github.com/dnbexperience/eufemia/releases)
 
 ---

README.md

@@ -5,7 +5,7 @@ Some of the included packages/workspaces are `dnb-design-guide` and `dnb-ui-lib`
 
 ## DNB Eufemia Portal
 
-Find more information on how to use the Design System on the [Eufemia Portal](https://dnbexperience.github.io/eufemia/).
+Find more information on how to use the Design System on the [Eufemia Portal](https://eufemia.dnb.no/).
 
 ## Requirements
 
@@ -23,4 +23,4 @@ Install [Node](https://nodejs.org) and [Yarn](https://yarnpkg.com).
 
 ## Releases
 
-The CI will handle new releases once new changes gets merged into the `master` branch. Mainly though a Pull Request.
+The CI will handle new releases once new changes gets merged into the `origin/release` branch. Mainly though a Pull Request.

packages/dnb-design-system-portal/gatsby-config.js

@@ -12,7 +12,7 @@ module.exports = {
       'The DNB Style Guide is the go to place for all who has to design, develop or create visuals with the DNB design.',
     // homepage: 'https://www.dnb.no',
     // siteUrl: 'https://www.dnb.no',
-    repoUrl: 'https://github.com/dnbexperience/eufemia/tree/master/'
+    repoUrl: 'https://github.com/dnbexperience/eufemia/tree/release/'
   },
   plugins: [
     {

packages/dnb-design-system-portal/package.json

@@ -70,15 +70,15 @@
     "enzyme": "^3.8.0",
     "enzyme-adapter-react-16": "^1.7.1",
     "enzyme-to-json": "^3.3.5",
-    "eslint": "^5.12.0",
+    "eslint": "^5.12.1",
     "eslint-plugin-import": "^2.14.0",
     "eslint-plugin-jsx-a11y": "^6.1.2",
-    "eslint-plugin-react": "^7.12.3",
+    "eslint-plugin-react": "^7.12.4",
     "front-matter": "^3.0.1",
     "fs-extra": "^7.0.1",
     "gatsby": "^2.0.91",
     "gatsby-link": "^2.0.8",
-    "gatsby-mdx": "^0.3.3",
+    "gatsby-mdx": "^0.3.5",
     "gatsby-plugin-catch-links": "^2.0.9",
     "gatsby-plugin-emotion": "^4.0.1",
     "gatsby-plugin-manifest": "^2.0.13",
@@ -101,7 +101,7 @@
     "nodemon": "^1.18.9",
     "ora": "^3.0.0",
     "postcss-preset-env": "^6.5.0",
-    "prettier": "^1.15.3",
+    "prettier": "^1.16.0",
     "prettier-package-json": "^2.0.1",
     "pretty": "^2.0.0",
     "prism-react-renderer": "^0.1.5",
@@ -110,9 +110,10 @@
     "react-fake-props": "^0.3.1",
     "react-helmet": "^5.2.0",
     "react-live": "^1.12.0",
-    "stylelint": "^9.9.0",
+    "react-live-replacement": "https://github.com/tujoworker/react-live/",
+    "stylelint": "^9.10.1",
     "stylelint-config-styled-components": "^0.1.1",
-    "stylelint-processor-styled-components": "^1.5.1"
+    "stylelint-processor-styled-components": "^1.5.2"
   },
   "buildVersion": "[LOCAL BUILD]"
 }

packages/dnb-design-system-portal/scripts/uilib/tasks/extractJSX.js

@@ -96,7 +96,7 @@ const extractJSXFromRender = ({
         // useTabs: false,
         // semi: false,
         // jsxBracketSameLine: false,
-        // parser: 'babylon',
+        // parser: 'babel',
         // trailingComma: 'none'
       })
     } catch (e) {

packages/dnb-design-system-portal/src/html.js

@@ -16,7 +16,7 @@ export default class HTML extends PureComponent {
           <meta name="robots" content="noindex" />
           <meta
             name="viewport"
-            content="width=device-width, initial-scale=1, shrink-to-fit=no"
+            content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=yes, maximum-scale=12"
           />
           {this.props.headComponents}
         </head>

packages/dnb-design-system-portal/src/pages/404.js

@@ -20,8 +20,7 @@ export default class PageNotFound extends PureComponent {
           <h1>404</h1>
           <h2>We couldn't find that page:</h2>
           <p>
-            {`There's not a page at `}
-            <code>{pathname}</code>
+            There's not a page at <code>{pathname}</code>
           </p>
         </Inner>
       </Center>

packages/dnb-design-system-portal/src/pages/design-system.md

@@ -0,0 +1,13 @@
+---
+header: 'Design System'
+title: 'Change log'
+draft: false
+---
+
+import Changelog from 'Pages/design-system/changelog'
+
+# Change log of Eufemia
+
+---
+
+<Changelog />

packages/dnb-design-system-portal/src/pages/design-system/about.md

@@ -0,0 +1,40 @@
+---
+header: 'Design System'
+title: 'About'
+draft: false
+order: 3
+---
+
+import WelcomeAdvice from 'Pages/welcome-advice'
+
+# About Eufemia
+
+<WelcomeAdvice />
+
+## The Goal
+
+Eufemia is DNB Design System witch consist of resources for designers and developers in order to maintain consistency and efficiency when building web applications.
+
+The goal is to have a single source of truth for design through color, typography and layout guidelines as well as fully coded components to use in applications.
+
+### More aspects
+
+- Collaboration
+- Master files
+- Versioning
+- Patterns
+- Overall documentation
+
+## Special Thanks
+
+Thank You for all who as contributed to build Eufemia. People who has contributed heavily to Eufemia are:
+
+- Jens Thuland
+- Sindre Marken
+- Casper Brekke
+- Tobias Høegh
+- Kevin Murphy
+- Hans Kristian Smedsrød
+- Nicolai Rygh
+
+The DNB ASA Design System is build together with [EGGS Design](https://eggsdesign.com/).

packages/dnb-design-system-portal/src/pages/design-system/changelog.md

@@ -0,0 +1,14 @@
+---
+header: 'Design System'
+title: 'Changelog'
+draft: true
+order: 1
+---
+
+import Changelog from 'Root/../../CHANGELOG.md'
+
+# Change log of Eufemia
+
+---
+
+<Changelog />

packages/dnb-design-system-portal/src/pages/design-system/contact.md

@@ -0,0 +1,29 @@
+---
+header: 'Design System'
+title: 'Contact'
+draft: false
+order: 2
+---
+
+# Contact
+
+## Slack Channel on [DNB IT](https://dnb-it.slack.com)
+
+- `# eufemia-design-system`
+
+### Related channels
+
+- `# frontend`
+- `# ux-design`
+- `# experience-design`
+
+## Designers
+
+- **Jens Thuland** (Figma, Lead DNB Digital Design)
+- **Sindre Marken** (Figma, Typography)
+- **Casper Brekke** (Figma, iOS Design)
+- **Kevin Murphy** (Design System)
+
+## Developers
+
+- **Tobias Høegh** (GitHub)

packages/dnb-design-system-portal/src/pages/design-system/story.md

@@ -0,0 +1,10 @@
+---
+header: 'Design System'
+title: 'Story'
+draft: false
+order: 4
+---
+
+# The Story of Eufemia
+
+WIP

packages/dnb-design-system-portal/src/pages/icons.md

@@ -22,6 +22,22 @@ The sources are located in the [assets folder](https://unpkg.com/dnb-ui-lib@late
 
 They also exists as [React Components](/uilib/components/icon) to be easily integrated, without need of an additional SVG file loader.
 
+#### Color
+
+The icons SVG format have to satisfy the requirement to colorize the CSS fill- and stoke colors by simply using the inherited color.
+
+This is taken care of by using the [DNB Icon Component](/uilib/components/icon)
+
+**Example usage of CSS**
+
+```css
+svg {
+  color: inherit;
+  fill: currentColor;
+  stroke: currentColor;
+}
+```
+
 #### Sizing
 
 Eufemia icons come in **two** sizes:
@@ -31,6 +47,20 @@ Eufemia icons come in **two** sizes:
 
 The reason why there are two sizes, is mainly do to the SVG artifact, that the Icons, alongside with the strokes, will scale up, once we use them with a larger width and height.
 
+##### Scalability in web
+
+To ensure that the relative size of the SVG icons are scalable by the inherited CSS font size, do not explicitly specify the SVG, unless for older browsers like Internet Explorer.
+
+**Example usage of CSS**
+
+```css
+svg {
+  font-size: inherit;
+  width: 1em;
+  height: 1em;
+}
+```
+
 #### Spacing
 
 Icons should have a minimum area of 8px between them and their nearest neighbor.
@@ -47,3 +77,7 @@ Icons should have a minimum area of 8px between them and their nearest neighbor.
 #### Custom Icons
 
 Streamline caters for pretty much all of Eufemia's icon needs. However, sometimes there is a need for a custom icon. In these cases please contact one of Eufemia's design leads.
+
+```
+
+```