@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.
- package/css/index-full-carbon.css +392 -190
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +2 -2
- package/css/index-without-carbon-released-only.css +6 -3
- 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.css +169 -3
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +2 -2
- package/css/index.css +391 -3
- package/css/index.css.map +1 -1
- package/css/index.min.css +2 -2
- package/es/components/APIKeyModal/APIKeyModal.js +2 -2
- package/es/components/AboutModal/AboutModal.js +2 -2
- package/es/components/ActionBar/ActionBar.js +2 -2
- package/es/components/ActionBar/ActionBarItem.js +2 -2
- package/es/components/ActionSet/ActionSet.js +2 -2
- package/es/components/AddSelect/AddSelect.js +111 -0
- package/es/components/AddSelect/index.js +7 -0
- package/es/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +2 -2
- package/es/components/CancelableTextEdit/CancelableTextEdit.js +207 -0
- package/es/components/CancelableTextEdit/index.js +7 -0
- package/es/components/Card/Card.js +2 -2
- package/es/components/Cascade/Cascade.js +2 -2
- package/es/components/ComboButton/ComboButton.js +2 -2
- package/es/components/CreateSidePanel/CreateSidePanel.js +2 -2
- package/es/components/EditSidePanel/EditSidePanel.js +2 -2
- package/es/components/EmptyStates/EmptyState.js +2 -2
- package/es/components/EmptyStates/EmptyStateContent.js +2 -2
- package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +2 -2
- package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +2 -2
- package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +2 -2
- package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +2 -2
- package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +2 -2
- package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +2 -2
- package/es/components/ExampleComponent/ExampleComponent.js +2 -2
- package/es/components/ExportModal/ExportModal.js +2 -2
- package/es/components/HTTPErrors/HTTPErrorContent.js +2 -2
- package/es/components/ImportModal/ImportModal.js +2 -2
- package/es/components/PageHeader/PageHeader.js +2 -2
- package/es/components/PageHeader/PageHeaderUtils.js +2 -2
- package/es/components/RemoveModal/RemoveModal.js +2 -2
- package/es/components/SidePanel/SidePanel.js +2 -2
- package/es/components/TagSet/TagSet.js +2 -2
- package/es/components/TagSet/TagSetModal.js +2 -2
- package/es/components/Tearsheet/Tearsheet.js +2 -2
- package/es/components/Tearsheet/TearsheetNarrow.js +2 -2
- package/es/components/Tearsheet/TearsheetShell.js +2 -2
- package/es/components/WebTerminal/WebTerminal.js +2 -2
- package/es/components/index.js +3 -1
- package/es/global/js/hooks/useWindowResize.js +2 -2
- package/es/global/js/package-settings.js +5 -3
- package/es/global/js/utils/props-helper.js +2 -2
- package/es/global/js/utils/story-helper.js +1 -1
- package/lib/components/APIKeyModal/APIKeyModal.js +2 -2
- package/lib/components/AboutModal/AboutModal.js +2 -2
- package/lib/components/ActionBar/ActionBar.js +2 -2
- package/lib/components/ActionBar/ActionBarItem.js +2 -2
- package/lib/components/ActionSet/ActionSet.js +2 -2
- package/lib/components/AddSelect/AddSelect.js +133 -0
- package/lib/components/AddSelect/index.js +13 -0
- package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +2 -2
- package/lib/components/CancelableTextEdit/CancelableTextEdit.js +226 -0
- package/lib/components/CancelableTextEdit/index.js +13 -0
- package/lib/components/Card/Card.js +2 -2
- package/lib/components/Cascade/Cascade.js +2 -2
- package/lib/components/ComboButton/ComboButton.js +2 -2
- package/lib/components/CreateSidePanel/CreateSidePanel.js +2 -2
- package/lib/components/EditSidePanel/EditSidePanel.js +2 -2
- package/lib/components/EmptyStates/EmptyState.js +2 -2
- package/lib/components/EmptyStates/EmptyStateContent.js +2 -2
- package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +2 -2
- package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +2 -2
- package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +2 -2
- package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +2 -2
- package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +2 -2
- package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +2 -2
- package/lib/components/ExampleComponent/ExampleComponent.js +2 -2
- package/lib/components/ExportModal/ExportModal.js +2 -2
- package/lib/components/HTTPErrors/HTTPErrorContent.js +2 -2
- package/lib/components/ImportModal/ImportModal.js +2 -2
- package/lib/components/PageHeader/PageHeader.js +2 -2
- package/lib/components/PageHeader/PageHeaderUtils.js +2 -2
- package/lib/components/RemoveModal/RemoveModal.js +2 -2
- package/lib/components/SidePanel/SidePanel.js +2 -2
- package/lib/components/TagSet/TagSet.js +2 -2
- package/lib/components/TagSet/TagSetModal.js +2 -2
- package/lib/components/Tearsheet/Tearsheet.js +2 -2
- package/lib/components/Tearsheet/TearsheetNarrow.js +2 -2
- package/lib/components/Tearsheet/TearsheetShell.js +2 -2
- package/lib/components/WebTerminal/WebTerminal.js +2 -2
- package/lib/components/index.js +17 -1
- package/lib/global/js/hooks/useWindowResize.js +2 -2
- package/lib/global/js/package-settings.js +5 -3
- package/lib/global/js/utils/props-helper.js +2 -2
- package/lib/global/js/utils/story-helper.js +1 -1
- package/package.json +15 -15
- package/scss/components/AddSelect/_add-select.scss +73 -0
- package/scss/components/AddSelect/_index.scss +10 -0
- package/scss/components/AddSelect/_storybook-styles.scss +6 -0
- package/scss/components/CancelableTextEdit/_cancelable-text-edit.scss +140 -0
- package/scss/components/CancelableTextEdit/_index.scss +8 -0
- package/scss/components/CancelableTextEdit/_storybook-styles.scss +15 -0
- package/scss/components/PageHeader/_page-header.scss +5 -4
- 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
|
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
|
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
|
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 {
|