diff --git a/CHANGELOG.md b/CHANGELOG.md index 58937afd..79a00e2a 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,157 +1,4 @@ # California Design System -## 1.0.10 - -- #915 CSS insertion moved into JavaScript Custom Element constructors. -- #918 Retired Google Translate widget. -- #919 Added CDN installation and instructions for all components. -- #926, #933 Removed smooth scrolling polyfill from page-navigation component. -- #934 Removed unused Issue templates. -- #927 Removed bad links from site-header example mark-up. - - -## 1.0.9 - -- Dependabot updates -- Upgrade to 5.6.2 version of CAWeb icon library -- Refactor icon component to have fewer dependencies - -## 1.0.8 - -- #797 Simple arrow animation suggestion -- #828 - highlight section padding -- #838 - a11y nav menu -- #841 - accordion CHANGELOG update -- #890 Bump ejs from 3.1.6 to 3.1.8 -- #889 Bump async from 2.6.3 to 2.6.4 in /components/combined-css -- #887 Bump async from 2.6.3 to 2.6.4 in /components/regulatory-outline -- #886 Bump async from 2.6.3 to 2.6.4 in /components/combined-css -- #885 Bump nanoid from 3.1.30 to 3.3.4 in /components/link-icon -- #884 Bump minimist from 1.2.5 to 1.2.6 in /components/link-icon -- #883 Bump nanoid from 3.1.30 to 3.3.4 in /components/page-alert -- #882 Bump minimist from 1.2.5 to 1.2.6 in /components/regulatory-outline -- #881 Bump minimist from 1.2.5 to 1.2.6 in /components/site-footer -- #880 Bump ejs from 3.1.6 to 3.1.8 -- #879 Bump nanoid from 3.1.30 to 3.3.4 in /components/site-header -- #878 Bump minimist from 1.2.5 to 1.2.6 in /components/site-navigation -- #877 Bump async from 2.6.3 to 2.6.4 in /components/regulatory-outline -- #876 Bump ansi-regex from 3.0.0 to 5.0.1 in /components/regulatory-outline -- #875 Bump async from 2.6.3 to 2.6.4 in /components/combined-css -- #874 Bump minimist from 1.2.5 to 1.2.6 in /components/site-header -- #873 Bump minimist from 1.2.5 to 1.2.6 in /components/google-translate -- #872 Bump nanoid from 3.1.30 to 3.3.4 in /components/site-footer -- #871 Bump nanoid from 3.1.30 to 3.3.4 in /components/combined-css -- #870 Bump minimist from 1.2.5 to 1.2.6 in /components/combined-css -- #869 Bump minimist from 1.2.5 to 1.2.6 in /components/base-css -- #868 Bump nanoid from 3.1.30 to 3.3.4 in /components/base-css -- #867 Bump nanoid from 3.1.30 to 3.3.4 -- #866 Bump nanoid from 3.1.30 to 3.3.4 in /components/back-to-top -- Bump minimist from 1.2.5 to 1.2.6 in /components/back-to-top -- #863 Bump nanoid from 3.1.30 to 3.3.4 in /components/link-icon -- #862 Bump minimist from 1.2.5 to 1.2.6 in /components/link-icon -- #861 Bump nanoid from 3.1.30 to 3.3.4 in /components/page-alert -- #860 Bump minimist from 1.2.5 to 1.2.6 in /components/page-alert -- #859 Bump minimist from 1.2.5 to 1.2.6 in /components/regulatory-outline -- #858 Bump minimist from 1.2.5 to 1.2.6 in /components/site-footer -- #857 Bump simple-get from 4.0.0 to 4.0.1 -- #856 Bump follow-redirects from 1.14.7 to 1.15.1 -- #855 Bump ansi-regex from 3.0.0 to 5.0.1 in /components/regulatory-outline -- #854 Bump nanoid from 3.1.30 to 3.3.4 in /components/site-header -- #853 Bump nanoid from 3.1.30 to 3.3.4 in /components/accordion -- #852 Bump ejs from 3.1.6 to 3.1.8 -- #851 Bump minimist from 1.2.5 to 1.2.6 in /components/site-navigation -- #850 Bump nanoid from 3.1.30 to 3.3.4 in /components/site-footer -- #849 Bump ansi-regex from 3.0.0 to 5.0.1 in /components/regulatory-outline -- #848 Bump follow-redirects from 1.14.7 to 1.15.1 -- #847 Bump simple-get from 4.0.0 to 4.0.1 -- #846 Bump nanoid from 3.1.30 to 3.3.4 in /components/accordion -- #845 Bump async from 2.6.3 to 2.6.4 in /components/regulatory-outline -- #844 Bump async from 2.6.3 to 2.6.4 in /components/combined-css -- #843 Bump sharp from 0.29.3 to 0.30.5 -- Manual security updates to node packages based on dependabot alerts (a backlog of ~30 additional repeat alerst). - -## 1.0.7 - -- Dependabot updates -- Updated color variables across most components -- Bumped back-to-top component to v2.0.1 -- Bumped feature-card component to v1.0.7 -- Bumped highlight-section component to v1.0.3 -- Bumped link-grid component to v2.1.1 -- Bumped link-icon component to v -- Bumped page-feedback component to v1.1.2 -- Bumped pagination component to v2.0.1 -- Bumped site-footer component to v1.1.1 -- Bumped site-header component to v1.1.1 -- Bumped site-navigation component to v2.1.3 -- Bumped skip-to-content component to v1.0.3 -- Bumped statewide-footer component to v1.0.10 -- Bumped statewide-header component to v1.0.15 -- Bumped step-list component to v2.0.2\ - -## 1.0.6 - -- #807 - Updated "Skip to content" instructions with clearer instructions -- #806 - Updated README to include additional information on tests, and directory structure -- #805 - Hyperlinked the ca.gov icon in the sitewide footer -- #802 - Added a new webpage ([Why web components](https://designsystem.webstandards.ca.gov/why-web-components)) explaining the uses of web components -- #799 - Standardized button styles on the homepage -- #799 - Updated color palette -- #795 - Added additional heading font-weight options - -## 1.0.5 - -- #766 - Icons: Fixed script bug and updated docs -- #774 - Images in cards made into links - -## 1.0.4 - -- #652 - Fixed bugs on base-css preview and add e2e test -- #608 - Added new icons (ds-icons) component -- #610 - Added illustration for the 404 error page (bear with binoculars) -- #678 - Added icon component illustration icon for documentation page link -- #679 - Added icons component documentation -- #757 - Removed "Download" from library links -- #746 - Added Broadband for All website example to showcase design system implementation - -## 1.0.3 - -- #584 - Capitalize README -- #688 - Design tokens add a reference page -- #694 - Update PR to allow capitalization in github branches -- #698 - Accordion: Better multiline summaries, fixes to open indicator icon - ⚡️ Markup change since 2.0.0: accordion markup will need to be updated (`ds-accordion`, 2.0.1) - [CHANGELOG](https://github.com/cagov/design-system/blob/main/components/accordion/CHANGELOG.md) -- #703 - Step List: Adjust padding on `ds-step-list` - -## 1.0.2 - -- 507 - Home page contact form - Submit button now changes on mouse hover. -- 439 - Added new spacing utility classes. -- 530 - Improved tabbing behavior of homepage form. (a11y) -- 506 - Home page contact form - Improved button colors. (a11y) -- 502 - Components - Added reset demo function. -- 533 - Home page contact form - Better align image. -- 656 - Statewide Header - Made CA.gov icon meaningful. (a11y) -- 656 - Site navigation - Made arrows be decorative. (a11y) -- 661 - Improved tabbing behavior on side navigation. (a11y) -- 631 - Step list - Increased contrast. (a11y) -- 675 - Page not Found - Updated text. -- 632 - Design guide - Improved color tables. (a11y) -- 667 - Combined CSS - Updated. -- 606 - Made page titles consistent. -- 313 - Line height improvements. (a11y) -- 685 - Feature card - Improved sample markup - -## 1.0.1 - -- Add automated end to end tests using playwright that validate instances of all page templates with axe accessibility checks. These run against any opened PR via git action -- Tweaks for design and content fixes -- Some accessibility bugs on site fixed -- Added reset feature to component demos -- Component folder names updated for consistency along with npm package names, custom element names and css classes -- Page titles now pulled from meta data - -## 1.0.0 - -- Initial release includes 18 components, principles, get started documentation, contact forms, design and content style guides. The component documentation is dynamically built from the component's README doc and includes live interactive demos of the component. +## 0.9.0 +- Ported from cagov/design-system diff --git a/docs/pages/about.md b/docs/pages/about.md index 806ee603..7a3afb39 100644 --- a/docs/pages/about.md +++ b/docs/pages/about.md @@ -1,46 +1,7 @@ --- -title: About the Design System -description: Learn about the vision, mission, and history of the California Design System. +title: About the Innovation Hub +description: Learn about the vision, mission, and history of the Innovation Hub. keywords: about, about us, history, mission, vision --- -

