@carbon/ibm-products 1.2.2 → 1.3.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (105) hide show
  1. package/css/index-full-carbon.css +392 -190
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +2 -2
  4. package/css/index-without-carbon-released-only.css +6 -3
  5. package/css/index-without-carbon-released-only.css.map +1 -1
  6. package/css/index-without-carbon-released-only.min.css +1 -1
  7. package/css/index-without-carbon.css +169 -3
  8. package/css/index-without-carbon.css.map +1 -1
  9. package/css/index-without-carbon.min.css +2 -2
  10. package/css/index.css +391 -3
  11. package/css/index.css.map +1 -1
  12. package/css/index.min.css +2 -2
  13. package/es/components/APIKeyModal/APIKeyModal.js +2 -2
  14. package/es/components/AboutModal/AboutModal.js +2 -2
  15. package/es/components/ActionBar/ActionBar.js +2 -2
  16. package/es/components/ActionBar/ActionBarItem.js +2 -2
  17. package/es/components/ActionSet/ActionSet.js +2 -2
  18. package/es/components/AddSelect/AddSelect.js +111 -0
  19. package/es/components/AddSelect/index.js +7 -0
  20. package/es/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +2 -2
  21. package/es/components/CancelableTextEdit/CancelableTextEdit.js +207 -0
  22. package/es/components/CancelableTextEdit/index.js +7 -0
  23. package/es/components/Card/Card.js +2 -2
  24. package/es/components/Cascade/Cascade.js +2 -2
  25. package/es/components/ComboButton/ComboButton.js +2 -2
  26. package/es/components/CreateSidePanel/CreateSidePanel.js +2 -2
  27. package/es/components/EditSidePanel/EditSidePanel.js +2 -2
  28. package/es/components/EmptyStates/EmptyState.js +2 -2
  29. package/es/components/EmptyStates/EmptyStateContent.js +2 -2
  30. package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +2 -2
  31. package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +2 -2
  32. package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +2 -2
  33. package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +2 -2
  34. package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +2 -2
  35. package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +2 -2
  36. package/es/components/ExampleComponent/ExampleComponent.js +2 -2
  37. package/es/components/ExportModal/ExportModal.js +2 -2
  38. package/es/components/HTTPErrors/HTTPErrorContent.js +2 -2
  39. package/es/components/ImportModal/ImportModal.js +2 -2
  40. package/es/components/PageHeader/PageHeader.js +2 -2
  41. package/es/components/PageHeader/PageHeaderUtils.js +2 -2
  42. package/es/components/RemoveModal/RemoveModal.js +2 -2
  43. package/es/components/SidePanel/SidePanel.js +2 -2
  44. package/es/components/TagSet/TagSet.js +2 -2
  45. package/es/components/TagSet/TagSetModal.js +2 -2
  46. package/es/components/Tearsheet/Tearsheet.js +2 -2
  47. package/es/components/Tearsheet/TearsheetNarrow.js +2 -2
  48. package/es/components/Tearsheet/TearsheetShell.js +2 -2
  49. package/es/components/WebTerminal/WebTerminal.js +2 -2
  50. package/es/components/index.js +3 -1
  51. package/es/global/js/hooks/useWindowResize.js +2 -2
  52. package/es/global/js/package-settings.js +5 -3
  53. package/es/global/js/utils/props-helper.js +2 -2
  54. package/es/global/js/utils/story-helper.js +1 -1
  55. package/lib/components/APIKeyModal/APIKeyModal.js +2 -2
  56. package/lib/components/AboutModal/AboutModal.js +2 -2
  57. package/lib/components/ActionBar/ActionBar.js +2 -2
  58. package/lib/components/ActionBar/ActionBarItem.js +2 -2
  59. package/lib/components/ActionSet/ActionSet.js +2 -2
  60. package/lib/components/AddSelect/AddSelect.js +133 -0
  61. package/lib/components/AddSelect/index.js +13 -0
  62. package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +2 -2
  63. package/lib/components/CancelableTextEdit/CancelableTextEdit.js +226 -0
  64. package/lib/components/CancelableTextEdit/index.js +13 -0
  65. package/lib/components/Card/Card.js +2 -2
  66. package/lib/components/Cascade/Cascade.js +2 -2
  67. package/lib/components/ComboButton/ComboButton.js +2 -2
  68. package/lib/components/CreateSidePanel/CreateSidePanel.js +2 -2
  69. package/lib/components/EditSidePanel/EditSidePanel.js +2 -2
  70. package/lib/components/EmptyStates/EmptyState.js +2 -2
  71. package/lib/components/EmptyStates/EmptyStateContent.js +2 -2
  72. package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +2 -2
  73. package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +2 -2
  74. package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +2 -2
  75. package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +2 -2
  76. package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +2 -2
  77. package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +2 -2
  78. package/lib/components/ExampleComponent/ExampleComponent.js +2 -2
  79. package/lib/components/ExportModal/ExportModal.js +2 -2
  80. package/lib/components/HTTPErrors/HTTPErrorContent.js +2 -2
  81. package/lib/components/ImportModal/ImportModal.js +2 -2
  82. package/lib/components/PageHeader/PageHeader.js +2 -2
  83. package/lib/components/PageHeader/PageHeaderUtils.js +2 -2
  84. package/lib/components/RemoveModal/RemoveModal.js +2 -2
  85. package/lib/components/SidePanel/SidePanel.js +2 -2
  86. package/lib/components/TagSet/TagSet.js +2 -2
  87. package/lib/components/TagSet/TagSetModal.js +2 -2
  88. package/lib/components/Tearsheet/Tearsheet.js +2 -2
  89. package/lib/components/Tearsheet/TearsheetNarrow.js +2 -2
  90. package/lib/components/Tearsheet/TearsheetShell.js +2 -2
  91. package/lib/components/WebTerminal/WebTerminal.js +2 -2
  92. package/lib/components/index.js +17 -1
  93. package/lib/global/js/hooks/useWindowResize.js +2 -2
  94. package/lib/global/js/package-settings.js +5 -3
  95. package/lib/global/js/utils/props-helper.js +2 -2
  96. package/lib/global/js/utils/story-helper.js +1 -1
  97. package/package.json +15 -15
  98. package/scss/components/AddSelect/_add-select.scss +73 -0
  99. package/scss/components/AddSelect/_index.scss +10 -0
  100. package/scss/components/AddSelect/_storybook-styles.scss +6 -0
  101. package/scss/components/CancelableTextEdit/_cancelable-text-edit.scss +140 -0
  102. package/scss/components/CancelableTextEdit/_index.scss +8 -0
  103. package/scss/components/CancelableTextEdit/_storybook-styles.scss +15 -0
  104. package/scss/components/PageHeader/_page-header.scss +5 -4
  105. package/scss/components/_index.scss +2 -0
