Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
2 changes: 1 addition & 1 deletion cypress/component/Alerts.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
* SOFTWARE.
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This example shows difference in Button

Image Image

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No ellipsis in this example of Heading
Image

Image

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

RadioInput toggle variant in modal uses the v12
Image

Image

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

NumberInput displays the v12 version
Image

Image

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No underline on hover in Pages
Image

Image

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Example in Popover

Image Image

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Progressbar using v12?

Image Image

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The spacing is tighter between the languages in v11:
Image

Image

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

TextArea using v12 in example

Image Image

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

TextArea using v12

Image Image

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Based on icon sizes ToggleGroup examples are displayed with v12 styling

Image Image

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

AI information/NutritionFacts uses v12

Image Image

*/
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The focus ring seems to be a bit smaller in the multi version vs master:

Image Image


Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Seems like this example in CheckBoxGroup already uses the new icon?
Image

Image

import { Alert } from '@instructure/ui'
import { Alert } from '@instructure/ui/latest'
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

THE 3.72:1 text looks a bit bigger now in the ColorContrast example
Image

Image


Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The Enter text text will have some different spacing in ColorPicker

Image Image

import '../support/component'
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

DateInput2 uses the new Calendar icon here:

Image Image

import 'cypress-real-events'
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It displays the v12 version of FormField and FormFieldGroup
Image

Image

Expand Down
2 changes: 1 addition & 1 deletion cypress/component/AppNav.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
* SOFTWARE.
*/

import { AppNav } from '@instructure/ui'
import { AppNav } from '@instructure/ui/latest'

import '../support/component'
import 'cypress-real-events'
Expand Down
2 changes: 1 addition & 1 deletion cypress/component/ColorIndicator.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
* SOFTWARE.
*/

import { ColorIndicator } from '@instructure/ui'
import { ColorIndicator } from '@instructure/ui/latest'

import '../support/component'
import 'cypress-real-events'
Expand Down
2 changes: 1 addition & 1 deletion cypress/component/ColorMixer.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
* SOFTWARE.
*/

import { ColorMixer } from '@instructure/ui'
import { ColorMixer } from '@instructure/ui/latest'

import '../support/component'
import 'cypress-real-events'
Expand Down
2 changes: 1 addition & 1 deletion cypress/component/ColorPicker.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@ import {
ColorPreset,
ColorContrast,
Button
} from '@instructure/ui'
} from '@instructure/ui/latest'

import '../support/component'
import 'cypress-real-events'
Expand Down
2 changes: 1 addition & 1 deletion cypress/component/ColorPreset.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
* SOFTWARE.
*/

import { ColorPreset } from '@instructure/ui'
import { ColorPreset } from '@instructure/ui/latest'

import '../support/component'
import 'cypress-real-events'
Expand Down
2 changes: 1 addition & 1 deletion cypress/component/DateInput.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@
import 'cypress-real-events'

import '../support/component'
import { DateInput, Calendar } from '@instructure/ui'
import { DateInput, Calendar } from '@instructure/ui/latest'

const weekdayLabels = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']

Expand Down
7 changes: 5 additions & 2 deletions cypress/component/DateInput2.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ import { useState } from 'react'
import 'cypress-real-events'

import '../support/component'
import { DateInput2, ApplyLocale } from '@instructure/ui'
import { DateInput2, ApplyLocale } from '@instructure/ui/latest'
import { SinonSpy } from 'cypress/types/sinon'