It can be challenging to connect government services to Californians who need them most. We have to consider a wide range of experiences, abilities, education, and technical literacy. With the State of California’s Design System, we help make digital information and services easier to use. The Design System increases equity, unity, compassion, and trust.

-## Our vision -Create a seamless digital experience for Californians to access the services they need. - -## Our mission -Build a design system that empowers state government to develop accessible, equitable, and inclusive digital products and services. - -## History -The Design System is being brought to you with the sponsorship and support from the Governor’s Office, Government Operations Agency, the California Department of Technology, and the Office of Digital Innovation. - -Leveraging the efforts of three pivotal digital contributions, we reflect on the journey that led us here and look to a bright future. -* [CAWeb Standards](https://webstandards.ca.gov/) -* The [Alpha Project](https://alpha.ca.gov/), and -* The [COVID-19](https://covid19.ca.gov/) website - -### The beginning - -The first state websites started out as a place for people to download forms. We’ve come a long way and continue to evolve to meet people’s needs. - -Over the years, and with each state template release, we’ve improved the access of online government services with: - -* Clearer navigation -* Responsive design elements -* Web accessibility -* Improved performance - -### Alpha - -Alpha was the first effort to reimagine how government understands, builds and provides digital services. The primary goal was to create a better digital experience for all Californians. The CA.gov Alpha team adopted agile principles allowing them to quickly iterate on feedback while [blogging their story](https://digital.ca.gov/blog/) out in the open. - -### COVID-19 -In response to the pandemic, the team developed the COVID-19 emergency response website. The team collaborated with the HHS Office of Innovation and the California Department of Technology. - -Developed as California’s source of truth in the battle against the coronavirus, the team created a scalable website. It was accessible, stable, and easy to update in a fast changing public health crisis. And it was built in four days! - -The team also broadened the definition of accessibility for state government. Reimagining performance as accessibility, Alpha considers performance as a core component of accessibility. - -## The future -The Design System is an [open source project](https://github.com/cagov/design-system). With it, the team hopes to partner with the broader digital community and continue to make it better. We will continue to build in the open and leverage best practices that use the power of digital to deliver services. For these efforts, state websites will rise to the challenge to better serve the people in California. diff --git a/docs/pages/contact-us.md b/docs/pages/contact-us.md index 9fe0d4f1..7f83bc7a 100644 --- a/docs/pages/contact-us.md +++ b/docs/pages/contact-us.md @@ -1,7 +1,7 @@ --- layout: single-column title: Contact us -description: Get help from the State of California Design System team, post questions, and share technical information with fellow developers. +description: Get help from the State of California Innovation Hub team, post questions, and share technical information with fellow developers. ---