@@ -3043,6 +3043,296 @@ em {
3043
3043
  font-size: 0;
3044
3044
  }
3045
3045
 
3046
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
3047
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
3048
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
3049
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
3050
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
3051
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
3052
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
3053
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
3054
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
3055
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
3056
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
3057
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
3058
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
3059
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
3060
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
3061
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
3062
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
3063
+ .bx--structured-list--selection .bx--structured-list-td,
3064
+ .bx--structured-list--selection .bx--structured-list-th {
3065
+ padding-right: 1rem;
3066
+ padding-left: 1rem;
3067
+ }
3068
+ .bx--structured-list--selection .bx--structured-list-td:first-child,
3069
+ .bx--structured-list--selection .bx--structured-list-th:first-child {
3070
+ padding-right: 1rem;
3071
+ padding-left: 1rem;
3072
+ }
3073
+
3074
+ .bx--structured-list-input {
3075
+ display: none;
3076
+ }
3077
+
3078
+ .bx--structured-list {
3079
+ box-sizing: border-box;
3080
+ padding: 0;
3081
+ border: 0;
3082
+ margin: 0;
3083
+ font-family: inherit;
3084
+ font-size: 100%;
3085
+ vertical-align: baseline;
3086
+ display: table;
3087
+ width: 100%;
3088
+ margin-bottom: 5rem;
3089
+ background-color: transparent;
3090
+ border-collapse: collapse;
3091
+ border-spacing: 0;
3092
+ overflow-x: auto;
3093
+ overflow-y: hidden;
3094
+ }
3095
+ .bx--structured-list *,
3096
+ .bx--structured-list *::before,
3097
+ .bx--structured-list *::after {
3098
+ box-sizing: inherit;
3099
+ }
3100
+ .bx--structured-list.bx--structured-list--condensed .bx--structured-list-td, .bx--structured-list.bx--structured-list--condensed .bx--structured-list-th {
3101
+ padding: 0.5rem;
3102
+ }
3103
+ .bx--structured-list .bx--structured-list-row .bx--structured-list-td:first-of-type,
3104
+ .bx--structured-list .bx--structured-list-row .bx--structured-list-th:first-of-type {
3105
+ padding-left: 1rem;
3106
+ }
3107
+ .bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-td, .bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-th, .bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-td:first-of-type, .bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-th:first-of-type {
3108
+ padding-right: 1rem;
3109
+ padding-left: 0;
3110
+ }
3111
+
3112
+ .bx--structured-list-row {
3113
+ display: table-row;
3114
+ border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
3115
+ transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
3116
+ }
3117
+
3118
+ .bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row):not(.bx--structured-list-row--selected) {
3119
+ border-bottom: 1px solid var(--cds-hover-row, #e5e5e5);
3120
+ background-color: var(--cds-hover-row, #e5e5e5);
3121
+ cursor: pointer;
3122
+ }
3123
+
3124
+ .bx--structured-list-row.bx--structured-list-row--selected {
3125
+ background-color: var(--cds-selected-ui, #e0e0e0);
3126
+ }
3127
+
3128
+ .bx--structured-list-row.bx--structured-list-row--header-row {
3129
+ border-bottom: 1px solid var(--cds-selected-ui, #e0e0e0);
3130
+ cursor: inherit;
3131
+ }
3132
+
3133
+ .bx--structured-list-row:focus:not(.bx--structured-list-row--header-row) {
3134
+ outline: 2px solid var(--cds-focus, #0f62fe);
3135
+ outline-offset: -2px;
3136
+ }
3137
+ @media screen and (prefers-contrast) {
3138
+ .bx--structured-list-row:focus:not(.bx--structured-list-row--header-row) {
3139
+ outline-style: dotted;
3140
+ }
3141
+ }
3142
+
3143
+ .bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row) > .bx--structured-list-td,
3144
+ .bx--structured-list-row.bx--structured-list-row--selected > .bx--structured-list-td {
3145
+ color: var(--cds-text-01, #161616);
3146
+ }
3147
+
3148
+ .bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row) > .bx--structured-list-td {
3149
+ border-top: 1px solid var(--cds-ui-01, #f4f4f4);
3150
+ }
3151
+
3152
+ .bx--structured-list-thead {
3153
+ display: table-header-group;
3154
+ vertical-align: middle;
3155
+ }
3156
+
3157
+ .bx--structured-list-th {
3158
+ box-sizing: border-box;
3159
+ padding: 0;
3160
+ border: 0;
3161
+ margin: 0;
3162
+ font-family: inherit;
3163
+ font-size: 100%;
3164
+ vertical-align: baseline;
3165
+ padding: 1rem 0.5rem 0.5rem 0.5rem;
3166
+ font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
3167
+ font-weight: var(--cds-productive-heading-01-font-weight, 600);
3168
+ line-height: var(--cds-productive-heading-01-line-height, 1.28572);
3169
+ letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
3170
+ display: table-cell;
3171
+ height: 2.5rem;
3172
+ color: var(--cds-text-01, #161616);
3173
+ font-weight: 600;
3174
+ text-align: left;
3175
+ text-transform: none;
3176
+ vertical-align: top;
3177
+ }
3178
+ .bx--structured-list-th *,
3179
+ .bx--structured-list-th *::before,
3180
+ .bx--structured-list-th *::after {
3181
+ box-sizing: inherit;
3182
+ }
3183
+
3184
+ .bx--structured-list-tbody {
3185
+ display: table-row-group;
3186
+ vertical-align: middle;
3187
+ }
3188
+
3189
+ .bx--structured-list-td {
3190
+ box-sizing: border-box;
3191
+ padding: 0;
3192
+ border: 0;
3193
+ margin: 0;
3194
+ font-family: inherit;
3195
+ font-size: 100%;
3196
+ vertical-align: baseline;
3197
+ font-size: var(--cds-body-long-01-font-size, 0.875rem);
3198
+ font-weight: var(--cds-body-long-01-font-weight, 400);
3199
+ line-height: var(--cds-body-long-01-line-height, 1.42857);
3200
+ letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
3201
+ padding: 1rem 0.5rem 1.5rem 0.5rem;
3202
+ position: relative;
3203
+ display: table-cell;
3204
+ max-width: 36rem;
3205
+ color: var(--cds-text-02, #525252);
3206
+ transition: color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
3207
+ }
3208
+ .bx--structured-list-td *,
3209
+ .bx--structured-list-td *::before,
3210
+ .bx--structured-list-td *::after {
3211
+ box-sizing: inherit;
3212
+ }
3213
+
3214
+ .bx--structured-list-content--nowrap {
3215
+ white-space: nowrap;
3216
+ }
3217
+
3218
+ .bx--structured-list-svg {
3219
+ display: inline-block;
3220
+ fill: transparent;
3221
+ transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
3222
+ vertical-align: middle;
3223
+ }
3224
+
3225
+ .bx--structured-list-input:checked + .bx--structured-list-row .bx--structured-list-svg,
3226
+ .bx--structured-list-input:checked + .bx--structured-list-td .bx--structured-list-svg {
3227
+ fill: var(--cds-icon-01, #161616);
3228
+ }
3229
+
3230
+ .bx--structured-list.bx--skeleton .bx--structured-list-th:first-child {
3231
+ width: 8%;
3232
+ }
3233
+ .bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n+2) {
3234
+ width: 30%;
3235
+ }
3236
+ .bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n+3) {
3237
+ width: 15%;
3238
+ }
3239
+ .bx--structured-list.bx--skeleton span {
3240
+ position: relative;
3241
+ padding: 0;
3242
+ border: none;
3243
+ background: var(--cds-skeleton-01, #e5e5e5);
3244
+ box-shadow: none;
3245
+ pointer-events: none;
3246
+ display: block;
3247
+ width: 75%;
3248
+ height: 1rem;
3249
+ }
3250
+ .bx--structured-list.bx--skeleton span:hover, .bx--structured-list.bx--skeleton span:focus, .bx--structured-list.bx--skeleton span:active {
3251
+ border: none;
3252
+ cursor: default;
3253
+ outline: none;
3254
+ }
3255
+ .bx--structured-list.bx--skeleton span::before {
3256
+ position: absolute;
3257
+ top: 0;
3258
+ left: 0;
3259
+ width: 100%;
3260
+ height: 100%;
3261
+ animation: 3000ms ease-in-out skeleton infinite;
3262
+ background: var(--cds-skeleton-02, #c6c6c6);
3263
+ content: "";
3264
+ will-change: transform-origin, transform, opacity;
3265
+ }
3266
+ @media (prefers-reduced-motion: reduce) {
3267
+ .bx--structured-list.bx--skeleton span::before {
3268
+ animation: none;
3269
+ }
3270
+ }
3271
+
3272
+ .bx--structured-list.bx--structured-list--selection.bx--skeleton .bx--structured-list-th:first-child {
3273
+ width: 5%;
3274
+ }
3275
+ .bx--structured-list.bx--structured-list--selection.bx--skeleton .bx--structured-list-th:first-child span {
3276
+ display: none;
3277
+ }
3278
+
3279
+ @media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
3280
+ .bx--structured-list-input:checked + .bx--structured-list-td .bx--structured-list-svg {
3281
+ fill: ButtonText;
3282
+ }
3283
+ }
3284
+
3285
+ .c4p--add-select__header {
3286
+ padding: var(--cds-spacing-05, 1rem);
3287
+ padding-bottom: 0;
3288
+ border-top: 1px solid var(--cds-ui-03, #e0e0e0);
3289
+ }
3290
+ .c4p--add-select__header .c4p--add-select__items-label {
3291
+ font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
3292
+ font-weight: var(--cds-productive-heading-01-font-weight, 600);
3293
+ line-height: var(--cds-productive-heading-01-line-height, 1.28572);
3294
+ letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
3295
+ }
3296
+
3297
+ .c4p--add-select__items-label {
3298
+ margin-right: var(--cds-spacing-03, 0.5rem);
3299
+ }
3300
+ .c4p--add-select__items-label-container {
3301
+ display: flex;
3302
+ align-items: center;
3303
+ margin-top: var(--cds-spacing-05, 1rem);
3304
+ margin-bottom: var(--cds-spacing-03, 0.5rem);
3305
+ }
3306
+
3307
+ .c4p--add-select__selections {
3308
+ border-top: 1px solid var(--cds-ui-03, #e0e0e0);
3309
+ }
3310
+
3311
+ .c4p--add-select__influencer-header {
3312
+ display: flex;
3313
+ padding: var(--cds-spacing-06, 1.5rem) var(--cds-spacing-05, 1rem) var(--cds-spacing-03, 0.5rem) var(--cds-spacing-05, 1rem);
3314
+ border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
3315
+ }
3316
+ .c4p--add-select__influencer-header .c4p--add-select__influencer-title {
3317
+ font-size: var(--cds-productive-heading-02-font-size, 1rem);
3318
+ font-weight: var(--cds-productive-heading-02-font-weight, 600);
3319
+ line-height: var(--cds-productive-heading-02-line-height, 1.375);
3320
+ letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
3321
+ }
3322
+
3323
+ .c4p--add-select__influencer-title {
3324
+ margin-right: var(--cds-spacing-03, 0.5rem);
3325
+ }
3326
+
3327
+ .c4p--add-select__influencer-body {
3328
+ padding: var(--cds-spacing-05, 1rem);
3329
+ }
3330
+
3331
+ .c4p--add-select .c4p--tearsheet .c4p--tearsheet__influencer {
3332
+ max-width: 29rem;
3333
+ flex: 0 0 50%;
3334
+ }
3335
+
3046
3336
  /* stylelint-disable-line no-invalid-position-at-import-rule */
3047
3337
  /* stylelint-disable-line no-invalid-position-at-import-rule */
3048
3338
  /* stylelint-disable-line no-invalid-position-at-import-rule */
@@ -18888,7 +19178,8 @@ a.bx--side-nav__link--current::before {
18888
19178
  display: block;
18889
19179
  width: 100%;
18890
19180
  height: 100%;
18891
- animation: background-and-shadow-appear 1000ms calc(-1000ms * var(--c4p--page-header--background-opacity)) linear paused forwards;
19181
+ animation: background-and-shadow-appear 1000ms linear paused forwards;
19182
+ animation-delay: calc(-1000ms * var(--c4p--page-header--background-opacity));
18892
19183
  content: "";
18893
19184
  z-index: -1;
18894
19185
  }
@@ -19027,7 +19318,8 @@ a.bx--side-nav__link--current::before {
19027
19318
  display: block;
19028
19319
  width: 100%;
19029
19320
  height: 100%;
19030
- animation: background-appear 1000ms calc(-1000ms * var(--c4p--page-header--background-opacity)) linear paused forwards;
19321
+ animation: background-appear 1000ms linear paused forwards;
19322
+ animation-delay: calc(-1000ms * var(--c4p--page-header--background-opacity));
19031
19323
  content: "";
19032
19324
  }
19033
19325
  .c4p--page-header .c4p--page-header__action-bar-column--influenced-by-collapse-button {
@@ -19198,7 +19490,8 @@ a.bx--side-nav__link--current::before {
19198
19490
  display: block;
19199
19491
  width: 100%;
19200
19492
  height: 100%;
19201
- animation: background-appear 1000ms calc(-1000ms * var(--c4p--page-header--background-opacity)) linear paused forwards;
19493
+ animation: background-appear 1000ms linear paused forwards;
19494
+ animation-delay: calc(-1000ms * var(--c4p--page-header--background-opacity));
19202
19495
  content: "";
19203
19496
  }
19204
19497
  .c4p--page-header .c4p--page-header__page-actions-content {
@@ -22258,6 +22551,102 @@ a.bx--side-nav__link--current::before {
22258
22551
  transition: none;
22259
22552
  }
22260
22553
  }
22554
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
22555
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
22556
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
22557
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit {
22558
+ --size: var(--cds-spacing-08, 2.5rem);
22559
+ position: relative;
22560
+ width: 100%;
22561
+ min-height: var(--size);
22562
+ }
22563
+
22564
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit--xl {
22565
+ --size: $spacing-09;
22566
+ }
22567
+
22568
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__input {
22569
+ height: var(--size);
22570
+ padding-right: calc(2 * var(--size));
22571
+ }
22572
+
22573
+ .c4p--cancelable-text-edit__buttons {
22574
+ position: absolute;
22575
+ top: 0;
22576
+ right: 0;
22577
+ }
22578
+
22579
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert,
22580
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save {
22581
+ width: var(--size);
22582
+ height: var(--size);
22583
+ min-height: var(--size);
22584
+ }
22585
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert:hover,
22586
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:hover {
22587
+ border-color: var(--cds-hover-field, #e5e5e5);
22588
+ border-bottom: 1px solid transparent;
22589
+ background-clip: content-box;
22590
+ box-shadow: initial;
22591
+ }
22592
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert:focus:active, .c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert:focus,
22593
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:focus:active,
22594
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:focus {
22595
+ border-width: 2px;
22596
+ border-color: var(--cds-focus, #0f62fe);
22597
+ box-shadow: initial;
22598
+ }
22599
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert:focus:active:hover,
22600
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:focus:active:hover {
22601
+ padding: 1px;
22602
+ }
22603
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert::before,
22604
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save::before {
22605
+ background-color: transparent;
22606
+ }
22607
+
22608
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .bx--text-input-wrapper ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__revert,
22609
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .bx--text-input-wrapper ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__save,
22610
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__revert,
22611
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__save {
22612
+ border: 2px solid transparent;
22613
+ }
22614
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .bx--text-input-wrapper ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__revert:hover,
22615
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .bx--text-input-wrapper ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__save:hover,
22616
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__revert:hover,
22617
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__save:hover {
22618
+ border-top: 2px solid transparent;
22619
+ border-bottom: 2px solid transparent;
22620
+ background-clip: content-box;
22621
+ }
22622
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .bx--text-input-wrapper ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__save,
22623
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__save {
22624
+ border-right: 2px solid transparent;
22625
+ }
22626
+
22627
+ .c4p--cancelable-text-edit--invalid > .bx--form-requirement,
22628
+ .c4p--cancelable-text-edit--warn > .bx--form-requirement {
22629
+ display: block;
22630
+ max-height: initial;
22631
+ margin-left: calc(20% + 1.25rem);
22632
+ }
22633
+
22634
+ .c4p--cancelable-text-edit--invalid > .bx--form-requirement {
22635
+ color: var(--cds-text-error, #da1e28);
22636
+ }
22637
+
22638
+ .c4p--cancelable-text-edit .bx--text-input {
22639
+ padding-right: calc(2 * var(--size));
22640
+ }
22641
+
22642
+ .c4p--cancelable-text-edit .bx--text-input--invalid {
22643
+ padding-right: calc(3 * var(--size));
22644
+ }
22645
+
22646
+ .c4p--cancelable-text-edit .bx--text-input__invalid-icon {
22647
+ margin-right: var(--cds-spacing-11, 5rem);
22648
+ }
22649
+
22261
22650
  /* stylelint-disable-line no-invalid-position-at-import-rule */
22262
22651
  /* stylelint-disable-line no-invalid-position-at-import-rule */
22263
22652
  /* stylelint-disable-line no-invalid-position-at-import-rule */
@@ -31082,192 +31471,6 @@ span.bx--pagination__text {
31082
31471
  /* stylelint-disable-line no-invalid-position-at-import-rule */
31083
31472
  /* stylelint-disable-line no-invalid-position-at-import-rule */
31084
31473
  /* stylelint-disable-line no-invalid-position-at-import-rule */
31085
- .bx--structured-list--selection .bx--structured-list-td,
31086
- .bx--structured-list--selection .bx--structured-list-th {
31087
- padding-right: 1rem;
31088
- padding-left: 1rem;
31089
- }
31090
- .bx--structured-list--selection .bx--structured-list-td:first-child,
31091
- .bx--structured-list--selection .bx--structured-list-th:first-child {
31092
- padding-right: 1rem;
31093
- padding-left: 1rem;
31094
- }
31095
-
31096
- .bx--structured-list-input {
31097
- display: none;
31098
- }
31099
-
31100
- .bx--structured-list {
31101
- display: table;
31102
- width: 100%;
31103
- margin-bottom: 5rem;
31104
- background-color: transparent;
31105
- border-collapse: collapse;
31106
- border-spacing: 0;
31107
- overflow-x: auto;
31108
- overflow-y: hidden;
31109
- }
31110
- .bx--structured-list.bx--structured-list--condensed .bx--structured-list-td, .bx--structured-list.bx--structured-list--condensed .bx--structured-list-th {
31111
- padding: 0.5rem;
31112
- }
31113
- .bx--structured-list .bx--structured-list-row .bx--structured-list-td:first-of-type,
31114
- .bx--structured-list .bx--structured-list-row .bx--structured-list-th:first-of-type {
31115
- padding-left: 1rem;
31116
- }
31117
- .bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-td, .bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-th, .bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-td:first-of-type, .bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-th:first-of-type {
31118
- padding-right: 1rem;
31119
- padding-left: 0;
31120
- }
31121
-
31122
- .bx--structured-list-row {
31123
- display: table-row;
31124
- border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
31125
- transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
31126
- }
31127
-
31128
- .bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row):not(.bx--structured-list-row--selected) {
31129
- border-bottom: 1px solid var(--cds-hover-row, #e5e5e5);
31130
- background-color: var(--cds-hover-row, #e5e5e5);
31131
- cursor: pointer;
31132
- }
31133
-
31134
- .bx--structured-list-row.bx--structured-list-row--selected {
31135
- background-color: var(--cds-selected-ui, #e0e0e0);
31136
- }
31137
-
31138
- .bx--structured-list-row.bx--structured-list-row--header-row {
31139
- border-bottom: 1px solid var(--cds-selected-ui, #e0e0e0);
31140
- cursor: inherit;
31141
- }
31142
-
31143
- .bx--structured-list-row:focus:not(.bx--structured-list-row--header-row) {
31144
- outline: 2px solid var(--cds-focus, #0f62fe);
31145
- outline-offset: -2px;
31146
- }
31147
- @media screen and (prefers-contrast) {
31148
- .bx--structured-list-row:focus:not(.bx--structured-list-row--header-row) {
31149
- outline-style: dotted;
31150
- }
31151
- }
31152
-
31153
- .bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row) > .bx--structured-list-td,
31154
- .bx--structured-list-row.bx--structured-list-row--selected > .bx--structured-list-td {
31155
- color: var(--cds-text-01, #161616);
31156
- }
31157
-
31158
- .bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row) > .bx--structured-list-td {
31159
- border-top: 1px solid var(--cds-ui-01, #f4f4f4);
31160
- }
31161
-
31162
- .bx--structured-list-thead {
31163
- display: table-header-group;
31164
- vertical-align: middle;
31165
- }
31166
-
31167
- .bx--structured-list-th {
31168
- padding: 1rem 0.5rem 0.5rem 0.5rem;
31169
- font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
31170
- font-weight: var(--cds-productive-heading-01-font-weight, 600);
31171
- line-height: var(--cds-productive-heading-01-line-height, 1.28572);
31172
- letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
31173
- display: table-cell;
31174
- height: 2.5rem;
31175
- color: var(--cds-text-01, #161616);
31176
- font-weight: 600;
31177
- text-align: left;
31178
- text-transform: none;
31179
- vertical-align: top;
31180
- }
31181
-
31182
- .bx--structured-list-tbody {
31183
- display: table-row-group;
31184
- vertical-align: middle;
31185
- }
31186
-
31187
- .bx--structured-list-td {
31188
- font-size: var(--cds-body-long-01-font-size, 0.875rem);
31189
- font-weight: var(--cds-body-long-01-font-weight, 400);
31190
- line-height: var(--cds-body-long-01-line-height, 1.42857);
31191
- letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
31192
- padding: 1rem 0.5rem 1.5rem 0.5rem;
31193
- position: relative;
31194
- display: table-cell;
31195
- max-width: 36rem;
31196
- color: var(--cds-text-02, #525252);
31197
- transition: color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
31198
- }
31199
-
31200
- .bx--structured-list-content--nowrap {
31201
- white-space: nowrap;
31202
- }
31203
-
31204
- .bx--structured-list-svg {
31205
- display: inline-block;
31206
- fill: transparent;
31207
- transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
31208
- vertical-align: middle;
31209
- }
31210
-
31211
- .bx--structured-list-input:checked + .bx--structured-list-row .bx--structured-list-svg,
31212
- .bx--structured-list-input:checked + .bx--structured-list-td .bx--structured-list-svg {
31213
- fill: var(--cds-icon-01, #161616);
31214
- }
31215
-
31216
- .bx--structured-list.bx--skeleton .bx--structured-list-th:first-child {
31217
- width: 8%;
31218
- }
31219
- .bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n+2) {
31220
- width: 30%;
31221
- }
31222
- .bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n+3) {
31223
- width: 15%;
31224
- }
31225
- .bx--structured-list.bx--skeleton span {
31226
- position: relative;
31227
- padding: 0;
31228
- border: none;
31229
- background: var(--cds-skeleton-01, #e5e5e5);
31230
- box-shadow: none;
31231
- pointer-events: none;
31232
- display: block;
31233
- width: 75%;
31234
- height: 1rem;
31235
- }
31236
- .bx--structured-list.bx--skeleton span:hover, .bx--structured-list.bx--skeleton span:focus, .bx--structured-list.bx--skeleton span:active {
31237
- border: none;
31238
- cursor: default;
31239
- outline: none;
31240
- }
31241
- .bx--structured-list.bx--skeleton span::before {
31242
- position: absolute;
31243
- top: 0;
31244
- left: 0;
31245
- width: 100%;
31246
- height: 100%;
31247
- animation: 3000ms ease-in-out skeleton infinite;
31248
- background: var(--cds-skeleton-02, #c6c6c6);
31249
- content: "";
31250
- will-change: transform-origin, transform, opacity;
31251
- }
31252
- @media (prefers-reduced-motion: reduce) {
31253
- .bx--structured-list.bx--skeleton span::before {
31254
- animation: none;
31255
- }
31256
- }
31257
-
31258
- .bx--structured-list.bx--structured-list--selection.bx--skeleton .bx--structured-list-th:first-child {
31259
- width: 5%;
31260
- }
31261
- .bx--structured-list.bx--structured-list--selection.bx--skeleton .bx--structured-list-th:first-child span {
31262
- display: none;
31263
- }
31264
-
31265
- @media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
31266
- .bx--structured-list-input:checked + .bx--structured-list-td .bx--structured-list-svg {
31267
- fill: ButtonText;
31268
- }
31269
- }
31270
-
31271
31474
  /* stylelint-disable-line no-invalid-position-at-import-rule */
31272
31475
  /* stylelint-disable-line no-invalid-position-at-import-rule */
31273
31476
  /* stylelint-disable-line no-invalid-position-at-import-rule */
@@ -31785,7 +31988,6 @@ span.bx--pagination__text {
31785
31988
  min-width: auto;
31786
31989
  padding-right: 3rem;
31787
31990
  margin: 0;
31788
- line-height: 1;
31789
31991
  }
31790
31992
 
31791
31993
  .bx--time-picker__input-field {