{
    "version" : "https://jsonfeed.org/version/1",
    "content" : "event",
    "type" : "single",
    "title" : "USWDS Monthly Call - August 2024 |Digital.gov",
    "description": "USWDS Monthly Call - August 2024",
    "home_page_url" : "/preview/gsa/digitalgov.gov/bc-archive-content-3/","feed_url" : "/preview/gsa/digitalgov.gov/bc-archive-content-3/event/2024/08/15/uswds-monthly-call-august-2024/index.json","item" : [
    {"kicker" : "USWDS","title" :"USWDS Monthly Call - August 2024","deck" : "A look at beta web components","summary" : "The U.S. Web Design System team will answer community questions and give an update on their work developing web components for the design system.","date" : "2024-08-15T14:00:00-05:00","date_modified" : "2025-01-27T19:42:55-05:00","start_date" : "2024-08-15T14:00:00-05:00","end_date" : "2024-08-15T15:00:00-05:00",
      "event_organizer" : "Digital.gov","host" : "U.S. Web Design System","registration_url" : "https://gsa.zoomgov.com/meeting/register/vJItcumgrzIoHjYBsYQS-9h1vFpz0KMCvHE","youtube_id" : "duomgOmMwro","topics" : {
        
            "design" : "Design",
            "human-centered-design" : "Human-centered design",
            "software-engineering" : "Software engineering"
            },"primary_image" : { "uid" : "2024-uswds-monthly-call-aug-title-card", "alt" :
  "Title card for U.S. Web Design System monthly call, August 15, 2024 at 2 pm, Eastern.", "width" :
  "1200", "height" :
  "628", "credit" :
  "", "caption" :
  "", "format" :
  "png" },"content" :"\n\u003ca\n    href=\"https://s3.amazonaws.com/digitalgov/static/uswds-monthly-call-august-2024.pptx\"\u003eView the slides (Powerpoint presentation, 3.6 MB, 48 slides)\u003c/a\u003e\n\n\n\u003cdiv class=\"usa-accordion accordion\"\u003e\u003ch3 class=\"usa-accordion__heading\"\u003e\n    \u003cbutton\n      class=\"usa-accordion__button\"\n      title=\"View \"\n      aria-expanded=\"false\"\n      aria-controls=\"accordion-1\"\n    \u003e\n      \u003cspan class=\"icon\"\u003e\n          \u003csvg\n            class=\"usa-icon dg-icon dg-icon--standard margin-bottom-05\"\n            aria-hidden=\"true\"\n            focusable=\"false\"\n          \u003e\n            \n            \u003cuse xlink:href=\"/preview/gsa/digitalgov.gov/bc-archive-content-3/uswds/img/sprite.svg#content_copy\"\u003e\u003c/use\u003e\n          \u003c/svg\u003e\n        \u003c/span\u003e\u003cspan class=\"src\"\u003e\n        \u003cstrong class=\"kicker\"\u003eSlide by Slide\u003c/strong\u003eUSWDS Monthly Call - Presentation Script for August 2024\n        \u003c/span\n      \u003e\n    \u003c/button\u003e\n  \u003c/h3\u003e\u003cdiv\n      id=\"accordion-1\"\n      class=\"accordion-body usa-accordion__content usa-prose\"\n    \u003e\u003cp\u003e\u003cstrong\u003eSlide 1\u003c/strong\u003e Thanks Jeannie, and welcome, everyone, to the U.S. Web Design System monthly call for August 2024. Welcome back! I hope you\u0026rsquo;re having as good a summer as possible. For our team, at least, July can be a great time to have a bit of focus time. This month we\u0026rsquo;re simply celebrating the season with some warm summer colors in the USWDS logo: yellows, blue, green, and orange.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 2\u003c/strong\u003e My name is Dan Williams, he/him, and I\u0026rsquo;m the USWDS project lead — and here on-screen is my avatar: dark hair, blue sweater, collared shirt. As of this month, the avatar now has glasses — matching real life me, who\u0026rsquo;s wearing a gray shirt today, and yellow socks, approximately gold-30v.\nAs Jeannie mentioned, we are recording this call, and I\u0026rsquo;m happy to say we\u0026rsquo;ve started to be able to share the recordings of these monthly calls publicly. You can find pretty much everything from the last year\u0026rsquo;s worth of monthly calls, back to January 2023, on our website, at \u003ca href=\"https://designsystem.digital.gov/about/monthly-calls/\"\u003edesignsystem.digital.gov/about/monthly-calls\u003c/a\u003e. We typically post videos shortly after the monthly call, and we also link out to the slides and the script, hosted at digital.gov. We\u0026rsquo;ve also started collecting each month\u0026rsquo;s Q\u0026amp;A as a GitHub discussion linked from the monthly calls page. We\u0026rsquo;ve posted a link to our monthly calls page in the chat.\nWe\u0026rsquo;ll be posting other links and references into the chat as we go along, and I encourage you to ask questions in the chat at any time. If any member of our team can answer your question in the chat, we\u0026rsquo;ll do so. Otherwise, there\u0026rsquo;ll be some time for questions and answers at the end of the hour. Also, be sure to introduce yourself in the chat as well — it\u0026rsquo;s nice to know who\u0026rsquo;s here. It\u0026rsquo;s good to have you here today.\nFor those of you who find the chat distracting, you’re welcome to close or hide the chat window during the main presentation. You can reopen it later during the Q\u0026amp;A session at the end of this call.\nSo thanks! And, with that, let\u0026rsquo;s get started!\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 3\u003c/strong\u003e So what\u0026rsquo;s our agenda for today? Well, we\u0026rsquo;ve got a number of things to show off, largely influenced by community suggestions. We’ve got a couple exciting new sites to feature and a number of product updates. Then we\u0026rsquo;ll answer some community questions that came in, preview a new USWDS design kit in Figma, then we\u0026rsquo;ll talk through what it takes to go from alpha to beta in our new USWDS Web Components (and what you can expect once those are out), and will hopefully still be able to get to some Q\u0026amp;A.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 4\u003c/strong\u003e So let\u0026rsquo;s get into it with today’s featured sites. There are a couple exceptional examples today.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 5\u003c/strong\u003e First, \u003ca href=\"sec.gov\"\u003esec.gov\u003c/a\u003e — a new site from the U.S. Securities and Exchange Commission. Founded to help our country respond to the Great Depression, SEC is the agency that protects investors from misconduct, promotes fairness \u0026amp; efficiency in the securities markets, and facilitates capital formation for those looking to hire, innovate, and grow. The new site has a number of navigational and display elements on the front page, but sensitively organized to still seem really clear and approachable. The site has a crisp blue-and-white color scheme, the gov banner at the top of the page, the SEC seal up in the top left, a quick links section in the hero, as well as the words: \u0026ldquo;We make markets work better.\u0026rdquo;\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 6\u003c/strong\u003e We\u0026rsquo;re also pleased to show the redesigned \u003ca href=\"vote.gov\"\u003evote.gov\u003c/a\u003e. This new redesign from vote.gov, features a large, close-up image of the American flag on a somewhat greenish background of cool blue. The typography is a solid combination of Merriweather headings and Source Sans Pro text. Notably, this site also features the language access button up at the top of the page, in the banner — which is an emerging pattern that seems promising. The text in the hero reads \u0026ldquo;Register to Vote or update your registration.\u0026rdquo;\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 7\u003c/strong\u003e Congratulations and great work! Be sure to let our team know when a new site launches, either with an email or a note on the USWDS public Slack channel!\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 8\u003c/strong\u003e Now for a few product updates.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 9\u003c/strong\u003e USWDS 3.8.2 is out now!\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 10\u003c/strong\u003e USWDS 3.8.2 is a small patch release that addresses an issue a user was finding in their security scans. We had a polyfill dependency that used a regular expression that technically flagged scans as a distributed denial of service vulnerability, but that we do not consider exploitable. Nevertheless, we removed that polyfill. Now, since we released USWDS 3.0, we\u0026rsquo;ve dropped official support for IE11, but we\u0026rsquo;d left our polyfills in place. This release is the first release that begins to remove those polyfills, so expect to see more work that removes IE11-specific code as we move forward.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 11\u003c/strong\u003e We\u0026rsquo;re also getting ready to release USWDS Compile 1.2.0. Compile is our package that uses Gulp to compile project Sass into final CSS. Compile 1.2.0 will update the package to the most recent major version of Gulp, Gulp 5, in addition to providing support for disabling sourcemaps. Compile 1.2.0 is coming next week.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 12\u003c/strong\u003e And we\u0026rsquo;ve also got USWDS 3.9.0 on the way. And this one has a number of good improvements.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 13\u003c/strong\u003e Here are a couple of the key improvements in USWDS 3.9.0:\n*Fixes a tab order bug in the mobile header\n*Fixes a keyboard/mouse interaction issue in date picker\n*Improves performance of input mask\n*Improves legibility of pagination links\n*Adds the ability to add a custom breakpoint to utilities\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 14\u003c/strong\u003e We\u0026rsquo;re working hard on USWDS 3.9.0, and this release will be available by the end of August.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 15\u003c/strong\u003e We\u0026rsquo;re continuing progress in publishing accessibility test pages. We\u0026rsquo;ve got a few big ones up on the site now: \u003ca href=\"https://designsystem.digital.gov/components/identifier/accessibility-tests/\"\u003eIdentifier\u003c/a\u003e, \u003ca href=\"https://designsystem.digital.gov/components/footer/accessibility-tests/\"\u003eFooter\u003c/a\u003e, [Header]), and \u003ca href=\"https://designsystem.digital.gov/components/list/accessibility-tests/\"\u003eList\u003c/a\u003e. We\u0026rsquo;re posting links to these new pages in the chat, \u003cem\u003eand\u003c/em\u003e we\u0026rsquo;re working on three new component test pages for next month: Checkbox, Radio button, and Combo box. So stay tuned for those!\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 16\u003c/strong\u003e Now, I\u0026rsquo;d like to pass it to our Experience Design Lead, Anne Petersen, to talk about some of what we\u0026rsquo;re doing in the world of usability research, as well as speaking to a community question about component proposals. Anne, can you give a brief self-description for folks and take it from here?\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 17\u003c/strong\u003e Anne: Hi everyone, I’m Anne, my pronouns are they/them, and I’m a white person with short brown hair and small glasses, today in a linen-y blue shirt.\u003c/p\u003e\n\u003cp\u003eSo in our ongoing usability research, we now have our \u003ca href=\"https://github.com/uswds/uswds/wiki/%E2%80%9CZebra-batch%E2%80%9D-component-usability-research-findings-Q1-2024\"\u003e“zebra”\u003c/a\u003e round of component usability testing results out on our research wiki — our most recent round of usability testing with people with disabilities. We also wanted to let you know that we have a \u003ca href=\"https://touchpoints.app.cloud.gov/touchpoints/753a68b3/submit\"\u003esurvey\u003c/a\u003e ready for the federal employees in the audience to get a better understanding of what you and your teams are working with day to day. We want to learn about your team size, team structure, resources, tech stacks and frameworks you use, and your familiarity with a few programming languages. After learning that, we can be more confident that we’re building in a way that can be more seamlessly incorporated into your workflows. That survey may take about 10-15 minutes of your time and your answers are anonymous. We’d love to hear from you before the survey closes on August 30th.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 18\u003c/strong\u003e We’ve also had conversations going on in our public discussions on GitHub. I\u0026rsquo;d like to point out a handful.\u003c/p\u003e\n\u003cp\u003eThere are new component proposals for a Step indicator, both \u003cem\u003etrack-status\u003c/em\u003e variant and \u003cem\u003evertical\u003c/em\u003e variant. There’s continued discussion on a new component proposal for Tabs. We’ve also made progress on research for a new component called Glossary, which I’ll go into a little more. There’s an \u003ca href=\"https://github.com/uswds/uswds/discussions/6023\"\u003eaccessibility discussion\u003c/a\u003e about proving visitors’ humanness.\u003c/p\u003e\n\u003cp\u003eAnd finally, we have the \u003ca href=\"https://github.com/uswds/uswds/discussions/5977\"\u003eQ\u0026amp;A from our June monthly call\u003c/a\u003e posted so that if you missed that call, you can quickly catch up.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 19\u003c/strong\u003e But on the topic of component proposals, let’s talk in more depth.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 20\u003c/strong\u003e In advance of today’s call, we asked \u003ca href=\"https://github.com/uswds/uswds/discussions/categories/component-proposals\"\u003ewhat you wanted to hear about\u003c/a\u003e, and the new component proposal process and progress was one of those topics. We’ll get to a few others a little later on.\u003c/p\u003e\n\u003cp\u003eSo in terms of the current state of that process, we’ve received several suggestions for new components, including a Chat UI, Toast, Skipto, Glossary, and a few step indicator variants like I mentioned, as examples. We leave these discussions open for comment and voting from the community for a while, but then what happens next?\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 21\u003c/strong\u003e Process-wise, the next step is for us to figure out if the component or variant is something we think could be a good addition to the design system, and we first evaluate this through a usability and accessibility lens.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 22\u003c/strong\u003e Our research and accessibility specialists take a close look at the component and gather evidence to help us make the most informed decision possible.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 23\u003c/strong\u003e We have a few guiding questions we use to consider each proposal.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 24\u003c/strong\u003e First, we consider the support this new component might provide, or the support we currently have for the use case or interaction.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 25\u003c/strong\u003e We ask questions like:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003eDoes the component support a WCAG requirement? At what level (A, double AA, triple AAA)?\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003eWhat alternatives are there to fulfill that requirement?\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003eDoes the component have a clear purpose and address a user need?\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003eIs there an existing solution in USWDS that better meets the need than the proposed solution? If there is, we likely won’t move forward with that proposal.\u003c/p\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 26\u003c/strong\u003e And then we consider what might \u003cem\u003enot\u003c/em\u003e support this proposal.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 27\u003c/strong\u003e We ask:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003eDo the usability and accessibility \u003cem\u003ebenefits\u003c/em\u003e outweigh any potential \u003cem\u003erisks\u003c/em\u003e?\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003eIs this \u003cem\u003eparticular\u003c/em\u003e solution needed by the USWDS community?\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003eHas it been requested, how often, \u003cem\u003eor\u003c/em\u003e to what extent is it already being used across the government digital landscape? Have teams or other agency design systems created their own, since they couldn’t find it in USWDS?\u003c/p\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 28\u003c/strong\u003e We document answers to these questions in a simple rubric that gives us a high level picture. This slide shows these questions with columns for yes, somewhat, and no. The answer to these questions needs to be “Yes” for most of them (except for the middle question about whether there’s an \u003cem\u003eexisting\u003c/em\u003e solution to fulfill the need, which should be a “no”). If \u003cem\u003eso\u003c/em\u003e, we’ll feel more confident moving ahead.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 29\u003c/strong\u003e But any new component is a commitment. We support this component going forward, until eventually (maybe) it gets retired, far in the future.\u003c/p\u003e\n\u003cp\u003eAdding new components adds load to how much we actively support, even if the team doesn’t grow, so we should be considerate of what and how much we add. This component will need to be robustly part of the system if we accept it.\u003c/p\u003e\n\u003cp\u003eWe’ll do regular testing on every component, including this one, to make sure it’s still meeting our accessibility and usability goals. We’ll make \u003cem\u003eimprovements\u003c/em\u003e over time, even if the component is not being used a lot. We have no concrete way to know how often a component is being used, I might add.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 30\u003c/strong\u003e So, \u003cem\u003ein the midst of all our other work\u003c/em\u003e (this is a quick view of \u003cem\u003eall\u003c/em\u003e the discussions I mentioned), we’re using \u003ca href=\"https://github.com/uswds/uswds/discussions/5771\"\u003eGlossary\u003c/a\u003e to pilot this process. Our UX and Accessibility team members evaluated this suggestion, and we’ve decided we’ll likely move it forward, but we have a \u003cem\u003elittle\u003c/em\u003e more investigating to do.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 31\u003c/strong\u003e So, it’s about to move into the “conditionally approved” part of the component lifecycle. More to come!\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 32\u003c/strong\u003e But this is a new process for us too, so we’re also figuring it out. Let us know how it’s going. And as always, our process here is still part of our product. We iterate \u003cem\u003eeverywhere\u003c/em\u003e.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 33\u003c/strong\u003e We also heard a few other questions from you all that are fairly specific, so we’ll follow up on those in GitHub discussions. Again, \u003ca href=\"https://github.com/uswds/uswds/discussions/5923\"\u003elinks\u003c/a\u003e are in chat. A couple of examples of those - about VUE3, and about .NET.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 34\u003c/strong\u003e Next, we’ll chat about our new design kit, which is really exciting work, and a great tool to support teams. For that, I’ll pass back over to Dan.\u003c/p\u003e\n\u003cp\u003eDan: Thanks Anne. Dan here. We’ve been asked for years about modern design tool support. Now, as I get started, we talk about specific tools at these calls, and we do have to get into the nitty gritty of support for specific products, but, as it says on the box, all references to specific brands, products, and companies are used only for illustrative purposes and do not imply endorsement by the U.S. federal government or any federal government agency.\u003c/p\u003e\n\u003cp\u003eThere are a couple great open source USWDS Figma design kits out there and available, but we \u003cem\u003edo\u003c/em\u003e want to support some of these tools more directly for a couple key reasons.\nAs we move forward into USWDS Web Components, we will be thinking hard about component configuration and the styling and functionality dials and switches you can set in your theme. The more configuration we build into our components, the closer our design assets will need to match the final functionality. We\u0026rsquo;ll also need to be thinking not just from the code side but from the design side as well — when designers are using this kit, what types of flexibility do they need to support their projects?\u003c/p\u003e\n\u003cp\u003eToday, design tools better support this connection between design and development. Since this connection is at the front of our mind in our shift to Web Components, it makes more and more sense for us to engage with these tools directly.\nSo let\u0026rsquo;s take a look at what we\u0026rsquo;re building for USWDS in Figma.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eFigma Demo Slides\u003c/em\u003e\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003eWe’re working in the direction of delivering a USWDS-built Figma design kit. It’s not available yet and still exists now as an internal beta, but we hope to distribute it soon. I wanted to show you a preview in coordination with some of the things we’re thinking about in our move to Web Components.\u003c/p\u003e\n\u003cp\u003eBuilding on the work of those open source kits, we will be making sure these are built in the same way we’re building out our new Web Components. There are over 40 components in the design system. We haven’t gotten everything in here yet, but we hope they’ll all be in here when we publish this.\u003c/p\u003e\n\u003cp\u003eWe’re using this kit to start using native idioms of Figma and Figma variables in our components. Components can support variants and properties and we want to make those available to designers and largely mappable to design system functionality.\u003c/p\u003e\n\u003cp\u003eI’ll open a blank page with an example frame on it. We’ve converted our USWDS design tokens into Figma variables. So we’re leaning on variables and not styles, but I can show that in practice.\u003c/p\u003e\n\u003cp\u003eSo if drawing a frame, it has properties. We can give it a fill. If we select this selector it brings up variables, and the variables available are USWDS design tokens, the system color variables available for fills.\u003c/p\u003e\n\u003cp\u003eWith \u003ccode\u003eset color\u003c/code\u003e we could set a stroke on this.\u003c/p\u003e\n\u003cp\u003e\u003ccode\u003eset stroke\u003c/code\u003e works not only with the system tokens, but also the semantic theme tokens as well as primary or secondary. We can make the secondary stroke a little more prominent here.\u003c/p\u003e\n\u003cp\u003eThis also applies to text, typography, and spacing.\u003c/p\u003e\n\u003cp\u003eWith \u003ccode\u003eadd text\u003c/code\u003e we can give it a size and a font connected to USWDS tokens. It says Public Sans, but we want to assign it a token, so let’s use heading. Our headings are set to Public Sans, so it doesn’t really change. Set to 140. Give it a variable. Variables are connected to the face and size, so let’s give this a size of heading 20. Heading 20 is the same as 140, so no visible change. But what this does is starts to connect all these things to variables that can be modified downstream or themed right now. Have the fill set to Blue 50, but let’s set it to primary medium.\u003c/p\u003e\n\u003cp\u003e\u003ccode\u003eopen variables\u003c/code\u003e: If I go into primary, I can set all the defaults and change things to be specific to your theme. You can define themes just like you would in code. The way we manipulate themes in the Figma kit is through layer modes, which are connected to modes in Figma. So we select a surrounding frame to assign a mode to a frame, and can see the colors change based on the new theme we applied.\u003c/p\u003e\n\u003cp\u003eTypefaces are hard to do consistently. But we support more than Public Sans, and have the ability now to change faces with normalization applied using layer modes.\n\u003ccode\u003efont role heading to serif and back\u003c/code\u003e: This all happens at the layer mode level, so you can experiment with looking at a design through different themes. So copy this over, and you can look at the original theme applied.\u003c/p\u003e\n\u003cp\u003e\u003ccode\u003esee all layouts updated to the proper sizes of Source Sans Pro\u003c/code\u003e begins to put some of the ideas of theming that we have in design system code into the design assets, which will also apply to components.\u003c/p\u003e\n\u003cp\u003eSo, we’re establishing a common way of thinking about themes between the design kit and code. Trying to do that with our components as well, defining it at the component level. The design knobs most easily available through theming. Doing that by adding these things called properties to a component. You can add a character counter to it below, and be able to set the number of characters that are available, just like in the design system, with an input prefix or suffix. So we want an input prefix. You can change it between text or an icon, and have icons and text available through settings.\u003c/p\u003e\n\u003cp\u003eYou could decide to describe your favorite ice cream flavor \u003ccode\u003eupdate text\u003c/code\u003e, and instead of regular input we want a text area \u003ccode\u003edo that\u003c/code\u003e, and extra big so you can describe in depth. It has the ability to do all kinds of other things you might expect to do in a prototype, like show the focus state on it, or hide the text, or show an error state \u003ccode\u003edemo\u003c/code\u003e.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 35\u003c/strong\u003e In general, the Figma kit is an experiment in how we can begin to deliver components that are more directly configurable via settings and properties and things you change without detaching the component.\u003c/p\u003e\n\u003cp\u003eWe\u0026rsquo;re working to build a design system that\u0026rsquo;s flexible and expressive — one that helps build experiences that are tuned and tailored yet broadly related and familiar. \u003cem\u003eAnd\u003c/em\u003e, more and more, helping \u003cem\u003edesigners and developers\u003c/em\u003e work from the same set of rules but using the tools and idioms that are familiar to \u003cem\u003ethem\u003c/em\u003e.\u003c/p\u003e\n\u003cp\u003eSo this is important to us, and one of the key elements in our vision of empowered and supported digital service teams and familiar and easy-to-use digital services.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 36\u003c/strong\u003e The USWDS Beta Design Kit in Figma will feature:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003eDesign tokens as variables\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003eAttribute-powered components\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003eMode-based fonts and themes\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003eExtensive examples and guidance\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003eAnd of course, auto layout, and other native functionality.\u003c/p\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003eMore to come on this. We hope to begin publishing our work soon.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 37\u003c/strong\u003e And now let\u0026rsquo;s finish by moving into the Web Components beta phase.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 38\u003c/strong\u003e Today, as we start to make the shift from our alpha-level experiments into a public beta, we\u0026rsquo;d like to talk a bit about how that\u0026rsquo;ll work. \u003cstrong\u003eWhat makes a Beta release?\u003c/strong\u003e We\u0026rsquo;ll look at our release maturity model.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 39\u003c/strong\u003e And \u003cstrong\u003ehow do I get involved in the Beta?\u003c/strong\u003e How do I use the components? How do I leave feedback and comments? We\u0026rsquo;ll also take a look at our documentation and communication expectations. And to do this, I\u0026rsquo;d like to introduce a couple of my colleagues.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 40\u003c/strong\u003e First is Amy Leadem. Amy\u0026rsquo;s a contractor and an engineer on the USWDS Core team. Amy, can you introduce yourself and give a quick self-description for folks?\u003c/p\u003e\n\u003cp\u003eAmy: Absolutely. Hi, I’m Amy Leadem. My pronouns are she/her and I have long wavy brown hair and an orange sweater on today.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 41\u003c/strong\u003e Dan: Thank you, Amy. I\u0026rsquo;d also like to introduce Matt Henry, our Engineering Lead. Matt can you introduce yourself and give a quick self description for folks?\u003c/p\u003e\n\u003cp\u003eMatt: Sure can. Hey yall, Matt Henry. Acting Engineering Lead for the design system. I’m a bald white man with glasses and a blue oxford shirt and my pronouns are he/him.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 42\u003c/strong\u003e Dan: Thank you Matt. Why don’t you take it away with a demo.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eDemo presentation\u003c/em\u003e\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 43\u003c/strong\u003e Dan: Thanks Matt and Amy. This is Dan again. So we\u0026rsquo;re expecting to get an initial package for this work out tomorrow via npm (at uswds/web-components). This will still feature alpha components, but the npm package will be a good way to track our progress — in addition to what you\u0026rsquo;ll find at the project hub: \u003ca href=\"http://github.com/uswds/web-components\"\u003egithub.com/uswds/web-components\u003c/a\u003e.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 44\u003c/strong\u003e So what\u0026rsquo;s next with this work? In the coming weeks, we\u0026rsquo;ll be getting Banner, Identifier, and Link into the beta phase and publishing them via the web-components npm package. We\u0026rsquo;ll be working on Button, Accordion, Card, Text Input, and Modal next.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 45\u003c/strong\u003e And then, by the end of the fall, we should have at least a dozen components in stable Beta. We\u0026rsquo;re working hard, and we\u0026rsquo;ll be updating folks on our progress through all our usual channels.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 46\u003c/strong\u003e So onward, and here we go!\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 47\u003c/strong\u003e And it looks like we have some time for Q\u0026amp;A, so let\u0026rsquo;s get to it.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 48\u003c/strong\u003e Thanks for joining today’s USWDS monthly call. Next month we\u0026rsquo;ll be looking at our Web Components progress.\u003c/p\u003e\n\u003cp\u003ePlease look out for an event feedback survey from Digital.gov. You\u0026rsquo;ll get this in your email, and there\u0026rsquo;s also a link in the chat. Your feedback makes a difference to us, so we\u0026rsquo;d appreciate the extra time it takes you to provide it.\u003c/p\u003e\n\u003cp\u003eAnd if you have a question we weren\u0026rsquo;t able to answer in the call, or thought of later, please head into our \u003ca href=\"https://designsystem.digital.gov/about/community/\"\u003epublic Slack\u003c/a\u003e and ask it there. We\u0026rsquo;ll be there after the call to answer questions.\u003c/p\u003e\n\u003cp\u003eHave a great day and a great conclusion to your summer. We\u0026rsquo;ll see you in September!\u003c/p\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\u003cp\u003eJoin the U.S. Web Design System (USWDS) team to understand their progress toward developing beta web components. They’ll also answer questions and requests posted by the \u003ca href=\"https://github.com/uswds/uswds/discussions/5923\"\u003ecommunity in the community choice discussion thread for the August monthly call on GitHub\u003c/a\u003e.\u003c/p\u003e\n\u003cp\u003eIn this online session with the USWDS team, you will:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eLearn how to use beta versions of our next batch of new web components\u003c/li\u003e\n\u003cli\u003eGain insight to the USWDS team’s progress on building a Figma design kit\u003c/li\u003e\n\u003cli\u003eGet our answers to your community choice questions\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e\u003cstrong\u003eThis event is best suited for:\u003c/strong\u003e Design system users of all levels. This will be a technical discussion geared toward developers, but anyone can attend; it requires no specialized knowledge.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSpeakers\u003c/strong\u003e\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eDan Williams\u003c/strong\u003e - Product Lead, USWDS\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eMatt Henry\u003c/strong\u003e - Engineering Lead, USWDS\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eAnne Petersen\u003c/strong\u003e - Experience Design Lead, USWDS\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eAmy Leadem\u003c/strong\u003e - Developer, USWDS contractor\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch2 id=\"join-our-communities-of-practice\"\u003eJoin our Communities of Practice\u003c/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\u003ca href=\"https://designsystem.digital.gov/about/community/\"\u003eUSWDS\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://www.section508.gov/manage/join-the-508-community/\"\u003eSection 508 IT Accessibility\u003c/a\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e\u003cem\u003eThis event is part of a monthly series that takes place on the third Thursday of each month. Don’t forget to set a placeholder on your personal calendar for our future events this year.\u003c/em\u003e\u003c/p\u003e\n\u003ch2 id=\"about-the-uswds\"\u003eAbout the USWDS\u003c/h2\u003e\n\u003cp\u003e\u003ca href=\"https://designsystem.digital.gov/\"\u003eThe U.S. Web Design System\u003c/a\u003e is a toolkit of principles, guidance, and code to help government teams design and build accessible, mobile-friendly websites backed by user research and modern best practices.\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003ca href=\"https://designsystem.digital.gov/\"\u003eThe U.S. Web Design System\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://github.com/uswds/uswds/issues\"\u003eContribute on GitHub\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"mailto:uswds@gsa.gov\"\u003eEmail Us\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://digital.gov/communities/uswds/\"\u003eJoin our community\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://twitter.com/uswds\"\u003eFollow @uswds on Twitter\u003c/a\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003chr\u003e\n\u003cp\u003e\u003cem\u003eDisclaimer\u003c/em\u003e: All references to specific brands, products, and/or companies are used only for illustrative purposes and do not imply endorsement by the U.S. federal government or any federal government agency.\u003c/p\u003e\n",
      "branch" : "bc-archive-content-3",
      "filename" :"2024-08-15-uswds-monthly-call-august-2024.md",
      
      "filepath" :"events/2024/08/2024-08-15-uswds-monthly-call-august-2024.md",
      "filepathURL" :"https://github.com/GSA/digitalgov.gov/blob/bc-archive-content-3/content/events/2024/08/2024-08-15-uswds-monthly-call-august-2024.md",
      "editpathURL" :"https://github.com/GSA/digitalgov.gov/edit/bc-archive-content-3/content/events/2024/08/2024-08-15-uswds-monthly-call-august-2024.md","slug" : "uswds-monthly-call-august-2024","url" : "/preview/gsa/digitalgov.gov/bc-archive-content-3/event/2024/08/15/uswds-monthly-call-august-2024/"
    }
  ]
}