Have a question? Contact us for help with general inquiries, feedback, or bugs.

diff --git a/docs/pages/get-started.md b/docs/pages/get-started.md index c13297d2..647b89c5 100644 --- a/docs/pages/get-started.md +++ b/docs/pages/get-started.md @@ -1,13 +1,13 @@ --- title: Get started xx -description: Learn how you can get started with using the California Design System. +description: Learn how you can get started with using the Innovation Hub. --- -

What you need to know about the Design System depends on your role and discipline.

+

What you need to know about the Innovation Hub depends on your role and discipline.

## Developers -Learn [what’s different](/technical-approach/) about California’s Design System approach and how to install components. Learn about [Design System webpage structure](/structure/) and layout options. +Learn [what’s different](/technical-approach/) about California’s Innovation Hub approach and how to install components. Learn about [Innovation Hub webpage structure](/structure/) and layout options. ## UX and visual designers @@ -19,7 +19,7 @@ Get familiar with the [guidelines for content design](/style/content/). ## Everyone -Everyone can benefit from the [Design System principles](/principles/). +Everyone can benefit from the [Innovation Hub principles](/principles/). ## Need help getting started? diff --git a/docs/pages/technical-approach.md b/docs/pages/technical-approach.md index 996c8aa8..98635ceb 100644 --- a/docs/pages/technical-approach.md +++ b/docs/pages/technical-approach.md @@ -3,40 +3,4 @@ title: A different approach description: An introduction to the technical approach of the California Design System. --- -Design systems are often created as a single monolithic package. All parts, whether desired or not, come as a whole and the entire system is a dependency of the parent project. -In contrast, the State of California’s Design System is a collection of independent components. With [web components](https://developer.mozilla.org/en-US/docs/Web/Web_Components) as the base, they’re less likely to cause dependency issues or CSS conflicts. This means you can choose which ones you need. - -The independent components are also themeable. We use CSS variables with default values as design tokens. - -## Use your preferred framework, or none at all - -The Design System components are agnostic. You can choose to use an opinionated tool, like Vue or React, but you do not need to use one. All components include sample HTML and only use JavaScript when necessary. - -## How to contribute - -Right now, the Design System components are in use on pilot sites like: - -* [covid19.ca.gov](https://covid19.ca.gov/) -* [drought.ca.gov](https://drought.ca.gov/) -* [cannabis.ca.gov](https://cannabis.ca.gov/) - -There’s still a lot of work ahead to develop and refine the components, but we cannot do it in a vacuum. We need feedback from anyone that comes in contact with the components. - -Some things we want to include in our next phase are: - -* CDN-hosted JavaScript and CSS -* Installation instructions for specific frameworks like WordPress and .NET -* More functionality tests -* More robust accessibility testing -* Standardized file names across components - -Learn how to [contribute or tell us your ideas](/contact-us/). - -## Component installation - -The Design System components are individual packages that you can download. Each component has README instructions for how to install it. - -1. Browse the [components gallery](/components/). -2. Choose the component you want. -3. Follow the README instructions to install. diff --git a/docs/site/_data/editable/defaults.json b/docs/site/_data/editable/defaults.json index d1dbc580..81736e14 100644 --- a/docs/site/_data/editable/defaults.json +++ b/docs/site/_data/editable/defaults.json @@ -1,13 +1,13 @@ { "site": { - "name": "California Design System", + "name": "Innovation Hub", "keywords": "California, government, design system" }, "page": { - "description": "California Design System", + "description": "Innovation Hub", "social_image_path": "/img/thumbnail.png", "social_image_width": 500, "social_image_height": 500, - "social_image_alt_text": "California Design System" + "social_image_alt_text": "Innovation Hub" } } diff --git a/docs/site/homepage.njk b/docs/site/homepage.njk index fb0eb280..3ec255b3 100644 --- a/docs/site/homepage.njk +++ b/docs/site/homepage.njk @@ -1,6 +1,6 @@ --- permalink: / -title: California Design System +title: ODI Innovation Hub description: This system makes it easy to build digital services that meet the needs of Californians. ---