@carbon/ibm-products 2.30.0 → 2.31.0-alpha.5
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +242 -23
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -1
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +4 -4
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +242 -23
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -1
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +238 -19
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/components/ComboButton/ComboButton.d.ts +38 -18
- package/es/components/ComboButton/ComboButton.js +25 -21
- package/es/components/ComboButton/ComboButtonItem/index.d.ts +22 -13
- package/es/components/Datagrid/Datagrid/addons/stateReducer.js +7 -0
- package/es/components/EditInPlace/EditInPlace.js +4 -5
- package/es/components/Nav/Nav.d.ts +3 -0
- package/es/components/Nav/Nav.js +154 -0
- package/es/components/Nav/NavItem.d.ts +35 -0
- package/es/components/Nav/NavItem.js +149 -0
- package/es/components/Nav/NavItemLink.d.ts +3 -0
- package/es/components/Nav/NavItemLink.js +30 -0
- package/es/components/Nav/NavList.d.ts +4 -0
- package/es/components/Nav/NavList.js +168 -0
- package/es/components/Nav/index.d.ts +3 -0
- package/es/components/Tearsheet/TearsheetShell.js +22 -7
- package/es/components/index.d.ts +1 -0
- package/es/global/js/package-settings.d.ts +1 -0
- package/es/global/js/package-settings.js +1 -0
- package/es/index.js +1 -0
- package/es/node_modules/@carbon/icon-helpers/es/index.js +140 -0
- package/es/node_modules/@carbon/icons-react/es/Icon.js +73 -0
- package/es/node_modules/@carbon/icons-react/es/generated/bucket-2.js +3091 -0
- package/es/node_modules/@carbon/icons-react/es/generated/bucket-8.js +3004 -0
- package/es/node_modules/@carbon/icons-react/es/iconPropTypes-4cbeb95d.js +14 -0
- package/es/settings.d.ts +1 -0
- package/lib/components/ComboButton/ComboButton.d.ts +38 -18
- package/lib/components/ComboButton/ComboButton.js +24 -20
- package/lib/components/ComboButton/ComboButtonItem/index.d.ts +22 -13
- package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +7 -0
- package/lib/components/EditInPlace/EditInPlace.js +4 -5
- package/lib/components/Nav/Nav.d.ts +3 -0
- package/lib/components/Nav/Nav.js +161 -0
- package/lib/components/Nav/NavItem.d.ts +35 -0
- package/lib/components/Nav/NavItem.js +160 -0
- package/lib/components/Nav/NavItemLink.d.ts +3 -0
- package/lib/components/Nav/NavItemLink.js +38 -0
- package/lib/components/Nav/NavList.d.ts +4 -0
- package/lib/components/Nav/NavList.js +179 -0
- package/lib/components/Nav/index.d.ts +3 -0
- package/lib/components/Tearsheet/TearsheetShell.js +22 -7
- package/lib/components/index.d.ts +1 -0
- package/lib/global/js/package-settings.d.ts +1 -0
- package/lib/global/js/package-settings.js +1 -0
- package/lib/index.js +5 -0
- package/lib/node_modules/@carbon/icon-helpers/es/index.js +145 -0
- package/lib/node_modules/@carbon/icons-react/es/Icon.js +81 -0
- package/lib/node_modules/@carbon/icons-react/es/generated/bucket-2.js +3223 -0
- package/lib/node_modules/@carbon/icons-react/es/generated/bucket-8.js +3136 -0
- package/lib/node_modules/@carbon/icons-react/es/iconPropTypes-4cbeb95d.js +18 -0
- package/lib/settings.d.ts +1 -0
- package/package.json +3 -3
- package/scss/components/ComboButton/_combo-button.scss +19 -21
- package/scss/components/Nav/_carbon-imports.scss +9 -0
- package/scss/components/Nav/_index-with-carbon.scss +9 -0
- package/scss/components/Nav/_index.scss +8 -0
- package/scss/components/Nav/_nav.scss +259 -0
- package/scss/components/Tearsheet/_tearsheet.scss +24 -6
- package/scss/components/_index-with-carbon.scss +1 -0
- package/scss/components/_index.scss +1 -0
@@ -25757,60 +25757,60 @@ a.cds--side-nav__link--current::before {
|
|
25757
25757
|
margin-bottom: 0.5rem;
|
25758
25758
|
}
|
25759
25759
|
|
25760
|
-
.
|
25760
|
+
.c4p--combo-button {
|
25761
25761
|
position: relative;
|
25762
25762
|
display: inline-flex;
|
25763
25763
|
}
|
25764
25764
|
|
25765
|
-
.
|
25765
|
+
.c4p--combo-button__action {
|
25766
25766
|
display: block;
|
25767
25767
|
overflow-x: hidden;
|
25768
25768
|
text-overflow: ellipsis;
|
25769
25769
|
white-space: nowrap;
|
25770
25770
|
}
|
25771
25771
|
|
25772
|
-
.
|
25772
|
+
.c4p--combo-button .c4p--combo-button__overflow-menu {
|
25773
25773
|
width: 3rem;
|
25774
|
-
height:
|
25774
|
+
height: 3rem;
|
25775
25775
|
border-left: 0.125rem solid var(--cds-border-subtle-01, #c6c6c6);
|
25776
25776
|
background-color: var(--cds-background-brand, #0f62fe);
|
25777
25777
|
}
|
25778
25778
|
|
25779
|
-
.
|
25780
|
-
.
|
25781
|
-
.
|
25782
|
-
.
|
25779
|
+
.c4p--combo-button .c4p--combo-button__overflow-menu.cds--overflow-menu:hover,
|
25780
|
+
.c4p--combo-button .c4p--combo-button__overflow-menu.cds--overflow-menu--open,
|
25781
|
+
.c4p--combo-button .cds--overflow-menu.cds--overflow-menu--open:hover,
|
25782
|
+
.c4p--combo-button .cds--overflow-menu.cds--overflow-menu--open {
|
25783
25783
|
background-color: var(--cds-button-primary-hover, #0050e6);
|
25784
25784
|
}
|
25785
25785
|
|
25786
|
-
.
|
25786
|
+
.c4p--combo-button .cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after {
|
25787
25787
|
width: 0;
|
25788
25788
|
height: 0;
|
25789
25789
|
}
|
25790
25790
|
|
25791
|
-
.
|
25791
|
+
.c4p--combo-button__overflow-menu.cds--overflow-menu:active {
|
25792
25792
|
background-color: var(--cds-button-primary-active, #002d9c);
|
25793
25793
|
}
|
25794
25794
|
|
25795
|
-
.
|
25795
|
+
.c4p--combo-button__overflow-menu__icon {
|
25796
25796
|
fill: var(--cds-icon-on-color, #ffffff);
|
25797
25797
|
pointer-events: none;
|
25798
25798
|
}
|
25799
25799
|
|
25800
|
-
.
|
25800
|
+
.c4p--combo-button__overflow-menu__list.cds--overflow-menu-options {
|
25801
25801
|
left: 0;
|
25802
25802
|
width: 100%;
|
25803
25803
|
}
|
25804
25804
|
|
25805
|
-
.
|
25805
|
+
.c4p--combo-button__overflow-menu__list:after {
|
25806
25806
|
display: none;
|
25807
25807
|
}
|
25808
25808
|
|
25809
|
-
.
|
25809
|
+
.c4p--combo-button__overflow-menu__item.cds--overflow-menu-options__btn {
|
25810
25810
|
max-width: 100%;
|
25811
25811
|
}
|
25812
25812
|
|
25813
|
-
.
|
25813
|
+
.c4p--combo-button__overflow-menu__item__icon {
|
25814
25814
|
margin-left: auto;
|
25815
25815
|
}
|
25816
25816
|
|
@@ -26617,19 +26617,19 @@ a.cds--side-nav__link--current::before {
|
|
26617
26617
|
.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet .c4p--tearsheet__container {
|
26618
26618
|
transition: transform 240ms cubic-bezier(0, 0, 0.3, 1), max-height 240ms cubic-bezier(0, 0, 0.3, 1);
|
26619
26619
|
}
|
26620
|
-
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 .c4p--tearsheet__container, .c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 .c4p--tearsheet__container {
|
26620
|
+
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 .c4p--tearsheet__container:not(.c4p--tearsheet__container--mixed-size-stacking), .c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 .c4p--tearsheet__container:not(.c4p--tearsheet__container--mixed-size-stacking) {
|
26621
26621
|
max-height: calc(100% - 3rem + 1rem);
|
26622
26622
|
}
|
26623
|
-
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 .c4p--tearsheet__container {
|
26623
|
+
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 .c4p--tearsheet__container:not(.c4p--tearsheet__container--mixed-size-stacking) {
|
26624
26624
|
max-height: calc(100% - 3rem + 2 * 1rem);
|
26625
26625
|
}
|
26626
26626
|
.c4p--tearsheet .c4p--tearsheet__container--lower {
|
26627
26627
|
max-height: calc(100% - (3rem + 2.5rem));
|
26628
26628
|
}
|
26629
|
-
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 .c4p--tearsheet__container--lower, .c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 .c4p--tearsheet__container--lower {
|
26629
|
+
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 .c4p--tearsheet__container--lower:not(.c4p--tearsheet__container--mixed-size-stacking), .c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 .c4p--tearsheet__container--lower:not(.c4p--tearsheet__container--mixed-size-stacking) {
|
26630
26630
|
max-height: calc(100% - (3rem + 2.5rem) + 1rem);
|
26631
26631
|
}
|
26632
|
-
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 .c4p--tearsheet__container--lower {
|
26632
|
+
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 .c4p--tearsheet__container--lower:not(.c4p--tearsheet__container--mixed-size-stacking) {
|
26633
26633
|
max-height: calc(100% - (3rem + 2.5rem) + 2 * 1rem);
|
26634
26634
|
}
|
26635
26635
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__container {
|
@@ -37804,11 +37804,11 @@ a.cds--side-nav__link--current::before {
|
|
37804
37804
|
transition: transform 240ms cubic-bezier(0, 0, 0.3, 1), max-height 240ms cubic-bezier(0, 0, 0.3, 1);
|
37805
37805
|
}
|
37806
37806
|
|
37807
|
-
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 .c4p--tearsheet__container, .c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 .c4p--tearsheet__container {
|
37807
|
+
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 .c4p--tearsheet__container:not(.c4p--tearsheet__container--mixed-size-stacking), .c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 .c4p--tearsheet__container:not(.c4p--tearsheet__container--mixed-size-stacking) {
|
37808
37808
|
max-height: calc(100% - 3rem + 1rem);
|
37809
37809
|
}
|
37810
37810
|
|
37811
|
-
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 .c4p--tearsheet__container {
|
37811
|
+
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 .c4p--tearsheet__container:not(.c4p--tearsheet__container--mixed-size-stacking) {
|
37812
37812
|
max-height: calc(100% - 3rem + 2 * 1rem);
|
37813
37813
|
}
|
37814
37814
|
|
@@ -37816,11 +37816,11 @@ a.cds--side-nav__link--current::before {
|
|
37816
37816
|
max-height: calc(100% - (3rem + 2.5rem));
|
37817
37817
|
}
|
37818
37818
|
|
37819
|
-
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 .c4p--tearsheet__container--lower, .c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 .c4p--tearsheet__container--lower {
|
37819
|
+
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 .c4p--tearsheet__container--lower:not(.c4p--tearsheet__container--mixed-size-stacking), .c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 .c4p--tearsheet__container--lower:not(.c4p--tearsheet__container--mixed-size-stacking) {
|
37820
37820
|
max-height: calc(100% - (3rem + 2.5rem) + 1rem);
|
37821
37821
|
}
|
37822
37822
|
|
37823
|
-
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 .c4p--tearsheet__container--lower {
|
37823
|
+
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 .c4p--tearsheet__container--lower:not(.c4p--tearsheet__container--mixed-size-stacking) {
|
37824
37824
|
max-height: calc(100% - (3rem + 2.5rem) + 2 * 1rem);
|
37825
37825
|
}
|
37826
37826
|
|
@@ -41952,6 +41952,225 @@ a.cds--side-nav__link--current::before {
|
|
41952
41952
|
position: absolute;
|
41953
41953
|
}
|
41954
41954
|
|
41955
|
+
.c4p--nav {
|
41956
|
+
position: relative;
|
41957
|
+
}
|
41958
|
+
|
41959
|
+
.c4p--nav:not(:first-of-type) {
|
41960
|
+
padding-top: 1rem;
|
41961
|
+
}
|
41962
|
+
|
41963
|
+
.c4p--nav:not(:last-of-type) {
|
41964
|
+
padding-bottom: 1rem;
|
41965
|
+
}
|
41966
|
+
|
41967
|
+
.c4p--nav:last-of-type {
|
41968
|
+
padding-bottom: 2rem;
|
41969
|
+
}
|
41970
|
+
|
41971
|
+
.c4p--nav + .c4p--nav > .__heading {
|
41972
|
+
padding-top: 0.25rem;
|
41973
|
+
}
|
41974
|
+
|
41975
|
+
.c4p--nav::before {
|
41976
|
+
position: absolute;
|
41977
|
+
right: 2rem;
|
41978
|
+
bottom: 0;
|
41979
|
+
left: 2rem;
|
41980
|
+
display: inline-block;
|
41981
|
+
width: auto;
|
41982
|
+
/* stylelint-disable-next-line -- to-rem carbon replacement for rem */
|
41983
|
+
border-bottom: 0.0625rem solid var(--cds-layer-02, #ffffff);
|
41984
|
+
content: "";
|
41985
|
+
}
|
41986
|
+
|
41987
|
+
.c4p--nav:last-of-type::before {
|
41988
|
+
border-width: 0;
|
41989
|
+
}
|
41990
|
+
|
41991
|
+
.c4p--nav__wrapper {
|
41992
|
+
padding-left: initial;
|
41993
|
+
margin-top: initial;
|
41994
|
+
margin-bottom: initial;
|
41995
|
+
list-style: none;
|
41996
|
+
}
|
41997
|
+
.c4p--nav__wrapper[dir=rtl], [dir=rtl] .c4p--nav__wrapper {
|
41998
|
+
padding-right: initial;
|
41999
|
+
}
|
42000
|
+
|
42001
|
+
.c4p--nav__heading {
|
42002
|
+
font-size: var(--cds-caption-01-font-size, 0.75rem);
|
42003
|
+
font-weight: var(--cds-caption-01-font-weight, 400);
|
42004
|
+
line-height: var(--cds-caption-01-line-height, 1.33333);
|
42005
|
+
letter-spacing: var(--cds-caption-01-letter-spacing, 0.32px);
|
42006
|
+
padding: 0.75rem 2.5rem;
|
42007
|
+
margin-top: initial;
|
42008
|
+
margin-bottom: initial;
|
42009
|
+
color: var(--cds-text-secondary, #525252);
|
42010
|
+
}
|
42011
|
+
|
42012
|
+
.c4p--nav-list {
|
42013
|
+
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
42014
|
+
font-weight: var(--cds-body-short-01-font-weight, 400);
|
42015
|
+
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
42016
|
+
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
42017
|
+
display: flex;
|
42018
|
+
flex-direction: column;
|
42019
|
+
margin-bottom: 0.125rem;
|
42020
|
+
list-style: none;
|
42021
|
+
}
|
42022
|
+
|
42023
|
+
.c4p--nav-list:focus {
|
42024
|
+
outline: 0;
|
42025
|
+
outline-width: 0;
|
42026
|
+
}
|
42027
|
+
.c4p--nav-list:focus > .c4p--nav-item__link {
|
42028
|
+
outline: 2px solid var(--cds-focus, #0f62fe);
|
42029
|
+
outline-offset: -2px;
|
42030
|
+
}
|
42031
|
+
@media screen and (prefers-contrast) {
|
42032
|
+
.c4p--nav-list:focus > .c4p--nav-item__link {
|
42033
|
+
outline-style: dotted;
|
42034
|
+
}
|
42035
|
+
}
|
42036
|
+
|
42037
|
+
.c4p--nav-list__icon {
|
42038
|
+
margin-top: 0.125rem;
|
42039
|
+
margin-left: auto;
|
42040
|
+
transform: translate3d(-50%, 0, 0) rotate(0deg);
|
42041
|
+
transition-duration: 240ms;
|
42042
|
+
transition-property: transform;
|
42043
|
+
transition-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
|
42044
|
+
}
|
42045
|
+
.c4p--nav-list__icon[dir=rtl], [dir=rtl] .c4p--nav-list__icon {
|
42046
|
+
right: 0.25rem;
|
42047
|
+
transform: translate3d(-50%, 0, 0) rotate(180deg);
|
42048
|
+
}
|
42049
|
+
|
42050
|
+
.c4p--nav-list--nested {
|
42051
|
+
overflow: hidden;
|
42052
|
+
max-height: 0;
|
42053
|
+
padding-left: 0;
|
42054
|
+
margin-bottom: 0;
|
42055
|
+
opacity: 0;
|
42056
|
+
transition-duration: 240ms;
|
42057
|
+
}
|
42058
|
+
.c4p--nav-list--nested[dir=rtl], [dir=rtl] .c4p--nav-list--nested {
|
42059
|
+
padding-right: 0;
|
42060
|
+
padding-left: initial;
|
42061
|
+
}
|
42062
|
+
.c4p--nav-list--nested > .c4p--nav-item:last-of-type {
|
42063
|
+
margin-bottom: 0.5rem;
|
42064
|
+
}
|
42065
|
+
|
42066
|
+
.c4p--nav-item {
|
42067
|
+
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
42068
|
+
font-weight: var(--cds-body-short-01-font-weight, 400);
|
42069
|
+
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
42070
|
+
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
42071
|
+
position: relative;
|
42072
|
+
margin-bottom: 0.125rem;
|
42073
|
+
}
|
42074
|
+
|
42075
|
+
.c4p--nav-item__content {
|
42076
|
+
display: flex;
|
42077
|
+
}
|
42078
|
+
|
42079
|
+
.c4p--nav-item::before {
|
42080
|
+
position: absolute;
|
42081
|
+
top: 0;
|
42082
|
+
left: 0;
|
42083
|
+
display: inline-block;
|
42084
|
+
/* stylelint-disable-next-line -- to-rem carbon replacement for rem */
|
42085
|
+
width: 0.25rem;
|
42086
|
+
height: 100%;
|
42087
|
+
background-color: transparent;
|
42088
|
+
content: "";
|
42089
|
+
transform: translate3d(-100%, 0, 0);
|
42090
|
+
transition-property: transform;
|
42091
|
+
}
|
42092
|
+
|
42093
|
+
.c4p--nav-item--disabled {
|
42094
|
+
pointer-events: none;
|
42095
|
+
}
|
42096
|
+
.c4p--nav-item--disabled > c4p--nav-item__link {
|
42097
|
+
color: var(--cds-text-on-color-disabled, #8d8d8d);
|
42098
|
+
}
|
42099
|
+
|
42100
|
+
.c4p--nav-item--active {
|
42101
|
+
font-weight: 600;
|
42102
|
+
}
|
42103
|
+
.c4p--nav-item--active[dir=rtl]::before, [dir=rtl] .c4p--nav-item--active::before {
|
42104
|
+
transform: translate3d(0, 0, 0);
|
42105
|
+
}
|
42106
|
+
|
42107
|
+
.c4p--nav-item--active::before {
|
42108
|
+
z-index: 100;
|
42109
|
+
background-color: var(--cds-background-brand, #0f62fe);
|
42110
|
+
transform: translate3d(0, 0, 0);
|
42111
|
+
}
|
42112
|
+
|
42113
|
+
.c4p--nav-item--expanded {
|
42114
|
+
margin-bottom: 0.5rem;
|
42115
|
+
}
|
42116
|
+
.c4p--nav-item--expanded > .c4p--nav-list--nested {
|
42117
|
+
/* stylelint-disable-next-line -- to-rem carbon replacement for rem */
|
42118
|
+
max-height: 20rem;
|
42119
|
+
opacity: 1;
|
42120
|
+
transition-timing-function: cubic-bezier(0.25, 0, 1, 1);
|
42121
|
+
}
|
42122
|
+
.c4p--nav-item--expanded > .c4p--nav-item__link > .c4p--nav-list__icon {
|
42123
|
+
transform: translate3d(-50%, 0, 0) rotate(180deg);
|
42124
|
+
}
|
42125
|
+
.c4p--nav-item--expanded > .c4p--nav-item__link > .c4p--nav-list__icon[dir=rtl], [dir=rtl] .c4p--nav-item--expanded > .c4p--nav-item__link > .c4p--nav-list__icon {
|
42126
|
+
transform: translate3d(-50%, 0, 0) rotate(0);
|
42127
|
+
}
|
42128
|
+
|
42129
|
+
.c4p--nav-item__link {
|
42130
|
+
position: relative;
|
42131
|
+
display: flex;
|
42132
|
+
padding: 0.5rem 0.25rem 0.5rem 2.5rem;
|
42133
|
+
color: var(--cds-text-primary, #161616);
|
42134
|
+
cursor: pointer;
|
42135
|
+
text-decoration: none;
|
42136
|
+
transition-property: background-color;
|
42137
|
+
}
|
42138
|
+
|
42139
|
+
.c4p--nav-item__link:hover,
|
42140
|
+
.c4p--nav-item__link:focus {
|
42141
|
+
background-color: var(--cds-layer-02, #ffffff);
|
42142
|
+
}
|
42143
|
+
|
42144
|
+
.c4p--nav-item__link:focus {
|
42145
|
+
outline: 2px solid var(--cds-focus, #0f62fe);
|
42146
|
+
outline-offset: -2px;
|
42147
|
+
}
|
42148
|
+
@media screen and (prefers-contrast) {
|
42149
|
+
.c4p--nav-item__link:focus {
|
42150
|
+
outline-style: dotted;
|
42151
|
+
}
|
42152
|
+
}
|
42153
|
+
|
42154
|
+
.c4p--nav-item__img {
|
42155
|
+
/* stylelint-disable-next-line -- to-rem carbon replacement for rem */
|
42156
|
+
height: 1.25rem;
|
42157
|
+
margin-right: 0.75rem;
|
42158
|
+
margin-left: -2rem;
|
42159
|
+
}
|
42160
|
+
|
42161
|
+
.c4p--nav-item__link--external__icon {
|
42162
|
+
flex-shrink: 0;
|
42163
|
+
align-self: center;
|
42164
|
+
margin-left: 0.25rem;
|
42165
|
+
fill: var(--cds-text-primary, #161616);
|
42166
|
+
opacity: 0;
|
42167
|
+
}
|
42168
|
+
|
42169
|
+
.c4p--nav-item__link--external:hover > .c4p--nav-item__link--external__icon,
|
42170
|
+
.c4p--nav-item__link--external:focus > .c4p--nav-item__link--external__icon {
|
42171
|
+
opacity: 1;
|
42172
|
+
}
|
42173
|
+
|
41955
42174
|
.c4p--string-formatter {
|
41956
42175
|
display: inline-block;
|
41957
42176
|
text-align: left;
|