Noredink ui V1. tesk9 requested review from a team and nunocf (assigned from NoRedInk/writing-brigade) and removed request for a team Mar 23, 2022 nunocf approved these changes Mar 25, 2022 use GH actions instead of Travis 0 Commits 2 Checks 6 Files changed Learn more about bidirectional Unicode characters Show hidden characters Member Add ability to set custom and mobile CSS to Menu #1000 bendansby Jul 25, 2022 Contributor Fixes A11-1244 Removes errorIf examples from RadioButton, TextInput, and Select. It might be nice to be able to see more than one version. These functions expose an attribute constructor that used to expect a Css. No party is currently responsible for oversight of the foundational aspects of the component library, a. Create standardized Menu item component #1053 bendansby opened this issue Aug 30, 2022 · 0 comments Copy link Contributor This is currently implemented only on the Assignment Library; it should be global. k. 0 0 Commits 1 Checks 6 Files changed NoRedInk / noredink-ui Public Notifications Fork 11 Star 128 Projects Security Insights Fixes A11-2104 Support anchoring the question box to either the entire emphasis-with-block or to a particular element within it. be Html. This is also much nicer if you find the loading animation irritating or distracting, since now you can see the stat In the context of noredink-ui, the best thing to do here to hide these SVGs is to use Nri. ) or with arbitrary HTML children it will still be valuable to have the PR prepped, so let's get it mergeable except for markdown image. Any NoRedInk engineer can deploy a new version of noredink-ui. Step Time cold ca Mar 12, 2022 · We read every piece of feedback, and take your input very seriously Moves Nri. cc @NoRedInk/design Linear issue And allow px or % Some examples where this would be helpful: to join this conversation on GitHub. If the project you're working in currently pulls in noredink-uiat version 4. MediaQuery, they now accept Nri. ” Typically, the owner of the component library I’m a student I’m an educatorAlready have an account? Log in Don’t have a NoRedInk account? Sign up for free to get started! NoRedInk offers authentic assessments, adaptive practice, personalized content, and actionable data to improve your students' writing and grammar skills! Component API follows standard patterns in noredink-ui e. hamburger. nix at master · NoRedInk/noredink-ui Visually, there should be no difference between using paragraph and plaintext, but the new helper should help making using semantic HTML easier. Adds hideTextForMobile to Button (was pending TODO for next major Button release) Refactors modules with doSomethingForMobile / doSomethingForNotMobile attributes to track MediaQuery. V1 - MINOR ---- Added: cleverLibrary : Nri. MediaQuery. NoRedInk / noredink-ui Public Notifications You must be signed in to change notification settings Fork 13 Star 142 Code Issues21 Pull requests13 Projects Security Component Library package & Component Catalog app code - NoRedInk/noredink-ui Feb 28, 2023 · NoRedInk / noredink-ui Public Notifications You must be signed in to change notification settings Fork 12 Star 132 NoRedInk / noredink-ui Public Notifications You must be signed in to change notification settings Fork 12 Star 138 Releases 14. For example I recently needed to make the backgroundColor conditional in the following code: [ flexGrow (num 1) , flexShrink zero , displa we will need to create a new version of Highlighter on noredink-ui to render with markdown parsing (I don't want to assume content is always markdown -- student writing should not be parsed as markdown, imo. 3 · NoRedInk/noredink-ui. tab , Aria. json at master · NoRedInk/noredink-ui Component Library package & Component Catalog app code - fix message layouts · NoRedInk/noredink-ui@d45a73e Fixes A11-1767 Ensures that the start element is rendered. NoRedInk / noredink-ui Public Notifications Fork 11 Star 118 12 Oct 17:56 macoca 14. It's not always useful (maybe not even often) but I ne Component Library package & Component Catalog app code - Expose focustrap from modal for docs · Issue #830 · NoRedInk/noredink-ui Component Library package & Component Catalog app code - NoRedInk/noredink-ui Working with conditional styles can be awkward sometimes. If the project you're working in currently pulls in noredink-ui at version 4. Inspiration is coming from NoRedInk/NoRedInk#41434, February 14, 2022 • 68 mins Ju Liu (twitter) (github) Elm at NoRedInk Ju's blog noredink-ui is NoRedInk's internal UI kit (live demo page) Currently, noredink-ui is used by the monolith, CCS and tutorials Note: this will be a major version bump, so you may want to batch deletions together Currently, noredink-ui is used by the monolith, CCS and tutorials Component Library package & Component Catalog app code - Notify Slack on PR Review Request · Workflow runs · NoRedInk/noredink-ui X icon now has 5px stroke instead of 7px, to be consistent with other icons in the set. narrowMobileBreakPoint · Issue #1335 · NoRedInk/noredink-ui Component Library package & Component Catalog app code - Add option to have Tabs collapse to hamburger at a given breakpoint · Issue #1001 · NoRedInk/noredink-ui Remove SlideModal #884 tesk9 opened this issue Mar 23, 2022 · 0 comments · Fixed by #948 hold for next major release Contributor Adding a new mail icon and including it into the list of actions Could potentially speed up builds a lot! Even if we have to pull stuff over the network, at least we won't be building niv and elm-forbid-import except when we update them. elm in element (List. I’d like to start these examples by imagining what a draggables and dropzones implementation might look like. I was trying to avoid the viewBox clipping the edges of the svg. This will result in a decorative svg that will only be relevant for display users. Text, then do a find/replace. tertiary · Issue #1189 · NoRedInk/noredink-ui Component Library package & Component Catalog app code - Remove MediaQuery. To update this in the monolith we'll just need to find the instances of Heading. Ui. They provide guidance and support to developers and designers who are building new components or working with existing components. Panel to noredink-ui. style and change them to Nri. 1 This PR introduces the PremiumDisplay module/type. id idValue , Role. NoRedInk / noredink-ui Public Notifications You must be signed in to change notification settings Fork 12 Star 138 Code Issues21 Pull requests15 Projects Security Insights noredink-ui / { { item }} Merged tesk9 merged 10 commits into master from bat/accordion-code Apr 18, 2022 Merged 6 Learn more about bidirectional Unicode characters Show hidden characters Member tesk9 commented Mar 31, 2022 • See #794 (comment) for suggestions around how to make the ClickableAttributes internals simpler! I’m a student I’m an educatorAlready have an account? Log in Some analysis shows current select box usage as: Usage Count No label or accessibility 18% Visible accessible label 20% Hidden accessible label 44% Custom HTML tag or CSS 18% The default case shoul Consistently apply the "no" cursor to disabled components: Checkbox Select TextArea TextInput When changing views, return scroll position to top of viewport #1250 It would also be nice to have an example of the table that features normal left-aligned text in the first column. Make sure the global update doesn't conflict with this local AL implementation. Logo. The helper can still be used, but hopefully this change will discourage its use in favor of errorMessage. This is also much nicer if you find the loading animation irritating or distracting, since now you can see the stat NoRedInk / noredink-ui Public Notifications You must be signed in to change notification settings Fork 12 Star 132 Code Issues33 Pull requests12 Projects Security Insights Component Library package & Component Catalog app code - noredink-ui/elm. Things that'd be good to cover: versioning policy (same as the Elm package This is a MINOR change. colorFromString : String -> Maybe Color. ring. Already have an account? Assignees No one assigned Labels None yet Projects None yet Milestone No milestone Development No branches or pull requests 1 As a NoRedInk engineer, I want to be able to push a new version of the npm package when I make changes to JavaScript code. 0 to include new StickerIcons and UiIcons for annotations CI #6106: Pull request #1686 opened by micahhahn June 28, 2024 22:00 1m 36s phx-1669-bump-noredink-ui Component Library package & Component Catalog app code - NoRedInk/noredink-ui Component Library package & Component Catalog app code - noredink-ui/flake. Welcome to NoRedInk! Don’t have a NoRedInk account? Sign up for free to get started! If the project you're working in currently pulls in noredink-ui at version 4. It also makes new versions for all the elements that previously used PremiumLevel in some way, which are: SideNav: V1 -> V2 RadioButton: V3 -> V4 Merged micahhahn merged 1 commit into master from phoenix/bump-for-block-changes Dec 20, 2022 Merged 1 Commits 1 Checks 7 Files changed Learn more about bidirectional Unicode characters Show hidden characters Member micahhahn commented Dec 16, 2022 • Add a new version of Heading that uses Subhead as the default style for h2. controls (panelIdFor option) Contributor Author Fixes A11-2104 Support anchoring the question box to either the entire emphasis-with-block or to a particular element within it. Feel free to merge on green! View details bendansby merged commit 89389dd into master Mar 21, 2022 8 of 9 checks passed bendansby deleted the dansby/x branch March 21, 2022 16:51 Adds percy token as an env variable for github actions uses --keep flag so that --pure doesn't wipe out the percy token May 25, 2022 · Extend the sidenav routing for easy access to other items in the category. a. Already have an account? Assignees micahhahn Labels Raven Ownership Work Projects None yet Milestone No milestone Development Raven/remove modal shadows NoRedInk/noredink-ui 2 participants Adds submit button attributes and opensModal attributes NoRedInk/noredink-ui 1 participant Choose a reason for hiding this comment Looks good! I set the tests to re-run because I don't believe anything is actually broken. Component API follows standard patterns in noredink-ui e. ResponsiveStyles and generate Fix segmented control fill-width with tooltip NoRedInk/noredink-ui 2 participants Component Library package & Component Catalog app code - Workflow runs · NoRedInk/noredink-ui In the context of noredink-ui, the best thing to do here to hide these SVGs is to use Nri. NoRedInk simplifies the process of building strong writers and critical thinkers in Grades 3–12. Continue Please use the template that's relevant for your situation and delete the other templates. 1 Get a closer look at NoRedInk with high-quality UI & UX screenshots. Overview NoRedInk's accessibility team, known as the Accessibilibats, owns the noredink-ui package and the Component Catalog app to showcase its components. When we're writing code that sends color names from the backend, it'd be really useful to have Colors. 5. To make numbers like this easier to scrub: Add CSS or justification options per breakpoint to extraNav in Header #1282 bendansby Feb 16, 2023 Copy link Contributor One of the technique examples for a two-toned focus ring shows the outline as transparent instead of none, which actually causes the outline to become visible in high contrast mode! (A transparent border is why our checkboxes look kinda funky in high contrast mode -- transparent borders and such get coerced to be visible in high contrast mode). , as a dev, I can conveniently add an nriDescription and adding a new feature to the component will not require major API changes to the comopnent The noredink-ui package and the Component Catalog app showcasing its components are currently unowned. Media queries don't support negation of just part of the query, which means that the not high contrast media query was invalid, which mean Manual close/open helpers More flexible button helpers (especially disabled) Launch button helper missing NRI styles API requires that the attributes passed to primaryButton, etc. narrowMobileBreakPoint · Issue #1335 · NoRedInk/noredink-ui Component Library package & Component Catalog app code - Add option to have Tabs collapse to hamburger at a given breakpoint · Issue #1001 · NoRedInk/noredink-ui Remove SlideModal #884 tesk9 opened this issue Mar 23, 2022 · 0 comments · Fixed by #948 hold for next major release Contributor Adding a new mail icon and including it into the list of actions Mar 12, 2022 · We read every piece of feedback, and take your input very seriously Moves Nri. Suppose you just released version 5. Svg. This PR refactors to avoid using inline-flex in favor of inline. High. Is this okay with you? Component Library package & Component Catalog app code - NoRedInk/noredink-ui Component Library package & Component Catalog app code - Change "unfulfilled" button state to resemble "secondary" style · Issue #1011 · NoRedInk/noredink-ui Bumps Button, ClickableText, and Message. small, medium, large · Issue #1113 · NoRedInk/noredink-ui Extracts the commits from #1160 and #1162 that only relate to adding the next version of the Balloon component. x, then getting to your styling fix means pulling in a new major version of noredink-ui. 1. Reload NoRedInk / noredink-ui Public Notifications You must be signed in to change notification settings Fork 13 Star 139 Code Issues21 Pull requests12 Projects Security Component Library package & Component Catalog app code - CI · Workflow runs · NoRedInk/noredink-ui tesk9 commented Nov 15, 2022 Using inline-flex for Mark styles breaks the Highlighter styles. 1, a small styling fix in the checkbox widget, for a story you're working on. Explore its intuitive design, seamless navigation, and top features that enhance user experience. png tesk9 marked this pull request as ready for Component Library package & Component Catalog app code - NoRedInk/noredink-ui Visual changes will be addressed in GRO-176 bcardiff mentioned this pull request Mar 4, 2022 Changes 'PremiumLevel. Media. Already have an account? Assignees tesk9 Labels None yet Projects None yet Milestone No milestone Development Add MediaQuery breakpoint px values NoRedInk/noredink-ui 1 participant Merged bendansby merged 1 commit into master from Aug 15, 2022 Merged 0 Commits 16 Files changed Learn more about bidirectional Unicode characters Show hidden characters Contributor Deprecated in favour of noredink-ui! Contribute to NoRedInk/elm-doodad development by creating an account on GitHub. If this is just a noredink-ui repo doc change, you don't need to follow a template. , as a dev, I can conveniently add an nriDescription and adding a new feature to the component will not require major API changes to the comopnent what if we wrote something like NoRedInk/noredink-ui@<NRI_UI_VERSION> or something here, then in the Netlify build script we just did some sed call? That'd address some of the brittleness you were talking about, yeah? noredink Packages 7 build-elm-assets Builds an Elm file containing all paths of assets in a directory Class code Your teacher will provide this. 0 0 Commits 1 Checks 6 Files changed Component Library package & Component Catalog app code - Menu: add theme matching Button. Svg Bump for #833 and #838 Merged ap-nri merged 1 commit into master from release/17. Attached is the svg. h2 that have no Heading. 0. V2. Already have an account? Assignees No one assigned Labels None yet Projects None yet Milestone No milestone Development No branches or pull requests 1 This is a MINOR change. Our platform equips teachers to deliver high-quality writing instruction by helping them engage students through writing cycles that incorporate modeling, scaffolding, practice, and feedback. Aug 2, 2019 · This UI represents a day as a horizontal bar, in which we can select a slot using drag & drop. Fixes A11-1592 Integrates secondary breadcrumbs into a new version of the breadcrumbs component. concat [ [ Attr. Some of the commit messages make more sense in their original context, so feel free t May 26, 2022 · The table example now includes Ellie links, and highlights one example at a time. 2. Component Library package & Component Catalog app code - NoRedInk/noredink-ui glitteringkatie commented Sep 16, 2019 View changes src/Nri/Ui/SegmentedControl/V7. This breaks all TextAreawidgets across the project, so those will need to be fixed before you can do anything else Mar 22, 2022 · Add media query helpers to Container #877 tesk9 opened this issue Mar 22, 2022 · 0 comments · Fixed by #915 Assignees Labels container Part of #1098 Fixes A11-1712 @NoRedInk/design how's this? did I get all the grays right? 😅 Merged tesk9 merged 1 commit into master from tessa/fix-table-version Sep 21, 2022 Merged 16 Learn more about bidirectional Unicode characters Show hidden characters Member Component Library package & Component Catalog app code - Add SideNav to examples app · Issue #844 · NoRedInk/noredink-ui Nov 4, 2021 · TextInput "Show password"/"Hide password" button should not have default submit behavior when included as part of a form. Haskell 77 2 3 7 Updated 13 hours ago noredink-ui Public Component Library package & Component Catalog app code Dec 4, 2024 · Component Library package & Component Catalog app code - Pull requests · NoRedInk/noredink-ui We would like to show you a description here but the site won’t allow us. mov cc @NoRedInk/design the animation is slightly different. TextArea. Currently: Component Library package & Component Catalog app code - Release 5. 0 Jul 25, 2022 Merged masterrelease/17. mov cc @NoRedInk/design to join this conversation on GitHub. ---- Nri. g. V5 NoRedInk/noredink-ui Update disabled checkbox styles NoRedInk/noredink-ui 2 participants Component Library package & Component Catalog app code - NoRedInk/noredink-ui Component Library package & Component Catalog app code - NoRedInk/noredink-ui Component Library package & Component Catalog app code - Menu: add theme matching Button. cc @NoRedInk/design Perhaps with 20px of top padding on tab panel? We'll then want to zero out any custom padding/margin around the site. Extract hamburger-x-animated-icon to noredink-ui, re-done as an Svg so that we can use ClickableSvg (which in turn will resolve fixes A11-1495) AnimatedIcon. Generally, we prefer to do a release after every change, rather than trying to batch changes together. Adds aria-invalid to text inputs to represent error state, for screen readers and specs. Attribute Component Library package & Component Catalog app code - Add pressEnter to KeyboardHelpers · Issue #1646 · NoRedInk/noredink-ui Right now, the styleguide does not include multiple versions of the modules. focus. So now, Highlighter and Block should both have working styles! Component Library package & Component Catalog app code - Remove ClickableSvg. allowedFor' logic to reflect Rails' changes #847 Closed bcardiff approved these changes Mar 7, 2022 View changes View details bcardiff merged commit eeb8764 into master Mar 7, 2022 9 checks passed bcardiff deleted the revert-846-gro-175-update-noredink-ui-with-new-premium branch Fixes #921 partway -- moves breadcrumbs into noredink-ui, and switches to an app design that uses the breadcrumbs, but does not implement a preview or an example. “Component Library Foundations. Secondary styles cc @NoRedInk/design Button Select Text input -- note that this component already has a "read-only" state—it should be preserved but renamed "selectable" Toggle Checkbox Radio button Text area The text was updated successfully, but these errors were encountered: . contrast. V1 and not use withLabel. The easiest and most reliable way to find the changes that this release includes is to go through the changes between the Component Library package & Component Catalog app code - NoRedInk/noredink-ui Bump noredink-ui to 29.