5.3.6 (2022-07-27)
Feature
- Comobox: Combobox geschikt maken voor shadowdom (94f6b822)
- Icons: Added new arrow icons (4ca98bd1)
- Filter: Added CSS Sticky option for md screens in filter (e295a8a3)
Bug Fixes
- Colors: Changed hierarchy background colors overwrite (21b82080)
- Tooltip: Close tooltip on mobile (f85385e9)
- Modal: Added fix for incremental tabs in modal (3861ad9d)
- Collapse: Fix voor uno versimpelde collapse (4a9f2926)
5.3.5 (2022-06-15)
Feature
- Radiobuttons: Added hint pattern to radiobutton (51f20ea8)
Bug Fixes
- Grid: Flexbox grid mobile fix (d48a49d3)
- Timeline: Added bullet for no-end class (6ed034a3)
- Bottombar: Added A11Y fix for 2.5x zoom (c0e948b1)
5.3.4 (2022-05-25)
Feature
- Radiobuttons: Added fix for A11Y bug (3a2ba003)
- Grid: Updated grid to flexbox instead of floats (9171d1c1)
- Core: No sourcemap in dist version css (7bde87f8)
- Core: Added acceptance environment for pre-release testing (5d7b9a38)
Bug Fixes
- Docs: Delete dubble quote in component links (0b8d51dd)
5.3.3 (2022-04-13)
Feature
- Tooltip: A11Y close on escape key (70972280)
- Div-table: Added feature for multiple columns (6980100d)
Bug Fixes
- Core: Removed node-sass, added sass (Dart) (b4d2968b)
- Modal: Fixed the height & alignment issue (67e20c7e)
- Switch: Contrast is now A11Y proof (95555fd3)
- Pagination: Fixed pagination on screenreaders (588da3b9)
- Video: Accessibility improvements for the video player (9b8c8643)
Documentation
- Sections: Fix for A11y problem in sections page (524dfc2f)
- Notifications: Changed H2 to span with styling (A11Y) (d93e9d55)
- Links: Fixes for screenreaders (41d8f753)
- CSP: Added CSP config for angular apps (8b7345a1)
5.3.2 (2022-03-16)
Feature
- Core: Added commonJS, UMD and System targets (56a187c7)
5.3.1 (2022-01-31)
Documentation
- Docs: Added CSP documentation (00f90adf)
5.3.0 (2022-01-24)
Bug Fixes
- Core: System CSP compliance (b94643bd)
- Forms: Small fix for input–m elements in form groups (0caef81a)
Documentation
- Skiplink: Skiplink fix in documentation (021845e0)
Feature
- Documentation: Added missing nowrap (adf77ac7)
- Utils: Added extra util classes (e150e6d8)
- Icons: Added icon color class black, white, blue (9b94e46d)
5.1.26 (2022-01-11)
Bug Fixes
- Tabs: Fix for multiple(2) tabs on mobile (ea1510c6)
Documentation
- Changelog: Changelog update (eec41376)
5.1.25 (2022-01-04)
Bug Fixes
- Card: Fix for Card column 8 point grid (3c53fce3)
- Collapse: Changed span to titles in docs & added small css fix(9b798189)
- Collapse: Make collapsable table responsive (40b47daa)
- Collapse: Simple collapse icon consistent chevron animation (2e86777b)
- Core: Changed global orange background text variable for A11Y purposes(321a6729)
- Modal: Removed background from modal (333ad1aa)
- Pie-chart: Chart distorted on md (e8c49bf4)
- Table: Table responsive min-width (a7294c30)
- Tabs: Fix for tabs on mobile (7cd82865)
- Utilities: Fix for break-all utility (cbd91c59)
Feature
- Navigation: Sidebar design v1 (537ccc25)
Documentation
- Fixed changelog (manual changelog)
- Added John Doe (04827fcf)
- Removed internal links from docs (f36e5d2c)
- Added descriptive alt text (a0a7b1ad)
- Removed screenreader-only & added status in docs (b9eff21d)
- Badge: Added screenreader only tag and added a description to the docs page (ce3616a9)
- Button: Added A11Y description to the button docs (83896982)
- Button: Changed the documentation of the button component (6bc7535b)
- Checkbox: Checkbox A11Y fix for docs (46b51a24)
Refactor
- Cards: Card tile: Order does not meet accessibility (1da28863)
- Cards: Cards alt tekst (111705d1)
- Chart: span to div (9b519a2d)
- Form: Added fieldset in example form (3533e5d9)
- Header: Logo alt tekst (024f835d)
- Hero: Hero alt tekst (5619599a)
5.1.24 (2021-09-14)
Bug Fixes
- Backlink: Fix for content flickering bug (7a3b7ec0)
- Lists: Counter-reset on each first-child of new list (2ef98efd)
- Switch: Fix for breaking text (b158eaa6)
- Tabs: Set z-index of tabs above modal (70b2a2dd)
- Timeline: Fixed margin between lines in timeline (8fab9230)
5.1.23 (2021-06-23)
Bug Fixes
- Modal: Fixed tabbing in modal component (bd9fe3ef)
Feature
Documentation
- Seperate page for all Uno components (testing purposes)
5.1.22 (2021-06-08)
Bug Fixes
- Modal: Wrap modal-top-s variable (86d6d2f)
Feature
- Navigation: Improved navigation accessibility (f51fb01d)
5.1.21 (2021-05-11)
Bug Fixes
- Tooltip: Fixed padding on tooltip triggers (625cbbeb)
- Unit tests: Fixed unit tests (b1e04c13)
- Timeline: Adjust timeline nodes based on grid-columns (1d1d9c14)
Feature
- Tooling: Add tooling page to documentation (chrome extension) (97883b6c)
- Navigation: New simple navigation refector design (100a0b67)
- Video: New video player (plyr) (39ac3bfc)
5.1.20 (2021-02-24)
Bug Fixes
- Collapse: Collapse icon fix (f512d1d0)
5.1.19 (2021-02-24)
5.1.18 (2021-02-23)
Bug Fixes
- UI: Serval minor design fixes (6c47838)
Features
- fonts: Added preload fonts to docs. (fc982ae)
5.1.17 (2021-02-01)
5.1.16 (2021-02-01)
Bug Fixes
- _skiplink.scss accidentaly deleted (5fa2ac1)
- 2px border for content blocks (f9119f9)
- a11y issues with the example pages (bac1eab)
- a11y issues with the icon example page (d6001b6)
- a11y tekst die dient als kop is nu ook een kop.headers (31b51c7)
- a11y: ‘.is-hx’ classes alleen in combinatie met hx element (e29330c)
- a11y: ‘.is-hx’ classes alleen in combinatie met role=”heading” (bd33310)
- a11y: ‘is-hx’ class kan gecombineerd met role=”heading” (1cb917f)
- a11y: popover en tooltip html op verwachte plek (23381b9)
- accessibility: header logo wordt duidelijk door screenreaders opgelezen (0cf39f6)
- Add padding to table cells (90ae520), closes #58
- Add polyfill for Promise in IE (4fa2a61)
- Add responsiveness to table only when .table–responsive modifier is applied (6f0b9ea)
- Added –wit & –zwart labels (1e84878)
- Added missing color (donkerblauw) (957c2af)
- Alignment of list items when used in columns (d10b984)
- Alignment of table content (2e596d7)
- Allow a-tags to be styled as buttons (f2550c4)
- animations.css nu ook meeenmen in build van totaal uno.css (e2e102a)
- Avoid linebreaks inside labels (6e8d9d9)
- Background-color of table switched from transparent to white (af6b042)
- breadcrumb lineheight (0dd74c7)
- browser versies (a12aa1e)
- Build script (83955b8)
- Button alignment on IE (fee1b90)
- button positioning (5a88e2a)
- Card has a 2px border-bottom (843373f)
- change chevrons to be clickable and not underlined (389b34e)
- changed definition-list__item–two-columns to .definition-list__item–horizontal (0bfc1f0)
- Checkbox:indeterminate state - icon position (f807bcf)
- checkboxes & radio buttons support multiline labels (df15b59)
- chevron–list in columns (8085b9d)
- classlist.add veranderd in setAttribute omdat IE geen classlist op SVG elementen aan kan (2056a5e)
- clean:uno toegevoegd om de _docs uno folder te verwijderen voordat de nieuwe uno versie toegevoegd wordt (58ff420)
- clean:uno toegevoegd om de _docs uno folder te verwijderen voordat de nieuwe uno versie toegevoegd wordt (fa4bc26)
- clean:uno toegevoegd om de _docs uno folder te verwijderen voordat de nieuwe uno versie toegevoegd wordt (8cac9cf)
- clean:uno toegevoegd om de _docs uno folder te verwijderen voordat de nieuwe uno versie toegevoegd wordt (b775628)
- Disabled state for radio buttons (19004c9)
- build script: Watch task on OSX (5cff0f8)
- collapse icons size increased (bfcb076)
- Collapse toggle on safari (8fdb8f3)
- Collapse working correctly in IE10+ (0c1b4b3)
- collapse-outline (4882ba6)
- color of visited link in link-list with dark background (2f43bb6)
- Column alignment on Chrome (faa6aa0)
- Column margins on chrome (fe99090)
- columns of link-list (0b6ad81)
- Compact timeline should not start or end with a line (6233fd3)
- conflict (b4658ec)
- Content border-bottom should be 2px (3ec55be)
- Correct margin in list-subject when using columns (65d9e89), closes #57
- correct uitlijnen top-nav__block–right (cc729f7)
- Decreased
form--fat
size (d09b395) - decreased button padding (a0dc546)
- digiD button nu anchor met img i.p.v. background image (03acbb3)
- Do not alter color of button text when visited (2aec54c)
- Do not use svg for logo (b11dd5f)
- Do not use xxl breakpoint by default (1642cef)
- a11y: Add comments about failed WCAG requirements (aaea188)
- a11y: Set aria-disabled on disabled tabs (40aa312)
- accessibility: contrast-form-placeholder (9d9e725)
- backlink: Backlink animation faster & smoother (cb806c5)
- build process: Updated CSSNano for correct build on windows (e3e8498)
- build script: Correctly prefix css properties for older FF / Chrome versions (d9cd99a)
- build script: Do not inline sourcemaps for dist (e56a33b)
- build script: Hexo cannot find highlight_alias.json (a9c6b9c)
- button:
.btn--link
inherits line-height (09a5d30) - button: Content of button should be centered (b80136c)
- button: External link buttons should not have a different height (dc50c8d)
- button: Hover color of primary buttons when used as links (cececdf)
- button: Icon alignment on IE (b26e75f)
- button: Icon should be centered vertically inside the button (bd4eda1)
- buttons: Icon is placed next to text instead of underneath (bab53c6)
- card: Added extra margin to align with .content (0bce7bb)
- card: Force color on hyperlinks (2c4342b)
- card: No underline for links inside cards (f0e858b)
- card: Only tags which are a direct descendant of
.card
should be displayed as block (0b0bfbe) - card: Set font color to black (26f24f6)
- changelog: 5.0.0 changelog gerepareerd (b3f0400)
- changelog: Changelog handmatig gevuld (d8e7bb9)
- collapse: accessibility for navigation (9364c17)
- collapse: added default margin (1d1d701)
- collapse: added spacing to first-of-type headings (e561aed)
- collapse: Added support for collapsable table rows (eb82b97)
- collapse: Allow multiple buttons to point at the same collapse (5766798)
- collapse: Collapse has margin-bottom (3df98dc)
- collapse: Collapse now supports multiline titles (a2b58e8)
- collapse: Do not move focus when opening a collapse (61c12c8)
- collapse: Do not set initial max-height (d09da4b)
- collapse: firstChild was undefined als er geen focusable items in de collapse stonden (ee2f6f8)
- collapse: Kleine fixes voor collapse nieuwe stijl (0b7e480)
- collapse: Proper removal of event listeners, fixes memory leak (9df4aa1)
- collapse: Remove timeout at initialization (4a83756)
- collapse: Unset max-height after animation (b3b2204)
- Collapse: removed default-margin on collapse–nav (d012fdf)
- colors:
background--[color]-tint-#
always have$black-text
as color (ac8e5c6) - Colors: waar mogelijk rijkshuisstijl kleuren gebruiken ipv RGB waarden (b568f63)
- columns: Fix for columns link-list in IE11+ (e18a31b)
- combobox: event propagation gestopt om te voorkomen dat een escape key bij combobox in modal ook de modal sluit (39e938f)
- combobox: Probleem verholpen waarbij combobox input niet meer werkte (04c4639)
- combobox: Select with keyboard returns same object as mouse select (0b24e38)
- Combobox: UXLIB498: focus styling actief item IE/FF/Chrome gelijk (09ab33b)
- componenten-page: list–grid feature (2bfdb85)
- content:
.content--compact
only alters padding top / bottom (f78a24e) - content: adjust padding (01c084c)
- grid:
.theme--xxl-breakpoint
now works correctly (326ac53) - tslint (7e55104)
- content: Fix margin of adjacent content blocks (020e38e)
- content: import background-color modifiers in content (4a46c7d)
- content: Last child should have a padding bottom (779c520)
- definition-list: Add margin bottom (6b8ae9e)
- definition-list: added flexbox structure so the description uses all space, when there is no button. Added word-break to prevent long titles to break the layout. (2fbc12d)
- definition-list: added vars to make the code more dry. (7d46de4)
- definition-list: alignment (1a66b2b)
- definition-list: IE fix to align button (dc2049c)
- definition-list: Made classes truly BEM, but still support old classes for now. There will be breaking changes in the future. (64c6368)
- definition-list: No double border when placed inside a collapse (2801089)
- definition-list: remove left padding for editbutton (c393f73)
- definition-list: Removed margin bottom form p:last-child (8f262fa)
- definition-list: Removed padding bottom from edit button (8851112)
- definition-list: Removed padding-top (e13e790)
- definition-list: Visible border when list is placed on grey background (d469788)
- definitionlist: adjusted title style for all d-lists (0b82e55)
- definitionlist: first horizontal top padding (7dbcda1)
- definitionlist: horizontal line-heights (7c9ff15)
- definitionlist: update styling and color (e8a437b)
- docs: Added pagination to docs (13b970c)
- docs: Fixed several typos (49752c5)
- docs: language spans toegevoegd voor engelse woorden / zinnen (440b0bb)
- docs: Make definition list item responsible for white space (63a5031)
- docs: Removed language spans (11d4bad)
- docs: Switch from win-spawn (deprecated) to cross-spawn (8b35af2)
- docs: Verkeerde quotes uit anchor tag gehaald (97b9337)
- edit-section: Button aligns with header (7e11600)
- edit-section: Edit-section links should be underlined (d63fbe6)
- edit-section: Negative margin should only be applied if it’s the first child (185c3fd)
- edit-section: Removed negative top margin. (977af36)
- external-link: Icon placement for external links (f3c8a49)
- file: added max-width to the file & added single file layout for table use (1587976)
- file: Fixed files with tabels on smaller screens (d8f9e41)
- filter: font-size van filter label/button omgezet naar default font-size van de pagina (f450c95)
- filterlist: Sluitknop heeft nu werkzame logica (606da00)
- focus styles: fixed contrast issues on focus styles (70db5fe)
- footer: Fixed distance between line & content (fd4e6a7)
- footer: Min height of footer reduced to 36px (74b2837)
- footer: Remove ribbon from footer (f38914d)
- footer: Removed the need for a
.footer__col
element (c999112) - form: Fixed form margins (f7ddf28)
- form: Use button instead of input for ‘Verder’ button (e725cc5)
- forms: Increased height of inputs, decreased margin (08ce33a)
- grid: Aliased
.use-xxl-break-point
whith.theme--xxl-breakpoint
(13d9d06) - grid: XXL Breakpoint trigger (2a0445b)
- header: Fixed margin top of heading (4232f55)
- header: Fixed path for cte header image (929b293)
- header: Fixed path for cte header image (e22777b)
- heading: Fixed margin on into heading (fbbde8a)
- headings: Fixed breaking of descender (57edb7d)
- headings: Made margin’s equal (b016b28)
- hint: Added documentation for
.hint
(b5526b5) - hint: Added documentation for hint (ce9d870)
- hint: Hint should align with collapse if placed inside collapse (ee4c607)
- icon: Close button on modal (3ce206f)
- icons: Added equal viewbox of 24px & added/removed icons (e0c66fd)
- icons: All icons are implemented the same way (d7fcd70)
- icons: Iconen kunnen nu dynamisch worden ingeladen (9cddcfc)
- icons: Probleem verholpen waarbij het icon font deels niet meer ingeladen kon worden (4d7e204)
- icons: Removed icon-font for serveral issue’s (Accessibility, performance & rendering,) . New SVG inject method is used. You need to manually insert core.js to use these icons. (740df54)
- inpage: Decreased fontsize of inpage nav (cacce6f)
- input: .input__control–select has a white background (c127570)
- input: Input error state can be triggered using a single class (dd2edc4)
- input: Input groups should always be displayed on one line (bdaf106)
- input: Make input–xs wider so it can accommodate at least 4 characters (ec41f68)
- input: Probleem met flex-wrap op zoek inputvelden verholpen (f85a015)
- labels: No underline when used inside links (5090d10)
- layout: Fixed wrapper background & content background clash issue (998d52d)
- link: Fixed positioning of external link icon (7ab99b3)
- link-list: Improved performance on hover, disabled flickering when indenting code and updated alignment. (0f008a0)
- links: a11y: links hebben outline als toetsenbord gebruikt wordt. (fbd1e12)
- links: remove margin-left (6ddefb6)
- list: 2 column chrome (a3839cc)
- list: Close button of
list--filter-closable
works as intended (97e9210) - list: Refactored lists margin-top to margin-bottom (1e681a9)
- list–filter: Close button in filter list is optional (99975e0)
- list-files: Added margin top to list files (c99b457)
- list-notification: Increased line-height & add margin to meta if followed by content (9a39cf8)
- list-notification: Title should not be bold by default (358e69f)
- list-timeline: added default margin to align content (26a9d25)
- list-timeline: Added default margin-bottom to fix .content layout (26edc22)
- lists: Add default margin-bottom to lists (0dc68d0)
- lists: Fixed filter-list–inline width (59ee14d)
- lists: Fixed margin (cd3654e)
- lists: Nested lists have a margin top (df46c49)
- lists & table: alignment equal to .content (f88c3ef)
- margin: Last paragraph or table does not have a margin bottom (499c6d1)
- meta: Increased font-size to 16px with 18px lineheight (1e1bf60)
- meta: Meta should never be displayed in italic (17d870b)
- modal: aria-hidden verwijderd omdat content niet alleen voor screenreaders onzichtbaar dient te zijn (180364a)
- modal: Check for close button on destroy (675de78)
- modal: focusedItemIndex (b24ed03)
- modal: Hide navigation modal on devices > 991px (58bc27b)
- modal: Modals should be no wider than 600px (33b82b3)
- modal: Refactored modal margin-top to margin-bottom (3366bf9)
- modal: Remove double padding between title & content (79b46ae)
- nav: Breadcrumb size ie11 fix (55d2b78)
- nav: Refactored top navigation (cf79c5e)
- navigation: don’t use margin-top for inpage-nav-footer (7be833a)
- navigation: Fixed top-nav__block–right margin / flexbox issue (5c55b80)
- navigation: Main nav should always be hamburger menu on mobile (0fb0681)
- navigation: op mobiel alleen menu tonen met hamburger erboven (8db4869)
- navigation: styling fix doorgevoerd in submenu navigatie (77ba39b)
- notification: added default margin-bottom (01ebb8c)
- notification: Align notification with nav when subnav is used (46eea68)
- notification: Distance between header & text (07e916e)
- notification: make them pixelperfect (c9f5f66)
- notification: Notificatie titels veranderd van strong naar h2 (ffb34a8)
- notification: Removed old notification classes (3221d0e)
- package.json: Wijziging publish naar nieuwe Artifactory (219d62b)
- pagination: accesibilityfoutjes verholpen (ab7bc73)
- pagination: De pagination next knop wordt nu altijd rechts weergeven (ccf6205)
- pagination: Fixed focus on prev & next (43ab6f6)
- pagination: HTML volgorde van pagination elements veranderd tbv toegankelijkheid (31a1057)
- pagination: Spacing between text & arrow (f5ad18e)
- pagination: Te wijd uitlijnen van pagination verholpen (cef5a2d)
- Panel: panel wordt direct boven element getoond (fcbf16c)
- paragraph: added extra margin to last child and reset the margin in lists (3db7f07)
- popover: Close button works on IE (e69ce80)
- popover: popover toegankelijk voor screen reader (c88829d)
- popover: Remove popover when destroyed (f15300b)
- updated gitlab user in jenkinsfile (c6667e8)
- radio: contrast issue on focus (d48fafb)
- radio button: Switched from focus border to focus outline (38605b3)
- radio-button: No outline on compact radio buttons (44d964e)
- search: fix position of search button (1a43d1e)
- section: bottom margin op laatste paragraaf van een inner section verwijderd (dc8ad80)
- skiplink: Adjusted clip to make it work on all screenreaders. Like a11y-101 (10432b4)
- spacing: added a component page for combining components (673edff)
- switch: focusstyles (6684e7f)
- table: Added margin bottom to tables (22e41dd)
- table: First column of responsive table is shown (4c58f9b)
- tables: padding toegevoegd bij tabellen in content–wide (94bd779)
- tabs: Disable hover state of disabled inline tabs (dd9053e)
- tabs: Extend public API with enableTab & disableTab (e30e369)
- tabs: Last tab should have the same padding (13c0eea)
- tabs: No Javascript error on window resize (1de5012)
- tabs: Show more button only if needed (1b0dce4)
- template: Fixed textarea in footer of news template (6acb3e7)
- testing: Update backstopJS to 2.x (a16fa1d)
- tests: Fixed unittests (1b7819d)
- tests: Fixed unittests (2d848d7)
- timeline: list__item–disabled beschikbaar naast de timeline-compact. (4b5dfbf)
- toegankelijkheid: Toegankelijkheid voor abbr elementen verbeterd door toevoegen focus tooltip (0a817b1)
- tooling: Update autoprefixer to 7.x (28255ff)
- tooling: Update typescript to 2.x (c14f192)
- tooltip: A11y issues with tooltips & popovers (d1a6b35)
- tooltip: fix focus outline for buttons in firefox (825e659)
- tooltip: Linkcolor in subnav is black (29443de)
- tooltip: No scrollbar visible on IE11 (1a89ab4)
- tooltip: prevent scroll from tooltip (fa86dbe)
- tooltip: remove overflow hidden in collapse to show tooltip (3e30f54)
- tooltip: Tooltip gescheiden van popover en toegankelijk gemaakt (2e22ee9)
- tooltip: Tooltip should only add 1 stylesheet element (35e1817)
- Refactored
.content-background--
to.background--
(884b755) - tooltip: unset left and right padding in definition list and table (fd9fe26)
- tooltip: unset margin-bottom for last-child in body (141f7b8)
- Filter for has now fontsize op 16px (2876172)
- first element stayed hidden after resize (7f31ccf)
- Fixed memory leaks with buttons, checkboxes, modals & tabs (145d34b)
- Fixed missing component pages (b847f38)
- Focus state for back link (3ace1fd)
- Font-size for
.list-notification__item
(0b45bc9) - font-size of table content increased (ca7837f)
- Footer background color (d50645d)
- Geen clickEvent bij Escape als er geen close button is (0dff351)
- Geen multiple addeventlistener bij inits collapse (8c36e4b)
- geen verwijzingen meer naar niet-bestaande id’s in zoekinvoerveld (19b581f)
- Grunt copy:build taak kopieert uno nu naar docs (9e98c0d)
- h1 in in page + pagination linting (35f30ee)
- hamburgermenu als items niet passen (88d0726)
- Hover rows only when
.table--hoverable
modifier is applied (4acf82a) - hoverable table should add cursor pointer to table rows (e7e5e53)
- html template typo (5fea8e5)
- Icon font task individueel gemaakt en uit build task gehaald (f73f9ea)
- Icon placement in buttons (5aef5b4)
- Icon placement of external links (11e9bc9)
- IE fixes (86e3c23)
- Image in button zodat ook klikbaar (31a8c3c)
- Implemented scenarios for visual testing (148ac98)
- Improved margins for headings (bf99260)
- increase gutter size (d2c879e)
- Increase minimum height of main content (7ce4277)
- input–large in input__group size (cb88aaf)
- juiste quotes in anchor elementen gezet zodat links op de indexpagina werken (ebb9dda)
- Keyboardtrap when using disabled button links (d8b6713)
- keyframes are preserved after postcss (2525bb6)
- koppen voldoen aan wcag2 (c956ed2)
- Line-height for labels, hints & errors. Moved hint (1e51439)
- Line-height of meta items (957762c)
- Line-height of table cells improved (b1b68d1)
- Link color in link-lists (8bd4222)
- Links in definitions lists do not float by default (7305004)
- list-subjects items will not break inside when using columns (cb8fcd3)
- make destroy method for GC. (f61eeb0)
- Margin & padding fixes for filter-lists (4211fdd)
- Margin & padding fixes for footer (92e593a)
- margin cross browser gelijk (a9a75d4)
- Margin of last card (05bcc06)
- Margin-left for chevron lists (7a9b57d)
- Margins for content (0a6dc08)
- min width for button (0dec9eb)
- Min-height of footer (e01f092)
- Modal is hidden by default (efb8511)
- modal kan omgaan met ontbreken sluitknop (35ed775)
- modal text can be scrolled with keyboard (516fb94)
- modal werkt zonder titel en zonder sluitknop (14b45b5)
- Move close button of filter-list items to the right (20a9bb9)
- Move header images inside component folder (f9332d6)
- Move navigation to separate template (ba930c3)
- no outline for open collapse (866a88c)
- Non-transparent logo on IE (884e4a1)
- Notification alignment (77c53b9)
- Notification meta font weight (7538b0d)
- Notification metadata styled by class
.list-notification__meta
(09ff413) - outerhtml naar innerhtml veranderd (bf344b6)
- padding fix edit link (77b046d)
- positionering a tag in nav__link–more (98d8aef)
- Probleem met scrollen naar midden van pagina in documentatie opgelost (f77c5ae)
- Quote alignment (7ab3b0e)
- Refactored collapse to support main menu (535e730)
- remove margin between label & input (15c77a9)
- Remove top-margin of
.edit-section
when first child of content area (f5bf254) - Removed several vulnerabilities in NPM packages (c88ae1a)
- Renamed
.timeline
to.list-timeline
(e7dd5f8) - repareer a11y test errors (0d381d5)
- Resizing modals on IE (6142691)
- role = document op modal body voor a11y (e17bea8)
- Scrolling inside flexbox (a937092)
- selected radio button should be transparent (8df0601)
- set width of full-width examples to correct width (63803fd)
- show error inline (c715c57)
- Size of bullets in timeline (7c21b14)
- Size of input in input group (fa822ea)
- spacing between label & content (b696e3c)
- spawn false op watch taken, versnelt op windows (5406230)
- stylelint issues (4fff3c9)
- stylelint issues (ed81e6a)
- Styling issues for modals fixed (d0d0658)
- Styling of select input when using concatenated css (49639a8)
- switched from dl to ul element (bf99537)
- systemJS no longer included in dist (f0ff0b1)
- Table example page url (84e5b97)
- terugzetten y-scroll op auto (7d2ef59)
- Text color in chevron lists (97ed542)
- toevoegen scopes voor a11y (fd35e3f)
- tooltip overflow fix en tooltip height fix (6e6fdd8)
- Typescript error fixed in collapse unittest (8c1dca9)
- Update font for quotes (38fbece)
- updated gitlab user in jenkinsfile (6ddb33c)
- updated the icons from SVG to icon-font (0b6064b)
- typescript: All classes should perform a destroy for cleaning up (e893a1f)
- upgrade: Ontbrekende breaking changes toegevoegd (af757bc)
- video: Lege caption file toegevoegd zodat het video voorbeeld niet stuk loopt op het aanzetten van de captions (fe317f2)
- zoeken: Zoeken verwijderd vanwege security fout (cross site scripting) (8e4f822)
- Use a hand cursor on checkboxes & radio (2f37cae)
- UXLIB204: break-all class werkt niet (bbf367f)
- watch spawn false voor snellere verwerking windows (1172685)
bugfix
- cards: Add support for square images on mobile view (70df05d)
Feat
- footer: Implemented redesign of footer (e1cfb22)
feature
- cards: Add support for small (mobile) cards on desktop (0b2fa75)
- list: Added list-search as a modifier (34facbf)
- pagination: Added pagination simple and made pagination BEM (0507844)
Features
- .content-background– modifiers added for Rijkshuisstijl (b485349)
- .theme–large-padding class (8ee7121)
.content--compact
for content without padding / margins (3a1fd27)- Added –small modifier for tables (8384c2d)
- Added .form–fat modifier (9d8b33b)
- Added
label--optional
(a76c67a) - Added badges (fd0dbc6)
- scss: Added tilde-importer for sass files (4fb13b6)
- Added concat task (5fef47e)
- Added conventional-changelog plugin (b610253)
- Added form sizes (c6d6413)
- Added icon only buttons (eedd3ed)
- Added radio button (7647de6)
- Added radio button (ea946a1)
- Added radio button (9d76bae)
- autoprefix: Changed autoprefixer to support over 1% use of browser instead of last 2 versions. (b5805aa)
- build script: Apply DUO stats for autoprefixer (37f1f7f)
- button: Added tertiary button and some alignment improvements on all buttons (9e92aaf)
- button: adding digid button class (2ec1336)
- button: Button met spinner toegevoegd (5bf5e58)
- card: Added option to use an
tag as thumbnail (f0f2c45)
- card: added support for grids (2cfbf7c)
- checkbox: Added support for grouped checkboxes inside a table (8496e3a)
- checkbox: Nested checkboxes can have a compact state (37889f0)
- clearfix: Make the clearfix mixin available as css class (9eac486)
- collapse: Collapse modifier voor transparante achtergrond toegevoegd (ad0f0ab)
- collapse: Collapse with indented details (200cd91)
- collapse: Dynamic target (c41b454)
- collapse: Nieuw collapse component (designaanpassing) (81f4203)
- collapse: Refactored collapse for better tridion implementation (7f1b1f8)
- collapse: Send
collapse-open
&collapse-close
events (3c7950a) - collapse: Simpele versie van collapse toegevoegd (08d4fea)
- colors: Added rijkshuisstijl grijstinten as background color option (85cf1c6)
- combobox: Added open & close events (172b029)
- combobox: Allow the value to be set from outside (72c40fa)
- combobox: Combobox supports objects as dataprovider (ac48f97)
- combobox: Geen resultaten boodschap toegevoegd (fc7a363)
- combobox: Implemented combobox javascript (7128106)
- combobox: Set the label via a method
labelFunction
(7adc180) - content: Added
.content--wide
modifier (8594fd4) - content: Added content–large-padding and pattern for sidebar links (065adcb)
- content: added modifier content–large-spacing (91537a2)
- div table: Added div table (90e36d4)
- docs: Implemented search (3d588e5)
- documentatie: Patronen sectie toegevoegd (4bf34b7)
- donut-chart: Nieuw component donut chart toegevoegd (001ec71)
- files: Removed deprecated list-files__ classes (d164375)
- font: Added font-display support. The browser falls back to the system font until the font is loaded. (0a294fe)
- footer: New footer (7163221)
- footer: New payoff using special font (f2d5dbb)
- footer: Updated font for new payoff (4a195e5)
- form: Added input date input (3150925)
- form: five-character en six-character modifiers toegevoegd. Adresveld voorbeeld in de docs opgenomen. (b72384e)
- forms: Implemented horizontal checkboxes & radios (c6373d2)
- grid: Add dotted lines between columns (b304ebb)
- header: Added logo for College voor Toetsen en Examens (6d1bff0)
- Animate backlink arrow (7842198)
- header: Added logo without Min OCW text (dadca1f)
- header: Added OCW logo (0bb0d58)
- headings: Add heading classes for faux headings (36a8270)
- headings: Add subtitle, meta, meta–progress (5a1f2ee)
- Base64 encode task (9acaf14)
- hint: Added docs for
.hint
(c988c73) - hint: Added modifier
.hint--secondary
(13e48a9) - icons: corejs toegevoegd (5158ef4)
- icons: Mail en filter iconen toegevoegd (77d31b1)
- icons: Nieuwe icon versies toegevoegd (c54f038)
- icons: Removed unused icons. (787470f)
- icons: setting up structure for inlinve svg (80c81b9)
- images: Add class for responsive images (2755a8a)
- in-page navigation: In-page footer navigation updated to new styleguide (6b75c18)
- Disabled state for textfields (fdde893)
- in-page navigation: In-page header navigation updated to new styleguide (885b605)
- inner-section: Add support for background images (718405a)
- input: Added missing input examples (e965d21)
- input: Resized inputs from 48px to 44px (63a855e)
- input: Valuta symbool in input (60d1309)
- lists: Added
.decimal--with-dot
modifier (48e42d4) - lists: Added
list--checks
(5fb17c5) - lists: Lists have a base class of
.list
(77fbacb) - select / dropdown component (593aadf)
- meta: Meta information can be presented as list (4b840e7)
- modal: Added a modal specific for showing images. (e84f489)
- notification: Changed title size to match the content & adjusted line-height of notification__type to match the 8pt grid. (10049d2)
- notification: Mogelijkheid om notificatie te sluiten toegevoegd (49f3839)
- pagination: Nieuw pagination component (designaanpassing) (1f5e4b4)
- patronen: Formulier patroon toegevoegd (8c0b529)
- pie chart: Added Pie chart component (f95bc7b)
- polyfills: Added polyfill for NodeElement.forEach (3a63a0a)
- popover: Add getter & setter for content & title (f6410dc)
- quote: Quotes with image support (096c1c2)
- sass: Created mixin for large-padding classes (11e4477)
- systemjs: Update systemJS to 0.20 (57afc00)
- Implemented advanced menu through collapse class (e5501cf)
- systemjs: Updated systemjs to 0.20 (740d60c)
- table:
table--striped
has alternating row colors (81742ff) - table: adding complex table design (5a2e3e0)
- table: Selected rows (1d7163d)
- tabs: Allow badges & labels inside tab titles (c03f8f7)
- tabs: Allow changing of active tab via javascript (5b0b4d0)
- Added table–sortable styling (f120cea)
- Allow nesting of rows (1 level deep) (e2507cc)
- auto resize navigation (2420346)
- backlink toegevoegd in navigation (9cc40a6)
- btn–link, button styled as link (33273de), closes #68
- checkbox (510253d)
- Column modal for small screens (b3c4a84)
- Definition list (390b512)
- edit-section (b3d699f)
- External links (15ce91e)
- filter-list (55d35fb)
- filter-list (a32ed31)
- first version of the main navigation bar. (4b34e36)
- Gutterless columns using
.row--no-gutter
(afc07d0) - Implemented input__group–compact (181a425)
- Implemented styling for filters (872c6fd)
- Inline tabs (bc1689d)
- inner-section without border (196d5c9)
- Inner-sections (6850481)
- inpage-navigation (f439772)
- Input value displays in bold (42744df)
- labels (4713eab)
- link-list extended (b767898)
- link-list–chevron animations (2c17d51)
- list-notification (aec9e43)
- list-subjects added (0f222a9)
- modal toegankelijk maken voor screenreaders (4595c78)
- Modal windows (5b24954)
- mogelijkheid tot verwijderen input bij search input fields toegevoegd (3ee585c)
- nested checkboxes (3a8d3b4)
- nowrap class toegevoegd (bf6fee1)
- pagination component (34ded8a)
- Popovers (dc2f57e)
- removed .label component and replaced with badge. .label–optional is deprecated and replaced with .input__label-optional (30a394a)
- Side-navigation (c275efe)
- video: Implemented video player (a6bd5d6)
- spacing none (6b9b83e)
- subject list (a5a4d32)
- Support pages without navbar (d46202c)
- Switch to sans font (708f067)
- TableResponsive module added (0d983bf)
- Tabs which won’t fit on the screen are moved to a ‘more’ button (0831e24)
- Theme colors for navigation (6c14113)
- textarea: Textarea styled correctly (13e4fd6)
- tooltip: tooltip stays visible on hover of the component. (8f064b6)
- Timeline (b353bf9)
- Tooltips (6cc7b11)
- Updated collapse open / close icon (c60028d)
- tridion: Added special css file for tridion (uno-t.css) (ac8f9b9)
- upload: Added styling for upload button & file list (76741e4)
Performance Improvements
- remove bootstrap dependency (159c5fe)
BREAKING CHANGES
- cards:
card__content
class moved outsidecard__body
- Check if this increase has no impact on your templates
- list: Added all types of list to .list as a modifier.
.list-timelime
-> .list
.list--timeline
.list-timelime--compact
-> .list
.list--compact
all childs of .list
-> .list__item
.link-list
-> .list
.list--links
.link-list--chevrons
-> .list
.list--links
.list--chevrons
.filter-list
-> .list
.list--filter
.list-timeline--large
-> .list
.list--timeline
.list--timeline-large
.list-notification__item
-> .list__item
and modifier is .list
.list--notification
.filter-list
-> .list
list--filter
with close add extra .list--filter-closable
list-subject
-> .list
.list--subjects
- files: renamed
list-files__*
tofile__*
, - pagination: HTML structure and modified classes
- footer: HTML markup for footer changed
- Load the promise javascript file and update the config
for systemjs - systemjs: The config for systemjs has changed, update it to
1
2
3
4
5
6
7
8System.config({
packages: {
'/': {
defaultExtension: 'js'
}
}
}); - list–filter: The close button is NOT added by default anymore,
apply the.list--filter-closable
modifier to each list you want
to be closable. - lists: Add
.list
to core lists. Apply modifiers for list styling
Renamed.decimal
to.list--decimal
Renamed.lower-roman
to.list--lower-roman
Renamed.upper-roman
to.list--upper-roman
Renamed.lower-alpha
to.list--lower-alpha
Renamed.upper-alpha
to.list--upper-alpha
Renamed.link-list
to.list--links
Renamed.link-list--chevrons
to.list--chevrons
Renamed.decimal--circled
to.list--decimal-circled
, only apply this modifier, do not combine withlist--decimal
Moved.filter
outside the core - table: Tables have a default white background. Table–striped
has a different meaning, the ‘old’ behavior is achieved by only using
the.table
class - in-page navigation: Html structure changed. See docs for correct layout
- in-page navigation: Html structure changed. See docs for correct layout
- buttons: When using a
<button>
with text and an icon, place the text and the icon inside an additional<span class="btn__content">
for correct alignment on Firefox - content: Apply a
.content--wide
class to.content--compact
elements where needed - content: Class
.wide-content
removed in favor of more BEM like combination of.content
&.content--wide
- header: Add the class
.content--header
to the.content
class containing the header - nav:
<nav>
element needs class.top-nav
instead of.nav
..nav__block-item
becomes.top-nav__block-item
,.nav__block--right
becomes.top-nav__block--right
- footer: Remove all
.footer__col
elements - heading: Wrap entire intro section in
.content-header
, remove the.content-header
from the intro paragraph.1
2
3
4
5<section class="content-header">
<h1>Title</h1>
<div class="meta">Optional meta info</div>
<p>Intro paragraph</p>
</section> - typescript: Call ‘destroy()’ method on tabs / modals / buttons before removing the element from the dom. (Single Page Apps only)
- collapse: Collapse: Add a
.collapse__header
class to the div wrapping the icon and the title - cards:
card-list
renamed tolist list--card
Closes UXLIB-382
- Remove the
<div class="columns">
wrapper and apply the class.columns
DIRECTLY on the<ul>
or<ol>
- Update the classes of content blocks, change
col-xl-9 col-lg-10 col-lg-offset-1 col-md-12
intocol-xl-8 col-xl-offset-2 col-lg-10 col-lg-offset-1 col-md-12
- The close button should come after the
<h1>
title tag. - Add an element with the class
.footer__col
in each footer column .input--hint
must be placed after.input--label
- The top navigation does not get a background color by default.
Add anav--{Rijkshuisstijl kleur}
modifier to apply a color - Icon css moved to core, no need to include anymore
- Add a
.definition-list__item__edit-button
class to all edit buttons in a definition-list - Renamed mixin
ms-only
toie-only
- Remove
img
tag from header. Loading of logo is done through css - html structure of .collapse changed. Icon is placed in a separate element.
.content-background--dark
is removed in favor of a.background--$color
class, which will deal with background and text / link color automatically- Apply the class
.list-notification__meta
on list-notification metadata items - Signature of collapse component changed. Add data-collapse-target.
Before this change, a.collapse__title
and.collapse__details
was required within the.collapse
class. For flexibility, the title and details no longer need to share the same parent. Instead, the title references the details through thedata-collapse-target
attribute, which points to the id of the details element.
Also, pass the element containing thedata-collapse-target
to the constructor, instead of the.collapse
element. - path to systemjs changed from
node_modules/uno/core/vendor/
tonode_modules/systemjs/dist/
- .list-subject is no longer part of the core, include components/list/list-subject.css
- Classname
.timeline-*
renamed to.list-timeline-*
- Add the
.theme--large-padding
class to the body when 1 column padding is needed - class
.link-list--two-columns
renamed to.columns
- Remove srcset=”../.svg” and replace src=”../.gif” with src=”../.svg”
- Collapse icons renamed,
collapse-b
becomescollapse-bottom
,collapse-l
becomescollapse-left
, etc. Removed word, excel & pdf icon, use generic file icon.
5.1.15 (2020-12-02)
Bug Fixes
- _skiplink.scss accidentaly deleted (5fa2ac1)
- 2px border for content blocks (f9119f9)
- a11y issues with the example pages (bac1eab)
- a11y issues with the icon example page (d6001b6)
- a11y tekst die dient als kop is nu ook een kop.headers (31b51c7)
- a11y: ‘.is-hx’ classes alleen in combinatie met hx element (e29330c)
- a11y: ‘.is-hx’ classes alleen in combinatie met role=”heading” (bd33310)
- a11y: ‘is-hx’ class kan gecombineerd met role=”heading” (1cb917f)
- a11y: popover en tooltip html op verwachte plek (23381b9)
- accessibility: header logo wordt duidelijk door screenreaders opgelezen (0cf39f6)
- Add padding to table cells (90ae520), closes #58
- Add polyfill for Promise in IE (4fa2a61)
- Add responsiveness to table only when .table–responsive modifier is applied (6f0b9ea)
- Added –wit & –zwart labels (1e84878)
- Added missing color (donkerblauw) (957c2af)
- Alignment of list items when used in columns (d10b984)
- Alignment of table content (2e596d7)
- Allow a-tags to be styled as buttons (f2550c4)
- animations.css nu ook meeenmen in build van totaal uno.css (e2e102a)
- Avoid linebreaks inside labels (6e8d9d9)
- Background-color of table switched from transparent to white (af6b042)
- breadcrumb lineheight (0dd74c7)
- browser versies (a12aa1e)
- Build script (83955b8)
- Button alignment on IE (fee1b90)
- button positioning (5a88e2a)
- Card has a 2px border-bottom (843373f)
- change chevrons to be clickable and not underlined (389b34e)
- changed definition-list__item–two-columns to .definition-list__item–horizontal (0bfc1f0)
- Checkbox:indeterminate state - icon position (f807bcf)
- checkboxes & radio buttons support multiline labels (df15b59)
- chevron–list in columns (8085b9d)
- classlist.add veranderd in setAttribute omdat IE geen classlist op SVG elementen aan kan (2056a5e)
- clean:uno toegevoegd om de _docs uno folder te verwijderen voordat de nieuwe uno versie toegevoegd wordt (58ff420)
- clean:uno toegevoegd om de _docs uno folder te verwijderen voordat de nieuwe uno versie toegevoegd wordt (fa4bc26)
- clean:uno toegevoegd om de _docs uno folder te verwijderen voordat de nieuwe uno versie toegevoegd wordt (8cac9cf)
- clean:uno toegevoegd om de _docs uno folder te verwijderen voordat de nieuwe uno versie toegevoegd wordt (b775628)
- Disabled state for radio buttons (19004c9)
- content: Fix margin of adjacent content blocks (020e38e)
- collapse icons size increased (bfcb076)
- Collapse toggle on safari (8fdb8f3)
- Collapse working correctly in IE10+ (0c1b4b3)
- collapse-outline (4882ba6)
- color of visited link in link-list with dark background (2f43bb6)
- Column alignment on Chrome (faa6aa0)
- Column margins on chrome (fe99090)
- columns of link-list (0b6ad81)
- Compact timeline should not start or end with a line (6233fd3)
- conflict (b4658ec)
- Content border-bottom should be 2px (3ec55be)
- Correct margin in list-subject when using columns (65d9e89), closes #57
- correct uitlijnen top-nav__block–right (cc729f7)
- Decreased
form--fat
size (d09b395) - decreased button padding (a0dc546)
- digiD button nu anchor met img i.p.v. background image (03acbb3)
- Do not alter color of button text when visited (2aec54c)
- Do not use svg for logo (b11dd5f)
- Do not use xxl breakpoint by default (1642cef)
- a11y: Add comments about failed WCAG requirements (aaea188)
- a11y: Set aria-disabled on disabled tabs (40aa312)
- accessibility: contrast-form-placeholder (9d9e725)
- backlink: Backlink animation faster & smoother (cb806c5)
- build process: Updated CSSNano for correct build on windows (e3e8498)
- build script: Correctly prefix css properties for older FF / Chrome versions (d9cd99a)
- build script: Do not inline sourcemaps for dist (e56a33b)
- build script: Hexo cannot find highlight_alias.json (a9c6b9c)
- build script: Watch task on OSX (5cff0f8)
- button:
.btn--link
inherits line-height (09a5d30) - button: Content of button should be centered (b80136c)
- button: External link buttons should not have a different height (dc50c8d)
- button: Hover color of primary buttons when used as links (cececdf)
- button: Icon alignment on IE (b26e75f)
- button: Icon should be centered vertically inside the button (bd4eda1)
- buttons: Icon is placed next to text instead of underneath (bab53c6)
- card: Added extra margin to align with .content (0bce7bb)
- card: Force color on hyperlinks (2c4342b)
- card: No underline for links inside cards (f0e858b)
- card: Only tags which are a direct descendant of
.card
should be displayed as block (0b0bfbe) - card: Set font color to black (26f24f6)
- changelog: 5.0.0 changelog gerepareerd (b3f0400)
- changelog: Changelog handmatig gevuld (d8e7bb9)
- collapse: accessibility for navigation (9364c17)
- collapse: added default margin (1d1d701)
- collapse: added spacing to first-of-type headings (e561aed)
- collapse: Added support for collapsable table rows (eb82b97)
- collapse: Allow multiple buttons to point at the same collapse (5766798)
- collapse: Collapse has margin-bottom (3df98dc)
- collapse: Collapse now supports multiline titles (a2b58e8)
- collapse: Do not move focus when opening a collapse (61c12c8)
- collapse: Do not set initial max-height (d09da4b)
- collapse: firstChild was undefined als er geen focusable items in de collapse stonden (ee2f6f8)
- collapse: Kleine fixes voor collapse nieuwe stijl (0b7e480)
- collapse: Proper removal of event listeners, fixes memory leak (9df4aa1)
- collapse: Remove timeout at initialization (4a83756)
- collapse: Unset max-height after animation (b3b2204)
- Collapse: removed default-margin on collapse–nav (d012fdf)
- colors:
background--[color]-tint-#
always have$black-text
as color (ac8e5c6) - Colors: waar mogelijk rijkshuisstijl kleuren gebruiken ipv RGB waarden (b568f63)
- columns: Fix for columns link-list in IE11+ (e18a31b)
- combobox: event propagation gestopt om te voorkomen dat een escape key bij combobox in modal ook de modal sluit (39e938f)
- combobox: Probleem verholpen waarbij combobox input niet meer werkte (04c4639)
- combobox: Select with keyboard returns same object as mouse select (0b24e38)
- Combobox: UXLIB498: focus styling actief item IE/FF/Chrome gelijk (09ab33b)
- componenten-page: list–grid feature (2bfdb85)
- content:
.content--compact
only alters padding top / bottom (f78a24e) - content: adjust padding (01c084c)
- content: Last child should have a padding bottom (779c520)
- definition-list: Add margin bottom (6b8ae9e)
- definition-list: added flexbox structure so the description uses all space, when there is no button. Added word-break to prevent long titles to break the layout. (2fbc12d)
- definition-list: added vars to make the code more dry. (7d46de4)
- definition-list: alignment (1a66b2b)
- definition-list: IE fix to align button (dc2049c)
- definition-list: Made classes truly BEM, but still support old classes for now. There will be breaking changes in the future. (64c6368)
- definition-list: No double border when placed inside a collapse (2801089)
- definition-list: remove left padding for editbutton (c393f73)
- definition-list: Removed margin bottom form p:last-child (8f262fa)
- definition-list: Removed padding bottom from edit button (8851112)
- definition-list: Removed padding-top (e13e790)
- definition-list: Visible border when list is placed on grey background (d469788)
- definitionlist: adjusted title style for all d-lists (0b82e55)
- definitionlist: first horizontal top padding (7dbcda1)
- definitionlist: horizontal line-heights (7c9ff15)
- definitionlist: update styling and color (e8a437b)
- docs: Added pagination to docs (13b970c)
- docs: Fixed several typos (49752c5)
- docs: language spans toegevoegd voor engelse woorden / zinnen (440b0bb)
- docs: Make definition list item responsible for white space (63a5031)
- docs: Removed language spans (11d4bad)
- docs: Switch from win-spawn (deprecated) to cross-spawn (8b35af2)
- docs: Verkeerde quotes uit anchor tag gehaald (97b9337)
- edit-section: Button aligns with header (7e11600)
- edit-section: Edit-section links should be underlined (d63fbe6)
- edit-section: Negative margin should only be applied if it’s the first child (185c3fd)
- edit-section: Removed negative top margin. (977af36)
- external-link: Icon placement for external links (f3c8a49)
- file: added max-width to the file & added single file layout for table use (1587976)
- file: Fixed files with tabels on smaller screens (d8f9e41)
- filter: font-size van filter label/button omgezet naar default font-size van de pagina (f450c95)
- filterlist: Sluitknop heeft nu werkzame logica (606da00)
- focus styles: fixed contrast issues on focus styles (70db5fe)
- footer: Fixed distance between line & content (fd4e6a7)
- footer: Min height of footer reduced to 36px (74b2837)
- footer: Remove ribbon from footer (f38914d)
- footer: Removed the need for a
.footer__col
element (c999112) - form: Fixed form margins (f7ddf28)
- form: Use button instead of input for ‘Verder’ button (e725cc5)
- forms: Increased height of inputs, decreased margin (08ce33a)
- grid:
.theme--xxl-breakpoint
now works correctly (326ac53) - grid: Aliased
.use-xxl-break-point
whith.theme--xxl-breakpoint
(13d9d06) - grid: XXL Breakpoint trigger (2a0445b)
- header: Fixed margin top of heading (4232f55)
- header: Fixed path for cte header image (e22777b)
- header: Fixed path for cte header image (929b293)
- heading: Fixed margin on into heading (fbbde8a)
- headings: Fixed breaking of descender (57edb7d)
- headings: Made margin’s equal (b016b28)
- hint: Added documentation for
.hint
(b5526b5) - hint: Added documentation for hint (ce9d870)
- hint: Hint should align with collapse if placed inside collapse (ee4c607)
- icon: Close button on modal (3ce206f)
- icons: Added equal viewbox of 24px & added/removed icons (e0c66fd)
- icons: All icons are implemented the same way (d7fcd70)
- icons: Iconen kunnen nu dynamisch worden ingeladen (9cddcfc)
- icons: Probleem verholpen waarbij het icon font deels niet meer ingeladen kon worden (4d7e204)
- icons: Removed icon-font for serveral issue’s (Accessibility, performance & rendering,) . New SVG inject method is used. You need to manually insert core.js to use these icons. (740df54)
- inpage: Decreased fontsize of inpage nav (cacce6f)
- input: .input__control–select has a white background (c127570)
- input: Input error state can be triggered using a single class (dd2edc4)
- input: Input groups should always be displayed on one line (bdaf106)
- input: Make input–xs wider so it can accommodate at least 4 characters (ec41f68)
- input: Probleem met flex-wrap op zoek inputvelden verholpen (f85a015)
- labels: No underline when used inside links (5090d10)
- layout: Fixed wrapper background & content background clash issue (998d52d)
- link: Fixed positioning of external link icon (7ab99b3)
- link-list: Improved performance on hover, disabled flickering when indenting code and updated alignment. (0f008a0)
- links: a11y: links hebben outline als toetsenbord gebruikt wordt. (fbd1e12)
- links: remove margin-left (6ddefb6)
- list: 2 column chrome (a3839cc)
- list: Close button of
list--filter-closable
works as intended (97e9210) - list: Refactored lists margin-top to margin-bottom (1e681a9)
- list–filter: Close button in filter list is optional (99975e0)
- list-files: Added margin top to list files (c99b457)
- list-notification: Increased line-height & add margin to meta if followed by content (9a39cf8)
- list-notification: Title should not be bold by default (358e69f)
- list-timeline: added default margin to align content (26a9d25)
- list-timeline: Added default margin-bottom to fix .content layout (26edc22)
- lists: Add default margin-bottom to lists (0dc68d0)
- lists: Fixed filter-list–inline width (59ee14d)
- lists: Fixed margin (cd3654e)
- lists: Nested lists have a margin top (df46c49)
- lists & table: alignment equal to .content (f88c3ef)
- margin: Last paragraph or table does not have a margin bottom (499c6d1)
- meta: Increased font-size to 16px with 18px lineheight (1e1bf60)
- meta: Meta should never be displayed in italic (17d870b)
- modal: aria-hidden verwijderd omdat content niet alleen voor screenreaders onzichtbaar dient te zijn (180364a)
- modal: Check for close button on destroy (675de78)
- modal: focusedItemIndex (b24ed03)
- modal: Hide navigation modal on devices > 991px (58bc27b)
- modal: Modals should be no wider than 600px (33b82b3)
- modal: Refactored modal margin-top to margin-bottom (3366bf9)
- modal: Remove double padding between title & content (79b46ae)
- nav: Breadcrumb size ie11 fix (55d2b78)
- nav: Refactored top navigation (cf79c5e)
- navigation: don’t use margin-top for inpage-nav-footer (7be833a)
- navigation: Fixed top-nav__block–right margin / flexbox issue (5c55b80)
- navigation: Main nav should always be hamburger menu on mobile (0fb0681)
- navigation: op mobiel alleen menu tonen met hamburger erboven (8db4869)
- navigation: styling fix doorgevoerd in submenu navigatie (77ba39b)
- notification: added default margin-bottom (01ebb8c)
- notification: Align notification with nav when subnav is used (46eea68)
- notification: Distance between header & text (07e916e)
- notification: make them pixelperfect (c9f5f66)
- notification: Notificatie titels veranderd van strong naar h2 (ffb34a8)
- notification: Removed old notification classes (3221d0e)
- package.json: Wijziging publish naar nieuwe Artifactory (219d62b)
- pagination: accesibilityfoutjes verholpen (ab7bc73)
- pagination: De pagination next knop wordt nu altijd rechts weergeven (ccf6205)
- pagination: Fixed focus on prev & next (43ab6f6)
- pagination: HTML volgorde van pagination elements veranderd tbv toegankelijkheid (31a1057)
- pagination: Spacing between text & arrow (f5ad18e)
- Filter for has now fontsize op 16px (2876172)
- first element stayed hidden after resize (7f31ccf)
- Fixed memory leaks with buttons, checkboxes, modals & tabs (145d34b)
- Fixed missing component pages (b847f38)
- Focus state for back link (3ace1fd)
- Font-size for
.list-notification__item
(0b45bc9) - font-size of table content increased (ca7837f)
- Footer background color (d50645d)
- Geen clickEvent bij Escape als er geen close button is (0dff351)
- Geen multiple addeventlistener bij inits collapse (8c36e4b)
- geen verwijzingen meer naar niet-bestaande id’s in zoekinvoerveld (19b581f)
- Grunt copy:build taak kopieert uno nu naar docs (9e98c0d)
- h1 in in page + pagination linting (35f30ee)
- hamburgermenu als items niet passen (88d0726)
- Hover rows only when
.table--hoverable
modifier is applied (4acf82a) - hoverable table should add cursor pointer to table rows (e7e5e53)
- html template typo (5fea8e5)
- Icon font task individueel gemaakt en uit build task gehaald (f73f9ea)
- pagination: Te wijd uitlijnen van pagination verholpen (cef5a2d)
- Panel: panel wordt direct boven element getoond (fcbf16c)
- paragraph: added extra margin to last child and reset the margin in lists (3db7f07)
- popover: Close button works on IE (e69ce80)
- popover: popover toegankelijk voor screen reader (c88829d)
- popover: Remove popover when destroyed (f15300b)
- radio: contrast issue on focus (d48fafb)
- radio button: Switched from focus border to focus outline (38605b3)
- radio-button: No outline on compact radio buttons (44d964e)
- search: fix position of search button (1a43d1e)
- section: bottom margin op laatste paragraaf van een inner section verwijderd (dc8ad80)
- skiplink: Adjusted clip to make it work on all screenreaders. Like a11y-101 (10432b4)
- spacing: added a component page for combining components (673edff)
- switch: focusstyles (6684e7f)
- table: Added margin bottom to tables (22e41dd)
- Move navigation to separate template (ba930c3)
- table: First column of responsive table is shown (4c58f9b)
- tables: padding toegevoegd bij tabellen in content–wide (94bd779)
- tabs: Disable hover state of disabled inline tabs (dd9053e)
- tabs: Extend public API with enableTab & disableTab (e30e369)
- tabs: Last tab should have the same padding (13c0eea)
- tabs: No Javascript error on window resize (1de5012)
- tabs: Show more button only if needed (1b0dce4)
- template: Fixed textarea in footer of news template (6acb3e7)
- testing: Update backstopJS to 2.x (a16fa1d)
- tests: Fixed unittests (1b7819d)
- tests: Fixed unittests (2d848d7)
- timeline: list__item–disabled beschikbaar naast de timeline-compact. (4b5dfbf)
- toegankelijkheid: Toegankelijkheid voor abbr elementen verbeterd door toevoegen focus tooltip (0a817b1)
- tooling: Update autoprefixer to 7.x (28255ff)
- tooling: Update typescript to 2.x (c14f192)
- tooltip: A11y issues with tooltips & popovers (d1a6b35)
- tooltip: fix focus outline for buttons in firefox (825e659)
- tooltip: Linkcolor in subnav is black (29443de)
- tooltip: No scrollbar visible on IE11 (1a89ab4)
- tooltip: prevent scroll from tooltip (fa86dbe)
- tooltip: Tooltip gescheiden van popover en toegankelijk gemaakt (2e22ee9)
- stylelint issues (4fff3c9)
- tooltip: Tooltip should only add 1 stylesheet element (35e1817)
- typescript: All classes should perform a destroy for cleaning up (e893a1f)
- upgrade: Ontbrekende breaking changes toegevoegd (af757bc)
- video: Lege caption file toegevoegd zodat het video voorbeeld niet stuk loopt op het aanzetten van de captions (fe317f2)
- Icon placement in buttons (5aef5b4)
- Icon placement of external links (11e9bc9)
- IE fixes (86e3c23)
- Image in button zodat ook klikbaar (31a8c3c)
- Implemented scenarios for visual testing (148ac98)
- Improved margins for headings (bf99260)
- increase gutter size (d2c879e)
- Increase minimum height of main content (7ce4277)
- input–large in input__group size (cb88aaf)
- juiste quotes in anchor elementen gezet zodat links op de indexpagina werken (ebb9dda)
- Keyboardtrap when using disabled button links (d8b6713)
- keyframes are preserved after postcss (2525bb6)
- koppen voldoen aan wcag2 (c956ed2)
- Line-height for labels, hints & errors. Moved hint (1e51439)
- Line-height of meta items (957762c)
- Line-height of table cells improved (b1b68d1)
- Link color in link-lists (8bd4222)
- Links in definitions lists do not float by default (7305004)
- list-subjects items will not break inside when using columns (cb8fcd3)
- make destroy method for GC. (f61eeb0)
- Margin & padding fixes for filter-lists (4211fdd)
- Margin & padding fixes for footer (92e593a)
- margin cross browser gelijk (a9a75d4)
- Margin of last card (05bcc06)
- Margin-left for chevron lists (7a9b57d)
- Margins for content (0a6dc08)
- min width for button (0dec9eb)
- Min-height of footer (e01f092)
- Modal is hidden by default (efb8511)
- modal kan omgaan met ontbreken sluitknop (35ed775)
- modal text can be scrolled with keyboard (516fb94)
- modal werkt zonder titel en zonder sluitknop (14b45b5)
- Move close button of filter-list items to the right (20a9bb9)
- Move header images inside component folder (f9332d6)
- no outline for open collapse (866a88c)
- Non-transparent logo on IE (884e4a1)
- Notification alignment (77c53b9)
- Notification meta font weight (7538b0d)
- Notification metadata styled by class
.list-notification__meta
(09ff413) - outerhtml naar innerhtml veranderd (bf344b6)
- padding fix edit link (77b046d)
- positionering a tag in nav__link–more (98d8aef)
- Probleem met scrollen naar midden van pagina in documentatie opgelost (f77c5ae)
- Quote alignment (7ab3b0e)
- zoeken: Zoeken verwijderd vanwege security fout (cross site scripting) (8e4f822)
- Refactored
.content-background--
to.background--
(884b755) - Refactored collapse to support main menu (535e730)
- remove margin between label & input (15c77a9)
- Remove top-margin of
.edit-section
when first child of content area (f5bf254) - Removed several vulnerabilities in NPM packages (c88ae1a)
- Renamed
.timeline
to.list-timeline
(e7dd5f8) - repareer a11y test errors (0d381d5)
- Resizing modals on IE (6142691)
- role = document op modal body voor a11y (e17bea8)
- Scrolling inside flexbox (a937092)
- selected radio button should be transparent (8df0601)
- set width of full-width examples to correct width (63803fd)
- show error inline (c715c57)
- Size of bullets in timeline (7c21b14)
- Size of input in input group (fa822ea)
- spacing between label & content (b696e3c)
- spawn false op watch taken, versnelt op windows (5406230)
- stylelint issues (ed81e6a)
- Styling issues for modals fixed (d0d0658)
- Styling of select input when using concatenated css (49639a8)
- switched from dl to ul element (bf99537)
- systemJS no longer included in dist (f0ff0b1)
- Table example page url (84e5b97)
- terugzetten y-scroll op auto (7d2ef59)
- Text color in chevron lists (97ed542)
- toevoegen scopes voor a11y (fd35e3f)
- tooltip overflow fix en tooltip height fix (6e6fdd8)
- tslint (7e55104)
- Typescript error fixed in collapse unittest (8c1dca9)
- Update font for quotes (38fbece)
- updated gitlab user in jenkinsfile (c6667e8)
- updated gitlab user in jenkinsfile (6ddb33c)
- updated the icons from SVG to icon-font (0b6064b)
- Use a hand cursor on checkboxes & radio (2f37cae)
- UXLIB204: break-all class werkt niet (bbf367f)
- watch spawn false voor snellere verwerking windows (1172685)
bugfix
- cards: Add support for square images on mobile view (70df05d)
Feat
- footer: Implemented redesign of footer (e1cfb22)
feature
- cards: Add support for small (mobile) cards on desktop (0b2fa75)
- list: Added list-search as a modifier (34facbf)
- pagination: Added pagination simple and made pagination BEM (0507844)
Features
- .content-background– modifiers added for Rijkshuisstijl (b485349)
- .theme–large-padding class (8ee7121)
.content--compact
for content without padding / margins (3a1fd27)- Added –small modifier for tables (8384c2d)
- Added .form–fat modifier (9d8b33b)
- Added
label--optional
(a76c67a) - Added badges (fd0dbc6)
- scss: Added tilde-importer for sass files (4fb13b6)
- Added concat task (5fef47e)
- Added conventional-changelog plugin (b610253)
- Added form sizes (c6d6413)
- Added icon only buttons (eedd3ed)
- Added radio button (7647de6)
- Added radio button (ea946a1)
- Added radio button (9d76bae)
- autoprefix: Changed autoprefixer to support over 1% use of browser instead of last 2 versions. (b5805aa)
- build script: Apply DUO stats for autoprefixer (37f1f7f)
- button: Added tertiary button and some alignment improvements on all buttons (9e92aaf)
- button: adding digid button class (2ec1336)
- button: Button met spinner toegevoegd (5bf5e58)
- card: Added option to use an
tag as thumbnail (f0f2c45)
- nested checkboxes (3a8d3b4)
- card: added support for grids (2cfbf7c)
- checkbox: Added support for grouped checkboxes inside a table (8496e3a)
- checkbox: Nested checkboxes can have a compact state (37889f0)
- clearfix: Make the clearfix mixin available as css class (9eac486)
- collapse: Collapse modifier voor transparante achtergrond toegevoegd (ad0f0ab)
- collapse: Collapse with indented details (200cd91)
- collapse: Dynamic target (c41b454)
- collapse: Nieuw collapse component (designaanpassing) (81f4203)
- collapse: Refactored collapse for better tridion implementation (7f1b1f8)
- collapse: Send
collapse-open
&collapse-close
events (3c7950a) - collapse: Simpele versie van collapse toegevoegd (08d4fea)
- colors: Added rijkshuisstijl grijstinten as background color option (85cf1c6)
- combobox: Added open & close events (172b029)
- combobox: Allow the value to be set from outside (72c40fa)
- combobox: Combobox supports objects as dataprovider (ac48f97)
- combobox: Geen resultaten boodschap toegevoegd (fc7a363)
- combobox: Implemented combobox javascript (7128106)
- combobox: Set the label via a method
labelFunction
(7adc180) - content: Added
.content--wide
modifier (8594fd4) - content: Added content–large-padding and pattern for sidebar links (065adcb)
- content: added modifier content–large-spacing (91537a2)
- docs: Implemented search (3d588e5)
- documentatie: Patronen sectie toegevoegd (4bf34b7)
- donut-chart: Nieuw component donut chart toegevoegd (001ec71)
- files: Removed deprecated list-files__ classes (d164375)
- font: Added font-display support. The browser falls back to the system font until the font is loaded. (0a294fe)
- footer: New footer (7163221)
- footer: New payoff using special font (f2d5dbb)
- footer: Updated font for new payoff (4a195e5)
- form: Added input date input (3150925)
- form: five-character en six-character modifiers toegevoegd. Adresveld voorbeeld in de docs opgenomen. (b72384e)
- forms: Implemented horizontal checkboxes & radios (c6373d2)
- grid: Add dotted lines between columns (b304ebb)
- header: Added logo for College voor Toetsen en Examens (6d1bff0)
- header: Added logo without Min OCW text (dadca1f)
- header: Added OCW logo (0bb0d58)
- headings: Add heading classes for faux headings (36a8270)
- headings: Add subtitle, meta, meta–progress (5a1f2ee)
- hint: Added docs for
.hint
(c988c73) - hint: Added modifier
.hint--secondary
(13e48a9) - icons: corejs toegevoegd (5158ef4)
- icons: Mail en filter iconen toegevoegd (77d31b1)
- icons: Nieuwe icon versies toegevoegd (c54f038)
- icons: Removed unused icons. (787470f)
- icons: setting up structure for inlinve svg (80c81b9)
- images: Add class for responsive images (2755a8a)
- Base64 encode task (9acaf14)
- in-page navigation: In-page footer navigation updated to new styleguide (6b75c18)
- in-page navigation: In-page header navigation updated to new styleguide (885b605)
- inner-section: Add support for background images (718405a)
- input: Added missing input examples (e965d21)
- input: Resized inputs from 48px to 44px (63a855e)
- input: Valuta symbool in input (60d1309)
- Gutterless columns using
.row--no-gutter
(afc07d0) - lists: Added
.decimal--with-dot
modifier (48e42d4) - lists: Added
list--checks
(5fb17c5) - lists: Lists have a base class of
.list
(77fbacb) - meta: Meta information can be presented as list (4b840e7)
- modal: Added a modal specific for showing images. (e84f489)
- notification: Changed title size to match the content & adjusted line-height of notification__type to match the 8pt grid. (10049d2)
- notification: Mogelijkheid om notificatie te sluiten toegevoegd (49f3839)
- pagination: Nieuw pagination component (designaanpassing) (1f5e4b4)
- patronen: Formulier patroon toegevoegd (8c0b529)
- modal toegankelijk maken voor screenreaders (4595c78)
- pie chart: Added Pie chart component (f95bc7b)
- polyfills: Added polyfill for NodeElement.forEach (3a63a0a)
- popover: Add getter & setter for content & title (f6410dc)
- quote: Quotes with image support (096c1c2)
- sass: Created mixin for large-padding classes (11e4477)
- btn–link, button styled as link (33273de), closes #68
- systemjs: Update systemJS to 0.20 (57afc00)
- Added table–sortable styling (f120cea)
- Allow nesting of rows (1 level deep) (e2507cc)
- Animate backlink arrow (7842198)
- auto resize navigation (2420346)
- backlink toegevoegd in navigation (9cc40a6)
- checkbox (510253d)
- Column modal for small screens (b3c4a84)
- Definition list (390b512)
- Disabled state for textfields (fdde893)
- edit-section (b3d699f)
- External links (15ce91e)
- filter-list (a32ed31)
- filter-list (55d35fb)
- first version of the main navigation bar. (4b34e36)
- Implemented advanced menu through collapse class (e5501cf)
- Implemented input__group–compact (181a425)
- Implemented styling for filters (872c6fd)
- Inline tabs (bc1689d)
- inner-section without border (196d5c9)
- Inner-sections (6850481)
- inpage-navigation (f439772)
- Input value displays in bold (42744df)
- labels (4713eab)
- link-list extended (b767898)
- link-list–chevron animations (2c17d51)
- list-notification (aec9e43)
- list-subjects added (0f222a9)
- Modal windows (5b24954)
- mogelijkheid tot verwijderen input bij search input fields toegevoegd (3ee585c)
- nowrap class toegevoegd (bf6fee1)
- pagination component (34ded8a)
- Popovers (dc2f57e)
- removed .label component and replaced with badge. .label–optional is deprecated and replaced with .input__label-optional (30a394a)
- select / dropdown component (593aadf)
- Side-navigation (c275efe)
- spacing none (6b9b83e)
- subject list (a5a4d32)
- Support pages without navbar (d46202c)
- Switch to sans font (708f067)
- systemjs: Updated systemjs to 0.20 (740d60c)
- table:
table--striped
has alternating row colors (81742ff) - table: adding complex table design (5a2e3e0)
- table: Selected rows (1d7163d)
- tabs: Allow badges & labels inside tab titles (c03f8f7)
- tabs: Allow changing of active tab via javascript (5b0b4d0)
- Theme colors for navigation (6c14113)
- textarea: Textarea styled correctly (13e4fd6)
- tooltip: tooltip stays visible on hover of the component. (8f064b6)
- tridion: Added special css file for tridion (uno-t.css) (ac8f9b9)
- upload: Added styling for upload button & file list (76741e4)
- video: Implemented video player (a6bd5d6)
- TableResponsive module added (0d983bf)
- Tabs which won’t fit on the screen are moved to a ‘more’ button (0831e24)
- Timeline (b353bf9)
- Tooltips (6cc7b11)
- Updated collapse open / close icon (c60028d)
Performance Improvements
- remove bootstrap dependency (159c5fe)
BREAKING CHANGES
- cards:
card__content
class moved outsidecard__body
- Check if this increase has no impact on your templates
- list: Added all types of list to .list as a modifier.
.list-timelime
-> .list
.list--timeline
.list-timelime--compact
-> .list
.list--compact
all childs of .list
-> .list__item
.link-list
-> .list
.list--links
.link-list--chevrons
-> .list
.list--links
.list--chevrons
.filter-list
-> .list
.list--filter
.list-timeline--large
-> .list
.list--timeline
.list--timeline-large
.list-notification__item
-> .list__item
and modifier is .list
.list--notification
.filter-list
-> .list
list--filter
with close add extra .list--filter-closable
list-subject
-> .list
.list--subjects
- files: renamed
list-files__*
tofile__*
, - pagination: HTML structure and modified classes
- footer: HTML markup for footer changed
- Load the promise javascript file and update the config
for systemjs - systemjs: The config for systemjs has changed, update it to
1
2
3
4
5
6
7
8System.config({
packages: {
'/': {
defaultExtension: 'js'
}
}
}); - list–filter: The close button is NOT added by default anymore,
apply the.list--filter-closable
modifier to each list you want
to be closable. - lists: Add
.list
to core lists. Apply modifiers for list styling
Renamed.decimal
to.list--decimal
Renamed.lower-roman
to.list--lower-roman
Renamed.upper-roman
to.list--upper-roman
Renamed.lower-alpha
to.list--lower-alpha
Renamed.upper-alpha
to.list--upper-alpha
Renamed.link-list
to.list--links
Renamed.link-list--chevrons
to.list--chevrons
Renamed.decimal--circled
to.list--decimal-circled
, only apply this modifier, do not combine withlist--decimal
Moved.filter
outside the core - table: Tables have a default white background. Table–striped
has a different meaning, the ‘old’ behavior is achieved by only using
the.table
class - in-page navigation: Html structure changed. See docs for correct layout
- in-page navigation: Html structure changed. See docs for correct layout
- buttons: When using a
<button>
with text and an icon, place the text and the icon inside an additional<span class="btn__content">
for correct alignment on Firefox - content: Apply a
.content--wide
class to.content--compact
elements where needed - content: Class
.wide-content
removed in favor of more BEM like combination of.content
&.content--wide
- header: Add the class
.content--header
to the.content
class containing the header - nav:
<nav>
element needs class.top-nav
instead of.nav
..nav__block-item
becomes.top-nav__block-item
,.nav__block--right
becomes.top-nav__block--right
- footer: Remove all
.footer__col
elements - heading: Wrap entire intro section in
.content-header
, remove the.content-header
from the intro paragraph.1
2
3
4
5<section class="content-header">
<h1>Title</h1>
<div class="meta">Optional meta info</div>
<p>Intro paragraph</p>
</section> - typescript: Call ‘destroy()’ method on tabs / modals / buttons before removing the element from the dom. (Single Page Apps only)
- collapse: Collapse: Add a
.collapse__header
class to the div wrapping the icon and the title - cards:
card-list
renamed tolist list--card
Closes UXLIB-382
- Remove the
<div class="columns">
wrapper and apply the class.columns
DIRECTLY on the<ul>
or<ol>
- Update the classes of content blocks, change
col-xl-9 col-lg-10 col-lg-offset-1 col-md-12
intocol-xl-8 col-xl-offset-2 col-lg-10 col-lg-offset-1 col-md-12
- The close button should come after the
<h1>
title tag. - Add an element with the class
.footer__col
in each footer column .input--hint
must be placed after.input--label
- The top navigation does not get a background color by default.
Add anav--{Rijkshuisstijl kleur}
modifier to apply a color - Icon css moved to core, no need to include anymore
- Add a
.definition-list__item__edit-button
class to all edit buttons in a definition-list - Renamed mixin
ms-only
toie-only
- Remove
img
tag from header. Loading of logo is done through css - html structure of .collapse changed. Icon is placed in a separate element.
.content-background--dark
is removed in favor of a.background--$color
class, which will deal with background and text / link color automatically- Apply the class
.list-notification__meta
on list-notification metadata items - Signature of collapse component changed. Add data-collapse-target.
Before this change, a.collapse__title
and.collapse__details
was required within the.collapse
class. For flexibility, the title and details no longer need to share the same parent. Instead, the title references the details through thedata-collapse-target
attribute, which points to the id of the details element.
Also, pass the element containing thedata-collapse-target
to the constructor, instead of the.collapse
element. - path to systemjs changed from
node_modules/uno/core/vendor/
tonode_modules/systemjs/dist/
- .list-subject is no longer part of the core, include components/list/list-subject.css
- Classname
.timeline-*
renamed to.list-timeline-*
- Add the
.theme--large-padding
class to the body when 1 column padding is needed - class
.link-list--two-columns
renamed to.columns
- Remove srcset=”../.svg” and replace src=”../.gif” with src=”../.svg”
- Collapse icons renamed,
collapse-b
becomescollapse-bottom
,collapse-l
becomescollapse-left
, etc. Removed word, excel & pdf icon, use generic file icon.
5.1.14 (2020-09-23)
Bug Fixes
- list: 2 column chrome (a3839cc)
Features
- pie chart: Added Pie chart component (f95bc7b)
5.1.13 (2020-08-26)
Bug Fixes
- accessibility: contrast-form-placeholder (9d9e725)
5.1.12 (2020-08-05)
5.1.11 (2020-07-28)
5.1.10 (2020-07-27)
Features
- button: Added tertiary button and some alignment improvements on all buttons (9e92aaf)
- modal: Added a modal specific for showing images. (e84f489)
5.1.9 (2020-07-22)
Bug Fixes
- focus styles: fixed contrast issues on focus styles (70db5fe)
- icon: Close button on modal (3ce206f)
- modal: Hide navigation modal on devices > 991px (58bc27b)
- nav: Breadcrumb size ie11 fix (55d2b78)
- pagination: Fixed focus on prev & next (43ab6f6)
- radio: contrast issue on focus (d48fafb)
- switch: focusstyles (6684e7f)
5.1.8 (2020-07-13)
5.1.7 (2020-07-06)
Features
- input: Added missing input examples (e965d21)
5.1.6 (2020-06-30)
5.1.5 (2020-06-17)
5.1.4 (2020-06-17)
5.1.3 (2020-06-17)
Bug Fixes
- file: Fixed files with tabels on smaller screens (d8f9e41)
- tooltip: prevent scroll from tooltip (fa86dbe)
Features
- table: adding complex table design (5a2e3e0)
- tooltip: tooltip stays visible on hover of the component. (8f064b6)
5.1.2 (2020-05-13)
5.1.1 (2020-05-11)
5.1.0 (2020-05-06)
Features
- patronen: Formulier patroon toegevoegd (8c0b529)
5.0.8 (2020-04-09)
5.0.7 (2020-04-08)
5.0.6 (2020-04-07)
Bug Fixes
- links: remove margin-left (6ddefb6)
5.0.5 (2020-04-01)
Bug Fixes
- icons: Iconen kunnen nu dynamisch worden ingeladen (9cddcfc)
5.0.4 (2020-03-26)
5.0.3 (2020-03-24)
Bug Fixes
- lists: Fixed margin (cd3654e)
5.0.2 (2020-03-23)
5.0.1 (2020-03-19)
Bug Fixes
- changelog: 5.0.0 changelog gerepareerd (b3f0400)
- upgrade: Ontbrekende breaking changes toegevoegd (af757bc)
5.0.0 (2020-03-19)
Bug Fixes
- icons: Added equal viewbox of 24px & added/removed icons (e0c66fd)
- icons: Removed icon-font for serveral issue’s (Accessibility, performance & rendering,) . New SVG inject method is used. You need to manually insert core.js to use these icons. (740df54)
- modal: focusedItemIndex (b24ed03)
- notification: Removed old notification classes (3221d0e)
- pagination: HTML volgorde van pagination elements veranderd tbv toegankelijkheid (31a1057)
- section: bottom margin op laatste paragraaf van een inner section verwijderd (dc8ad80)
- skiplink: Adjusted clip to make it work on all screenreaders. Like a11y-101 (10432b4)
- tooltip: Tooltip gescheiden van popover en toegankelijk gemaakt (2e22ee9)
- classlist.add veranderd in setAttribute omdat IE geen classlist op SVG elementen aan kan (2056a5e)
- IE fixes (86e3c23)
- outerhtml naar innerhtml veranderd (bf344b6)
- updated gitlab user in jenkinsfile (c6667e8)
Features
- autoprefix: Changed autoprefixer to support over 1% use of browser instead of last 2 versions. (b5805aa)
- collapse: Nieuw collapse component (designaanpassing) (81f4203)
- content: Added content–large-padding and pattern for sidebar links (065adcb)
- content: added modifier content–large-spacing (91537a2)
- font: Added font-display support. The browser falls back to the system font until the font is loaded. (0a294fe)
- icons: corejs toegevoegd (5158ef4)
- icons: Removed unused icons. (787470f)
- icons: setting up structure for inlinve svg (80c81b9)
- removed .label component and replaced with badge. .label–optional is deprecated and replaced with .input__label-optional (30a394a)
- input: Resized inputs from 48px to 44px (63a855e)
- input: Valuta symbool in input (60d1309)
- notification: Changed title size to match the content & adjusted line-height of notification__type to match the 8pt grid. (10049d2)
- pagination: Nieuw pagination component (designaanpassing) (1f5e4b4)
Performance Improvements
- remove bootstrap dependency (159c5fe)
4.7.5 (2020-03-05)
Bug Fixes
- Probleem met scrollen naar midden van pagina in documentatie opgelost (f77c5ae)
4.7.4 (2020-03-05)
Features
- documentatie: Patronen sectie toegevoegd (4bf34b7)
4.7.3 (https://git.dfront.rijkscloud.nl/ux/uno/compare/v4.7.2...v4.7.3) (2020-03-02)
4.7.2 (2020-01-17)
4.7.1 (2020-01-16)
4.7.0 (2020-01-16)
- Herstijling van documentatie
4.6.0 (2019-09-24)
Bug Fixes
- collapse: firstChild was undefined als er geen focusable items in de collapse stonden (ee2f6f8)
- combobox: Probleem verholpen waarbij combobox input niet meer werkte (04c4639)
- definition-list: remove left padding for editbutton (c393f73)
- definitionlist: adjusted title style for all d-lists (0b82e55)
- definitionlist: first horizontal top padding (7dbcda1)
- definitionlist: horizontal line-heights (7c9ff15)
- definitionlist: update styling and color (e8a437b)
- docs: Verkeerde quotes uit anchor tag gehaald (97b9337)
- timeline: list__item–disabled beschikbaar naast de timeline-compact. (4b5dfbf)
Features
- nowrap class toegevoegd (bf6fee1)
- button: Button met spinner toegevoegd (5bf5e58)
- collapse: Collapse modifier voor transparante achtergrond toegevoegd (ad0f0ab)
- collapse: Simpele versie van collapse toegevoegd (08d4fea)
- donut-chart: Nieuw component donut chart toegevoegd (001ec71)
- footer: New footer (7163221)
- icons: Nieuwe icon versies toegevoegd (c54f038)
4.5.12 (2019-09-12)
4.5.11 (2019-09-11)
Bug Fixes
- clean:uno toegevoegd om de _docs uno folder te verwijderen voordat de nieuwe uno versie toegevoegd wordt (58ff420)
- clean:uno toegevoegd om de _docs uno folder te verwijderen voordat de nieuwe uno versie toegevoegd wordt (b775628)
- clean:uno toegevoegd om de _docs uno folder te verwijderen voordat de nieuwe uno versie toegevoegd wordt (fa4bc26)
- clean:uno toegevoegd om de _docs uno folder te verwijderen voordat de nieuwe uno versie toegevoegd wordt (8cac9cf)
- pagination: accesibilityfoutjes verholpen (ab7bc73)
- Grunt copy:build taak kopieert uno nu naar docs (9e98c0d)
- collapse: accessibility for navigation (9364c17)
- combobox: event propagation gestopt om te voorkomen dat een escape key bij combobox in modal ook de modal sluit (39e938f)
- docs: language spans toegevoegd voor engelse woorden / zinnen (440b0bb)
- filterlist: Sluitknop heeft nu werkzame logica (606da00)
- icons: Probleem verholpen waarbij het icon font deels niet meer ingeladen kon worden (4d7e204)
- input: Probleem met flex-wrap op zoek inputvelden verholpen (f85a015)
- modal: aria-hidden verwijderd omdat content niet alleen voor screenreaders onzichtbaar dient te zijn (180364a)
- navigation: styling fix doorgevoerd in submenu navigatie (77ba39b)
- notification: Notificatie titels veranderd van strong naar h2 (ffb34a8)
- pagination: De pagination next knop wordt nu altijd rechts weergeven (ccf6205)
- pagination: Te wijd uitlijnen van pagination verholpen (cef5a2d)
- toegankelijkheid: Toegankelijkheid voor abbr elementen verbeterd door toevoegen focus tooltip (0a817b1)
- video: Lege caption file toegevoegd zodat het video voorbeeld niet stuk loopt op het aanzetten van de captions (fe317f2)
- Icon font task individueel gemaakt en uit build task gehaald (f73f9ea)
- juiste quotes in anchor elementen gezet zodat links op de indexpagina werken (ebb9dda)
Features
- mogelijkheid tot verwijderen input bij search input fields toegevoegd (3ee585c)
- spacing none (6b9b83e)
- button: Button met spinner toegevoegd (07d7312)
- combobox: Geen resultaten boodschap toegevoegd (fc7a363)
- form: five-character en six-character modifiers toegevoegd. Adresveld voorbeeld in de docs opgenomen. (b72384e)
- icons: Mail en filter iconen toegevoegd (77d31b1)
- notification: Mogelijkheid om notificatie te sluiten toegevoegd (49f3839)
4.5.11 (2019-08-29)
4.5.8 (2019-08-29)
4.5.2 (2019-05-27)
Bug Fixes
- lists: Fout waarbij de eerste decimal in een genummerde lijst niet zichtbaar was bij cijfers met meerdere karakters (926261f5)
- panel: Panel wordt direct boven element getoond (fcbf16c1)
- footer: Payoff footer volledig font ivm nieuwe payoff (832ef1da)
- search: Search verwijderd (8e4f8222)
- checkbox: Hoogte/spacing issue in IE11 opgelost (abdd5d03)
- Fixed probleem met z-indeces (c7031ce3)
- panel Fixed accesibility issue (fa160ac0)
- Fixed close events (0ca8026a)
- Fixed beeldmerk problemen in IE (dda81301)
- No scroll alleen indien er een backdrop is (a6584747)
- popover popover toegankelijk voor screen reader (c88829d2)
Features
- header: Mogelijkheid tot witte header toegevoegd (b3faee19)
- docs: Aan de slag pagina toegevoegd (e61c3334)
- docs: Skipback link toegevoegd aan parent pages (b3faee19)
- collapse: Nieuw design voor collapses (9995f348)
- combobox: Events toegevoegd aan combobox (0002b118)
- filter: Filter component toegevoegd (dfbbc12c)
Refactor
- todolist: .todolist BEM block verwijderd (a9596d0b)
- docs: Breadcrumbs verwijderd (2323c0b7)
- collapse: Kleuren aangepast (93541740)
- no scroll op html gezet, in plaats van op body (ee215818)
4.4.0 (2018-12-19)
Bug Fixes
- uxlib-279: toegankelijke panel (tooltip/popover), toegankelijkheids issues tooltip en popover. 117f17dc
- fixed(modal): Z-indexes get set correctly
Features
- uxlib-285 feat(combobox): Added open & close events 0002b118
- uxlib-504 feat(collapse): nieuw design collapse 9995f348
4.3.1 (2018-11-28)
Bug Fixes
- backlink: Made touch area larger and fixed spacing for mobile 97585e82
- uxlib-488 bugfix(combobox): verticale scrollbalk bij meer resultaten 04f1e7bf
- uxlib-498_selectiekader_IE_FF focus styling actief item IE/FF/Chrome gelijk cde4550d
- uxlib-310-file-component max-width weg | verwijderbutton padding-left 35a58d85
Features
- Typografie conform Rijkoverheid stijlgids fd33f277
- uxlib-319: spinner fullscreen mogelijkheid fd33f277
- uxlib-505: more bottom space legend 1fa7b089
- uxlib-213: btn BEM-maken 783e3a61
- uxlib-511: breadcrumb link teveel padding 0e5a8b67
- Documentatie aangepast: termen vertaald naar Engels ad6003b8
- Toevoegen van release candidate zodat we 1 laatste versie hebben 77b40abb
- Added .list–dash modifier d5971661
- uxlib 164: spinner verbeteringen 1116cb7e
- uxlib-395-content-header-bem 6b05e795
- uxlib-397-definition-list-ally’ definition list ally b96e0595
- uxlib-306-logo-achter-button logo achter button 11fff937
4.2.1 (2018-10-04)
Bug Fixes
- header: Fixed path for cte header image (929b293)
4.2.0 (2018-09-25)
Bug Fixes
- combobox: Select with keyboard returns same object as mouse select (0b24e38)
- list: Close button of
list--filter-closable
works as intended (97e9210) - tabs: No Javascript error on window resize (1de5012)
Features
- checkbox: Added support for grouped checkboxes inside a table (8496e3a)
- checkbox: Nested checkboxes can have a compact state (37889f0)
- combobox: Allow the value to be set from outside (72c40fa)
- combobox: Set the label via a method
labelFunction
(7adc180) - polyfills: Added polyfill for NodeElement.forEach (3a63a0a)
- tabs: Allow badges & labels inside tab titles (c03f8f7)
4.1.3 (2018-08-01)
4.1.2 (2018-07-26)
4.1.1 (2018-07-18)
4.1.0 (2018-07-18)
Bug Fixes
- componenten-page: list–grid feature (2bfdb85)
- spawn false op watch taken, versnelt op windows (5406230)
- watch spawn false voor snellere verwerking windows (1172685)
4.0.0 (2018-06-14)
Bug Fixes
- geen verwijzingen meer naar niet-bestaande id’s in zoekinvoerveld (19b581f)
3.7.0 (2018-02-22)
3.7.0 (2018-02-22)
Bug Fixes
- Collapse: removed default-margin on collapse–nav (d012fdf)
- file: added max-width to the file & added single file layout for table use (1587976)
- navigation: don’t use margin-top for inpage-nav-footer (7be833a)
- search: fix position of search button (1a43d1e)
- tooltip: fix focus outline for buttons in firefox (825e659)
Features
- forms: Implemented horizontal checkboxes & radios (c6373d2)
3.6.0 (2017-12-07)
Bug Fixes
- collapse: Do not move focus when opening a collapse (61c12c8)
Features
- combobox: Combobox supports objects as dataprovider (ac48f97)
- systemjs: Update systemJS to 0.20 (57afc00)
3.5.0 (2017-10-26)
Bug Fixes
- a11y: Set aria-disabled on disabled tabs (40aa312)
- collapse: Remove timeout at initialization (4a83756)
- columns: Fix for columns link-list in IE11+ (e18a31b)
- definition-list: added flexbox structure so the description uses all space, when there is no button. Added word-break to prevent long titles to break the layout. (2fbc12d)
- definition-list: added vars to make the code more dry. (7d46de4)
- definition-list: IE fix to align button (dc2049c)
- definition-list: Made classes truly BEM, but still support old classes for now. There will be breaking changes in the future. (64c6368)
- link-list: Improved performance on hover, disabled flickering when indenting code and updated alignment. (0f008a0)
- links: a11y: links hebben outline als toetsenbord gebruikt wordt. (fbd1e12)
- modal: Check for close button on destroy (675de78)
- tabs: Disable hover state of disabled inline tabs (dd9053e)
- tabs: Extend public API with enableTab & disableTab (e30e369)
- tests: Fixed unittests (2d848d7)
- tests: Fixed unittests (1b7819d)
- accessibility: header logo wordt duidelijk door screenreaders opgelezen (0cf39f6)
Features
- combobox: Implemented combobox javascript (7128106)
3.4.0 (2017-08-30)
Bug Fixes
Features
- inner-section: Add support for background images (718405a)
BREAKING CHANGES
- Load the promise javascript file and update the config
for systemjs
3.3.0 (2017-08-08)
Bug Fixes
- card: Added extra margin to align with .content (0bce7bb)
- collapse: added spacing to first-of-type headings (e561aed)
- content: adjust padding (01c084c)
- headings: Made margin’s equal (b016b28)
- lists & table: alignment equal to .content (f88c3ef)
- paragraph: added extra margin to last child and reset the margin in lists (3db7f07)
- modal text can be scrolled with keyboard (516fb94)
- role = document op modal body voor a11y (e17bea8)
3.2.0 (2017-05-18)
Bug Fixes
- collapse: added default margin (1d1d701)
- list-timeline: added default margin to align content (26a9d25)
- list-timeline: Added default margin-bottom to fix .content layout (26edc22)
- notification: added default margin-bottom (01ebb8c)
- spacing: added a component page for combining components (673edff)
3.4.0-alpha.0 (2017-08-10)
Bug Fixes
- Geen clickEvent bij Escape als er geen close button is (0dff351)
- modal kan omgaan met ontbreken sluitknop (35ed775)
- modal werkt zonder titel en zonder sluitknop (14b45b5)
- backlink: Backlink animation faster & smoother (cb806c5)
- collapse: Do not set initial max-height (d09da4b)
3.3.0 (2017-08-08)
Bug Fixes
- Geen clickEvent bij Escape als er geen close button is (0dff351)
- modal kan omgaan met ontbreken sluitknop (35ed775)
- modal werkt zonder titel en zonder sluitknop (14b45b5)
- backlink: Backlink animation faster & smoother (cb806c5)
- a11y: Add comments about failed WCAG requirements (aaea188)
- build script: Do not inline sourcemaps for dist (e56a33b)
- build script: Hexo cannot find highlight_alias.json (a9c6b9c)
- collapse: Unset max-height after animation (b3b2204)
- definition-list: Removed margin bottom form p:last-child (8f262fa)
- definition-list: Removed padding-top (e13e790)
- docs: Make definition list item responsible for white space (63a5031)
- docs: Switch from win-spawn (deprecated) to cross-spawn (8b35af2)
- input: .input__control–select has a white background (c127570)
- input: Input groups should always be displayed on one line (bdaf106)
- popover: Remove popover when destroyed (f15300b)
- testing: Update backstopJS to 2.x (a16fa1d)
- animations.css nu ook meeenmen in build van totaal uno.css (e2e102a)
- UXLIB204: break-all class werkt niet (bbf367f)
- tooling: Update autoprefixer to 7.x (28255ff)
- tooling: Update typescript to 2.x (c14f192)
- collapse: Dynamic target (c41b454)
- collapse: Send
collapse-open
&collapse-close
events (3c7950a) - docs: Implemented search (3d588e5)
- headings: Add heading classes for faux headings (36a8270)
- headings: Add subtitle, meta, meta–progress (5a1f2ee)
- meta: Meta information can be presented as list (4b840e7)
3.2.0 (2017-05-18)
Bug Fixes
- a11y: Add comments about failed WCAG requirements (aaea188)
- collapse: Unset max-height after animation (b3b2204)
- definition-list: Removed margin bottom form p:last-child (8f262fa)
- definition-list: Removed padding-top (e13e790)
- input: .input__control–select has a white background (c127570)
- popover: Remove popover when destroyed (f15300b)
Features
- collapse: Dynamic target (c41b454)
- collapse: Send
collapse-open
&collapse-close
events (3c7950a) - headings: Add heading classes for faux headings (36a8270)
3.1.0 (2017-04-13)
Bug Fixes
- edit-section: Removed negative top margin. (977af36)
Features
- popover: Add getter & setter for content & title (f6410dc)
3.0.0 (2017-03-23)
Bug Fixes
- buttons: Icon is placed next to text instead of underneath (bab53c6)
- positionering a tag in nav__link–more (98d8aef)
- definition-list: Add margin bottom (6b8ae9e)
- definition-list: No double border when placed inside a collapse (2801089)
- lists: Nested lists have a margin top (df46c49)
- modal: Remove double padding between title & content (79b46ae)
- navigation: op mobiel alleen menu tonen met hamburger erboven (8db4869)
- radio-button: No outline on compact radio buttons (44d964e)
- tooltip: Linkcolor in subnav is black (29443de)
BREAKING CHANGES
- buttons: When using a
<button>
with text and an icon, place the text and the icon inside an additional<span class="btn__content">
for correct alignment on Firefox
2.1.1 (2017-03-06)
Bug Fixes
- collapse: Collapse has margin-bottom (3df98dc)
- colors:
background--[color]-tint-#
always have$black-text
as color (ac8e5c6) - edit-section: Button aligns with header (7e11600)
- margin: Last paragraph or table does not have a margin bottom (499c6d1)
- popover: Close button works on IE (e69ce80)
- tabs: Show more button only if needed (1b0dce4)
- tooltip: No scrollbar visible on IE11 (1a89ab4)
2.1.0 (2017-02-23)
Bug Fixes
- hint: Hint should align with collapse if placed inside collapse (ee4c607)
- modal: Modals should be no wider than 600px (33b82b3)
Features
- images: Add class for responsive images (2755a8a)
2.0.0 (2017-02-20)
Bug Fixes
- build script: Watch task on OSX (5cff0f8)
- button:
.btn--link
inherits line-height (09a5d30) - content: Last child should have a padding bottom (779c520)
- navigation correct uitlijnen top-nav__block–right (cc729f7)
- form: Use button instead of input for ‘Verder’ button (e725cc5)
Features
- upload: Added styling for upload button & file list (76741e4)
2.0.0-rc.4 (2017-02-09)
Bug Fixes
- collapse-outline (4882ba6)
- no outline for open collapse (866a88c)
- build process: Updated CSSNano for correct build on windows (e3e8498)
- build script: Correctly prefix css properties for older FF / Chrome versions (d9cd99a)
- content: Fix margin of adjacent content blocks (020e38e)
- definition-list: Visible border when list is placed on grey background (d469788)
Features
- build script: Apply DUO stats for autoprefixer (37f1f7f)
- clearfix: Make the clearfix mixin available as css class (9eac486)
2.0.0-rc.3 (2017-01-26)
Bug Fixes
- card: Only tags which are a direct descendant of
.card
should be displayed as block (0b0bfbe) - card: Set font color to black (26f24f6)
- content:
.content--compact
only alters padding top / bottom (f78a24e) - list-notification: Increased line-height & add margin to meta if followed by content (9a39cf8)
- lists: Add default margin-bottom to lists (0dc68d0)
- meta: Meta should never be displayed in italic (17d870b)
- tooltip: A11y issues with tooltips & popovers (d1a6b35)
Features
- Popovers (dc2f57e)
- colors: Added rijkshuisstijl grijstinten as background color option (85cf1c6)
- content: Added
.content--wide
modifier (8594fd4) - sass: Created mixin for large-padding classes (11e4477)
- scss: Added tilde-importer for sass files (4fb13b6)
BREAKING CHANGES
- content: Apply a
.content--wide
class to.content--compact
elements where needed - content: Class
.wide-content
removed in favor of more BEM like combination of.content
&.content--wide
2.0.0-rc.2 (2017-01-17)
Bug Fixes
- meta: Increased font-size to 16px with 18px lineheight (1e1bf60)
Features
- grid: Add dotted lines between columns (b304ebb)
2.0.0-rc.1 (2017-01-17)
Bug Fixes
- card: Force color on hyperlinks (2c4342b)
- card: No underline for links inside cards (f0e858b)
- footer: Fixed distance between line & content (fd4e6a7)
- footer: Removed the need for a
.footer__col
element (c999112) - form: Fixed form margins (f7ddf28)
- header: Fixed margin top of heading (4232f55)
- heading: Fixed margin on into heading (fbbde8a)
- hint: Added documentation for hint (ce9d870)
- layout: Fixed wrapper background & content background clash issue (998d52d)
- link: Fixed positioning of external link icon (7ab99b3)
- list: Refactored lists margin-top to margin-bottom (1e681a9)
- modal: Refactored modal margin-top to margin-bottom (3366bf9)
- nav: Refactored top navigation (cf79c5e)
Features
BREAKING CHANGES
- header: Add the class
.content--header
to the.content
class containing the header - nav:
<nav>
element needs class.top-nav
instead of.nav
..nav__block-item
becomes.top-nav__block-item
,.nav__block--right
becomes.top-nav__block--right
- footer: Remove all
.footer__col
elements - heading: Wrap entire intro section in
.content-header
, remove the.content-header
from the intro paragraph.1
2
3
4
5<section class="content-header">
<h1>Title</h1>
<div class="meta">Optional meta info</div>
<p>Intro paragraph</p>
</section>
0.15.0 (2017-01-03)
Bug Fixes
- breadcrumb lineheight (0dd74c7)
- browser versies (a12aa1e)
- labels: No underline when used inside links (5090d10)
- conflict (b4658ec)
- first element stayed hidden after resize (7f31ccf)
- Fixed memory leaks with buttons, checkboxes, modals & tabs (145d34b)
- Geen multiple addeventlistener bij inits collapse (8c36e4b)
- hamburgermenu als items niet passen (88d0726)
- html template typo (5fea8e5)
- make destroy method for GC. (f61eeb0)
- margin cross browser gelijk (a9a75d4)
- repareer a11y test errors (0d381d5)
- tooltip overflow fix en tooltip height fix (6e6fdd8)
- collapse: Added support for collapsable table rows (eb82b97)
- collapse: Proper removal of event listeners, fixes memory leak (9df4aa1)
- navigation: Main nav should always be hamburger menu on mobile (0fb0681)
Features
0.14.0 (2016-12-19)
0.13.1 (2016-12-19)
Bug Fixes
- breadcrumb lineheight (0dd74c7)
- browser versies (a12aa1e)
- conflict (b4658ec)
- first element stayed hidden after resize (7f31ccf)
- hamburgermenu als items niet passen (88d0726)
- html template typo (5fea8e5)
- make destroy method for GC. (f61eeb0)
- margin cross browser gelijk (a9a75d4)
- tooltip overflow fix en tooltip height fix (6e6fdd8)
- labels: No underline when used inside links (5090d10)
- navigation: Main nav should always be hamburger menu on mobile (0fb0681)
Features
- auto resize navigation (2420346)
0.13.0 (2016-12-01)
Bug Fixes
- tslint (7e55104)
- footer: Min height of footer reduced to 36px (74b2837)
- template: Fixed textarea in footer of news template (6acb3e7)
- tooltip: Tooltip should only add 1 stylesheet element (35e1817)
- typescript: All classes should perform a destroy for cleaning up (e893a1f)
Features
- form: Added input date input (3150925)
- tabs: Allow changing of active tab via javascript (5b0b4d0)
- textarea: Textarea styled correctly (13e4fd6)
BREAKING CHANGES
- typescript: Call ‘destroy()’ method on tabs / modals / buttons before removing the element from the dom. (Single Page Apps only)
0.12.4 (2016-11-16)
Bug Fixes
- Checkbox:indeterminate state - icon position (f807bcf)
- button: External link buttons should not have a different height (dc50c8d)
- digiD button nu anchor met img i.p.v. background image (03acbb3)
- Image in button zodat ook klikbaar (31a8c3c)
- button: Icon should be centered vertically inside the button (bd4eda1)
- docs: Added pagination to docs (13b970c)
- docs: Fixed several typos (49752c5)
- edit-section: Edit-section links should be underlined (d63fbe6)
- icons: All icons are implemented the same way (d7fcd70)
- input: Input error state can be triggered using a single class (dd2edc4)
- pagination: Spacing between text & arrow (f5ad18e)
- tabs: Last tab should have the same padding (13c0eea)
Features
- button: adding digid button class (2ec1336)
- inpage-navigation (f439772)
- nested checkboxes (3a8d3b4)
- hint: Added docs for
.hint
(c988c73)
0.12.3 (2016-11-03)
Bug Fixes
- grid:
.theme--xxl-breakpoint
now works correctly (326ac53) - table: Added margin bottom to tables (22e41dd)
- table: First column of responsive table is shown (4c58f9b)
Features
- collapse: Refactored collapse for better tridion implementation (7f1b1f8)
- header: Added logo for College voor Toetsen en Examens (6d1bff0)
0.12.2 (2016-10-27)
Bug Fixes
- button: Icon alignment on IE (b26e75f)
- definition-list: Removed padding bottom from edit button (8851112)
- grid: Aliased
.use-xxl-break-point
whith.theme--xxl-breakpoint
(13d9d06) - radio button: Switched from focus border to focus outline (38605b3)
Features
0.12.1 (2016-10-19)
Bug Fixes
- Implemented scenarios for visual testing (148ac98)
- hint: Added documentation for
.hint
(b5526b5) - list-notification: Title should not be bold by default (358e69f)
- lists: Fixed filter-list–inline width (59ee14d)
0.12.0 (2016-10-13)
Bug Fixes
- button: Content of button should be centered (b80136c)
- button: Hover color of primary buttons when used as links (cececdf)
- collapse: Collapse now supports multiline titles (a2b58e8)
- edit-section: Negative margin should only be applied if it’s the first child (185c3fd)
- external-link: Icon placement for external links (f3c8a49)
- forms: Increased height of inputs, decreased margin (08ce33a)
- grid: XXL Breakpoint trigger (2a0445b)
- headings: Fixed breaking of descender (57edb7d)
- notification: Distance between header & text (07e916e)
BREAKING CHANGES
- collapse: Collapse: Add a
.collapse__header
class to the div wrapping the icon and the title
0.11.1 (2016-10-06)
Bug Fixes
- Card has a 2px border-bottom (843373f)
- Icon placement of external links (11e9bc9)
- Line-height of meta items (957762c)
- Margin of last card (05bcc06)
- Margins for content (0a6dc08)
- Min-height of footer (e01f092)
- Notification meta font weight (7538b0d)
- Quote alignment (7ab3b0e)
- notification: Align notification with nav when subnav is used (46eea68)
Features
- table: Selected rows (1d7163d)
BREAKING CHANGES
- Update the classes of content blocks, change
col-xl-9 col-lg-10 col-lg-offset-1 col-md-12
intocol-xl-8 col-xl-offset-2 col-lg-10 col-lg-offset-1 col-md-12
0.11.0 (2016-09-28)
Bug Fixes
- 2px border for content blocks (f9119f9)
- a11y issues with the example pages (bac1eab)
- a11y issues with the icon example page (d6001b6)
- Alignment of table content (2e596d7)
- collapse icons size increased (bfcb076)
- Collapse toggle on safari (8fdb8f3)
- Collapse working correctly in IE10+ (0c1b4b3)
- Column alignment on Chrome (faa6aa0)
- Content border-bottom should be 2px (3ec55be)
- Do not alter color of button text when visited (2aec54c)
- Font-size for
.list-notification__item
(0b45bc9) - hoverable table should add cursor pointer to table rows (e7e5e53)
- Line-height for labels, hints & errors. Moved hint (1e51439)
- Margin & padding fixes for filter-lists (4211fdd)
- Margin & padding fixes for footer (92e593a)
- Modal is hidden by default (efb8511)
- Remove top-margin of
.edit-section
when first child of content area (f5bf254) - Styling issues for modals fixed (d0d0658)
- Styling of select input when using concatenated css (49639a8)
Features
.content--compact
for content without padding / margins (3a1fd27)- Added
label--optional
(a76c67a) - Allow nesting of rows (1 level deep) (e2507cc)
- Animate backlink arrow (7842198)
- inner-section without border (196d5c9)
- link-list–chevron animations (2c17d51)
- Tooltips (6cc7b11)
BREAKING CHANGES
- Collapse icons renamed,
collapse-b
becomescollapse-bottom
,collapse-l
becomescollapse-left
, etc. Removed word, excel & pdf icon, use generic file icon. - Remove the
<div class="columns">
wrapper and apply the class.columns
DIRECTLY on the<ul>
or<ol>
- The close button should come after the
<h1>
title tag. - Add an element with the class
.footer__col
in each footer column .input--hint
must be placed after.input--label
0.10.0 (2016-09-08)
Bug Fixes
- Avoid linebreaks inside labels (6e8d9d9)
- Resizing modals on IE (6142691)
- terugzetten y-scroll op auto (7d2ef59)
Features
- External links (15ce91e)
- Inner-sections (6850481)
- Side-navigation (c275efe)
- Tabs which won’t fit on the screen are moved to a ‘more’ button (0831e24)
- Theme colors for navigation (6c14113)
BREAKING CHANGES
- The top navigation does not get a background color by default.
Add anav--{Rijkshuisstijl kleur}
modifier to apply a color - Icon css moved to core, no need to include anymore
0.9.2 (2016-08-31)
Bug Fixes
- Disabled state for radio buttons (19004c9)
- Focus state for back link (3ace1fd)
- keyframes are preserved after postcss (2525bb6)
- Move close button of filter-list items to the right (20a9bb9)
- Move header images inside component folder (f9332d6)
- Notification alignment (77c53b9)
- Scrolling inside flexbox (a937092)
Features
- Base64 encode task (9acaf14)
- Disabled state for textfields (fdde893)
- Input value displays in bold (42744df)
0.9.1 (2016-08-25)
0.9.0 (2016-08-25)
Bug Fixes
- Added missing color (donkerblauw) (957c2af)
- Column margins on chrome (fe99090)
- Do not use svg for logo (b11dd5f)
- Improved margins for headings (bf99260)
- Links in definitions lists do not float by default (7305004)
- Move navigation to separate template (ba930c3)
- Update font for quotes (38fbece)
Features
BREAKING CHANGES
- Add a
.definition-list__item__edit-button
class to all edit buttons in a definition-list - Renamed mixin
ms-only
toie-only
- Remove
img
tag from header. Loading of logo is done through css - html structure of .collapse changed. Icon is placed in a separate element.
0.8.0 (2016-08-17)
Bug Fixes
- _skiplink.scss accidentaly deleted (5fa2ac1)
- Alignment of list items when used in columns (d10b984)
- Button alignment on IE (fee1b90)
- Decreased
form--fat
size (d09b395) - Notification metadata styled by class
.list-notification__meta
(09ff413) - Refactored
.content-background--
to.background--
(884b755) - Refactored collapse to support main menu (535e730)
- Size of bullets in timeline (7c21b14)
- stylelint issues (4fff3c9)
- updated the icons from SVG to icon-font (0b6064b)
Features
- .content-background– modifiers added for Rijkshuisstijl (b485349)
- Added icon only buttons (eedd3ed)
- edit-section (b3d699f)
- first version of the main navigation bar. (4b34e36)
- Gutterless columns using
.row--no-gutter
(afc07d0) - Implemented advanced menu through collapse class (e5501cf)
- modal toegankelijk maken voor screenreaders (4595c78)
- select / dropdown component (593aadf)
BREAKING CHANGES
.content-background--dark
is removed in favor of a.background--$color
class, which will deal with background and text / link color automatically- Apply the class
.list-notification__meta
on list-notification metadata items - Signature of collapse component changed. Add data-collapse-target.
Before this change, a.collapse__title
and.collapse__details
was required within the.collapse
class. For flexibility, the title and details no longer need to share the same parent. Instead, the title references the details through thedata-collapse-target
attribute, which points to the id of the details element.
Also, pass the element containing thedata-collapse-target
to the constructor, instead of the.collapse
element.
0.7.1 (2016-08-08)
Features
- Added concat task (5fef47e)
0.7.0 (2016-08-04)
Bug Fixes
- Added –wit & –zwart labels (1e84878)
- Build script (83955b8)
- Correct margin in list-subject when using columns (65d9e89)
- Hover rows only when
.table--hoverable
modifier is applied (4acf82a) - Keyboardtrap when using disabled button links (d8b6713)
- Line-height of table cells improved (b1b68d1)
- stylelint issues (ed81e6a)
- systemJS no longer included in dist (f0ff0b1)
- toevoegen scopes voor a11y (fd35e3f)
Features
- Added badges (fd0dbc6)
- btn–link, button styled as link (33273de), closes #68
- Column modal for small screens (b3c4a84)
- Inline tabs (bc1689d)
- TableResponsive module added (0d983bf)
BREAKING CHANGES
- path to systemjs changed from
node_modules/uno/core/vendor/
tonode_modules/systemjs/dist/
- .list-subject is no longer part of the core, include components/list/list-subject.css
0.6.0 (2016-07-28)
Bug Fixes
- Add padding to table cells (90ae520), closes #58
- Add responsiveness to table only when .table–responsive modifier is applied (6f0b9ea)
- checkboxes & radio buttons support multiline labels (df15b59)
- Typescript error fixed in collapse unittest (8c1dca9)
Features
- Modal windows (5b24954)
0.5.1 (2016-07-26)
Bug Fixes
0.5.0 (2016-07-26)
Bug Fixes
- change chevrons to be clickable and not underlined (389b34e)
- chevron–list in columns (8085b9d)
- Compact timeline should not start or end with a line (6233fd3)
- Link color in link-lists (8bd4222)
- list-subjects items will not break inside when using columns (cb8fcd3)
- Margin-left for chevron lists (7a9b57d)
- Renamed
.timeline
to.list-timeline
(e7dd5f8)
Features
- .theme–large-padding class (8ee7121)
- list-notification (aec9e43)
- pagination component (34ded8a)
- Support pages without navbar (d46202c)
BREAKING CHANGES
- Classname
.timeline-*
renamed to.list-timeline-*
- Add the
.theme--large-padding
class to the body when 1 column padding is needed
0.4.0 (2016-07-14)
Bug Fixes
- changed definition-list__item–two-columns to .definition-list__item–horizontal (0bfc1f0)
- Icon placement in buttons (5aef5b4)
- padding fix edit link (77b046d)
- switched from dl to ul element (bf99537)
- Use a hand cursor on checkboxes & radio (2f37cae)
Features
- Definition list (390b512)
- Implemented input__group–compact (181a425)
- Implemented styling for filters (872c6fd)
0.3.0 (2016-07-13)
Bug Fixes
- Allow a-tags to be styled as buttons (f2550c4)
- color of visited link in link-list with dark background (2f43bb6)
- columns of link-list (0b6ad81)
- spacing between label & content (b696e3c)
Features
BREAKING CHANGES
- class
.link-list--two-columns
renamed to.columns
0.2.0 (2016-07-11)
Bug Fixes
- Text color in chevron lists (97ed542)
Features
0.1.0 (2016-07-06)
Bug Fixes
- notification: make them pixelperfect (c9f5f66)
- Footer background color (d50645d)
- Non-transparent logo on IE (884e4a1)
Features
BREAKING CHANGES
- Remove srcset=”../.svg” and replace src=”../.gif” with src=”../.svg”
0.0.14 (2016-06-30)
Bug Fixes
- Positioning of arrow of backlink (be64387)
0.0.13 (2016-06-30)
Bug Fixes
- Background-color of table switched from transparent to white (af6b042)
- Filter for has now fontsize op 16px (2876172)
2.0.0-alpha.12 (2016-06-30)
Bug Fixes
- button positioning (5a88e2a)
- decreased button padding (a0dc546)
- Do not use xxl breakpoint by default (1642cef)
- font-size of table content increased (ca7837f)
- increase gutter size (d2c879e)
- Increase minimum height of main content (7ce4277)
- input–large in input__group size (cb88aaf)
- min width for button (0dec9eb)
- remove margin between label & input (15c77a9)
- selected radio button should be transparent (8df0601)
- set width of full-width examples to correct width (63803fd)
- show error inline (c715c57)
- Size of input in input group (fa822ea)
Features
- Added –small modifier for tables (8384c2d)
- Added conventional-changelog plugin (b610253)
- Added radio button (7647de6)
- Added table–sortable styling (f120cea)
- backlink toegevoegd in navigation (9cc40a6)
BREAKING CHANGES
- Check if this increase has no impact on your templates
Version history
2.0.0-alpha.12
Features
- Added radio button
- Added input text styling
Bugfixes
- Fixed display of full-width examples
2.0.0-alpha.10 (2016-06-23)
Features
- Added collapse component
- Added new icons
- Added card
- Added additional breakpoint for medewerkersschermen
Bugfixes
- Restyled buttons
- Fixed alignment of footer
Features
- Added header–transparent
BREAKING CHANGES
- Switched from SVG to icon font
- Renamed
chevron
list tolink-list
2.0.0-alpha.9 (2016-06-09)
Features
- Added svg sprite
- Visual testing outputs result immediately while test is running
- Link-list inherits text color from container
- Added clean task
Bugfixes
- Fixed icon demo page
- Serif font is now included correctly
- Only last content block gets a border at the bottom
BREAKING CHANGES
- Added
.wrapper
div for correct background painting
2.0.0-alpha.8 (2016-06-06)
Features
- Added
.content-background--dark
modifier
Bugfixes
- Switched to 10 col layout for md
- Increased margin-top for images
- Fixed line thickness of footer border
- Fixed positioning of footer
- Changed font-size of quote
BREAKING CHANGES
- Renamed
.footer__payoff
to.payoff
, added child classes & elements - Added
.main
class to<main>
element - Class
.with-background
renamed to.content-background
- Image size of header logo has changed, update it in your HTML
.notification__title
is now styled withdisplay:block
, the<br>
dividing
the title and content needs to be removed
2.0.0-alpha.7 (2016-05-26)
Features
- Debug grid can be turned on by adding
?debug
to the url
Bugfixes
- Content page now scales better on mobile devices
- List items are inline
- Updated stylelint
2.0.0-alpha.6 (2016-05-19)
Features
- Implemented basic top navigation
- Implemented footer navigation
- Refactored
highlight
- Added
.decimal--circled
style - Added version banner to css / js files
- Added version banner to footer
Bugfixes
- Added blue line to top of page
- Positioning of list bullets on IE / Edge
BREAKING CHANGES
highlight
renamed totodolist
todolist
titles are styled with class.todolist__title
notification
titles are styled with class.notification__title
hint
titles are styled with class.hint__title
2.0.0-alpha.5 (2016-05-12)
Features
- Implemented basic styling for tables
- Implemented basic styling for buttons
Bugfixes
- Minor improvement for notifications
2.0.0-alpha.4 (2016-05-12)
Features
- Added typescript support
- Implemented visual testing with backstopJS
- Added browsersync for auto-updating docs
Bugfixes
- Fixed alignment of notification icons
- Fixed postcss watch task
- Updated paths in scss files
- Improved grunt task, removed hard to install dependencies (cairo)
- Pa11y task now runs on fully styled pages, using relative urls
Breaking changes
- ES6 / Babel dropped in favor of typescript, clean NPM install needed
- Grunt updated to 1.0.1
- NPM version needs to be 3.8.x or higher
2.0.0-alpha.3 (2016-05-03)
Features
- Implemented Notifications
Bugfixes
- Fixed background color of footer
2.0.0-alpha.2 (2016-04-26)
Features
- Implemented basic typography styling
- Added syntax highlighting in docs
Bugfixes
- Fixed font-size
- Fixed a11y testing
- Fixed margin / padding for headers
- Improved contrast for link colors
Breaking Changes
.infoblock
renamed to.highlight