Notifications:Notify As Component

Build 379 on select-combobox-fixes
1200px
Reviewing disabled
View latest build
BaselineBuild 366 on main
Focus was turned on because there are subtle diffs in this snapshot.
Baseline
View Storybook
LatestBuild 379 on select-combobox-fixes
Focus was turned on because there are subtle diffs in this snapshot.
LatestLatestLatest
View Storybook
Baseline History
Build 379e1eaecc current baseline
Current build. Accepted by Andrey Yamanov.
Build 368328b664
Inherited baseline identical to build 366
Build 36634fdefb
Auto-accepted
Build 3593f99948
Auto-accepted
Build 338cf216ef
Accepted by Sergei Garin.
Build 310d94b985
Accepted by Sergei Garin.
Commenting is disabled because there's a newer build on this branch
Go to Build 380 now
DOM Diff
file.html a CHANGED
@@ -1,16 +1,16 @@
1
- <div id="cube-ui-kit-root" class="sc-hBMUJo ldXCWI root">
2
  <div data-qa="notifications-bar" role="region" aria-live="polite" tabindex="0"
3
  class="sc-ksluID eShqxf">
4
  <div class="sc-kEqXSa bAVzgZ">
5
  <div class="sc-bqGGPW bctuae">
6
- <div data-qa="floating-notification" tabindex="-1" data-key="react-aria8804268863-4"
7
- role="status" aria-atomic="true" data-id="react-aria8804268863-4" aria-labelledby="react-aria8804268863-5"
8
- aria-describedby="react-aria8804268863-6" data-is-is-dismissible="" class="sc-dIsUp lbsWHw">
9
  <div class="sc-iqAclL gqnURe">
10
  <div data-is-attention="" class="sc-crzoAE gmhmur">
11
  <svg fill="currentColor" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
12
  <path d="M7.94 11.04c-.82 0-1.49.67-1.49 1.49.08 1.96 2.9 1.96 2.97 0 0-.82-.67-1.49-1.48-1.49ZM9.42 2.68a1.93 1.93 0 0 0-3.39 1.58l.9 5.13c.2 1.12 1.8 1.12 2.02 0l.9-5.13c.1-.56-.06-1.14-.43-1.58Z"></path>
13
  </svg>
14
  </div>
15
  </div>
16
- <div data-qa="Title" data-level="1" id="react-aria8804268863-5" class="sc-fujyAs gvNhEI">Development mode avai
1
+ <div id="cube-ui-kit-root" class="sc-hBMUJo gifjwA root">
2
  <div data-qa="notifications-bar" role="region" aria-live="polite" tabindex="0"
3
  class="sc-ksluID eShqxf">
4
  <div class="sc-kEqXSa bAVzgZ">
5
  <div class="sc-bqGGPW bctuae">
6
+ <div data-qa="floating-notification" tabindex="-1" data-key="react-aria5295746119-4"
7
+ role="status" aria-atomic="true" data-id="react-aria5295746119-4" aria-labelledby="react-aria5295746119-5"
8
+ aria-describedby="react-aria5295746119-6" data-is-is-dismissible="" class="sc-dIsUp lbsWHw">
9
  <div class="sc-iqAclL gqnURe">
10
  <div data-is-attention="" class="sc-crzoAE gmhmur">
11
  <svg fill="currentColor" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
12
  <path d="M7.94 11.04c-.82 0-1.49.67-1.49 1.49.08 1.96 2.9 1.96 2.97 0 0-.82-.67-1.49-1.48-1.49ZM9.42 2.68a1.93 1.93 0 0 0-3.39 1.58l.9 5.13c.2 1.12 1.8 1.12 2.02 0l.9-5.13c.1-.56-.06-1.14-.43-1.58Z"></path>
13
  </svg>
14
  </div>
15
  </div>
16
+ <div data-qa="Title" data-level="1" id="react-aria5295746119-5" class="sc-fujyAs fOhQcI">Development mode avai