diff --git a/.drone.yml b/.drone.yml index be9553b798e..57c2f7991e4 100644 --- a/.drone.yml +++ b/.drone.yml @@ -82,9 +82,6 @@ steps: when: event: - pull-request - branch: - exclude: - - wip/* - name: deploy-release image: tujoworker/docker-node-puppeteer diff --git a/CHANGELOG.md b/CHANGELOG.md index c721a7c4efc..18bfd2314e3 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,12 @@ +**February, 14. 2019** + +## Changes to the default styles + +- Anchor (Text Link): Removed underline on hover and active states +- Tables (the default once) has now always a border line on the bottom + +--- + **January 2019** ## Changes to the default styles diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index c7559b0d264..26610479d2c 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -1 +1 @@ -Read more on [how to contribute](https://eufemia.dnb.no/uilib/development). +Read more on [how to contribute](https://eufemia.dnb.no/uilib/development) diff --git a/packages/dnb-design-system-portal/gatsby-node.js b/packages/dnb-design-system-portal/gatsby-node.js index eac8c79ea49..9d582b92755 100644 --- a/packages/dnb-design-system-portal/gatsby-node.js +++ b/packages/dnb-design-system-portal/gatsby-node.js @@ -96,7 +96,7 @@ exports.onCreateNode = ({ node, getNode, actions }) => { node, value: node.frontmatter.title || - parent.name.replace(/^[a-z]/, parent.name[0].toUpperCase()) || + // parent.name.replace(/^[a-z]/, parent.name[0].toUpperCase()) || null }) diff --git a/packages/dnb-design-system-portal/package.json b/packages/dnb-design-system-portal/package.json index 1fb23b43259..be4ca44feec 100644 --- a/packages/dnb-design-system-portal/package.json +++ b/packages/dnb-design-system-portal/package.json @@ -29,7 +29,7 @@ "make-ui-lib-pages": "babel-node ./scripts/uilib/makeDemosFactory.js && yarn prettier:components", "make-ui-lib-pages:dev": "nodemon --exec 'yarn make-ui-lib-pages' --ext js --watch '../dnb-ui-lib/src/**/*' --watch '**/makeDemosFactory.js' --watch '**/tasks/*' --watch '**/Template.js' --watch '**/template.md'", "reset": "cd ../../ && yarn reset && cd - && yarn build", - "serve": "live-server public --watch --no-browser --port=8001", + "serve": "live-server public --watch --no-browser --port=8000", "start": "rm -rf .cache; rm -rf ./public/**; cross-env DEBUG=gatsby:query-watcher gatsby develop", "test": "jest --watch", "test-ci": "jest --ci", @@ -45,9 +45,9 @@ }, "dependencies": { "dnb-ui-lib": "*", - "prop-types": "^15.7.1", - "react": "^16.8.1", - "react-dom": "^16.8.1" + "prop-types": "^15.7.2", + "react": "^16.8.2", + "react-dom": "^16.8.2" }, "devDependencies": { "@babel/core": "^7.2.2", @@ -58,7 +58,7 @@ "@babel/plugin-syntax-jsx": "^7.2.0", "@babel/preset-env": "^7.3.1", "@babel/preset-react": "^7.0.0", - "@mdx-js/mdx": "0.17.0", + "@mdx-js/mdx": "0.17.3", "@mdx-js/tag": "0.17.0", "babel-plugin-emotion": "^10.0.7", "camelcase": "^5.0.0", @@ -78,7 +78,7 @@ "eslint-plugin-react": "^7.12.4", "front-matter": "^3.0.1", "fs-extra": "^7.0.1", - "gatsby": "^2.0.119", + "gatsby": "^2.1.2", "gatsby-link": "^2.0.10", "gatsby-mdx": "^0.3.6", "gatsby-plugin-catch-links": "^2.0.11", @@ -98,7 +98,7 @@ "jest-emotion": "^10.0.7", "jest-raw-loader": "^1.0.1", "keycode": "^2.2.0", - "lint-staged": "^8.1.3", + "lint-staged": "^8.1.4", "live-server": "^1.2.1", "mdx-component-autolink-header": "^0.0.1", "mime": "^2.4.0", @@ -114,7 +114,7 @@ "react-fake-props": "^0.3.1", "react-helmet": "^5.2.0", "react-live": "^1.12.0", - "react-live-replacement": "https://github.com/tujoworker/react-live/tarball/d9a44a8b8093a3cb57734d901200f7b66cd30515", + "react-live-replacement": "https://github.com/tujoworker/react-live/tarball/fcf128dd05719fcad5e99e9c2ab462ee01c91520", "stylelint": "^9.10.1", "stylelint-config-styled-components": "^0.1.1", "stylelint-processor-styled-components": "^1.5.2" diff --git a/packages/dnb-design-system-portal/src/pages/design-system/contact.md b/packages/dnb-design-system-portal/src/pages/design-system/contact.md index 3999c6ca53d..5b0295c7ab6 100644 --- a/packages/dnb-design-system-portal/src/pages/design-system/contact.md +++ b/packages/dnb-design-system-portal/src/pages/design-system/contact.md @@ -9,21 +9,30 @@ order: 2 ## Slack Channel on [DNB IT](https://dnb-it.slack.com) -- `# eufemia-design-system` +- `eufemia-design-system` ### Related channels +- `# figma` - `# frontend` - `# ux-design` - `# experience-design` -## Designers +--- + +## People + +### Administrators + +- **Jens Thuland** (_jens.thuland@dnb.no_) + +### Designers -- **Jens Thuland** (Figma, Lead DNB Digital Design) +- **Jens Thuland** (Figma, Web Design, ) - **Sindre Marken** (Figma, Typography) - **Casper Brekke** (Figma, iOS Design) - **Kevin Murphy** (Design System) -## Developers +### Developers -- **Tobias Høegh** (GitHub) +- **Tobias Høegh** (GitHub, dnb-ui-lib) diff --git a/packages/dnb-design-system-portal/src/pages/icons.md b/packages/dnb-design-system-portal/src/pages/icons.md index 2fe4eded1c7..948449b08b9 100644 --- a/packages/dnb-design-system-portal/src/pages/icons.md +++ b/packages/dnb-design-system-portal/src/pages/icons.md @@ -11,9 +11,9 @@ import IconNearestNeighbour from 'Pages/quickguide-designer/assets/icon-nearest- At DNB we are currently using Streamline icons as our source for off-the-shelf vector icons. -Link: https://www.streamlineicons.com/ +[Link to streamlineicons.com](https://www.streamlineicons.com/) -#### Using Icons +## Using Icons The icons are in SVG format and are optimized for performance and to have the smallest footprint possible in the package build process. @@ -21,7 +21,7 @@ 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 +## Color The icons SVG format have to satisfy the requirement to colorize the CSS fill- and stoke colors by simply using the inherited color. @@ -37,7 +37,7 @@ svg { } ``` -#### Sizing +## Sizing Eufemia icons come in **two** sizes: @@ -46,7 +46,7 @@ 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 +### 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. @@ -60,7 +60,7 @@ svg { } ``` -#### Spacing +## Spacing Icons should have a minimum area of 8px between them and their nearest neighbor. @@ -73,10 +73,6 @@ Icons should have a minimum area of 8px between them and their nearest neighbor. /> -#### Custom Icons +## 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. - -``` - -``` +[Streamline](https://www.streamlineicons.com/) 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](/design-system/contact). diff --git a/packages/dnb-design-system-portal/src/pages/icons/primary.md b/packages/dnb-design-system-portal/src/pages/icons/primary.md index 4b277a12556..c2ca9a94240 100644 --- a/packages/dnb-design-system-portal/src/pages/icons/primary.md +++ b/packages/dnb-design-system-portal/src/pages/icons/primary.md @@ -13,7 +13,7 @@ The Primary Icons are included in the [UI Library](/uilib) and also shipped bund Primary Icons can easily be included, for instance, in [Buttons](/uilib/components/button). They are integrated by using the `` [Icon Component](/uilib/components/icon-primary). -#### A list of all Primary Icons +## A list of all Primary Icons Title in parentheses are the icon's variable name used in coding. diff --git a/packages/dnb-design-system-portal/src/pages/icons/secondary.md b/packages/dnb-design-system-portal/src/pages/icons/secondary.md index 72e15a6e40d..955ce3fb250 100644 --- a/packages/dnb-design-system-portal/src/pages/icons/secondary.md +++ b/packages/dnb-design-system-portal/src/pages/icons/secondary.md @@ -15,7 +15,7 @@ The Secondary Icons can be extended infinitely. **Technically:** The consequence is that they have to be [imported](/uilib/components/icon) where ever they have to be used. -#### A list of all Secondary Icons +## A list of all Secondary Icons --- diff --git a/packages/dnb-design-system-portal/src/pages/uilib/about-the-lib.md b/packages/dnb-design-system-portal/src/pages/uilib/about-the-lib.md index 2947be7b796..a862992166e 100644 --- a/packages/dnb-design-system-portal/src/pages/uilib/about-the-lib.md +++ b/packages/dnb-design-system-portal/src/pages/uilib/about-the-lib.md @@ -16,6 +16,10 @@ Simply to unify and to maintain consistency of the most commonly used HTML Eleme This part of the Design System is dedicated to **application development**. +## License + +The `dnb-ui-lib` is for internal DNB development only. Also, make sure You act within the [license](/license). + --- diff --git a/packages/dnb-design-system-portal/src/pages/uilib/components/checkbox.md b/packages/dnb-design-system-portal/src/pages/uilib/components/checkbox.md deleted file mode 100644 index e923ab3a8df..00000000000 --- a/packages/dnb-design-system-portal/src/pages/uilib/components/checkbox.md +++ /dev/null @@ -1,21 +0,0 @@ ---- -title: 'Checkbox' -draft: false -status: 'wip' -# order: 1 ---- - -import Tabs from 'Tags/Tabs' - -# Checkbox - - - - ... - - - ... - - - -**Under development** diff --git a/packages/dnb-design-system-portal/src/pages/uilib/components/form-radio.md b/packages/dnb-design-system-portal/src/pages/uilib/components/form-radio.md deleted file mode 100644 index 337a0591005..00000000000 --- a/packages/dnb-design-system-portal/src/pages/uilib/components/form-radio.md +++ /dev/null @@ -1,21 +0,0 @@ ---- -title: 'FormRadio' -draft: false -status: 'wip' -# order: 1 ---- - -import Tabs from 'Tags/Tabs' - -# FormRadio - - - - ... - - - ... - - - -**Under development** diff --git a/packages/dnb-design-system-portal/src/pages/uilib/development/assets/eufemia-logo.js b/packages/dnb-design-system-portal/src/pages/uilib/development/assets/eufemia-logo.js index 0c08aa73d6d..30773d00c30 100644 --- a/packages/dnb-design-system-portal/src/pages/uilib/development/assets/eufemia-logo.js +++ b/packages/dnb-design-system-portal/src/pages/uilib/development/assets/eufemia-logo.js @@ -2,6 +2,8 @@ import React from 'react' export default props => ( ( - + ) diff --git a/packages/dnb-design-system-portal/src/pages/uilib/elements.md b/packages/dnb-design-system-portal/src/pages/uilib/elements.md index 7680678af26..54a827f1586 100644 --- a/packages/dnb-design-system-portal/src/pages/uilib/elements.md +++ b/packages/dnb-design-system-portal/src/pages/uilib/elements.md @@ -5,6 +5,7 @@ draft: false order: 6 --- +import OtherElements from 'Pages/uilib/elements/other' import Anchor from 'Pages/uilib/elements/anchor' import Blockquote from 'Pages/uilib/elements/blockquote' import Textarea from 'Pages/uilib/elements/textarea' @@ -15,20 +16,25 @@ import Lists from 'Pages/uilib/elements/lists' ## Description -The `dnb-ui-lib` contains a DNB styling for the most common used [HTML Elements](https://developer.mozilla.org/en-US/docs/Web/HTML/Element), defined by the UX Team at DNB. +The `dnb-ui-lib` contains a DNB styling for the most common used [HTML Elements](https://developer.mozilla.org/en-US/docs/Web/HTML/Element), defined by the UX Team at DNB. You may also have a look at [Typography](/uilib/typography) ## Overview -- [Anchor (Link)](#anchor) +- [Anchor (Text Link)](#anchor) - [Blockquote](#blockquote) - [Lists](#lists) - [Tables](#tables) - [Textarea](#textarea) - ---- +- [Select](#missing-html-elements) +- [Radio](#missing-html-elements) +- [Checkbox](#missing-html-elements)