@carbon/ibm-products 2.0.0-rc.7 → 2.0.0-rc.8
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +2 -2
- package/css/index-full-carbon.css +68 -6
- 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 +0 -6
- 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 +68 -6
- 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 +68 -6
- 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/DataSpreadsheet/DataSpreadsheet.js +2 -1
- package/es/components/DataSpreadsheet/utils/handleCellDeletion.js +10 -1
- package/es/components/InlineEdit/InlineEdit.js +27 -427
- package/es/components/InlineEditV1/InlineEditV1.js +447 -0
- package/es/components/InlineEditV1/index.js +7 -0
- package/es/components/InlineEditV2/InlineEditV2.js +289 -0
- package/es/components/InlineEditV2/index.js +7 -0
- package/es/components/PageHeader/PageHeaderTitle.js +2 -4
- package/es/global/js/package-settings.js +3 -1
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +2 -1
- package/lib/components/DataSpreadsheet/utils/handleCellDeletion.js +10 -1
- package/lib/components/InlineEdit/InlineEdit.js +27 -428
- package/lib/components/InlineEditV1/InlineEditV1.js +464 -0
- package/lib/components/InlineEditV1/index.js +13 -0
- package/lib/components/InlineEditV2/InlineEditV2.js +309 -0
- package/lib/components/InlineEditV2/index.js +13 -0
- package/lib/components/PageHeader/PageHeaderTitle.js +2 -4
- package/lib/global/js/package-settings.js +3 -1
- package/package.json +2 -2
- package/scss/components/{InlineEdit → InlineEditV1}/_carbon-imports.scss +0 -0
- package/scss/components/{InlineEdit → InlineEditV1}/_index-with-carbon.scss +1 -1
- package/scss/components/{InlineEdit → InlineEditV1}/_index.scss +1 -1
- package/scss/components/{InlineEdit/_inline-edit.scss → InlineEditV1/_inline-edit-v1.scss} +0 -0
- package/scss/components/{InlineEdit → InlineEditV1}/_storybook-styles.scss +0 -0
- package/scss/components/InlineEditV2/_carbon-imports.scss +9 -0
- package/scss/components/InlineEditV2/_index-with-carbon.scss +9 -0
- package/scss/components/InlineEditV2/_index.scss +10 -0
- package/scss/components/InlineEditV2/_inline-edit-v2.scss +83 -0
- package/scss/components/InlineEditV2/_storybook-styles.scss +9 -0
- package/scss/components/PageHeader/_page-header.scss +0 -4
- package/scss/components/_index-released-only-with-carbon.scss +1 -1
- package/scss/components/_index-released-only.scss +1 -1
- package/scss/components/_index-with-carbon.scss +2 -1
- package/scss/components/_index.scss +2 -1
package/README.md
CHANGED
@@ -10,8 +10,8 @@
|
|
10
10
|
|
11
11
|
[![All Contributors](https://img.shields.io/badge/all_contributors-10-orange.svg?style=flat-square)](#contributors-)
|
12
12
|
[![Licensed under the Apache License, Version 2.0](https://img.shields.io/badge/license-Apache--2.0-blue.svg)](https://github.com/carbon-design-system/ibm-cloud-cognitive/blob/master/LICENSE)
|
13
|
-
[![Build status](https://github.com/carbon-design-system/ibm-cloud-cognitive/workflows/ci/badge.svg)](https://github.com/carbon-design-system/ibm-cloud-cognitive/actions
|
14
|
-
[![Netlify status](https://img.shields.io/netlify/
|
13
|
+
[![Build status](https://github.com/carbon-design-system/ibm-cloud-cognitive/actions/workflows/ci.yml/badge.svg)](https://github.com/carbon-design-system/ibm-cloud-cognitive/actions/workflows/ci.yml)
|
14
|
+
[![Netlify status](https://img.shields.io/netlify/e8cd9972-0fc8-4c51-a911-e9a930ca6605)](https://app.netlify.com/sites/v11-carbon-for-ibm-products/deploys)
|
15
15
|
[![GitHub Lerna version](https://img.shields.io/github/lerna-json/v/carbon-design-system/ibm-cloud-cognitive)](https://lerna.js.org)
|
16
16
|
[![PRs welcome](https://img.shields.io/badge/PRs-welcome-brightgreen)](https://github.com/carbon-design-system/ibm-cloud-cognitive/blob/master/.github/CONTRIBUTING.md)
|
17
17
|
|
@@ -7578,12 +7578,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7578
7578
|
transform: translateY(-2px);
|
7579
7579
|
vertical-align: middle;
|
7580
7580
|
}
|
7581
|
-
.c4p--page-header .c4p--page-header__title-wrapper {
|
7582
|
-
font-size: var(--cds-productive-heading-04-font-size, 1.75rem);
|
7583
|
-
font-weight: var(--cds-productive-heading-04-font-weight, 400);
|
7584
|
-
line-height: var(--cds-productive-heading-04-line-height, 1.28572);
|
7585
|
-
letter-spacing: var(--cds-productive-heading-04-letter-spacing, 0);
|
7586
|
-
}
|
7587
7581
|
.c4p--page-header .c4p--page-header__page-actions {
|
7588
7582
|
flex: 0 0 100%;
|
7589
7583
|
margin-top: 1rem;
|
@@ -9962,6 +9956,74 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9962
9956
|
color: var(--cds-support-error, #da1e28);
|
9963
9957
|
}
|
9964
9958
|
|
9959
|
+
.c4p--inline-edit-v2 {
|
9960
|
+
display: flex;
|
9961
|
+
align-items: center;
|
9962
|
+
background: transparent;
|
9963
|
+
cursor: pointer;
|
9964
|
+
}
|
9965
|
+
|
9966
|
+
.c4p--inline-edit-v2-readonly {
|
9967
|
+
cursor: not-allowed;
|
9968
|
+
}
|
9969
|
+
|
9970
|
+
.c4p--inline-edit-v2:hover {
|
9971
|
+
background: var(--cds-field-01, #f4f4f4);
|
9972
|
+
}
|
9973
|
+
|
9974
|
+
.c4p--inline-edit-v2:hover .c4p--inline-edit-v2__btn-edit {
|
9975
|
+
visibility: visible;
|
9976
|
+
}
|
9977
|
+
|
9978
|
+
.c4p--inline-edit-v2__btn-edit {
|
9979
|
+
visibility: hidden;
|
9980
|
+
}
|
9981
|
+
|
9982
|
+
.c4p--inline-edit-v2-focused {
|
9983
|
+
background: var(--cds-field-01, #f4f4f4);
|
9984
|
+
outline: 2px solid var(--cds-focus, #0f62fe);
|
9985
|
+
}
|
9986
|
+
|
9987
|
+
.c4p--inline-edit-v2__text-input {
|
9988
|
+
flex: 1;
|
9989
|
+
}
|
9990
|
+
|
9991
|
+
.c4p--inline-edit-v2__text-input-label {
|
9992
|
+
display: none;
|
9993
|
+
}
|
9994
|
+
|
9995
|
+
.c4p--inline-edit-v2__warning-icon {
|
9996
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
9997
|
+
margin-right: 0.4375rem;
|
9998
|
+
color: var(--cds-support-error, #da1e28);
|
9999
|
+
}
|
10000
|
+
|
10001
|
+
.c4p--inline-edit-v2__warning-text {
|
10002
|
+
font-size: var(--cds-label-01-font-size, 0.75rem);
|
10003
|
+
font-weight: var(--cds-label-01-font-weight, 400);
|
10004
|
+
line-height: var(--cds-label-01-line-height, 1.33333);
|
10005
|
+
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
10006
|
+
margin-top: 0.5rem;
|
10007
|
+
color: var(--cds-support-error, #da1e28);
|
10008
|
+
}
|
10009
|
+
|
10010
|
+
.c4p--inline-edit-v2__text-input.cds--text-input {
|
10011
|
+
border: none;
|
10012
|
+
background: transparent;
|
10013
|
+
cursor: pointer;
|
10014
|
+
outline: none;
|
10015
|
+
}
|
10016
|
+
|
10017
|
+
.c4p--inline-edit-v2-readonly .c4p--inline-edit-v2__text-input.cds--text-input,
|
10018
|
+
.c4p--inline-edit-v2-readonly .cds--btn.cds--btn--icon-only.cds--tooltip__trigger {
|
10019
|
+
cursor: not-allowed;
|
10020
|
+
}
|
10021
|
+
|
10022
|
+
.c4p--inline-edit-v2__text-input.cds--text-input:focus,
|
10023
|
+
.c4p--inline-edit-v2__text-input.cds--text-input:active {
|
10024
|
+
outline: none;
|
10025
|
+
}
|
10026
|
+
|
9965
10027
|
.c4p--data-spreadsheet {
|
9966
10028
|
--c4p--data-spreadsheet--total-width: 0;
|
9967
10029
|
display: inline-block;
|