@carbon/ibm-products 2.0.0-rc.10 → 2.0.0-rc.12
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +131 -75
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +2 -2
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +1 -0
- 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 +131 -75
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +2 -2
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +121 -75
- package/css/index.css.map +1 -1
- package/css/index.min.css +2 -2
- package/css/index.min.css.map +1 -1
- package/es/components/AddSelect/AddSelectBody.js +1 -1
- package/es/components/AddSelect/hooks/usePath.js +8 -1
- package/es/components/CreateFullPage/CreateFullPage.js +9 -2
- package/es/components/CreateTearsheet/CreateTearsheet.js +9 -2
- package/es/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +3 -1
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +1 -4
- package/es/components/DataSpreadsheet/utils/handleCellDeletion.js +6 -4
- package/es/components/Datagrid/Datagrid/Datagrid.js +7 -3
- package/es/components/Datagrid/Datagrid/DatagridContent.js +18 -6
- package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js +17 -4
- package/es/components/Datagrid/Datagrid/DatagridRow.js +2 -10
- package/es/components/Datagrid/Datagrid/DatagridToolbar.js +22 -4
- package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +29 -8
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +7 -10
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +11 -13
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +28 -27
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/{CustomizeColumnsModal.js → CustomizeColumnsTearsheet.js} +31 -31
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +56 -0
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/index.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +424 -0
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +83 -0
- package/es/components/Datagrid/Datagrid/addons/Filtering/constants.js +20 -0
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useInitialStateFromFilters.js +22 -0
- package/es/components/Datagrid/Datagrid/addons/Filtering/index.js +7 -0
- package/es/components/Datagrid/Datagrid/addons/Filtering/utils.js +38 -0
- package/es/components/Datagrid/index.js +2 -1
- package/es/components/Datagrid/useCustomizeColumns.js +8 -8
- package/es/components/Datagrid/useFiltering.js +90 -0
- package/es/components/Datagrid/useParentDimensions.js +3 -1
- package/es/components/Datagrid/utils/DatagridActions.js +13 -26
- package/es/components/Datagrid/utils/getArgTypes.js +5 -0
- package/es/components/Datagrid/utils/getInlineEditColumns.js +6 -1
- package/es/components/Datagrid/utils/makeData.js +24 -16
- package/es/components/FilterSummary/FilterSummary.js +54 -0
- package/es/components/FilterSummary/index.js +7 -0
- package/es/components/index.js +1 -1
- package/es/global/js/hooks/useCreateComponentFocus.js +38 -10
- package/lib/components/AddSelect/AddSelectBody.js +1 -1
- package/lib/components/AddSelect/hooks/usePath.js +7 -0
- package/lib/components/CreateFullPage/CreateFullPage.js +9 -2
- package/lib/components/CreateTearsheet/CreateTearsheet.js +9 -2
- package/lib/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +3 -1
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +1 -4
- package/lib/components/DataSpreadsheet/utils/handleCellDeletion.js +6 -4
- package/lib/components/Datagrid/Datagrid/Datagrid.js +8 -3
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +17 -6
- package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +17 -4
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +2 -19
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +24 -3
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +31 -8
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +7 -10
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +6 -6
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +30 -28
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/{CustomizeColumnsModal.js → CustomizeColumnsTearsheet.js} +27 -25
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/{ModalWrapper.js → TearsheetWrapper.js} +31 -36
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/index.js +3 -3
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +443 -0
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +104 -0
- package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.js +35 -0
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useInitialStateFromFilters.js +33 -0
- package/lib/components/Datagrid/Datagrid/addons/Filtering/index.js +15 -0
- package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js +47 -0
- package/lib/components/Datagrid/index.js +9 -1
- package/lib/components/Datagrid/useCustomizeColumns.js +7 -7
- package/lib/components/Datagrid/useFiltering.js +94 -0
- package/lib/components/Datagrid/useParentDimensions.js +3 -1
- package/lib/components/Datagrid/utils/DatagridActions.js +13 -25
- package/lib/components/Datagrid/utils/getArgTypes.js +5 -0
- package/lib/components/Datagrid/utils/getInlineEditColumns.js +6 -1
- package/lib/components/Datagrid/utils/makeData.js +26 -18
- package/lib/components/FilterSummary/FilterSummary.js +72 -0
- package/lib/components/FilterSummary/index.js +15 -0
- package/lib/components/index.js +6 -0
- package/lib/global/js/hooks/useCreateComponentFocus.js +42 -11
- package/package.json +2 -2
- package/scss/components/Datagrid/_datagrid.scss +0 -1
- package/scss/components/Datagrid/_storybook-styles.scss +12 -0
- package/scss/components/Datagrid/styles/_datagrid.scss +23 -0
- package/scss/components/Datagrid/styles/_draggableElement.scss +9 -8
- package/scss/components/Datagrid/styles/_index.scss +8 -8
- package/scss/components/Datagrid/styles/addons/_CustomizeColumnsTearsheet.scss +65 -0
- package/scss/components/Datagrid/styles/addons/_FilterFlyout.scss +87 -0
- package/scss/components/FilterSummary/_filter-summary.scss +20 -0
- package/scss/components/FilterSummary/_index.scss +10 -0
- package/scss/components/FilterSummary/_storybook-styles.scss +14 -0
- package/scss/components/Tearsheet/_tearsheet.scss +2 -0
- package/scss/components/_index.scss +1 -0
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ModalWrapper.js +0 -63
- package/scss/components/Datagrid/styles/addons/_CustomizeColumnsModal.scss +0 -93
@@ -3620,6 +3620,7 @@
|
|
3620
3620
|
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
3621
3621
|
-webkit-box-orient: vertical;
|
3622
3622
|
-webkit-line-clamp: 2;
|
3623
|
+
word-break: break-all;
|
3623
3624
|
}
|
3624
3625
|
@media (min-width: 42rem) {
|
3625
3626
|
.c4p--tearsheet .c4p--tearsheet__header-description {
|
@@ -4078,6 +4079,15 @@
|
|
4078
4079
|
letter-spacing: var(--cds-productive-heading-03-letter-spacing, 0);
|
4079
4080
|
}
|
4080
4081
|
|
4082
|
+
.c4p--filter-summary {
|
4083
|
+
display: flex;
|
4084
|
+
width: 100%;
|
4085
|
+
align-items: center;
|
4086
|
+
padding: 0.5rem;
|
4087
|
+
border-top: 1px solid var(--cds-border-subtle-01, #e0e0e0);
|
4088
|
+
background: var(--cds-layer-01, #f4f4f4);
|
4089
|
+
}
|
4090
|
+
|
4081
4091
|
.c4p--http-errors .c4p--http-errors__content {
|
4082
4092
|
position: fixed;
|
4083
4093
|
z-index: 2;
|
@@ -10681,6 +10691,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10681
10691
|
|
10682
10692
|
.c4p--datagrid .cds--data-table--selected:not(.c4p--datagrid__active-row)::before {
|
10683
10693
|
position: absolute;
|
10694
|
+
top: 0;
|
10684
10695
|
left: 0;
|
10685
10696
|
width: 0.25rem;
|
10686
10697
|
height: 100%;
|
@@ -10730,6 +10741,28 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10730
10741
|
justify-content: center;
|
10731
10742
|
}
|
10732
10743
|
|
10744
|
+
.c4p--datagrid__customize-columns-checkbox-wrapper.cds--form-item {
|
10745
|
+
flex: 0 0 auto;
|
10746
|
+
margin-right: 0.5rem;
|
10747
|
+
}
|
10748
|
+
|
10749
|
+
.c4p--datagrid__virtual-scrollbar::-webkit-scrollbar {
|
10750
|
+
width: 10px;
|
10751
|
+
height: 7px;
|
10752
|
+
}
|
10753
|
+
|
10754
|
+
.c4p--datagrid__virtual-scrollbar::-webkit-scrollbar-track {
|
10755
|
+
background: var(--cds-layer);
|
10756
|
+
}
|
10757
|
+
|
10758
|
+
.c4p--datagrid__virtual-scrollbar::-webkit-scrollbar-thumb {
|
10759
|
+
border-radius: 5px;
|
10760
|
+
}
|
10761
|
+
|
10762
|
+
.c4p--datagrid__virtualScrollContainer {
|
10763
|
+
width: 100%;
|
10764
|
+
}
|
10765
|
+
|
10733
10766
|
.cds--body--with-modal-open .c4p--datagrid__grid-container {
|
10734
10767
|
overflow: hidden;
|
10735
10768
|
height: 100vh;
|
@@ -11016,55 +11049,22 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11016
11049
|
fill: var(--cds-layer-selected-disabled, #8d8d8d);
|
11017
11050
|
}
|
11018
11051
|
|
11019
|
-
|
11020
|
-
* Licensed Materials - Property of IBM
|
11021
|
-
* 5724-Q36
|
11022
|
-
* (c) Copyright IBM Corp. 2021, 2022
|
11023
|
-
* US Government Users Restricted Rights - Use, duplication or disclosure
|
11024
|
-
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
11025
|
-
*/
|
11026
|
-
.c4p--datagrid__customize-columns-modal .cds--modal-content {
|
11027
|
-
position: inherit;
|
11052
|
+
.c4p--datagrid__customize-columns-tearsheet .c4p--tearsheet__content {
|
11028
11053
|
display: flex;
|
11029
11054
|
flex-flow: column;
|
11030
|
-
padding: 0;
|
11031
|
-
margin: 0;
|
11032
11055
|
}
|
11033
11056
|
|
11034
|
-
.c4p--datagrid__customize-columns-
|
11035
|
-
|
11057
|
+
.c4p--datagrid__customize-columns-tearsheet--actions input[role=searchbox] {
|
11058
|
+
height: 3rem;
|
11059
|
+
padding-left: 3rem;
|
11060
|
+
border-bottom: 1px solid var(--cds-background-active, rgba(141, 141, 141, 0.5));
|
11036
11061
|
}
|
11037
11062
|
|
11038
11063
|
.c4p--datagrid__customize-columns-checkbox-wrapper {
|
11039
11064
|
display: flex;
|
11040
11065
|
justify-content: center;
|
11041
|
-
|
11042
|
-
|
11043
|
-
.c4p--datagrid__customize-columns-modal--actions {
|
11044
|
-
display: flex;
|
11045
|
-
height: 3rem;
|
11046
|
-
flex-flow: row;
|
11047
|
-
background-color: var(--cds-field-02, #ffffff);
|
11048
|
-
}
|
11049
|
-
|
11050
|
-
.c4p--datagrid__customize-columns-modal--actions input[role=searchbox] {
|
11051
|
-
height: 3rem;
|
11052
|
-
padding-left: 2.5rem;
|
11053
|
-
border-bottom: none;
|
11054
|
-
}
|
11055
|
-
|
11056
|
-
.c4p--datagrid__customize-columns-modal--actions > button {
|
11057
|
-
margin-left: 1rem;
|
11058
|
-
}
|
11059
|
-
|
11060
|
-
.c4p--datagrid__customize-columns-instructions {
|
11061
|
-
padding-left: 1rem;
|
11062
|
-
margin-bottom: 1.5rem;
|
11063
|
-
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
11064
|
-
font-weight: var(--cds-body-long-01-font-weight, 400);
|
11065
|
-
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
11066
|
-
letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
|
11067
|
-
color: var(--cds-text-primary, #161616);
|
11066
|
+
padding-left: 0.5rem;
|
11067
|
+
margin-bottom: 0;
|
11068
11068
|
}
|
11069
11069
|
|
11070
11070
|
.c4p--datagrid__customize-columns-column-list {
|
@@ -11072,34 +11072,28 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11072
11072
|
overflow: auto;
|
11073
11073
|
}
|
11074
11074
|
|
11075
|
-
.c4p--datagrid__customize-columns-select-all
|
11075
|
+
.c4p--datagrid__customize-columns-select-all,
|
11076
|
+
.c4p--datagrid__customize-columns-select-all--selected {
|
11077
|
+
position: sticky;
|
11078
|
+
z-index: 1;
|
11079
|
+
top: 0;
|
11076
11080
|
display: flex;
|
11077
11081
|
height: 3rem;
|
11078
|
-
align-items: center;
|
11079
11082
|
padding-left: 2.5rem;
|
11080
11083
|
border-bottom: 1px solid var(--cds-layer-active);
|
11081
|
-
background-color: var(--cds-layer
|
11082
|
-
}
|
11083
|
-
|
11084
|
-
.c4p--datagrid__customize-columns-select-all:hover {
|
11085
|
-
background-color: var(--cds-layer-hover-01, #e8e8e8);
|
11084
|
+
background-color: var(--cds-layer);
|
11086
11085
|
}
|
11087
|
-
|
11088
|
-
.c4p--datagrid__customize-columns-select-all
|
11089
|
-
|
11090
|
-
height: 3rem;
|
11091
|
-
align-items: center;
|
11092
|
-
padding-left: 2.5rem;
|
11093
|
-
border-bottom: 1px solid var(--cds-layer-active);
|
11094
|
-
background-color: var(--cds-layer-selected-01, #e0e0e0);
|
11086
|
+
.c4p--datagrid__customize-columns-select-all .cds--checkbox-label-text,
|
11087
|
+
.c4p--datagrid__customize-columns-select-all--selected .cds--checkbox-label-text {
|
11088
|
+
font-weight: 600;
|
11095
11089
|
}
|
11096
11090
|
|
11097
|
-
.c4p--datagrid__customize-columns-select-all
|
11098
|
-
background-color: var(--cds-
|
11091
|
+
.c4p--datagrid__customize-columns-select-all:hover {
|
11092
|
+
background-color: var(--cds-layer-hover);
|
11099
11093
|
}
|
11100
11094
|
|
11101
|
-
.c4p--
|
11102
|
-
|
11095
|
+
.c4p--datagrid__customize-columns-select-all--selected {
|
11096
|
+
background-color: var(--cds-layer-selected);
|
11103
11097
|
}
|
11104
11098
|
|
11105
11099
|
/*
|
@@ -11125,6 +11119,81 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11125
11119
|
left: -4px;
|
11126
11120
|
}
|
11127
11121
|
|
11122
|
+
/*
|
11123
|
+
* Licensed Materials - Property of IBM
|
11124
|
+
* 5724-Q36
|
11125
|
+
* (c) Copyright IBM Corp. 2022
|
11126
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
11127
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
11128
|
+
*/
|
11129
|
+
.c4p--datagrid-filter-flyout__container {
|
11130
|
+
position: relative;
|
11131
|
+
}
|
11132
|
+
|
11133
|
+
.c4p--datagrid-filter-flyout {
|
11134
|
+
position: absolute;
|
11135
|
+
top: 3rem;
|
11136
|
+
right: 0;
|
11137
|
+
display: none;
|
11138
|
+
width: 40.125rem;
|
11139
|
+
background-color: var(--cds-layer-02, #ffffff);
|
11140
|
+
box-shadow: 0 1px 0.5rem 0 rgba(0, 0, 0, 0.25);
|
11141
|
+
}
|
11142
|
+
|
11143
|
+
.c4p--datagrid-filter-flyout--open {
|
11144
|
+
display: grid;
|
11145
|
+
}
|
11146
|
+
|
11147
|
+
.c4p--datagrid-filter-flyout--batch {
|
11148
|
+
min-height: 21.625rem;
|
11149
|
+
grid-template-rows: 1fr 3rem;
|
11150
|
+
}
|
11151
|
+
|
11152
|
+
.c4p--datagrid-filter-flyout--instant {
|
11153
|
+
min-height: 17.625rem;
|
11154
|
+
grid-template-rows: 1fr;
|
11155
|
+
}
|
11156
|
+
|
11157
|
+
.c4p--datagrid-filter-flyout__inner-container {
|
11158
|
+
padding: 1rem 1rem 3rem 1rem;
|
11159
|
+
}
|
11160
|
+
|
11161
|
+
.c4p--datagrid-filter-flyout__inner-container::before {
|
11162
|
+
position: absolute;
|
11163
|
+
top: -0.4375rem;
|
11164
|
+
right: 1px;
|
11165
|
+
display: block;
|
11166
|
+
width: 2.875rem;
|
11167
|
+
height: 0.9375rem;
|
11168
|
+
background-color: var(--cds-layer-02, #ffffff);
|
11169
|
+
content: "";
|
11170
|
+
}
|
11171
|
+
|
11172
|
+
.c4p--datagrid-filter-flyout__title {
|
11173
|
+
display: block;
|
11174
|
+
font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
|
11175
|
+
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|
11176
|
+
line-height: var(--cds-heading-compact-01-line-height, 1.28572);
|
11177
|
+
letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
|
11178
|
+
margin-bottom: 1.5rem;
|
11179
|
+
}
|
11180
|
+
|
11181
|
+
.c4p--datagrid-filter-flyout__filters {
|
11182
|
+
display: grid;
|
11183
|
+
gap: 1rem 2rem;
|
11184
|
+
grid-template-columns: 1fr 1fr;
|
11185
|
+
}
|
11186
|
+
|
11187
|
+
.c4p--datagrid-filter-flyout__trigger--open.cds--btn.cds--btn--icon-only {
|
11188
|
+
position: relative;
|
11189
|
+
background-color: var(--cds-layer-02, #ffffff);
|
11190
|
+
box-shadow: 0 1px 0.5rem 0 rgba(0, 0, 0, 0.25);
|
11191
|
+
}
|
11192
|
+
|
11193
|
+
.c4p--datagrid-filter-flyout .cds--fieldset {
|
11194
|
+
margin-bottom: 0;
|
11195
|
+
}
|
11196
|
+
|
11128
11197
|
/*
|
11129
11198
|
* Licensed Materials - Property of IBM
|
11130
11199
|
* 5724-Q36
|
@@ -11202,13 +11271,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
11202
11271
|
fill: var(--cds-layer-selected-inverse, #161616);
|
11203
11272
|
}
|
11204
11273
|
|
11205
|
-
/*
|
11206
|
-
* Licensed Materials - Property of IBM
|
11207
|
-
* 5724-Q36
|
11208
|
-
* (c) Copyright IBM Corp. 2022
|
11209
|
-
* US Government Users Restricted Rights - Use, duplication or disclosure
|
11210
|
-
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
11211
|
-
*/
|
11212
11274
|
.c4p--datagrid__draggable-handleStyle {
|
11213
11275
|
display: flex;
|
11214
11276
|
align-items: center;
|
@@ -11220,7 +11282,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
11220
11282
|
pointer-events: none;
|
11221
11283
|
}
|
11222
11284
|
|
11223
|
-
|
11285
|
+
.c4p--datagrid__draggable-handleStyle.disabled svg {
|
11224
11286
|
fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
|
11225
11287
|
}
|
11226
11288
|
|
@@ -11256,6 +11318,7 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
11256
11318
|
.c4p--datagrid__draggable-handleHolder-droppable {
|
11257
11319
|
display: flex;
|
11258
11320
|
width: 100%;
|
11321
|
+
align-items: center;
|
11259
11322
|
}
|
11260
11323
|
|
11261
11324
|
.c4p--datagrid__draggable-handleHolder-grabbed {
|
@@ -11634,13 +11697,6 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
11634
11697
|
background-color: var(--cds-support-error, #da1e28);
|
11635
11698
|
}
|
11636
11699
|
|
11637
|
-
/*
|
11638
|
-
* Licensed Materials - Property of IBM
|
11639
|
-
* 5724-Q36
|
11640
|
-
* (c) Copyright IBM Corp. 2020, 2021
|
11641
|
-
* US Government Users Restricted Rights - Use, duplication or disclosure
|
11642
|
-
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
11643
|
-
*/
|
11644
11700
|
/* stylelint-disable max-nesting-depth */
|
11645
11701
|
.c4p--datagrid__datagridWrap {
|
11646
11702
|
display: block;
|
@@ -11661,7 +11717,6 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
11661
11717
|
|
11662
11718
|
.c4p--datagrid__datagridWrap-simple {
|
11663
11719
|
display: flex;
|
11664
|
-
overflow: hidden;
|
11665
11720
|
width: 100%;
|
11666
11721
|
height: 100%;
|
11667
11722
|
flex-direction: column;
|
@@ -13908,6 +13963,7 @@ a.cds--side-nav__link--current::before {
|
|
13908
13963
|
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
13909
13964
|
-webkit-box-orient: vertical;
|
13910
13965
|
-webkit-line-clamp: 2;
|
13966
|
+
word-break: break-all;
|
13911
13967
|
}
|
13912
13968
|
|
13913
13969
|
@media (min-width: 42rem) {
|