@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/bundle.css
CHANGED
|
@@ -18247,6 +18247,18 @@ cite {
|
|
|
18247
18247
|
font-size: 0.875rem;
|
|
18248
18248
|
line-height: 1.5rem;
|
|
18249
18249
|
}
|
|
18250
|
+
.button.search-trigger:hover, .button.search-trigger:focus {
|
|
18251
|
+
color: #145deb;
|
|
18252
|
+
}
|
|
18253
|
+
.button.search-trigger:hover.dark-mode, .dark-mode .button.search-trigger:hover, .button.search-trigger:focus.dark-mode, .dark-mode .button.search-trigger:focus {
|
|
18254
|
+
color: #9bcfff;
|
|
18255
|
+
}
|
|
18256
|
+
.button.search-trigger:hover, .button.search-trigger:focus {
|
|
18257
|
+
background-color: transparent;
|
|
18258
|
+
}
|
|
18259
|
+
.button.search-trigger:hover.dark-mode, .dark-mode .button.search-trigger:hover, .button.search-trigger:focus.dark-mode, .dark-mode .button.search-trigger:focus {
|
|
18260
|
+
background-color: transparent;
|
|
18261
|
+
}
|
|
18250
18262
|
|
|
18251
18263
|
.buttons {
|
|
18252
18264
|
max-width: max-content;
|
|
@@ -26542,6 +26554,57 @@ a.tag:focus {
|
|
|
26542
26554
|
color: #3ea2ff;
|
|
26543
26555
|
}
|
|
26544
26556
|
|
|
26557
|
+
.search-wrapper {
|
|
26558
|
+
position: relative;
|
|
26559
|
+
display: flex;
|
|
26560
|
+
align-items: center;
|
|
26561
|
+
width: 100%;
|
|
26562
|
+
padding: 2px;
|
|
26563
|
+
border-width: 0.0625rem;
|
|
26564
|
+
border-radius: 100rem;
|
|
26565
|
+
border-style: solid;
|
|
26566
|
+
}
|
|
26567
|
+
.search-wrapper {
|
|
26568
|
+
border-color: #383f76;
|
|
26569
|
+
}
|
|
26570
|
+
.search-wrapper.dark-mode, .dark-mode .search-wrapper {
|
|
26571
|
+
border-color: #fff;
|
|
26572
|
+
}
|
|
26573
|
+
.search-input {
|
|
26574
|
+
border: none;
|
|
26575
|
+
border-radius: 100rem;
|
|
26576
|
+
outline: none;
|
|
26577
|
+
padding: 0.5rem 1.5rem;
|
|
26578
|
+
width: 100%;
|
|
26579
|
+
font-family: "Roboto", sans-serif;
|
|
26580
|
+
min-width: 300px;
|
|
26581
|
+
font-size: 1rem;
|
|
26582
|
+
}
|
|
26583
|
+
.search-input {
|
|
26584
|
+
color: #383f76;
|
|
26585
|
+
}
|
|
26586
|
+
.search-input.dark-mode, .dark-mode .search-input {
|
|
26587
|
+
color: #fff;
|
|
26588
|
+
}
|
|
26589
|
+
.search-input::placeholder {
|
|
26590
|
+
font-size: 1rem;
|
|
26591
|
+
font-family: "Roboto", sans-serif;
|
|
26592
|
+
}
|
|
26593
|
+
@media (min-width: 769px) {
|
|
26594
|
+
.search-input {
|
|
26595
|
+
min-width: 500px;
|
|
26596
|
+
}
|
|
26597
|
+
}
|
|
26598
|
+
.search-submit {
|
|
26599
|
+
position: absolute;
|
|
26600
|
+
right: 0;
|
|
26601
|
+
}
|
|
26602
|
+
|
|
26603
|
+
.search-result-highlight {
|
|
26604
|
+
border-radius: 2px;
|
|
26605
|
+
background-color: #ffe792;
|
|
26606
|
+
}
|
|
26607
|
+
|
|
26545
26608
|
.table-comparison-caption {
|
|
26546
26609
|
width: calc(1440px / 12 * 6);
|
|
26547
26610
|
}
|
|
@@ -26621,7 +26684,7 @@ a.tag:focus {
|
|
|
26621
26684
|
background-color: "none";
|
|
26622
26685
|
}
|
|
26623
26686
|
.table-comparison-row-header {
|
|
26624
|
-
width: calc(1440px / 12 *
|
|
26687
|
+
width: calc(1440px / 12 * 4);
|
|
26625
26688
|
padding-left: 1rem;
|
|
26626
26689
|
text-align: left;
|
|
26627
26690
|
vertical-align: top;
|
|
@@ -28518,6 +28581,16 @@ a.tag:focus {
|
|
|
28518
28581
|
transform: unset;
|
|
28519
28582
|
}
|
|
28520
28583
|
}
|
|
28584
|
+
.brandui-navigation .navigation-wrapper:has(.with-search) {
|
|
28585
|
+
justify-content: end;
|
|
28586
|
+
gap: 1rem;
|
|
28587
|
+
}
|
|
28588
|
+
@media (max-width: 1024px) {
|
|
28589
|
+
.brandui-navigation .navigation-wrapper:has(.with-search) {
|
|
28590
|
+
justify-content: start;
|
|
28591
|
+
gap: 0.5rem;
|
|
28592
|
+
}
|
|
28593
|
+
}
|
|
28521
28594
|
@media (max-width: 1024px) {
|
|
28522
28595
|
.brandui-navigation .navigation-wrapper {
|
|
28523
28596
|
margin-top: 5rem;
|
|
@@ -29364,6 +29437,11 @@ a.tag:focus {
|
|
|
29364
29437
|
transition: 0.2s ease-in-out;
|
|
29365
29438
|
margin-left: auto;
|
|
29366
29439
|
}
|
|
29440
|
+
@media (min-width: 1025px) {
|
|
29441
|
+
.brandui-navigation .navigation-buttons.with-search {
|
|
29442
|
+
margin-left: 0;
|
|
29443
|
+
}
|
|
29444
|
+
}
|
|
29367
29445
|
@media (max-width: 1024px) {
|
|
29368
29446
|
.brandui-navigation .navigation-buttons {
|
|
29369
29447
|
margin: 0 auto;
|
|
@@ -29371,6 +29449,9 @@ a.tag:focus {
|
|
|
29371
29449
|
align-items: center;
|
|
29372
29450
|
flex-direction: column-reverse;
|
|
29373
29451
|
}
|
|
29452
|
+
.brandui-navigation .navigation-buttons.no-reverse {
|
|
29453
|
+
flex-direction: column;
|
|
29454
|
+
}
|
|
29374
29455
|
}
|
|
29375
29456
|
@media (max-width: 1024px) {
|
|
29376
29457
|
.brandui-navigation .navigation {
|