{"id":22521291,"url":"https://github.com/conductionnl/conduction-components","last_synced_at":"2025-08-03T20:31:09.171Z","repository":{"id":37719573,"uuid":"500797636","full_name":"ConductionNL/conduction-components","owner":"ConductionNL","description":null,"archived":false,"fork":false,"pushed_at":"2024-05-07T13:39:18.000Z","size":2651,"stargazers_count":0,"open_issues_count":0,"forks_count":3,"subscribers_count":5,"default_branch":"development","last_synced_at":"2024-08-09T08:07:52.366Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ConductionNL.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-06-07T10:44:18.000Z","updated_at":"2024-05-07T13:39:19.000Z","dependencies_parsed_at":"2023-09-23T12:40:55.401Z","dependency_job_id":"6517c77a-9f34-4d2d-8bc6-0e6a88fb7972","html_url":"https://github.com/ConductionNL/conduction-components","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ConductionNL%2Fconduction-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ConductionNL%2Fconduction-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ConductionNL%2Fconduction-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ConductionNL%2Fconduction-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ConductionNL","download_url":"https://codeload.github.com/ConductionNL/conduction-components/tar.gz/refs/heads/development","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":228562318,"owners_count":17937234,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-12-07T05:10:40.747Z","updated_at":"2025-08-03T20:31:09.159Z","avatar_url":"https://github.com/ConductionNL.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Conduction Components\n\n## Changelog\n\n- **Version 2.2 (breaking changes from 2.1.x)**\n\n  - 2.2.54: Updated CardHeader to allow padding-block-end on title.\n  - 2.2.53: Updated Pagination and PrimaryTopNav components to allow text-decorations and border-bottoms.\n  - 2.2.52: Added hover filter to Logo component.\n  - 2.2.51:\n    - Added text-decoration tokens to CardHeader.\n    - Added label color tokens to checkbox.\n    - Added font-weight, gap, padding and hover box-shadow tokens to PrimaryTopNav.\n  - 2.2.50:\n    - Added transition and box-shadow to CardWrapper.\n    - Added font-style to CardHeader.\n    - Added tabindex and font-weight to Tab.\n    - Added border-color, border-style, border-width and transition to PrimaryTopNav.\n  - 2.2.49: Removed Jumbotron component.\n  - 2.2.48: Updated CardHeader and package.json.\n  - 2.2.46 / 2.2.47: Fixed minor css parse error.\n  - 2.2.45: Updated Pagination and select to ensure more WCAG compliancy.\n  - 2.2.44: Updated PrimaryTopNav to allow font-weight.\n  - 2.2.43: Updated DownloadCard to allow size as string.\n  - 2.2.42:\n    - Updated PrimaryTopNav to have seperate dropdown tokens.\n    - Updated Pagination to include border-bottom.\n    - Updated DownloadCard to include icon color.\n    - Updated CardWrapper to include hover color.\n  - 2.2.41: Updated displayswitch component to have pointer.\n  - 2.2.40:\n    - Updated DownloadCard to only accept fontawesome icons.\n    - Removed tooltip from PrimaryTopNav component and updated dropdown.\n  - 2.2.39:\n    - Updated PrimaryTopNav component to include tooltip and better dropdown.\n    - Updated Logo component to have navbar option.\n  - 2.2.38: Updated DownloadCard to show only one icon.\n  - 2.2.37: Updated DownloadCard to include tooltip and Removed opacity token from Tooltip the fix bug.\n  - 2.2.35 \u0026 2.2.36:\n    - Bugfix versions.\n  - 2.2.34:\n    - Added select options grouping logic.\n  - 2.2.33:\n    - Refactored DownloadCard.\n  - 2.2.32: Added more tokens to DownloadCard.\n  - 2.2.31:\n    - Added custom content to NotificationPopUp.\n    - Refactored DownloadCard to NLDS.\n  - 2.2.30: Renamed checkbox.module.css.\n  - 2.2.29: Updated build script to reslove css errors.\n  - 2.2.27/2.2.28:\n    - Updated dependencies to latest versions.\n    - Updated Checkbox component to NLDS.\n  - 2.2.26: Updated NotificationPopUp secondary button to have hover and href.\n  - 2.2.25:\n    - Added box-shadow to CardWrapper.\n    - Added item border-radius to PrimaryTopNav.\n  - 2.2.24:\n    - Added DisplaySwitch component.\n    - Removed align hover state on card-header.\n  - 2.2.23: Added Logo component.\n  - 2.2.22: Updated Jumbotron component to be more customizable.\n  - 2.2.21:\n    - Removed warning from HorizontalOverflowWrapper.\n    - Added Jumbotron component.\n    - Updated card-header to align hover states.\n  - 2.2.20: Updated primary top nav to have more types.\n  - 2.2.19: Refactored primary top nav to simplify sub-items.\n  - 2.2.18:\n    - Refactored select role attribute.\n    - Fixed Pagination-button border-radius.\n    - Added colors for Focus and Selected options in Select forms.\n    - Add HorizontalOverflowWrapper component and refactor Tabs Component overflow scroll.\n  - 2.2.17: Refactor Pagination to include aria labels and make aria label required on texarea, input and select components.\n  - 2.2.15/2.2.16: Added more NLDS options to Pagination.\n  - 2.2.13/2.2.14:\n    - Updated Textarea and all Input components to allow aria-label.\n    - Updated Select components.\n  - 2.2.12: Updated Select components to WCAG with aria-label and role.\n  - 2.2.11: Updated Primary and Secondary topnav to NLDS.\n  - 2.2.10: Added z-index to tooltip.\n  - 2.2.9: Added CardWrapper, CardHeader, CardHeaderTitle, CardHeaderDate to index.\n  - 2.2.8:\n    - Updated Pagination to show current page.\n    - Updated Tabs component to have correct border-bottom length.\n  - 2.2.7: Updated TableWrapper component and updated Tabs component.\n  - 2.2.6: Added TableWrapper component and updated Tabs component.\n  - 2.2.5: Updated Tabs component.\n  - 2.2.4: Refactor the Tooltip component to include react-tooltip version 5+.\n  - 2.2.3: Added Tabs component.\n  - 2.2.2:\n    - Removed Den Haag Textfield dependencies.\n    - Removed Den Haag SideNav dependencies.\n    - Removed Den Haag Textarea dependencies.\n    - Removed Den Haag Process Steps dependencies.\n    - Removed Den Haag Form Field dependencies.\n    - Removed Den Haag Button dependencies.\n  - 2.2.1: Removed Den Haag icon dependencies and redundant RichContentCard.\n  - 2.2.0:\n    - Removed Den Haag designTokensComponent.\n    - Removed Den Haag formControlLabel.\n    - Removed InputRadio component.\n    - Removed Den Haag stylesProvider.\n    - Removed Den Haag link.\n    - Removed Den Haag heading.\n    - Removed Den Haag paragraph.\n    - Removed Den Haag Table imports from CreateKeyValue component.\n    - Removed EditableTableRow component.\n    - Removed Den Haag divider.\n\n- **Version 2.1 (breaking changes from 2.0.x)**\n\n  - 2.1.40:\n    - Added border tokens to Pagination.\n    - Added border-bottom tokens to CardWrapper.\n  - 2.1.39: Added more tokens to Pagination.\n  - 2.1.38: Added Pagination.\n  - 2.1.37: Added more design-tokens to all select options.\n  - 2.1.36:\n    - Updated CardWrapper.\n    - Added CardHeader.\n  - 2.1.35: Added CardWrapper.\n  - 2.1.34: Refactor Den Haag textbox and textarea to Utrecht; add Single Select design tokens.\n  - 2.1.33: Added optional placeholder to all select elements.\n  - 2.1.32: Add inline-padding to container, remove redundant (breaking and unused) components, up React version.\n  - 2.1.31: Removed Den Haag implementations which hold shapeRendering warnings.\n  - 2.1.29/2.1.30: Added optional menuPlacement to all select elements.\n  - 2.1.28: Fixed PrimaryTopNav dropdown token and added new features for dropdown.\n  - 2.1.27: TimeFormat in DatePicker is now consistant with DateFormat.\n  - 2.1.26: Avoid dependency on `@gemeente-denhaag/components-react`, only depend on components we actually use.\n  - 2.1.25: Added id prop to select component.\n  - 2.1.24: Add new design tokens for topnav dropdown.\n  - 2.1.23: Added optional error messages to CreateKeyValue and unused classname removed warning.\n  - 2.1.22: Added optional error messages to textarea, select and input fields.\n  - 2.1.21: Added optional copy button and refactored delete button in CreateKeyValue.\n  - 2.1.20: Updated react.fc code and github actions added.\n  - 2.1.19: Refactor Tooltip layout.\n  - 2.1.18: Add default value to Textarea component.\n  - 2.1.17: Refactor to NotificationPopUp to include layoutClassName.\n  - 2.1.16: Refactor ToolTip layoutClassName placement.\n  - 2.1.15: Add InputDate component based on react-datepicker.\n  - 2.1.14: Refactor checkbox to remove svg errors.\n  - 2.1.13: Refactor components to remove svg errors (e.g. shape-rendering =\u003e shapeRendering).\n  - 2.1.12: Added ToolTip max-width and break-word.\n  - 2.1.11: Added CreateKeyValue component disabled state on delete buttons.\n  - 2.1.10: PrimaryTopNav overflow scroll removed from desktop.\n  - 2.1.8 \u0026 2.1.9: PrimaryTopNav will always show subItems on mobile.\n  - 2.1.7: Add disabled placholders to all Select elements.\n  - 2.1.6: Add disabled state to CreateKeyValue component\n  - 2.1.4 \u0026 2.1.5: Remove IInputProps from CreateKeyValue to undo duplicate defaultValue prop.\n  - 2.1.3: Export IKeyValue from CreateKeyValue component.\n  - 2.1.2: REVERT 2.1.1 and 2.1.0.\n  - 2.1.1: Deploy issues.\n  - 2.1.0: InputDate now includes Den Haag InputDate component, requiring react-hook-form controls.\n\n- **Version 2**\n\n  - 2.0.34: SelectMultiple and SelectCreate update to include defaultValue in react-hook-form controller.\n  - 2.0.33: PrimaryTopNav sub items doesn't overlap main navbar anymore.\n  - 2.0.32: SelectSingle update to include defaultValue in react-hook-form controller.\n  - 2.0.31: PrimaryTopNav clickbox now includes padding of nav items.\n  - 2.0.30:\n    - Selects now have an z-index.\n    - Checkboxes now automatically have an id wich is a camelCase of \"checkbox\" plus the label, \"checkboxLabel\".\n    - Removed styles warning on tag.\n  - 2.0.29:\n    - Added remove option to tags.\n    - SelectSingle now removes selected option if filter deselect it.\n  - 2.0.27 \u0026 2.0.28: Cleanup.\n  - 2.0.26: Added Select element error states.\n  - 2.0.25: Added InputURL component.\n  - 2.0.24: Bugfix: @conduction not showing.\n  - 2.0.23:\n    - Added optional boxshadow to PrimaryTopNav.\n    - Added maxLength to both TopNavs and added a gap to the icon and label of a TopNav item.\n  - 2.0.22: Refactor InputNumber and InputFloat to return number type.\n  - 2.0.21: Add InputDateTime component.\n  - 2.0.20: Bugfix Textarea component to include correct field validation.\n  - 2.0.19: Add disabled state to Textarea and InputCheckbox components.\n  - 2.0.17 \u0026 2.0.18: Refactor PrimaryTopNav styling.\n  - 2.0.16: Remove styling warnings.\n  - 2.0.15: Added mobile support to PrimaryTopNav.\n  - 2.0.14: Refactored SelectCreate placeholder text.\n  - 2.0.13: removed round borders of tag.\n  - 2.0.11 \u0026 2.0.12: Added disabled state to SelectSingle component.\n  - 2.0.10: Added InputFloat (.00 decimals) component.\n  - 2.0.9:\n    - Added optional defaultChecked to InputCheckbox.\n    - Added CreateKeyValue input.\n    - Added CreateSelect input.\n  - 2.0.8:\n    - Added new Tooltip component using React-tooltip.\n    - Added active status to PrimaryTopNav.\n    - Added active status to SecondaryTopNav.\n  - 2.0.7:\n    - Added new BadgeCounter component.\n    - Added CodeBlock component.\n  - 2.0.6:\n    - Added optional icon with default icon to the primary and secondary button in NotificationPopUp.\n    - Added a handleClick function to the DownloadCard.\n    - Added clickFunction, layoutClassName and renamed tag to label in the Tag component.\n    - Edited DetailsCard to accommodate changes made to Tag component.\n    - Edited RichContentCard to accommodate changes made to Tag component.\n  - 2.0.5: wrong camelcase in npm publish/build fix.\n  - 2.0.4: added layoutClassName to InfoCard.\n  - 2.0.3: Bugfix: --conduction-container typo removed.\n  - 2.0.2: Refactor SelectSingle formField with optional props.\n  - 2.0.1: Refactor SecondaryTopNav css module import.\n  - 2.0.0: components are now dependent on `--skeleton` design tokens, currently found [here](https://github.com/OpenCatalogi/web-app/blob/development/pwa/src/styling/design-tokens/skeleton-design-tokens.css).\n\n- **Version 1**\n\n  - No changelog available.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fconductionnl%2Fconduction-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fconductionnl%2Fconduction-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fconductionnl%2Fconduction-components/lists"}