@carbon/ibm-products 1.46.1 → 1.47.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +42 -13
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +4 -4
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +4 -1
- 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 +38 -9
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +3 -3
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +42 -13
- package/css/index.css.map +1 -1
- package/css/index.min.css +4 -4
- package/css/index.min.css.map +1 -1
- package/es/components/Card/CardFooter.js +2 -2
- package/es/components/Datagrid/Datagrid/DatagridRow.js +37 -10
- package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +18 -4
- package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +15 -2
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +4 -2
- package/es/components/Datagrid/useActionsColumn.js +22 -1
- package/es/components/Datagrid/useDefaultStringRenderer.js +1 -1
- package/es/components/Datagrid/useNestedRows.js +2 -4
- package/es/components/Datagrid/useSelectAllToggle.js +16 -2
- package/es/components/Datagrid/useSelectRows.js +17 -3
- package/es/components/Datagrid/useStickyColumn.js +19 -5
- package/es/components/Datagrid/utils/getArgTypes.js +5 -0
- package/es/components/SidePanel/SidePanel.js +14 -5
- package/lib/components/Card/CardFooter.js +2 -2
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +37 -10
- package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +20 -3
- package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +14 -1
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +3 -1
- package/lib/components/Datagrid/useActionsColumn.js +22 -1
- package/lib/components/Datagrid/useDefaultStringRenderer.js +1 -1
- package/lib/components/Datagrid/useNestedRows.js +2 -4
- package/lib/components/Datagrid/useSelectAllToggle.js +19 -2
- package/lib/components/Datagrid/useSelectRows.js +19 -2
- package/lib/components/Datagrid/useStickyColumn.js +18 -4
- package/lib/components/Datagrid/utils/getArgTypes.js +5 -0
- package/lib/components/SidePanel/SidePanel.js +14 -5
- package/package.json +5 -5
- package/scss/components/Datagrid/_storybook-styles.scss +26 -0
- package/scss/components/Datagrid/styles/_datagrid.scss +22 -3
- package/scss/components/Datagrid/styles/_useInlineEdit.scss +4 -0
- package/scss/components/Datagrid/styles/_useNestedRows.scss +17 -0
- package/scss/components/Datagrid/styles/_useSelectAllToggle.scss +11 -8
- package/scss/components/Datagrid/styles/_useStickyColumn.scss +3 -3
- package/scss/components/EmptyStates/_empty-state.scss +4 -3
- package/scss/components/Tearsheet/_tearsheet.scss +4 -0
@@ -3058,7 +3058,7 @@ em {
|
|
3058
3058
|
}
|
3059
3059
|
}
|
3060
3060
|
|
3061
|
-
.bx--modal-content p,
|
3061
|
+
.bx--modal-content > p,
|
3062
3062
|
.bx--modal-content__regular-content {
|
3063
3063
|
padding-right: 20%;
|
3064
3064
|
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
@@ -3100,7 +3100,7 @@ em {
|
|
3100
3100
|
.bx--modal-container--xs .bx--modal-content__regular-content {
|
3101
3101
|
padding-right: var(--cds-spacing-05, 1rem);
|
3102
3102
|
}
|
3103
|
-
.bx--modal-container--xs .bx--modal-content p {
|
3103
|
+
.bx--modal-container--xs .bx--modal-content > p {
|
3104
3104
|
padding-right: 0;
|
3105
3105
|
}
|
3106
3106
|
@media (min-width: 42rem) {
|
@@ -3123,7 +3123,7 @@ em {
|
|
3123
3123
|
.bx--modal-container--sm .bx--modal-content__regular-content {
|
3124
3124
|
padding-right: var(--cds-spacing-05, 1rem);
|
3125
3125
|
}
|
3126
|
-
.bx--modal-container--sm .bx--modal-content p {
|
3126
|
+
.bx--modal-container--sm .bx--modal-content > p {
|
3127
3127
|
padding-right: 0;
|
3128
3128
|
}
|
3129
3129
|
@media (min-width: 42rem) {
|
@@ -3136,7 +3136,7 @@ em {
|
|
3136
3136
|
width: 42%;
|
3137
3137
|
max-height: 72%;
|
3138
3138
|
}
|
3139
|
-
.bx--modal-container--sm .bx--modal-content p,
|
3139
|
+
.bx--modal-container--sm .bx--modal-content > p,
|
3140
3140
|
.bx--modal-container--sm .bx--modal-content__regular-content {
|
3141
3141
|
padding-right: 20%;
|
3142
3142
|
}
|
@@ -12366,6 +12366,9 @@ a.bx--side-nav__link--current::before {
|
|
12366
12366
|
border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
|
12367
12367
|
margin: 0;
|
12368
12368
|
}
|
12369
|
+
.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header-description {
|
12370
|
+
max-width: 80%;
|
12371
|
+
}
|
12369
12372
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header--with-close-icon {
|
12370
12373
|
padding-right: var(--cds-spacing-10, 4rem);
|
12371
12374
|
}
|
@@ -12801,7 +12804,7 @@ a.bx--side-nav__link--current::before {
|
|
12801
12804
|
font-weight: var(--cds-productive-heading-03-font-weight, 400);
|
12802
12805
|
line-height: var(--cds-productive-heading-03-line-height, 1.4);
|
12803
12806
|
letter-spacing: var(--cds-productive-heading-03-letter-spacing, 0);
|
12804
|
-
padding-bottom:
|
12807
|
+
padding-bottom: var(--cds-spacing-03, 0.5rem);
|
12805
12808
|
margin: 0;
|
12806
12809
|
}
|
12807
12810
|
.c4p--empty-state .c4p--empty-state__subtitle {
|
@@ -21196,7 +21199,9 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
21196
21199
|
.c4p--datagrid__grid-container td.bx--table-column-checkbox,
|
21197
21200
|
.c4p--datagrid__grid-container th.bx--table-column-checkbox {
|
21198
21201
|
/* stylelint-disable-next-line declaration-no-important */
|
21199
|
-
|
21202
|
+
width: var(--cds-spacing-09, 3rem) !important;
|
21203
|
+
/* stylelint-disable-next-line declaration-no-important */
|
21204
|
+
padding-right: var(--cds-spacing-05, 1rem) !important;
|
21200
21205
|
}
|
21201
21206
|
|
21202
21207
|
.c4p--datagrid__empty-state .c4p--datagrid__table-simple {
|
@@ -21260,7 +21265,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
21260
21265
|
}
|
21261
21266
|
|
21262
21267
|
.c4p--datagrid__head-hidden-select-all {
|
21263
|
-
padding-right: var(--cds-spacing-
|
21268
|
+
padding-right: var(--cds-spacing-09, 3rem);
|
21264
21269
|
}
|
21265
21270
|
.c4p--datagrid__head-hidden-select-all.c4p--datagrid__select-all-sticky-left {
|
21266
21271
|
position: sticky;
|
@@ -21301,6 +21306,13 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
21301
21306
|
width: 100% !important;
|
21302
21307
|
}
|
21303
21308
|
|
21309
|
+
.c4p--datagrid__sticky thead {
|
21310
|
+
display: flex;
|
21311
|
+
}
|
21312
|
+
.c4p--datagrid__sticky thead tr.c4p--datagrid__sticky {
|
21313
|
+
width: auto;
|
21314
|
+
}
|
21315
|
+
|
21304
21316
|
.block-class__displayFlex {
|
21305
21317
|
position: relative;
|
21306
21318
|
display: flex;
|
@@ -21364,7 +21376,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
21364
21376
|
);
|
21365
21377
|
width: 1px;
|
21366
21378
|
height: var(--c4p--datagrid--indicator-height);
|
21367
|
-
border-left: 1px solid var(--cds-
|
21379
|
+
border-left: 1px solid var(--cds-active-ui, #c6c6c6);
|
21368
21380
|
content: "";
|
21369
21381
|
}
|
21370
21382
|
|
@@ -21554,6 +21566,19 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
21554
21566
|
content: "";
|
21555
21567
|
}
|
21556
21568
|
|
21569
|
+
.c4p--datagrid tr.c4p--datagrid__carbon-nested-row td:first-child:empty,
|
21570
|
+
.c4p--datagrid tr.c4p--datagrid__carbon-nested-row .c4p--datagrid__expandable-row-cell {
|
21571
|
+
border-bottom: none;
|
21572
|
+
}
|
21573
|
+
|
21574
|
+
.bx--data-table td.c4p--datagrid__expandable-row-cell {
|
21575
|
+
padding-left: var(--cds-spacing-03, 0.5rem);
|
21576
|
+
}
|
21577
|
+
|
21578
|
+
.c4p--datagrid__carbon-row-expanded .c4p--datagrid__expandable-row-cell {
|
21579
|
+
border-bottom: none;
|
21580
|
+
}
|
21581
|
+
|
21557
21582
|
/*
|
21558
21583
|
* Licensed Materials - Property of IBM
|
21559
21584
|
* 5724-Q36
|
@@ -21695,7 +21720,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
21695
21720
|
right: 0;
|
21696
21721
|
display: flex;
|
21697
21722
|
align-items: center;
|
21698
|
-
border-left: 1px solid var(--cds-ui
|
21723
|
+
border-left: 1px solid var(--cds-active-light-ui, #c6c6c6);
|
21699
21724
|
}
|
21700
21725
|
|
21701
21726
|
.c4p--datagrid__right-sticky-column-header {
|
@@ -21710,7 +21735,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
21710
21735
|
left: 0;
|
21711
21736
|
display: flex;
|
21712
21737
|
align-items: center;
|
21713
|
-
border-right: 1px solid var(--cds-ui
|
21738
|
+
border-right: 1px solid var(--cds-active-light-ui, #c6c6c6);
|
21714
21739
|
}
|
21715
21740
|
|
21716
21741
|
.c4p--datagrid__left-sticky-column-header {
|
@@ -21722,7 +21747,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
21722
21747
|
|
21723
21748
|
.c4p--datagrid__left-sticky-column-cell.c4p--datagrid__left-sticky-column-cell--with-extra-select-column,
|
21724
21749
|
.c4p--datagrid__left-sticky-column-header.c4p--datagrid__left-sticky-column-header--with-extra-select-column {
|
21725
|
-
left: var(--cds-spacing-
|
21750
|
+
left: var(--cds-spacing-09, 3rem);
|
21726
21751
|
}
|
21727
21752
|
|
21728
21753
|
.c4p--datagrid__sticky-noShadow {
|
@@ -22046,8 +22071,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
22046
22071
|
* US Government Users Restricted Rights - Use, duplication or disclosure
|
22047
22072
|
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
22048
22073
|
*/
|
22049
|
-
th.c4p--datagrid__select-all-toggle-on,
|
22050
|
-
td.c4p--datagrid__select-all-toggle-on {
|
22074
|
+
.c4p--datagrid__grid-container th.c4p--datagrid__select-all-toggle-on,
|
22075
|
+
.c4p--datagrid__grid-container td.c4p--datagrid__select-all-toggle-on {
|
22051
22076
|
/* stylelint-disable-next-line declaration-no-important */
|
22052
22077
|
width: 4.5rem !important;
|
22053
22078
|
/* stylelint-disable-next-line declaration-no-important */
|
@@ -22549,6 +22574,10 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
22549
22574
|
outline-color: var(--cds-support-01, #da1e28);
|
22550
22575
|
}
|
22551
22576
|
|
22577
|
+
.c4p--datagrid .bx--text-input:focus {
|
22578
|
+
background: var(--cds-field-01, #f4f4f4);
|
22579
|
+
}
|
22580
|
+
|
22552
22581
|
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .bx--number input[type=number][data-invalid]:focus ~ .bx--number__controls .bx--number__control-btn.up-icon::after {
|
22553
22582
|
background-color: var(--cds-support-01, #da1e28);
|
22554
22583
|
}
|