const TIMEZONES_DST = [
Expand Down Expand Up @@ -618,7 +618,10 @@ describe('<DateInput2/>', () => {

cy.get('table').should('be.visible')

cy.contains('button', dayForSelect).should('be.enabled').click().wait(500)
cy.contains('button', dayForSelect)
.should('be.enabled')
.click()
.wait(500)

cy.get('input')
.invoke('val')
Expand Down
2 changes: 1 addition & 1 deletion cypress/component/DateTimeInput.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@
import 'cypress-real-events'

import '../support/component'
import { DateTimeInput } from '@instructure/ui'
import { DateTimeInput } from '@instructure/ui/latest'
import { DateTime } from '@instructure/ui-i18n'

describe('<DateInput/>', () => {
Expand Down
2 changes: 1 addition & 1 deletion cypress/component/Dialog.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
* SOFTWARE.
*/
import { useState, useRef } from 'react'
import { Dialog } from '@instructure/ui'
import { Dialog } from '@instructure/ui/latest'
import 'cypress-real-events'

import '../support/component'
Expand Down
2 changes: 1 addition & 1 deletion cypress/component/DrawerLayout.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ import { expect } from 'chai'

import '../support/component'
import { px, within } from '@instructure/ui-utils'
import DrawerLayoutFixture from '@instructure/ui-drawer-layout/src/DrawerLayout/__fixtures__/DrawerLayout.fixture'
import DrawerLayoutFixture from '@instructure/ui-drawer-layout/src/DrawerLayout/v1/__fixtures__/DrawerLayout.fixture'

describe('<DrawerLayout/>', () => {
it('with no overlay, layout content should have margin equal to tray width with placement=start', () => {
Expand Down
2 changes: 1 addition & 1 deletion cypress/component/DrawerTray.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ import canvas from '@instructure/ui-themes'
import {
DrawerLayoutContext,
DrawerTray
} from '@instructure/ui-drawer-layout/src/DrawerLayout'
} from '@instructure/ui-drawer-layout/src/DrawerLayout/v1'
import { InstUISettingsProvider } from '@instructure/emotion'

describe('<DrawerTray/>', () => {
Expand Down
2 changes: 1 addition & 1 deletion cypress/component/Drilldown.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@

import 'cypress-real-events'

import { Drilldown } from '@instructure/ui'
import { Drilldown } from '@instructure/ui/latest'
import '../support/component'

const data = Array(5)
Expand Down
2 changes: 1 addition & 1 deletion cypress/component/DrilldownGroup.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@

import 'cypress-real-events'

import { Drilldown } from '@instructure/ui'
import { Drilldown } from '@instructure/ui/latest'
import '../support/component'

function mountDrilldown(selectableType, defaultSelected) {
Expand Down
2 changes: 1 addition & 1 deletion cypress/component/DrilldownOption.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@

import 'cypress-real-events'

import { Drilldown } from '@instructure/ui'
import { Drilldown } from '@instructure/ui/latest'
import '../support/component'

describe('<DrilldownOption/>', () => {
Expand Down
2 changes: 1 addition & 1 deletion cypress/component/DrilldownPage.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@

import 'cypress-real-events'

import { Drilldown } from '@instructure/ui'
import { Drilldown } from '@instructure/ui/latest'
import '../support/component'

describe('<DrilldownPage/>', () => {
Expand Down
2 changes: 1 addition & 1 deletion cypress/component/DrilldownSeparator.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@

import 'cypress-real-events'

import { Drilldown } from '@instructure/ui'
import { Drilldown } from '@instructure/ui/latest'
import '../support/component'

describe('<DrilldownSeparator/>', () => {
Expand Down
2 changes: 1 addition & 1 deletion cypress/component/FileDrop.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ import { expect } from 'chai'
import 'cypress-real-events'

import '../support/component'
import { FileDrop } from '@instructure/ui'
import { FileDrop } from '@instructure/ui/latest'

describe('<FileDrop/>', () => {
describe('file-type checking when onDrop', () => {
Expand Down
2 changes: 1 addition & 1 deletion cypress/component/FlexItem.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
* SOFTWARE.
*/

import { Flex } from '@instructure/ui'
import { Flex } from '@instructure/ui/latest'

describe('<Flex.Item/>', () => {
it('visually reorders items when order prop is set', () => {
Expand Down
2 changes: 1 addition & 1 deletion cypress/component/Focusable.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
* SOFTWARE.
*/

import { Focusable } from '@instructure/ui'
import { Focusable } from '@instructure/ui/latest'

import '../support/component'
import 'cypress-real-events'
Expand Down
2 changes: 1 addition & 1 deletion cypress/component/FormField.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
* SOFTWARE.
*/

import { FormFieldLayout } from '@instructure/ui'
import { FormFieldLayout } from '@instructure/ui/latest'

import '../support/component'

Expand Down
2 changes: 1 addition & 1 deletion cypress/component/Img.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@

import '../support/component'
import 'cypress-real-events'
import { Img } from '@instructure/ui'
import { Img } from '@instructure/ui/latest'

const HEIGHT = 32
const WIDTH = 24
Expand Down
2 changes: 1 addition & 1 deletion cypress/component/InlineSVG.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@

import '../support/component'
import 'cypress-real-events'
import { InlineSVG } from '@instructure/ui'
import { InlineSVG } from '@instructure/ui/latest'
import { expect } from 'chai'

const WIDTH = '100px'
Expand Down
2 changes: 1 addition & 1 deletion cypress/component/ListItem.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@

import 'cypress-real-events'

import { ListItem } from '@instructure/ui'
import { ListItem } from '@instructure/ui/latest'
import '../support/component'

describe('<ListItem/>', () => {
Expand Down
2 changes: 1 addition & 1 deletion cypress/component/Menu.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@

import 'cypress-real-events'
import '../support/component'
import { Menu, MenuItem } from '@instructure/ui'
import { Menu, MenuItem } from '@instructure/ui/latest'

describe('<Menu/>', () => {
it('should move focus properly', () => {
Expand Down
2 changes: 1 addition & 1 deletion cypress/component/MenuItem.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ import { expect } from 'chai'
import 'cypress-real-events'

import '../support/component'
import { MenuItem } from '@instructure/ui'
import { MenuItem } from '@instructure/ui/latest'

describe('<MenuItem />', () => {
it('should call onSelect after SPACE key is pressed', () => {
Expand Down
6 changes: 5 additions & 1 deletion cypress/component/MenuItemGroup.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,11 @@ import { expect } from 'chai'
import 'cypress-real-events'

import '../support/component'
import { MenuItem, MenuItemGroup, MenuItemSeparator } from '@instructure/ui'
import {
MenuItem,
MenuItemGroup,
MenuItemSeparator
} from '@instructure/ui/latest'

describe('<MenuItemGroup />', () => {
it('updates the selected items when allowMultiple is true', () => {
Expand Down
2 changes: 1 addition & 1 deletion cypress/component/Modal-test-1.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
* SOFTWARE.
*/
import { useState } from 'react'
import { Tooltip, Modal, Button, CloseButton } from '@instructure/ui'
import { Tooltip, Modal, Button, CloseButton } from '@instructure/ui/latest'
import 'cypress-real-events'

import '../support/component'
Expand Down
2 changes: 1 addition & 1 deletion cypress/component/Modal-test-2.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
* SOFTWARE.
*/
import { useState } from 'react'
import { Modal, View } from '@instructure/ui'
import { Modal, View } from '@instructure/ui/latest'
import 'cypress-real-events'

import '../support/component'
Expand Down
2 changes: 1 addition & 1 deletion cypress/component/NumberInput.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
* SOFTWARE.
*/

import { NumberInput } from '@instructure/ui'
import { NumberInput } from '@instructure/ui/latest'

import '../support/component'
import 'cypress-real-events'
Expand Down
2 changes: 1 addition & 1 deletion cypress/component/OptionsItem.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@
import '../support/component'
import 'cypress-real-events'
import { expect } from 'chai'
import { Options } from '@instructure/ui'
import { Options } from '@instructure/ui/latest'
import { IconCheckSolid } from '@instructure/ui-icons'

describe('<OptionsItem/>', () => {
Expand Down
3 changes: 1 addition & 2 deletions cypress/component/Page.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -22,8 +22,7 @@
* SOFTWARE.
*/
import { useState } from 'react'
import { Pages, PagesPage } from '@instructure/ui-pages'

import { Pages, PagesPage } from '@instructure/ui/latest'
import '../support/component'
import 'cypress-real-events'

Expand Down
2 changes: 1 addition & 1 deletion cypress/component/Pagination.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
* SOFTWARE.
*/
import { Pagination, ScreenReaderContent } from '@instructure/ui'
import { Pagination, ScreenReaderContent } from '@instructure/ui/latest'

import '../support/component'
import 'cypress-real-events'
Expand Down
2 changes: 1 addition & 1 deletion cypress/component/PaginationArrowButton.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
* SOFTWARE.
*/

import { Pagination } from '@instructure/ui'
import { Pagination } from '@instructure/ui/latest'

import '../support/component'
import 'cypress-real-events'
Expand Down
2 changes: 1 addition & 1 deletion cypress/component/PaginationPageInput.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
* SOFTWARE.
*/

import { Pagination } from '@instructure/ui'
import { Pagination } from '@instructure/ui/latest'

import '../support/component'
import 'cypress-real-events'
Expand Down
2 changes: 1 addition & 1 deletion cypress/component/Pill.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
* SOFTWARE.
*/

import { Pill } from '@instructure/ui'
import { Pill } from '@instructure/ui/latest'

import '../support/component'
import 'cypress-real-events'
Expand Down
2 changes: 1 addition & 1 deletion cypress/component/Popover.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ import {
CloseButton,
FormFieldGroup,
TextInput
} from '@instructure/ui'
} from '@instructure/ui/latest'

import '../support/component'
import 'cypress-real-events'
Expand Down
2 changes: 1 addition & 1 deletion cypress/component/Position.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@
import 'cypress-real-events'

import '../support/component'
import { Position } from '@instructure/ui'
import { Position } from '@instructure/ui/latest'
import { within } from '@instructure/ui-utils'

const parentDefaults = {
Expand Down
2 changes: 1 addition & 1 deletion cypress/component/RangeInput.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@
*/

import { expect } from 'chai'
import { RangeInput } from '@instructure/ui'
import { RangeInput } from '@instructure/ui/latest'

import '../support/component'
import 'cypress-real-events'
Expand Down
2 changes: 1 addition & 1 deletion cypress/component/Responsive.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
* SOFTWARE.
*/
import React from 'react'
import { Responsive } from '@instructure/ui'
import { Responsive } from '@instructure/ui/latest'
import { deepEqual } from '@instructure/ui-utils'
import '../support/component'

Expand Down
2 changes: 1 addition & 1 deletion cypress/component/Select.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
* SOFTWARE.
*/

import { Select } from '@instructure/ui'
import { Select } from '@instructure/ui/latest'
import { IconCheckSolid, IconEyeSolid } from '@instructure/ui-icons'
import 'cypress-real-events'
import '../support/component'
Expand Down
2 changes: 1 addition & 1 deletion cypress/component/Selectable.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
* SOFTWARE.
*/

import { Selectable } from '@instructure/ui'
import { Selectable } from '@instructure/ui/latest'
import { expect } from 'chai'
import 'cypress-real-events'
import '../support/component'
Expand Down
Loading
Loading