As a user, I want the option to submit feedback or report a bug on every page, also the option should be there at the most visible part of the page, example below the right-side table of contents.  

As an engineer and/or designer, I want to know guidelines for the user's interaction with the interface to provide a delightful and consistent user experience. 

Principles: story telling + delight

Easing: momentum 

Timing

Transformation: relationships between elements

Staging: what to do next

Exaggeration: attention 

As a user of the design system, I want to have a middle option of size for lists and content tree available in React-Bootstrap to meet the needs of my product.

if not much effort, do the below

• https://jira.trimble.tools/browse/DDS-397
• https://jira.trimble.tools/browse/DDS-429

As a user of Trimble software, I want to be able to be introduced to some of the functionality, so I know how to start using it. 

When Modus React Bootstrap under Code section, I should be able to see React component with examples and API details

• Create a new interactive search button to be used in the Navbar ONLY.
• Clicking on search button will expand & transition right to left into search input field (see attached example)
• Clicking "X" closes/cancels search

!image-2021-08-23-12-18-01-840.png!

As a designer/developer, I want to understand what icon formats the icon platform provides me with and how can I extract high-quality other formats, both vector and pixel.

As a user of the design system, I want to have the drag & drop guidelines available, so I can understand how to use them in my product.

As an engineer working in React, I want to have a row reordering feature available in the table component, so I can offer extended table functionality to my users.

Draggable rows should use the “Drag 2” icon located before the first cell of the table. 

Some references:

[https://sites.google.com/trimble.com/cyber-defense/tsdlc/tsdlc-control-standards-guidelines/tsdlc-control-standards?authuser=0]

As a designer at Trimble, I want to have maps, iconography, and map/ location management specific patterns defined and standardized, so that I can build my product consistently with related Trimble products.

Miro Board w/ Screenshots:
https://miro.com/app/board/o9J_l6HrCPA=/

WhiteSource:

Explore ways to run the WhiteSource unified agent jar file on Github using Github actions.

Other tools for automation,

• SonarQube
• Crowdstrike
• Rapid 7
• Tenable

The Drag & Drop icon (and functionality) is hidden by default. The user needs to click the icon in the action bar above the content Tree.

• Click the Drag & Drop icon.
• The tree shows the Drag & Drop icon in front of each item in the tree.
• The user can still expand the tree to be able to drag and drop into a different folder.

Content tree items can be dragged and dropped as a way of reordering or restructuring the hierarchy. Multiple content tree items can be dragged and reordered simultaneously. When selecting items in different hierarchies, dropping them in a new location flattens their hierarchical relationship with one another as sibling children of the content tree item they were dropped into.

The content tree DOES NOT accept dropped items from outside the component (e.g., dropping a new file into a content tree in order to upload a file to a specific folder is not allowed).

If a drag operation is not allowed, the line indicating the drop location will be red, and when the user tries to drop it, the item will return to its original location.

As an engineer working in React, I want to have the lazy loading feature available in the table component, so I can offer better performance to my users.

As a designer/developer, I want to be aware how to navigate the generic icon portfolio and its versioning.

As an engineer working in React, I want to have the column -and row- reordering feature available in the table component, so I can offer extended table functionality to my users.

User should be able to left click and hold the column header to drag and drop the column in a new order. A visual indicator should be used between the header cells where the column will be dropped.

As a developer, I want to have the content tree component available in web components, so I can use it for building my product.

https://docs.google.com/document/d/1_wH-_kXJqCSmLAdATtDpgba2n9nsUBYK5aT6uFkbHpc/edit#heading=h.uymo6tx1pkvw

As a designer, I want to have the drag & drop component available in Adobe XD, so I can use it for prototyping in my product.

It's important for a number of reasons for aligndown.svg to be named align-down.svg for example. Issue to be discussed with NZ for correcting the source files (.ai) and export of svgs for the set.

As an engineer working in React, I want to have the option to fix a row in the table component, so I can offer better experience to my users.

• User driven fixed columns and rows should utilize a 2x wide border between the fixed content and the rest of the table.

As a designer/developer, I want to understand what icon formats the icon platform provides me with and how can I extract high-quality other formats, both vector and pixel.

As a designer/developer, I want to have access to a generic, centrally administered portfolio of icons to ensure a harmonized look&feel for Trimble product family.

As a developer, I want to submit code components to Modus, so I can contribute to the system.

Icon Library

[http://icons.trimbleplatform.com/]

As a user of the design system, I want to have a middle option of size for lists and content tree available in Bootstrap to meet the needs of my product.

As a user of the design system, I want to read relevant articles on UX research practices at Trimble, so that I can learn how to best meet the needs of my users.

Draft:
https://docs.google.com/document/d/1v1oHRlkhYlYAgjo35wNeGW2OL2F_hZOEGk3TQjqnjnw/edit

As a user of Modus, I need to understand how to use the dark mode components in my design and development.

As a designer, I need dark mode UI kit in Figma for prototyping my products.

As a user of the design system, I want to have mobile patterns available, so I know how to design for mobile devices. 

As a designer, I need dark mode UI kit in Figma for prototyping my products.

As a product manager, developer, and designer at Trimble, I want to know which design system I need to use in order to build a product consistent with other products at Trimble. 

4-28-2021 Update:

• Modus - Connect audit: [https://miro.com/app/board/o9J_lXzeOtw=/] 
  ** Some components have not been completely reviewed 
  ** Components with largest differences / variations 
  *** tables
  *** buttons
  *** forms
  *** cards
  *** dialogs
  ** Conflicting patterns
  *** Alerts/Messages
  **** Modus Bootstrap [messages|https://modus-bootstrap.trimble.com/components/messages/] component is the same as Connect's [alert|https://sites.google.com/trimble.com/connect-docs-developer/components/alerts] component
  **** Modus Bootstrap [alert|https://modus-bootstrap.trimble.com/components/alerts/] component --> no comparable component in connect
  ***  Snackbars/Toasts
  **** Modus Bootstrap [toast|https://modus-bootstrap.trimble.com/components/toasts/] component is the same as Connect's [snackbar|https://sites.google.com/trimble.com/connect-docs-developer/components/snackbars] component
  **** Connect's [toast|https://sites.google.com/trimble.com/connect-docs-developer/components/toasts] component ---> no comparable component in Modus Bootstrap
• Trimble Connect CSS documentation: [https://sites.google.com/trimble.com/connect-docs-developer]
• Trimble Connect Figma Design System: [https://www.figma.com/file/UvXdqg41EIfxN1K610tj26/Connect-Design-System?node-id=0%3A1] 

Description of the issue