expect(received).toMatchSnapshot(hint) Snapshot name: `Design tokens artifacts Design tokens JSON for classic matches the snapshot: classic 1` - Snapshot - 0 + Received + 2092 @@ -1,7 +1,2099 @@ Object { "contexts": Object { + "alert": Object { + "tokens": Object { + "border-radius-alert": Object { + "$description": "The border radius of alerts.", + "$value": "2px", + }, + "border-radius-badge": Object { + "$description": "The border radius of badges.", + "$value": "16px", + }, + "border-radius-button": Object { + "$description": "The border radius of buttons and segmented control's segments.", + "$value": "2px", + }, + "border-radius-calendar-day-focus-ring": Object { + "$description": "The border radius of the focused day in date picker and date range picker.", + "$value": "2px", + }, + "border-radius-container": Object { + "$description": "The border radius of containers. Also used in container-based components like table, cards, expandable section, and modal.", + "$value": "0px", + }, + "border-radius-control-circular-focus-ring": Object { + "$description": "The border radius of the focus indicator of circular controls. For example: radio button.", + "$value": "50%", + }, + "border-radius-control-default-focus-ring": Object { + "$description": "The border radius of the focus indicator of interactive elements. For example: button, link, toggle, pagination controls, expandable section header, popover trigger.", + "$value": "2px", + }, + "border-radius-dropdown": Object { + "$description": "The border radius of dropdown containers. For example: button dropdown, select, multiselect, autosuggest, date picker, date range picker.", + "$value": "0px", + }, + "border-radius-flashbar": Object { + "$description": "The border radius of flash messages in flashbars.", + "$value": "0px", + }, + "border-radius-input": Object { + "$description": "The border radius of form controls. For example: input, select.", + "$value": "2px", + }, + "border-radius-item": Object { + "$description": "The border radius of items that can be selected from a list. For example: select options, table rows, calendar days.", + "$value": "0px", + }, + "border-radius-popover": Object { + "$description": "The border radius of popovers.", + "$value": "2px", + }, + "border-radius-tabs-focus-ring": Object { + "$description": "The border radius of tabs' focus indicator. Used in tabs and in the code editor status bar.", + "$value": "0px", + }, + "border-radius-tiles": Object { + "$description": "The border radius of tiles.", + "$value": "2px", + }, + "border-radius-token": Object { + "$description": "The border radius of tokens. For example: token groups, multiselect tokens, property filter tokens.", + "$value": "2px", + }, + "border-radius-tutorial-panel-item": Object { + "$description": "The border radius of tutorials inside a tutorial panel.", + "$value": "2px", + }, + "color-background-button-normal-active": Object { + "$description": "The background color of normal buttons in active state.", + "$value": Object { + "dark": "#16191f", + "light": "#eaeded", + }, + }, + "color-background-button-normal-default": Object { + "$description": "The default background color of normal buttons.", + "$value": Object { + "dark": "#2a2e33", + "light": "#ffffff", + }, + }, + "color-background-button-normal-disabled": Object { + "$de

expect(received).toMatchSnapshot(hint) Snapshot name: `Design tokens artifacts Design tokens JSON for visual-refresh matches the snapshot: visual-refresh 1` - Snapshot - 4 + Received + 4 @@ -389,12 +389,12 @@ }, }, "color-border-divider-default": Object { "$description": "The default color for dividers. For example: dividers in column layout, expanding sections, side nav, help panel, between table rows and dropdown items, and inside containers.", "$value": Object { - "dark": "#414d5c", - "light": "#e9ebed", + "dark": "#d1d5db", + "light": "#414d5c", }, }, "color-border-dropdown-item-hover": Object { "$description": "The border color of dropdown items on hover. For example: border of hovered items in select, multiselect, autosuggest, and hovered days in datepicker.", "$value": Object { @@ -2481,12 +2481,12 @@ }, }, "color-border-divider-default": Object { "$description": "The default color for dividers. For example: dividers in column layout, expanding sections, side nav, help panel, between table rows and dropdown items, and inside containers.", "$value": Object { - "dark": "#414d5c", - "light": "#414d5c", + "dark": "#d1d5db", + "light": "#d1d5db", }, }, "color-border-dropdown-item-hover": Object { "$description": "The border color of dropdown items on hover. For example: border of hovered items in select, multiselect, autosuggest, and hovered days in datepicker.", "$value": Object { at src/__tests__/design-tokens.test.ts:10:25

Process completed with exit code 1.

Prop "className" is forbidden on Components

Prop "className" is forbidden on Components

Prop "className" is forbidden on Components

Prop "className" is forbidden on Components

Prop "className" is forbidden on Components

Prop "id" is forbidden on Components

Prop "id" is forbidden on Components

Prop "id" is forbidden on Components

Prop "id" is forbidden on Components