@snyk-mktg/brand-ui 2.5.9-canary.0 → 2.5.9-canary.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/bundle.css +82 -1
- package/dist/css/bundle.css.map +1 -1
- package/dist/css/components.css +82 -1
- package/dist/css/components.css.map +1 -1
- package/dist/css/evo-bundle.css +31 -1
- package/dist/css/evo-bundle.css.map +1 -1
- package/dist/css/labs-bundle.css +31 -1
- package/dist/css/labs-bundle.css.map +1 -1
- package/package.json +3 -2
- package/dist/js/helpers/caseFormats.test.d.ts +0 -1
- package/dist/js/helpers/caseFormats.test.js +0 -59
- package/dist/js/helpers/classnames.test.d.ts +0 -1
- package/dist/js/helpers/classnames.test.js +0 -13
- package/dist/js/helpers/getInitials.test.d.ts +0 -1
- package/dist/js/helpers/getInitials.test.js +0 -29
- package/dist/js/helpers/grid.test.d.ts +0 -1
- package/dist/js/helpers/grid.test.js +0 -44
- package/dist/js/helpers/range.test.d.ts +0 -1
- package/dist/js/helpers/range.test.js +0 -24
package/dist/css/labs-bundle.css
CHANGED
|
@@ -26529,7 +26529,7 @@ a.chip:hover.dark-mode, .dark-mode a.chip:hover, a.chip:focus.dark-mode, .dark-m
|
|
|
26529
26529
|
background-color: "none";
|
|
26530
26530
|
}
|
|
26531
26531
|
.table-comparison-row-header {
|
|
26532
|
-
width: calc(1440px / 12 *
|
|
26532
|
+
width: calc(1440px / 12 * 4);
|
|
26533
26533
|
padding-left: 1rem;
|
|
26534
26534
|
text-align: left;
|
|
26535
26535
|
vertical-align: top;
|
|
@@ -28016,6 +28016,18 @@ a.tag:focus {
|
|
|
28016
28016
|
font-size: 0.875rem;
|
|
28017
28017
|
line-height: 1.5rem;
|
|
28018
28018
|
}
|
|
28019
|
+
.button.search-trigger:hover, .button.search-trigger:focus {
|
|
28020
|
+
color: #003cff;
|
|
28021
|
+
}
|
|
28022
|
+
.button.search-trigger:hover.dark-mode, .dark-mode .button.search-trigger:hover, .button.search-trigger:focus.dark-mode, .dark-mode .button.search-trigger:focus {
|
|
28023
|
+
color: #00ffff;
|
|
28024
|
+
}
|
|
28025
|
+
.button.search-trigger:hover, .button.search-trigger:focus {
|
|
28026
|
+
background-color: transparent;
|
|
28027
|
+
}
|
|
28028
|
+
.button.search-trigger:hover.dark-mode, .dark-mode .button.search-trigger:hover, .button.search-trigger:focus.dark-mode, .dark-mode .button.search-trigger:focus {
|
|
28029
|
+
background-color: transparent;
|
|
28030
|
+
}
|
|
28019
28031
|
|
|
28020
28032
|
.buttons {
|
|
28021
28033
|
max-width: max-content;
|
|
@@ -29508,6 +29520,16 @@ a.tag:focus {
|
|
|
29508
29520
|
transform: unset;
|
|
29509
29521
|
}
|
|
29510
29522
|
}
|
|
29523
|
+
.brandui-navigation .navigation-wrapper:has(.with-search) {
|
|
29524
|
+
justify-content: end;
|
|
29525
|
+
gap: 1rem;
|
|
29526
|
+
}
|
|
29527
|
+
@media (max-width: 1024px) {
|
|
29528
|
+
.brandui-navigation .navigation-wrapper:has(.with-search) {
|
|
29529
|
+
justify-content: start;
|
|
29530
|
+
gap: 0.5rem;
|
|
29531
|
+
}
|
|
29532
|
+
}
|
|
29511
29533
|
@media (max-width: 1024px) {
|
|
29512
29534
|
.brandui-navigation .navigation-wrapper {
|
|
29513
29535
|
margin-top: 5rem;
|
|
@@ -30354,6 +30376,11 @@ a.tag:focus {
|
|
|
30354
30376
|
transition: 0.2s ease-in-out;
|
|
30355
30377
|
margin-left: auto;
|
|
30356
30378
|
}
|
|
30379
|
+
@media (min-width: 1025px) {
|
|
30380
|
+
.brandui-navigation .navigation-buttons.with-search {
|
|
30381
|
+
margin-left: 0;
|
|
30382
|
+
}
|
|
30383
|
+
}
|
|
30357
30384
|
@media (max-width: 1024px) {
|
|
30358
30385
|
.brandui-navigation .navigation-buttons {
|
|
30359
30386
|
margin: 0 auto;
|
|
@@ -30361,6 +30388,9 @@ a.tag:focus {
|
|
|
30361
30388
|
align-items: center;
|
|
30362
30389
|
flex-direction: column-reverse;
|
|
30363
30390
|
}
|
|
30391
|
+
.brandui-navigation .navigation-buttons.no-reverse {
|
|
30392
|
+
flex-direction: column;
|
|
30393
|
+
}
|
|
30364
30394
|
}
|
|
30365
30395
|
@media (max-width: 1024px) {
|
|
30366
30396
|
.brandui-navigation .navigation {
|