@carbon/ibm-products 1.3.0 → 1.6.1
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +5102 -4711
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +9 -3
- package/css/index-full-carbon.min.css.map +1 -0
- package/css/index-without-carbon-released-only.css +189 -108
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +3 -3
- package/css/index-without-carbon-released-only.min.css.map +1 -0
- package/css/index-without-carbon.css +619 -236
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +9 -3
- package/css/index-without-carbon.min.css.map +1 -0
- package/css/index.css +950 -567
- package/css/index.css.map +1 -1
- package/css/index.min.css +9 -3
- package/css/index.min.css.map +1 -0
- package/es/components/APIKeyModal/APIKeyModal.js +25 -29
- package/es/components/ActionBar/ActionBar.js +4 -1
- package/es/components/ActionSet/ActionSet.js +22 -10
- package/es/components/ActionSet/actions.js +25 -17
- package/es/components/AddSelect/AddSelect.js +141 -53
- package/es/components/AddSelect/AddSelectBreadcrumbs.js +56 -0
- package/es/components/AddSelect/AddSelectList.js +94 -0
- package/es/components/AddSelect/AddSelectSidebar.js +78 -0
- package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +24 -17
- package/es/components/CancelableTextEdit/CancelableTextEdit.js +62 -24
- package/es/components/Card/Card.js +6 -4
- package/es/components/CreateFullPage/CreateFullPage.js +102 -258
- package/es/components/CreateFullPage/CreateFullPageStep.js +65 -13
- package/es/components/CreateFullPage/index.js +1 -2
- package/es/components/CreateInfluencer/CreateInfluencer.js +40 -220
- package/es/components/CreateTearsheet/CreateTearsheet.js +95 -146
- package/es/components/CreateTearsheet/CreateTearsheetStep.js +70 -20
- package/es/components/CreateTearsheet/index.js +0 -1
- package/es/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +87 -28
- package/es/components/CreateTearsheet/preview-components/MultiStepWithIntro.js +8 -6
- package/es/components/EmptyStates/EmptyState.js +1 -1
- package/es/components/EmptyStates/EmptyStateContent.js +2 -2
- package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +1 -1
- package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +1 -1
- package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +1 -1
- package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +1 -1
- package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +1 -1
- package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +1 -1
- package/es/components/ExportModal/ExportModal.js +41 -12
- package/es/components/ImportModal/ImportModal.js +2 -1
- package/es/components/InlineEdit/InlineEdit.js +397 -0
- package/es/components/InlineEdit/index.js +7 -0
- package/es/components/MultiAddSelect/MultiAddSelect.js +16 -0
- package/es/components/MultiAddSelect/index.js +1 -0
- package/es/components/NotificationsPanel/NotificationsPanel.js +16 -3
- package/es/components/OptionsTile/OptionsTile.js +36 -15
- package/es/components/PageHeader/PageHeader.js +59 -35
- package/es/components/PageHeader/PageHeaderTitle.js +82 -7
- package/es/components/PageHeader/PageHeaderUtils.js +21 -2
- package/es/components/RemoveModal/RemoveModal.js +4 -2
- package/es/components/SidePanel/SidePanel.js +33 -16
- package/es/components/SingleAddSelect/SingleAddSelect.js +15 -0
- package/es/components/SingleAddSelect/index.js +1 -0
- package/es/components/TagSet/TagSet.js +4 -1
- package/es/components/Tearsheet/Tearsheet.js +1 -1
- package/es/components/Tearsheet/TearsheetNarrow.js +1 -1
- package/es/components/Tearsheet/TearsheetShell.js +1 -1
- package/es/components/Toolbar/Toolbar.js +69 -8
- package/es/components/WebTerminal/WebTerminal.js +1 -1
- package/es/components/index.js +4 -2
- package/es/global/js/hooks/index.js +1 -0
- package/es/global/js/hooks/useCreateComponentFocus.js +15 -19
- package/es/global/js/hooks/useCreateComponentStepChange.js +69 -79
- package/es/global/js/hooks/useResetCreateComponent.js +7 -4
- package/es/global/js/hooks/useRetrieveStepData.js +51 -0
- package/es/global/js/hooks/useValidCreateStepCount.js +4 -7
- package/es/global/js/package-settings.js +4 -2
- package/es/global/js/utils/lastIndexInArray.js +26 -0
- package/es/settings.js +0 -5
- package/lib/components/APIKeyModal/APIKeyModal.js +25 -29
- package/lib/components/ActionBar/ActionBar.js +4 -1
- package/lib/components/ActionSet/ActionSet.js +22 -10
- package/lib/components/ActionSet/actions.js +25 -17
- package/lib/components/AddSelect/AddSelect.js +141 -50
- package/lib/components/AddSelect/AddSelectBreadcrumbs.js +71 -0
- package/lib/components/AddSelect/AddSelectList.js +112 -0
- package/lib/components/AddSelect/AddSelectSidebar.js +89 -0
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +23 -16
- package/lib/components/CancelableTextEdit/CancelableTextEdit.js +62 -23
- package/lib/components/Card/Card.js +6 -4
- package/lib/components/CreateFullPage/CreateFullPage.js +102 -258
- package/lib/components/CreateFullPage/CreateFullPageStep.js +68 -13
- package/lib/components/CreateFullPage/index.js +1 -9
- package/lib/components/CreateInfluencer/CreateInfluencer.js +38 -231
- package/lib/components/CreateTearsheet/CreateTearsheet.js +97 -148
- package/lib/components/CreateTearsheet/CreateTearsheetStep.js +72 -19
- package/lib/components/CreateTearsheet/index.js +0 -8
- package/lib/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +86 -34
- package/lib/components/CreateTearsheet/preview-components/MultiStepWithIntro.js +8 -6
- package/lib/components/EmptyStates/EmptyState.js +1 -1
- package/lib/components/EmptyStates/EmptyStateContent.js +2 -2
- package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +1 -1
- package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +1 -1
- package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +1 -1
- package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +1 -1
- package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +1 -1
- package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +1 -1
- package/lib/components/ExportModal/ExportModal.js +38 -11
- package/lib/components/ImportModal/ImportModal.js +2 -1
- package/lib/components/InlineEdit/InlineEdit.js +413 -0
- package/lib/components/InlineEdit/index.js +13 -0
- package/lib/components/MultiAddSelect/MultiAddSelect.js +37 -0
- package/lib/components/MultiAddSelect/index.js +13 -0
- package/lib/components/NotificationsPanel/NotificationsPanel.js +13 -1
- package/lib/components/OptionsTile/OptionsTile.js +36 -15
- package/lib/components/PageHeader/PageHeader.js +59 -35
- package/lib/components/PageHeader/PageHeaderTitle.js +91 -9
- package/lib/components/PageHeader/PageHeaderUtils.js +21 -2
- package/lib/components/RemoveModal/RemoveModal.js +4 -2
- package/lib/components/SidePanel/SidePanel.js +33 -16
- package/lib/components/SingleAddSelect/SingleAddSelect.js +36 -0
- package/lib/components/SingleAddSelect/index.js +13 -0
- package/lib/components/TagSet/TagSet.js +4 -1
- package/lib/components/Tearsheet/Tearsheet.js +1 -1
- package/lib/components/Tearsheet/TearsheetNarrow.js +1 -1
- package/lib/components/Tearsheet/TearsheetShell.js +1 -1
- package/lib/components/Toolbar/Toolbar.js +69 -6
- package/lib/components/WebTerminal/WebTerminal.js +1 -1
- package/lib/components/index.js +25 -9
- package/lib/global/js/hooks/index.js +8 -0
- package/lib/global/js/hooks/useCreateComponentFocus.js +15 -19
- package/lib/global/js/hooks/useCreateComponentStepChange.js +69 -79
- package/lib/global/js/hooks/useResetCreateComponent.js +7 -4
- package/lib/global/js/hooks/useRetrieveStepData.js +62 -0
- package/lib/global/js/hooks/useValidCreateStepCount.js +4 -7
- package/lib/global/js/package-settings.js +4 -2
- package/lib/global/js/utils/lastIndexInArray.js +35 -0
- package/lib/settings.js +0 -6
- package/package.json +24 -24
- package/scss/components/AddSelect/_add-select.scss +53 -8
- package/scss/components/BreadcrumbWithOverflow/_breadcrumb-with-overflow.scss +19 -15
- package/scss/components/BreadcrumbWithOverflow/_index.scss +1 -1
- package/scss/components/CancelableTextEdit/_cancelable-text-edit.scss +142 -70
- package/scss/components/CancelableTextEdit/_storybook-styles.scss +0 -7
- package/scss/components/CreateFullPage/_create-full-page.scss +4 -11
- package/scss/components/CreateInfluencer/_create-influencer.scss +4 -4
- package/scss/components/CreateTearsheet/_create-tearsheet.scss +6 -10
- package/scss/components/CreateTearsheetNarrow/_storybook-styles.scss +0 -6
- package/scss/components/EditSidePanel/_storybook-styles.scss +0 -8
- package/scss/components/InlineEdit/_index.scss +8 -0
- package/scss/components/InlineEdit/_inline-edit.scss +320 -0
- package/scss/components/InlineEdit/_storybook-styles.scss +21 -0
- package/scss/components/LoadingBar/_storybook-styles.scss +0 -5
- package/scss/components/MultiAddSelect/_index.scss +1 -0
- package/scss/components/MultiAddSelect/_multi-add-select.scss +1 -0
- package/scss/components/MultiAddSelect/_storybook-styles.scss +6 -0
- package/scss/components/NotificationsPanel/_notifications-panel.scss +2 -2
- package/scss/components/OptionsTile/_storybook-styles.scss +0 -7
- package/scss/components/PageHeader/_index.scss +1 -1
- package/scss/components/PageHeader/_page-header.scss +18 -5
- package/scss/components/ProductiveCard/_productive-card.scss +0 -4
- package/scss/components/SidePanel/_side-panel.scss +15 -6
- package/scss/components/SingleAddSelect/_index.scss +1 -0
- package/scss/components/SingleAddSelect/_single-add-select.scss +1 -0
- package/scss/components/SingleAddSelect/_storybook-styles.scss +6 -0
- package/scss/components/StatusIcon/_index.scss +1 -1
- package/scss/components/StatusIcon/_status-icon.scss +6 -4
- package/scss/components/TagSet/_index.scss +1 -1
- package/scss/components/UserProfileImage/_index.scss +1 -1
- package/scss/components/UserProfileImage/_user-profile-image.scss +2 -2
- package/scss/components/WebTerminal/_web-terminal.scss +2 -2
- package/scss/components/_index.scss +3 -1
- package/scss/global/styles/_project-settings.scss +5 -1
- package/es/components/CreateFullPage/CreateFullPageSection.js +0 -53
- package/es/components/CreateFullPage/constants.js +0 -8
- package/es/components/CreateTearsheet/CreateTearsheetSection.js +0 -83
- package/es/components/CreateTearsheet/constants.js +0 -8
- package/es/components/CreateTearsheet/preview-components/MultiStepWithSectionsTearsheet.js +0 -327
- package/es/generated/feature-flags/feature-flags.js +0 -15
- package/es/global/js/utils/hasValidType.js +0 -94
- package/lib/components/CreateFullPage/CreateFullPageSection.js +0 -74
- package/lib/components/CreateFullPage/constants.js +0 -16
- package/lib/components/CreateTearsheet/CreateTearsheetSection.js +0 -105
- package/lib/components/CreateTearsheet/constants.js +0 -17
- package/lib/components/CreateTearsheet/preview-components/MultiStepWithSectionsTearsheet.js +0 -354
- package/lib/generated/feature-flags/feature-flags.js +0 -22
- package/lib/global/js/utils/hasValidType.js +0 -110
- package/scss/generated/feature-flags/_feature-flags.scss +0 -19
package/css/index.css
CHANGED
@@ -3042,296 +3042,6 @@ em {
|
|
3042
3042
|
font-size: 0;
|
3043
3043
|
}
|
3044
3044
|
|
3045
|
-
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
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
|
-
.bx--structured-list--selection .bx--structured-list-td,
|
3063
|
-
.bx--structured-list--selection .bx--structured-list-th {
|
3064
|
-
padding-right: 1rem;
|
3065
|
-
padding-left: 1rem;
|
3066
|
-
}
|
3067
|
-
.bx--structured-list--selection .bx--structured-list-td:first-child,
|
3068
|
-
.bx--structured-list--selection .bx--structured-list-th:first-child {
|
3069
|
-
padding-right: 1rem;
|
3070
|
-
padding-left: 1rem;
|
3071
|
-
}
|
3072
|
-
|
3073
|
-
.bx--structured-list-input {
|
3074
|
-
display: none;
|
3075
|
-
}
|
3076
|
-
|
3077
|
-
.bx--structured-list {
|
3078
|
-
box-sizing: border-box;
|
3079
|
-
padding: 0;
|
3080
|
-
border: 0;
|
3081
|
-
margin: 0;
|
3082
|
-
font-family: inherit;
|
3083
|
-
font-size: 100%;
|
3084
|
-
vertical-align: baseline;
|
3085
|
-
display: table;
|
3086
|
-
width: 100%;
|
3087
|
-
margin-bottom: 5rem;
|
3088
|
-
background-color: transparent;
|
3089
|
-
border-collapse: collapse;
|
3090
|
-
border-spacing: 0;
|
3091
|
-
overflow-x: auto;
|
3092
|
-
overflow-y: hidden;
|
3093
|
-
}
|
3094
|
-
.bx--structured-list *,
|
3095
|
-
.bx--structured-list *::before,
|
3096
|
-
.bx--structured-list *::after {
|
3097
|
-
box-sizing: inherit;
|
3098
|
-
}
|
3099
|
-
.bx--structured-list.bx--structured-list--condensed .bx--structured-list-td, .bx--structured-list.bx--structured-list--condensed .bx--structured-list-th {
|
3100
|
-
padding: 0.5rem;
|
3101
|
-
}
|
3102
|
-
.bx--structured-list .bx--structured-list-row .bx--structured-list-td:first-of-type,
|
3103
|
-
.bx--structured-list .bx--structured-list-row .bx--structured-list-th:first-of-type {
|
3104
|
-
padding-left: 1rem;
|
3105
|
-
}
|
3106
|
-
.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 {
|
3107
|
-
padding-right: 1rem;
|
3108
|
-
padding-left: 0;
|
3109
|
-
}
|
3110
|
-
|
3111
|
-
.bx--structured-list-row {
|
3112
|
-
display: table-row;
|
3113
|
-
border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
|
3114
|
-
transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
3115
|
-
}
|
3116
|
-
|
3117
|
-
.bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row):not(.bx--structured-list-row--selected) {
|
3118
|
-
border-bottom: 1px solid var(--cds-hover-row, #e5e5e5);
|
3119
|
-
background-color: var(--cds-hover-row, #e5e5e5);
|
3120
|
-
cursor: pointer;
|
3121
|
-
}
|
3122
|
-
|
3123
|
-
.bx--structured-list-row.bx--structured-list-row--selected {
|
3124
|
-
background-color: var(--cds-selected-ui, #e0e0e0);
|
3125
|
-
}
|
3126
|
-
|
3127
|
-
.bx--structured-list-row.bx--structured-list-row--header-row {
|
3128
|
-
border-bottom: 1px solid var(--cds-selected-ui, #e0e0e0);
|
3129
|
-
cursor: inherit;
|
3130
|
-
}
|
3131
|
-
|
3132
|
-
.bx--structured-list-row:focus:not(.bx--structured-list-row--header-row) {
|
3133
|
-
outline: 2px solid var(--cds-focus, #0f62fe);
|
3134
|
-
outline-offset: -2px;
|
3135
|
-
}
|
3136
|
-
@media screen and (prefers-contrast) {
|
3137
|
-
.bx--structured-list-row:focus:not(.bx--structured-list-row--header-row) {
|
3138
|
-
outline-style: dotted;
|
3139
|
-
}
|
3140
|
-
}
|
3141
|
-
|
3142
|
-
.bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row) > .bx--structured-list-td,
|
3143
|
-
.bx--structured-list-row.bx--structured-list-row--selected > .bx--structured-list-td {
|
3144
|
-
color: var(--cds-text-01, #161616);
|
3145
|
-
}
|
3146
|
-
|
3147
|
-
.bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row) > .bx--structured-list-td {
|
3148
|
-
border-top: 1px solid var(--cds-ui-01, #f4f4f4);
|
3149
|
-
}
|
3150
|
-
|
3151
|
-
.bx--structured-list-thead {
|
3152
|
-
display: table-header-group;
|
3153
|
-
vertical-align: middle;
|
3154
|
-
}
|
3155
|
-
|
3156
|
-
.bx--structured-list-th {
|
3157
|
-
box-sizing: border-box;
|
3158
|
-
padding: 0;
|
3159
|
-
border: 0;
|
3160
|
-
margin: 0;
|
3161
|
-
font-family: inherit;
|
3162
|
-
font-size: 100%;
|
3163
|
-
vertical-align: baseline;
|
3164
|
-
padding: 1rem 0.5rem 0.5rem 0.5rem;
|
3165
|
-
font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
|
3166
|
-
font-weight: var(--cds-productive-heading-01-font-weight, 600);
|
3167
|
-
line-height: var(--cds-productive-heading-01-line-height, 1.28572);
|
3168
|
-
letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
|
3169
|
-
display: table-cell;
|
3170
|
-
height: 2.5rem;
|
3171
|
-
color: var(--cds-text-01, #161616);
|
3172
|
-
font-weight: 600;
|
3173
|
-
text-align: left;
|
3174
|
-
text-transform: none;
|
3175
|
-
vertical-align: top;
|
3176
|
-
}
|
3177
|
-
.bx--structured-list-th *,
|
3178
|
-
.bx--structured-list-th *::before,
|
3179
|
-
.bx--structured-list-th *::after {
|
3180
|
-
box-sizing: inherit;
|
3181
|
-
}
|
3182
|
-
|
3183
|
-
.bx--structured-list-tbody {
|
3184
|
-
display: table-row-group;
|
3185
|
-
vertical-align: middle;
|
3186
|
-
}
|
3187
|
-
|
3188
|
-
.bx--structured-list-td {
|
3189
|
-
box-sizing: border-box;
|
3190
|
-
padding: 0;
|
3191
|
-
border: 0;
|
3192
|
-
margin: 0;
|
3193
|
-
font-family: inherit;
|
3194
|
-
font-size: 100%;
|
3195
|
-
vertical-align: baseline;
|
3196
|
-
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
3197
|
-
font-weight: var(--cds-body-long-01-font-weight, 400);
|
3198
|
-
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
3199
|
-
letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
|
3200
|
-
padding: 1rem 0.5rem 1.5rem 0.5rem;
|
3201
|
-
position: relative;
|
3202
|
-
display: table-cell;
|
3203
|
-
max-width: 36rem;
|
3204
|
-
color: var(--cds-text-02, #525252);
|
3205
|
-
transition: color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
3206
|
-
}
|
3207
|
-
.bx--structured-list-td *,
|
3208
|
-
.bx--structured-list-td *::before,
|
3209
|
-
.bx--structured-list-td *::after {
|
3210
|
-
box-sizing: inherit;
|
3211
|
-
}
|
3212
|
-
|
3213
|
-
.bx--structured-list-content--nowrap {
|
3214
|
-
white-space: nowrap;
|
3215
|
-
}
|
3216
|
-
|
3217
|
-
.bx--structured-list-svg {
|
3218
|
-
display: inline-block;
|
3219
|
-
fill: transparent;
|
3220
|
-
transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
3221
|
-
vertical-align: middle;
|
3222
|
-
}
|
3223
|
-
|
3224
|
-
.bx--structured-list-input:checked + .bx--structured-list-row .bx--structured-list-svg,
|
3225
|
-
.bx--structured-list-input:checked + .bx--structured-list-td .bx--structured-list-svg {
|
3226
|
-
fill: var(--cds-icon-01, #161616);
|
3227
|
-
}
|
3228
|
-
|
3229
|
-
.bx--structured-list.bx--skeleton .bx--structured-list-th:first-child {
|
3230
|
-
width: 8%;
|
3231
|
-
}
|
3232
|
-
.bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n+2) {
|
3233
|
-
width: 30%;
|
3234
|
-
}
|
3235
|
-
.bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n+3) {
|
3236
|
-
width: 15%;
|
3237
|
-
}
|
3238
|
-
.bx--structured-list.bx--skeleton span {
|
3239
|
-
position: relative;
|
3240
|
-
padding: 0;
|
3241
|
-
border: none;
|
3242
|
-
background: var(--cds-skeleton-01, #e5e5e5);
|
3243
|
-
box-shadow: none;
|
3244
|
-
pointer-events: none;
|
3245
|
-
display: block;
|
3246
|
-
width: 75%;
|
3247
|
-
height: 1rem;
|
3248
|
-
}
|
3249
|
-
.bx--structured-list.bx--skeleton span:hover, .bx--structured-list.bx--skeleton span:focus, .bx--structured-list.bx--skeleton span:active {
|
3250
|
-
border: none;
|
3251
|
-
cursor: default;
|
3252
|
-
outline: none;
|
3253
|
-
}
|
3254
|
-
.bx--structured-list.bx--skeleton span::before {
|
3255
|
-
position: absolute;
|
3256
|
-
top: 0;
|
3257
|
-
left: 0;
|
3258
|
-
width: 100%;
|
3259
|
-
height: 100%;
|
3260
|
-
animation: 3000ms ease-in-out skeleton infinite;
|
3261
|
-
background: var(--cds-skeleton-02, #c6c6c6);
|
3262
|
-
content: "";
|
3263
|
-
will-change: transform-origin, transform, opacity;
|
3264
|
-
}
|
3265
|
-
@media (prefers-reduced-motion: reduce) {
|
3266
|
-
.bx--structured-list.bx--skeleton span::before {
|
3267
|
-
animation: none;
|
3268
|
-
}
|
3269
|
-
}
|
3270
|
-
|
3271
|
-
.bx--structured-list.bx--structured-list--selection.bx--skeleton .bx--structured-list-th:first-child {
|
3272
|
-
width: 5%;
|
3273
|
-
}
|
3274
|
-
.bx--structured-list.bx--structured-list--selection.bx--skeleton .bx--structured-list-th:first-child span {
|
3275
|
-
display: none;
|
3276
|
-
}
|
3277
|
-
|
3278
|
-
@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
|
3279
|
-
.bx--structured-list-input:checked + .bx--structured-list-td .bx--structured-list-svg {
|
3280
|
-
fill: ButtonText;
|
3281
|
-
}
|
3282
|
-
}
|
3283
|
-
|
3284
|
-
.c4p--add-select__header {
|
3285
|
-
padding: var(--cds-spacing-05, 1rem);
|
3286
|
-
padding-bottom: 0;
|
3287
|
-
border-top: 1px solid var(--cds-ui-03, #e0e0e0);
|
3288
|
-
}
|
3289
|
-
.c4p--add-select__header .c4p--add-select__items-label {
|
3290
|
-
font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
|
3291
|
-
font-weight: var(--cds-productive-heading-01-font-weight, 600);
|
3292
|
-
line-height: var(--cds-productive-heading-01-line-height, 1.28572);
|
3293
|
-
letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
|
3294
|
-
}
|
3295
|
-
|
3296
|
-
.c4p--add-select__items-label {
|
3297
|
-
margin-right: var(--cds-spacing-03, 0.5rem);
|
3298
|
-
}
|
3299
|
-
.c4p--add-select__items-label-container {
|
3300
|
-
display: flex;
|
3301
|
-
align-items: center;
|
3302
|
-
margin-top: var(--cds-spacing-05, 1rem);
|
3303
|
-
margin-bottom: var(--cds-spacing-03, 0.5rem);
|
3304
|
-
}
|
3305
|
-
|
3306
|
-
.c4p--add-select__selections {
|
3307
|
-
border-top: 1px solid var(--cds-ui-03, #e0e0e0);
|
3308
|
-
}
|
3309
|
-
|
3310
|
-
.c4p--add-select__influencer-header {
|
3311
|
-
display: flex;
|
3312
|
-
padding: var(--cds-spacing-06, 1.5rem) var(--cds-spacing-05, 1rem) var(--cds-spacing-03, 0.5rem) var(--cds-spacing-05, 1rem);
|
3313
|
-
border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
|
3314
|
-
}
|
3315
|
-
.c4p--add-select__influencer-header .c4p--add-select__influencer-title {
|
3316
|
-
font-size: var(--cds-productive-heading-02-font-size, 1rem);
|
3317
|
-
font-weight: var(--cds-productive-heading-02-font-weight, 600);
|
3318
|
-
line-height: var(--cds-productive-heading-02-line-height, 1.375);
|
3319
|
-
letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
|
3320
|
-
}
|
3321
|
-
|
3322
|
-
.c4p--add-select__influencer-title {
|
3323
|
-
margin-right: var(--cds-spacing-03, 0.5rem);
|
3324
|
-
}
|
3325
|
-
|
3326
|
-
.c4p--add-select__influencer-body {
|
3327
|
-
padding: var(--cds-spacing-05, 1rem);
|
3328
|
-
}
|
3329
|
-
|
3330
|
-
.c4p--add-select .c4p--tearsheet .c4p--tearsheet__influencer {
|
3331
|
-
max-width: 29rem;
|
3332
|
-
flex: 0 0 50%;
|
3333
|
-
}
|
3334
|
-
|
3335
3045
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
3336
3046
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
3337
3047
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
@@ -4355,7 +4065,7 @@ fieldset[disabled] .bx--form__helper-text {
|
|
4355
4065
|
outline: 2px solid transparent;
|
4356
4066
|
outline-offset: -2px;
|
4357
4067
|
border-bottom: 1px solid transparent;
|
4358
|
-
background-color: var(--cds-field
|
4068
|
+
background-color: var(--cds-field, #f4f4f4);
|
4359
4069
|
color: var(--cds-text-disabled, #c6c6c6);
|
4360
4070
|
cursor: not-allowed;
|
4361
4071
|
-webkit-text-fill-color: var(--cds-disabled-02, #c6c6c6);
|
@@ -11870,7 +11580,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
11870
11580
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
11871
11581
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
11872
11582
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
11873
|
-
@keyframes
|
11583
|
+
@keyframes influencer-menu-entrance {
|
11874
11584
|
0% {
|
11875
11585
|
opacity: 0;
|
11876
11586
|
transform: translateX(calc(-1 * var(--cds-spacing-05, 1rem)));
|
@@ -11880,7 +11590,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
11880
11590
|
transform: translateX(0);
|
11881
11591
|
}
|
11882
11592
|
}
|
11883
|
-
@keyframes
|
11593
|
+
@keyframes influencer-menu-exit {
|
11884
11594
|
0% {
|
11885
11595
|
opacity: 1;
|
11886
11596
|
transform: translateX(0);
|
@@ -11915,14 +11625,14 @@ a.bx--overflow-menu-options__btn::before {
|
|
11915
11625
|
|
11916
11626
|
.c4p--create-influencer__side-nav-opening,
|
11917
11627
|
.c4p--create-influencer__progress-indicator-opening {
|
11918
|
-
animation:
|
11628
|
+
animation: influencer-menu-entrance 240ms 1;
|
11919
11629
|
animation-fill-mode: forwards;
|
11920
11630
|
transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);
|
11921
11631
|
}
|
11922
11632
|
|
11923
11633
|
.c4p--create-influencer__side-nav-closing,
|
11924
11634
|
.c4p--create-influencer__progress-indicator-closing {
|
11925
|
-
animation:
|
11635
|
+
animation: influencer-menu-exit 240ms 1;
|
11926
11636
|
animation-fill-mode: forwards;
|
11927
11637
|
transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);
|
11928
11638
|
}
|
@@ -12044,20 +11754,14 @@ a.bx--overflow-menu-options__btn::before {
|
|
12044
11754
|
margin-left: 0;
|
12045
11755
|
}
|
12046
11756
|
|
12047
|
-
.c4p--create-full-page .c4p--create-full-
|
12048
|
-
.c4p--create-full-page .c4p--create-full-page__step--hidden-section {
|
11757
|
+
.c4p--create-full-page .c4p--create-full-page__step__step--hidden-step {
|
12049
11758
|
display: none;
|
12050
11759
|
}
|
12051
11760
|
|
12052
|
-
.c4p--create-full-page .c4p--create-full-
|
12053
|
-
display: block;
|
12054
|
-
}
|
12055
|
-
|
12056
|
-
.c4p--create-full-page .c4p--create-full-page__step--visible-step {
|
12057
|
-
opacity: 1;
|
11761
|
+
.c4p--create-full-page .c4p--create-full-page__step__step--visible-step {
|
11762
|
+
display: block;
|
12058
11763
|
}
|
12059
11764
|
|
12060
|
-
.c4p--create-full-page .c4p--create-full-page__section-subtitle,
|
12061
11765
|
.c4p--create-full-page .c4p--create-full-page__step-subtitle {
|
12062
11766
|
font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
|
12063
11767
|
font-weight: var(--cds-productive-heading-01-font-weight, 600);
|
@@ -12067,7 +11771,6 @@ a.bx--overflow-menu-options__btn::before {
|
|
12067
11771
|
margin-bottom: var(--cds-spacing-03, 0.5rem);
|
12068
11772
|
}
|
12069
11773
|
|
12070
|
-
.c4p--create-full-page .c4p--create-full-page__section-description,
|
12071
11774
|
.c4p--create-full-page .c4p--create-full-page__step-description {
|
12072
11775
|
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
12073
11776
|
font-weight: var(--cds-body-long-01-font-weight, 400);
|
@@ -12155,8 +11858,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12155
11858
|
content: "";
|
12156
11859
|
}
|
12157
11860
|
|
12158
|
-
.c4p--create-full-page .c4p--create-full-page__step-title
|
12159
|
-
.c4p--create-full-page .c4p--create-full-page__section-title {
|
11861
|
+
.c4p--create-full-page .c4p--create-full-page__step-title {
|
12160
11862
|
font-size: var(--cds-productive-heading-04-font-size, 1.75rem);
|
12161
11863
|
font-weight: var(--cds-productive-heading-04-font-weight, 400);
|
12162
11864
|
line-height: var(--cds-productive-heading-04-line-height, 1.28572);
|
@@ -12551,7 +12253,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12551
12253
|
stroke-dashoffset: 0;
|
12552
12254
|
}
|
12553
12255
|
}
|
12554
|
-
@keyframes
|
12256
|
+
@keyframes side-panel-exit-left {
|
12555
12257
|
0% {
|
12556
12258
|
opacity: 1;
|
12557
12259
|
transform: translateX(0);
|
@@ -12561,7 +12263,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12561
12263
|
transform: translateX(calc(-1 * 30rem));
|
12562
12264
|
}
|
12563
12265
|
}
|
12564
|
-
@keyframes
|
12266
|
+
@keyframes side-panel-exit-right {
|
12565
12267
|
0% {
|
12566
12268
|
opacity: 1;
|
12567
12269
|
transform: translateX(0);
|
@@ -12609,7 +12311,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12609
12311
|
right: 0;
|
12610
12312
|
border-left: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12611
12313
|
}
|
12612
|
-
@keyframes
|
12314
|
+
@keyframes side-panel-entrance-right {
|
12613
12315
|
0% {
|
12614
12316
|
opacity: 0;
|
12615
12317
|
transform: translateX(16rem);
|
@@ -12625,7 +12327,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12625
12327
|
left: 0;
|
12626
12328
|
border-right: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12627
12329
|
}
|
12628
|
-
@keyframes
|
12330
|
+
@keyframes side-panel-entrance-left {
|
12629
12331
|
0% {
|
12630
12332
|
opacity: 0;
|
12631
12333
|
transform: translateX(-16rem);
|
@@ -12652,7 +12354,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12652
12354
|
right: 0;
|
12653
12355
|
border-left: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12654
12356
|
}
|
12655
|
-
@keyframes
|
12357
|
+
@keyframes side-panel-entrance-right {
|
12656
12358
|
0% {
|
12657
12359
|
opacity: 0;
|
12658
12360
|
transform: translateX(20rem);
|
@@ -12668,7 +12370,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12668
12370
|
left: 0;
|
12669
12371
|
border-right: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12670
12372
|
}
|
12671
|
-
@keyframes
|
12373
|
+
@keyframes side-panel-entrance-left {
|
12672
12374
|
0% {
|
12673
12375
|
opacity: 0;
|
12674
12376
|
transform: translateX(-20rem);
|
@@ -12695,7 +12397,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12695
12397
|
right: 0;
|
12696
12398
|
border-left: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12697
12399
|
}
|
12698
|
-
@keyframes
|
12400
|
+
@keyframes side-panel-entrance-right {
|
12699
12401
|
0% {
|
12700
12402
|
opacity: 0;
|
12701
12403
|
transform: translateX(30rem);
|
@@ -12711,7 +12413,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12711
12413
|
left: 0;
|
12712
12414
|
border-right: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12713
12415
|
}
|
12714
|
-
@keyframes
|
12416
|
+
@keyframes side-panel-entrance-left {
|
12715
12417
|
0% {
|
12716
12418
|
opacity: 0;
|
12717
12419
|
transform: translateX(-30rem);
|
@@ -12738,7 +12440,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12738
12440
|
right: 0;
|
12739
12441
|
border-left: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12740
12442
|
}
|
12741
|
-
@keyframes
|
12443
|
+
@keyframes side-panel-entrance-right {
|
12742
12444
|
0% {
|
12743
12445
|
opacity: 0;
|
12744
12446
|
transform: translateX(40rem);
|
@@ -12754,7 +12456,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12754
12456
|
left: 0;
|
12755
12457
|
border-right: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12756
12458
|
}
|
12757
|
-
@keyframes
|
12459
|
+
@keyframes side-panel-entrance-left {
|
12758
12460
|
0% {
|
12759
12461
|
opacity: 0;
|
12760
12462
|
transform: translateX(-40rem);
|
@@ -12781,7 +12483,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12781
12483
|
right: 0;
|
12782
12484
|
border-left: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12783
12485
|
}
|
12784
|
-
@keyframes
|
12486
|
+
@keyframes side-panel-entrance-right {
|
12785
12487
|
0% {
|
12786
12488
|
opacity: 0;
|
12787
12489
|
transform: translateX(75%);
|
@@ -12797,7 +12499,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12797
12499
|
left: 0;
|
12798
12500
|
border-right: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12799
12501
|
}
|
12800
|
-
@keyframes
|
12502
|
+
@keyframes side-panel-entrance-left {
|
12801
12503
|
0% {
|
12802
12504
|
opacity: 0;
|
12803
12505
|
transform: translateX(-75%);
|
@@ -12841,6 +12543,15 @@ a.bx--overflow-menu-options__btn::before {
|
|
12841
12543
|
content: "";
|
12842
12544
|
opacity: var(--c4p--side-panel--divider-opacity);
|
12843
12545
|
}
|
12546
|
+
.c4p--side-panel__container .c4p--side-panel__title-container.c4p--side-panel__title-container--reduced-motion {
|
12547
|
+
z-index: 5;
|
12548
|
+
border-bottom: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12549
|
+
margin-bottom: var(--cds-spacing-05, 1rem);
|
12550
|
+
}
|
12551
|
+
.c4p--side-panel__container .c4p--side-panel__title-container.c4p--side-panel__title-container--reduced-motion.c4p--side-panel__title-container--no-title-animation {
|
12552
|
+
border-bottom: 0;
|
12553
|
+
margin-bottom: 0;
|
12554
|
+
}
|
12844
12555
|
.c4p--side-panel__container .c4p--side-panel__title-container.c4p--side-panel__on-detail-step .c4p--side-panel__collapsed-title-text {
|
12845
12556
|
top: var(--cds-spacing-09, 3rem);
|
12846
12557
|
}
|
@@ -13071,7 +12782,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
13071
12782
|
background-color: var(--cds-field-02, #ffffff);
|
13072
12783
|
}
|
13073
12784
|
|
13074
|
-
@keyframes
|
12785
|
+
@keyframes side-panel-overlay-entrance {
|
13075
12786
|
0% {
|
13076
12787
|
opacity: 0;
|
13077
12788
|
}
|
@@ -13079,7 +12790,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
13079
12790
|
opacity: 1;
|
13080
12791
|
}
|
13081
12792
|
}
|
13082
|
-
@keyframes
|
12793
|
+
@keyframes side-panel-overlay-exit {
|
13083
12794
|
0% {
|
13084
12795
|
opacity: 1;
|
13085
12796
|
}
|
@@ -14447,7 +14158,7 @@ a.bx--side-nav__link--current::before {
|
|
14447
14158
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
14448
14159
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
14449
14160
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
14450
|
-
@keyframes
|
14161
|
+
@keyframes step-content-entrance {
|
14451
14162
|
0% {
|
14452
14163
|
opacity: 0;
|
14453
14164
|
transform: translateY(-0.75rem);
|
@@ -14461,24 +14172,19 @@ a.bx--side-nav__link--current::before {
|
|
14461
14172
|
--c4p--tearsheet-create--total-width: 0;
|
14462
14173
|
}
|
14463
14174
|
|
14464
|
-
.c4p--tearsheet-create .c4p--tearsheet-
|
14465
|
-
.c4p--tearsheet-create .c4p--tearsheet-create__step--hidden-section {
|
14175
|
+
.c4p--tearsheet-create .c4p--tearsheet-create__step__step--hidden-step {
|
14466
14176
|
display: none;
|
14467
14177
|
}
|
14468
14178
|
|
14469
|
-
.c4p--tearsheet-create .c4p--tearsheet-
|
14470
|
-
|
14471
|
-
}
|
14472
|
-
|
14473
|
-
.c4p--tearsheet-create .c4p--tearsheet-create__step--visible-step {
|
14474
|
-
animation: 400ms stepContentEntrance;
|
14179
|
+
.c4p--tearsheet-create .c4p--tearsheet-create__step__step--visible-step {
|
14180
|
+
animation: 400ms step-content-entrance;
|
14475
14181
|
animation-fill-mode: forwards;
|
14476
14182
|
animation-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
14477
14183
|
opacity: 0;
|
14478
14184
|
}
|
14479
14185
|
|
14480
14186
|
@media (prefers-reduced-motion) {
|
14481
|
-
.c4p--tearsheet-create .c4p--tearsheet-
|
14187
|
+
.c4p--tearsheet-create .c4p--tearsheet-create__step__step--visible-step {
|
14482
14188
|
animation: none;
|
14483
14189
|
opacity: 1;
|
14484
14190
|
}
|
@@ -16510,158 +16216,492 @@ a.bx--side-nav__link--current::before {
|
|
16510
16216
|
box-shadow: none;
|
16511
16217
|
pointer-events: none;
|
16512
16218
|
}
|
16513
|
-
|
16514
|
-
.c4p--loading-bar .c4p--loading-bar__inner:hover,
|
16515
|
-
.c4p--loading-bar .c4p--loading-bar__inner:focus,
|
16516
|
-
.c4p--loading-bar .c4p--loading-bar__inner:active {
|
16517
|
-
border: none;
|
16518
|
-
cursor: default;
|
16519
|
-
outline: none;
|
16219
|
+
|
16220
|
+
.c4p--loading-bar .c4p--loading-bar__inner:hover,
|
16221
|
+
.c4p--loading-bar .c4p--loading-bar__inner:focus,
|
16222
|
+
.c4p--loading-bar .c4p--loading-bar__inner:active {
|
16223
|
+
border: none;
|
16224
|
+
cursor: default;
|
16225
|
+
outline: none;
|
16226
|
+
}
|
16227
|
+
|
16228
|
+
.c4p--loading-bar__preload {
|
16229
|
+
opacity: 0;
|
16230
|
+
}
|
16231
|
+
|
16232
|
+
.c4p--loading-bar__progress {
|
16233
|
+
position: relative;
|
16234
|
+
height: 8px;
|
16235
|
+
transition: width 720ms cubic-bezier(0.4, 0.14, 0.3, 1);
|
16236
|
+
}
|
16237
|
+
|
16238
|
+
.c4p--loading-bar__indicator-wrapper {
|
16239
|
+
display: flex;
|
16240
|
+
justify-content: flex-end;
|
16241
|
+
}
|
16242
|
+
|
16243
|
+
.c4p--loading-bar__indicator {
|
16244
|
+
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
16245
|
+
font-weight: var(--cds-body-short-01-font-weight, 400);
|
16246
|
+
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
16247
|
+
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
16248
|
+
padding-top: var(--cds-spacing-05, 1rem);
|
16249
|
+
padding-bottom: var(--cds-spacing-03, 0.5rem);
|
16250
|
+
color: var(--cds-text-01, #161616);
|
16251
|
+
}
|
16252
|
+
|
16253
|
+
.c4p--loading-bar__small {
|
16254
|
+
height: 4px;
|
16255
|
+
}
|
16256
|
+
|
16257
|
+
.c4p--loading-bar__small .c4p--loading-bar__progress {
|
16258
|
+
height: 4px;
|
16259
|
+
}
|
16260
|
+
|
16261
|
+
.c4p--loading-bar__linear-stop {
|
16262
|
+
display: none;
|
16263
|
+
}
|
16264
|
+
|
16265
|
+
.c4p--loading-bar__indefinite-stop {
|
16266
|
+
animation: 1800ms ease-in-out loading-bar-stop forwards;
|
16267
|
+
}
|
16268
|
+
|
16269
|
+
.c4p--loading-bar__stop-progress:before {
|
16270
|
+
position: absolute;
|
16271
|
+
top: 0;
|
16272
|
+
left: 0;
|
16273
|
+
width: 0%;
|
16274
|
+
height: 100%;
|
16275
|
+
animation: 1800ms ease-in-out progress-stop forwards;
|
16276
|
+
background-color: var(--cds-interactive-01, #0f62fe);
|
16277
|
+
content: "";
|
16278
|
+
}
|
16279
|
+
|
16280
|
+
.c4p--loading-bar__indefinite-progress:before {
|
16281
|
+
position: absolute;
|
16282
|
+
top: 0;
|
16283
|
+
left: 0;
|
16284
|
+
width: 0%;
|
16285
|
+
height: 100%;
|
16286
|
+
animation: 3000ms ease-in-out progress-indeterminate infinite;
|
16287
|
+
background-color: var(--cds-interactive-01, #0f62fe);
|
16288
|
+
content: "";
|
16289
|
+
}
|
16290
|
+
|
16291
|
+
.c4p--loading-bar__linear-progress:before {
|
16292
|
+
position: absolute;
|
16293
|
+
top: 0;
|
16294
|
+
left: 0;
|
16295
|
+
width: 0%;
|
16296
|
+
height: 100%;
|
16297
|
+
animation: 1000ms ease-in-out progress-linear forwards;
|
16298
|
+
background-color: var(--cds-interactive-01, #0f62fe);
|
16299
|
+
content: "";
|
16300
|
+
}
|
16301
|
+
|
16302
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16303
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16304
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16305
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16306
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16307
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16308
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16309
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16310
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16311
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16312
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16313
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16314
|
+
.modified-tabs .modified-tabs__tab-label {
|
16315
|
+
display: flex;
|
16316
|
+
width: 100%;
|
16317
|
+
align-items: flex-end;
|
16318
|
+
justify-content: space-between;
|
16319
|
+
}
|
16320
|
+
|
16321
|
+
.modified-tabs .bx--tabs__nav {
|
16322
|
+
/* overflow cannot be tweaked to fix tooltip */
|
16323
|
+
}
|
16324
|
+
|
16325
|
+
.modified-tabs__tab-new,
|
16326
|
+
.modified-tabs__tab {
|
16327
|
+
position: relative;
|
16328
|
+
display: inline-block;
|
16329
|
+
width: 100%;
|
16330
|
+
height: 100%;
|
16331
|
+
}
|
16332
|
+
|
16333
|
+
.modified-tabs__tab-new-img,
|
16334
|
+
.modified-tabs__tab-close {
|
16335
|
+
position: absolute;
|
16336
|
+
top: -var(--cds-spacing-04, 0.75rem);
|
16337
|
+
right: -var(--cds-spacing-05, 1rem);
|
16338
|
+
overflow: hidden;
|
16339
|
+
width: 2.5rem;
|
16340
|
+
height: 2.5rem;
|
16341
|
+
padding: var(--cds-spacing-04, 0.75rem);
|
16342
|
+
border: var(--cds-spacing-01, 0.125rem) solid transparent;
|
16343
|
+
background-color: transparent;
|
16344
|
+
border-radius: 0;
|
16345
|
+
cursor: pointer;
|
16346
|
+
transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
16347
|
+
}
|
16348
|
+
|
16349
|
+
.modified-tabs__tab-new-icon {
|
16350
|
+
display: flex;
|
16351
|
+
align-items: center;
|
16352
|
+
justify-content: center;
|
16353
|
+
padding: 0;
|
16354
|
+
margin-top: var(--cds-spacing-01, 0.125rem);
|
16355
|
+
}
|
16356
|
+
|
16357
|
+
.modified-tabs__tab-close:focus {
|
16358
|
+
border-color: var(--cds-interactive-01, #0f62fe);
|
16359
|
+
outline: none;
|
16360
|
+
}
|
16361
|
+
|
16362
|
+
.modified-tabs__tab-close:hover {
|
16363
|
+
background-color: var(--cds-hover-ui, #e5e5e5);
|
16364
|
+
}
|
16365
|
+
|
16366
|
+
.modified-tabs__tab-new-img {
|
16367
|
+
display: flex;
|
16368
|
+
align-items: center;
|
16369
|
+
justify-content: center;
|
16370
|
+
padding: 0;
|
16371
|
+
}
|
16372
|
+
|
16373
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16374
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16375
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16376
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16377
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16378
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16379
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16380
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16381
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16382
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16383
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16384
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16385
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16386
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16387
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16388
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16389
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16390
|
+
.bx--structured-list--selection .bx--structured-list-td,
|
16391
|
+
.bx--structured-list--selection .bx--structured-list-th {
|
16392
|
+
padding-right: 1rem;
|
16393
|
+
padding-left: 1rem;
|
16394
|
+
}
|
16395
|
+
.bx--structured-list--selection .bx--structured-list-td:first-child,
|
16396
|
+
.bx--structured-list--selection .bx--structured-list-th:first-child {
|
16397
|
+
padding-right: 1rem;
|
16398
|
+
padding-left: 1rem;
|
16399
|
+
}
|
16400
|
+
|
16401
|
+
.bx--structured-list-input {
|
16402
|
+
display: none;
|
16403
|
+
}
|
16404
|
+
|
16405
|
+
.bx--structured-list {
|
16406
|
+
box-sizing: border-box;
|
16407
|
+
padding: 0;
|
16408
|
+
border: 0;
|
16409
|
+
margin: 0;
|
16410
|
+
font-family: inherit;
|
16411
|
+
font-size: 100%;
|
16412
|
+
vertical-align: baseline;
|
16413
|
+
display: table;
|
16414
|
+
width: 100%;
|
16415
|
+
margin-bottom: 5rem;
|
16416
|
+
background-color: transparent;
|
16417
|
+
border-collapse: collapse;
|
16418
|
+
border-spacing: 0;
|
16419
|
+
overflow-x: auto;
|
16420
|
+
overflow-y: hidden;
|
16421
|
+
}
|
16422
|
+
.bx--structured-list *,
|
16423
|
+
.bx--structured-list *::before,
|
16424
|
+
.bx--structured-list *::after {
|
16425
|
+
box-sizing: inherit;
|
16426
|
+
}
|
16427
|
+
.bx--structured-list.bx--structured-list--condensed .bx--structured-list-td, .bx--structured-list.bx--structured-list--condensed .bx--structured-list-th {
|
16428
|
+
padding: 0.5rem;
|
16429
|
+
}
|
16430
|
+
.bx--structured-list .bx--structured-list-row .bx--structured-list-td:first-of-type,
|
16431
|
+
.bx--structured-list .bx--structured-list-row .bx--structured-list-th:first-of-type {
|
16432
|
+
padding-left: 1rem;
|
16433
|
+
}
|
16434
|
+
.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 {
|
16435
|
+
padding-right: 1rem;
|
16436
|
+
padding-left: 0;
|
16437
|
+
}
|
16438
|
+
|
16439
|
+
.bx--structured-list-row {
|
16440
|
+
display: table-row;
|
16441
|
+
border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
|
16442
|
+
transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
16443
|
+
}
|
16444
|
+
|
16445
|
+
.bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row):not(.bx--structured-list-row--selected) {
|
16446
|
+
border-bottom: 1px solid var(--cds-hover-row, #e5e5e5);
|
16447
|
+
background-color: var(--cds-hover-row, #e5e5e5);
|
16448
|
+
cursor: pointer;
|
16449
|
+
}
|
16450
|
+
|
16451
|
+
.bx--structured-list-row.bx--structured-list-row--selected {
|
16452
|
+
background-color: var(--cds-selected-ui, #e0e0e0);
|
16453
|
+
}
|
16454
|
+
|
16455
|
+
.bx--structured-list-row.bx--structured-list-row--header-row {
|
16456
|
+
border-bottom: 1px solid var(--cds-selected-ui, #e0e0e0);
|
16457
|
+
cursor: inherit;
|
16458
|
+
}
|
16459
|
+
|
16460
|
+
.bx--structured-list-row:focus:not(.bx--structured-list-row--header-row) {
|
16461
|
+
outline: 2px solid var(--cds-focus, #0f62fe);
|
16462
|
+
outline-offset: -2px;
|
16463
|
+
}
|
16464
|
+
@media screen and (prefers-contrast) {
|
16465
|
+
.bx--structured-list-row:focus:not(.bx--structured-list-row--header-row) {
|
16466
|
+
outline-style: dotted;
|
16467
|
+
}
|
16520
16468
|
}
|
16521
16469
|
|
16522
|
-
.
|
16523
|
-
|
16470
|
+
.bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row) > .bx--structured-list-td,
|
16471
|
+
.bx--structured-list-row.bx--structured-list-row--selected > .bx--structured-list-td {
|
16472
|
+
color: var(--cds-text-01, #161616);
|
16524
16473
|
}
|
16525
16474
|
|
16526
|
-
.
|
16527
|
-
|
16528
|
-
height: 8px;
|
16529
|
-
transition: width 720ms cubic-bezier(0.4, 0.14, 0.3, 1);
|
16475
|
+
.bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row) > .bx--structured-list-td {
|
16476
|
+
border-top: 1px solid var(--cds-ui-01, #f4f4f4);
|
16530
16477
|
}
|
16531
16478
|
|
16532
|
-
.
|
16533
|
-
display:
|
16534
|
-
|
16479
|
+
.bx--structured-list-thead {
|
16480
|
+
display: table-header-group;
|
16481
|
+
vertical-align: middle;
|
16535
16482
|
}
|
16536
16483
|
|
16537
|
-
.
|
16538
|
-
|
16539
|
-
|
16540
|
-
|
16541
|
-
|
16542
|
-
|
16543
|
-
|
16484
|
+
.bx--structured-list-th {
|
16485
|
+
box-sizing: border-box;
|
16486
|
+
padding: 0;
|
16487
|
+
border: 0;
|
16488
|
+
margin: 0;
|
16489
|
+
font-family: inherit;
|
16490
|
+
font-size: 100%;
|
16491
|
+
vertical-align: baseline;
|
16492
|
+
padding: 1rem 0.5rem 0.5rem 0.5rem;
|
16493
|
+
font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
|
16494
|
+
font-weight: var(--cds-productive-heading-01-font-weight, 600);
|
16495
|
+
line-height: var(--cds-productive-heading-01-line-height, 1.28572);
|
16496
|
+
letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
|
16497
|
+
display: table-cell;
|
16498
|
+
height: 2.5rem;
|
16544
16499
|
color: var(--cds-text-01, #161616);
|
16500
|
+
font-weight: 600;
|
16501
|
+
text-align: left;
|
16502
|
+
text-transform: none;
|
16503
|
+
vertical-align: top;
|
16504
|
+
}
|
16505
|
+
.bx--structured-list-th *,
|
16506
|
+
.bx--structured-list-th *::before,
|
16507
|
+
.bx--structured-list-th *::after {
|
16508
|
+
box-sizing: inherit;
|
16545
16509
|
}
|
16546
16510
|
|
16547
|
-
.
|
16548
|
-
|
16511
|
+
.bx--structured-list-tbody {
|
16512
|
+
display: table-row-group;
|
16513
|
+
vertical-align: middle;
|
16549
16514
|
}
|
16550
16515
|
|
16551
|
-
.
|
16552
|
-
|
16516
|
+
.bx--structured-list-td {
|
16517
|
+
box-sizing: border-box;
|
16518
|
+
padding: 0;
|
16519
|
+
border: 0;
|
16520
|
+
margin: 0;
|
16521
|
+
font-family: inherit;
|
16522
|
+
font-size: 100%;
|
16523
|
+
vertical-align: baseline;
|
16524
|
+
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
16525
|
+
font-weight: var(--cds-body-long-01-font-weight, 400);
|
16526
|
+
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
16527
|
+
letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
|
16528
|
+
padding: 1rem 0.5rem 1.5rem 0.5rem;
|
16529
|
+
position: relative;
|
16530
|
+
display: table-cell;
|
16531
|
+
max-width: 36rem;
|
16532
|
+
color: var(--cds-text-02, #525252);
|
16533
|
+
transition: color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
16534
|
+
}
|
16535
|
+
.bx--structured-list-td *,
|
16536
|
+
.bx--structured-list-td *::before,
|
16537
|
+
.bx--structured-list-td *::after {
|
16538
|
+
box-sizing: inherit;
|
16553
16539
|
}
|
16554
16540
|
|
16555
|
-
.
|
16556
|
-
|
16541
|
+
.bx--structured-list-content--nowrap {
|
16542
|
+
white-space: nowrap;
|
16557
16543
|
}
|
16558
16544
|
|
16559
|
-
.
|
16560
|
-
|
16545
|
+
.bx--structured-list-svg {
|
16546
|
+
display: inline-block;
|
16547
|
+
fill: transparent;
|
16548
|
+
transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
16549
|
+
vertical-align: middle;
|
16561
16550
|
}
|
16562
16551
|
|
16563
|
-
.
|
16564
|
-
|
16565
|
-
|
16566
|
-
left: 0;
|
16567
|
-
width: 0%;
|
16568
|
-
height: 100%;
|
16569
|
-
animation: 1800ms ease-in-out progress-stop forwards;
|
16570
|
-
background-color: var(--cds-interactive-01, #0f62fe);
|
16571
|
-
content: "";
|
16552
|
+
.bx--structured-list-input:checked + .bx--structured-list-row .bx--structured-list-svg,
|
16553
|
+
.bx--structured-list-input:checked + .bx--structured-list-td .bx--structured-list-svg {
|
16554
|
+
fill: var(--cds-icon-01, #161616);
|
16572
16555
|
}
|
16573
16556
|
|
16574
|
-
.
|
16557
|
+
.bx--structured-list.bx--skeleton .bx--structured-list-th:first-child {
|
16558
|
+
width: 8%;
|
16559
|
+
}
|
16560
|
+
.bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n+2) {
|
16561
|
+
width: 30%;
|
16562
|
+
}
|
16563
|
+
.bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n+3) {
|
16564
|
+
width: 15%;
|
16565
|
+
}
|
16566
|
+
.bx--structured-list.bx--skeleton span {
|
16567
|
+
position: relative;
|
16568
|
+
padding: 0;
|
16569
|
+
border: none;
|
16570
|
+
background: var(--cds-skeleton-01, #e5e5e5);
|
16571
|
+
box-shadow: none;
|
16572
|
+
pointer-events: none;
|
16573
|
+
display: block;
|
16574
|
+
width: 75%;
|
16575
|
+
height: 1rem;
|
16576
|
+
}
|
16577
|
+
.bx--structured-list.bx--skeleton span:hover, .bx--structured-list.bx--skeleton span:focus, .bx--structured-list.bx--skeleton span:active {
|
16578
|
+
border: none;
|
16579
|
+
cursor: default;
|
16580
|
+
outline: none;
|
16581
|
+
}
|
16582
|
+
.bx--structured-list.bx--skeleton span::before {
|
16575
16583
|
position: absolute;
|
16576
16584
|
top: 0;
|
16577
16585
|
left: 0;
|
16578
|
-
width:
|
16586
|
+
width: 100%;
|
16579
16587
|
height: 100%;
|
16580
|
-
animation: 3000ms ease-in-out
|
16581
|
-
background
|
16588
|
+
animation: 3000ms ease-in-out skeleton infinite;
|
16589
|
+
background: var(--cds-skeleton-02, #c6c6c6);
|
16582
16590
|
content: "";
|
16591
|
+
will-change: transform-origin, transform, opacity;
|
16592
|
+
}
|
16593
|
+
@media (prefers-reduced-motion: reduce) {
|
16594
|
+
.bx--structured-list.bx--skeleton span::before {
|
16595
|
+
animation: none;
|
16596
|
+
}
|
16583
16597
|
}
|
16584
16598
|
|
16585
|
-
.
|
16586
|
-
|
16587
|
-
|
16588
|
-
|
16589
|
-
|
16590
|
-
height: 100%;
|
16591
|
-
animation: 1000ms ease-in-out progress-linear forwards;
|
16592
|
-
background-color: var(--cds-interactive-01, #0f62fe);
|
16593
|
-
content: "";
|
16599
|
+
.bx--structured-list.bx--structured-list--selection.bx--skeleton .bx--structured-list-th:first-child {
|
16600
|
+
width: 5%;
|
16601
|
+
}
|
16602
|
+
.bx--structured-list.bx--structured-list--selection.bx--skeleton .bx--structured-list-th:first-child span {
|
16603
|
+
display: none;
|
16594
16604
|
}
|
16595
16605
|
|
16596
|
-
|
16597
|
-
|
16598
|
-
|
16599
|
-
|
16600
|
-
|
16601
|
-
|
16602
|
-
|
16603
|
-
|
16604
|
-
|
16605
|
-
|
16606
|
-
|
16607
|
-
|
16608
|
-
.
|
16606
|
+
@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
|
16607
|
+
.bx--structured-list-input:checked + .bx--structured-list-td .bx--structured-list-svg {
|
16608
|
+
fill: ButtonText;
|
16609
|
+
}
|
16610
|
+
}
|
16611
|
+
|
16612
|
+
.c4p--add-select__header {
|
16613
|
+
padding: var(--cds-spacing-05, 1rem);
|
16614
|
+
padding-bottom: 0;
|
16615
|
+
border-top: 1px solid var(--cds-ui-03, #e0e0e0);
|
16616
|
+
}
|
16617
|
+
|
16618
|
+
.c4p--add-select__body {
|
16619
|
+
padding: var(--cds-spacing-05, 1rem);
|
16620
|
+
}
|
16621
|
+
|
16622
|
+
.c4p--add-select__items-label {
|
16623
|
+
margin-right: var(--cds-spacing-03, 0.5rem);
|
16624
|
+
}
|
16625
|
+
.c4p--add-select__items-label-container {
|
16609
16626
|
display: flex;
|
16610
|
-
|
16611
|
-
|
16627
|
+
align-items: center;
|
16628
|
+
margin-top: var(--cds-spacing-05, 1rem);
|
16629
|
+
margin-bottom: var(--cds-spacing-03, 0.5rem);
|
16630
|
+
}
|
16631
|
+
|
16632
|
+
.c4p--add-select__selections {
|
16633
|
+
border-top: 1px solid var(--cds-ui-03, #e0e0e0);
|
16634
|
+
}
|
16635
|
+
.c4p--add-select__selections-wrapper {
|
16636
|
+
display: block;
|
16637
|
+
}
|
16638
|
+
.c4p--add-select__selections-cell-wrapper {
|
16639
|
+
display: flex;
|
16640
|
+
align-items: center;
|
16612
16641
|
justify-content: space-between;
|
16613
16642
|
}
|
16614
16643
|
|
16615
|
-
.
|
16616
|
-
|
16644
|
+
.c4p--add-select__sidebar-header {
|
16645
|
+
display: flex;
|
16646
|
+
padding: var(--cds-spacing-06, 1.5rem) var(--cds-spacing-05, 1rem) var(--cds-spacing-03, 0.5rem) var(--cds-spacing-05, 1rem);
|
16647
|
+
border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
|
16648
|
+
}
|
16649
|
+
.c4p--add-select__sidebar-header .c4p--add-select__sidebar-title {
|
16650
|
+
font-size: var(--cds-productive-heading-02-font-size, 1rem);
|
16651
|
+
font-weight: var(--cds-productive-heading-02-font-weight, 600);
|
16652
|
+
line-height: var(--cds-productive-heading-02-line-height, 1.375);
|
16653
|
+
letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
|
16617
16654
|
}
|
16618
16655
|
|
16619
|
-
.
|
16620
|
-
|
16621
|
-
position: relative;
|
16622
|
-
display: inline-block;
|
16623
|
-
width: 100%;
|
16624
|
-
height: 100%;
|
16656
|
+
.c4p--add-select__sidebar-title {
|
16657
|
+
margin-right: var(--cds-spacing-03, 0.5rem);
|
16625
16658
|
}
|
16626
16659
|
|
16627
|
-
.
|
16628
|
-
|
16629
|
-
|
16630
|
-
|
16631
|
-
|
16632
|
-
|
16633
|
-
|
16634
|
-
height:
|
16635
|
-
|
16636
|
-
|
16637
|
-
|
16638
|
-
|
16639
|
-
|
16640
|
-
|
16660
|
+
.c4p--add-select__sidebar-body {
|
16661
|
+
padding: var(--cds-spacing-05, 1rem);
|
16662
|
+
}
|
16663
|
+
|
16664
|
+
.c4p--add-select .c4p--add-select__sidebar-item-header {
|
16665
|
+
font-size: var(--cds-label-01-font-size, 0.75rem);
|
16666
|
+
font-weight: var(--cds-label-01-font-weight, 400);
|
16667
|
+
line-height: var(--cds-label-01-line-height, 1.33333);
|
16668
|
+
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
16669
|
+
}
|
16670
|
+
|
16671
|
+
.c4p--add-select .c4p--add-select__sidebar-item-body {
|
16672
|
+
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
16673
|
+
font-weight: var(--cds-body-long-01-font-weight, 400);
|
16674
|
+
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
16675
|
+
letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
|
16676
|
+
margin-bottom: var(--cds-spacing-03, 0.5rem);
|
16641
16677
|
}
|
16642
16678
|
|
16643
|
-
.
|
16644
|
-
|
16645
|
-
|
16646
|
-
justify-content: center;
|
16647
|
-
padding: 0;
|
16648
|
-
margin-top: var(--cds-spacing-01, 0.125rem);
|
16679
|
+
.c4p--add-select .c4p--tearsheet .c4p--tearsheet__influencer {
|
16680
|
+
max-width: 29rem;
|
16681
|
+
flex: 0 0 50%;
|
16649
16682
|
}
|
16650
16683
|
|
16651
|
-
.
|
16652
|
-
|
16653
|
-
|
16684
|
+
.c4p--add-select .c4p--add-select__items-label {
|
16685
|
+
font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
|
16686
|
+
font-weight: var(--cds-productive-heading-01-font-weight, 600);
|
16687
|
+
line-height: var(--cds-productive-heading-01-line-height, 1.28572);
|
16688
|
+
letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
|
16654
16689
|
}
|
16655
16690
|
|
16656
|
-
.
|
16657
|
-
|
16691
|
+
.c4p--add-select .bx--modal-container--sm .bx--modal-content p {
|
16692
|
+
padding-right: 0;
|
16658
16693
|
}
|
16659
16694
|
|
16660
|
-
.
|
16661
|
-
|
16662
|
-
|
16663
|
-
|
16664
|
-
|
16695
|
+
.c4p--add-select .bx--structured-list-td {
|
16696
|
+
padding-bottom: var(--cds-spacing-05, 1rem);
|
16697
|
+
}
|
16698
|
+
|
16699
|
+
.c4p--add-select .bx--radio-button-wrapper .bx--radio-button__label {
|
16700
|
+
justify-content: left;
|
16701
|
+
}
|
16702
|
+
|
16703
|
+
.c4p--add-select .bx--breadcrumb .bx--link {
|
16704
|
+
cursor: pointer;
|
16665
16705
|
}
|
16666
16706
|
|
16667
16707
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
@@ -16827,7 +16867,7 @@ a.bx--side-nav__link--current::before {
|
|
16827
16867
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16828
16868
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16829
16869
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16830
|
-
@keyframes
|
16870
|
+
@keyframes fade-in {
|
16831
16871
|
0% {
|
16832
16872
|
opacity: 0;
|
16833
16873
|
transform: translateY(-38.5rem);
|
@@ -16837,7 +16877,7 @@ a.bx--side-nav__link--current::before {
|
|
16837
16877
|
transform: translateY(0);
|
16838
16878
|
}
|
16839
16879
|
}
|
16840
|
-
@keyframes
|
16880
|
+
@keyframes fade-out {
|
16841
16881
|
0% {
|
16842
16882
|
opacity: 1;
|
16843
16883
|
transform: translateY(0);
|
@@ -16980,8 +17020,6 @@ a.bx--side-nav__link--current::before {
|
|
16980
17020
|
--cds-layer-selected-hover: #4c4c4c;
|
16981
17021
|
--cds-layer-selected-inverse: #f4f4f4;
|
16982
17022
|
--cds-border-subtle-selected: #525252;
|
16983
|
-
--cds-layer-disabled: #262626;
|
16984
|
-
--cds-field-disabled: #262626;
|
16985
17023
|
--cds-border-disabled: #262626;
|
16986
17024
|
--cds-text-disabled: #525252;
|
16987
17025
|
--cds-button-disabled: #525252;
|
@@ -18342,14 +18380,9 @@ a.bx--side-nav__link--current::before {
|
|
18342
18380
|
white-space: nowrap;
|
18343
18381
|
}
|
18344
18382
|
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-container.c4p--breadcrumb-with-overflow__breadcrumb-container-with-items {
|
18345
|
-
display:
|
18383
|
+
display: inline-flex;
|
18346
18384
|
width: 100%;
|
18347
18385
|
}
|
18348
|
-
@media (min-width: 42rem) {
|
18349
|
-
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-container.c4p--breadcrumb-with-overflow__breadcrumb-container-with-items {
|
18350
|
-
display: inline-flex;
|
18351
|
-
}
|
18352
|
-
}
|
18353
18386
|
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-container .bx--breadcrumb {
|
18354
18387
|
width: 100%;
|
18355
18388
|
flex-wrap: nowrap;
|
@@ -18364,11 +18397,24 @@ a.bx--side-nav__link--current::before {
|
|
18364
18397
|
pointer-events: none;
|
18365
18398
|
visibility: hidden;
|
18366
18399
|
}
|
18400
|
+
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back {
|
18401
|
+
display: none;
|
18402
|
+
}
|
18403
|
+
@media (max-width: 41.98rem) {
|
18404
|
+
.c4p--breadcrumb-with-overflow .bx--breadcrumb-item {
|
18405
|
+
display: none;
|
18406
|
+
}
|
18407
|
+
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back,
|
18408
|
+
.c4p--breadcrumb-with-overflow .bx--breadcrumb-item:last-child {
|
18409
|
+
display: inline-flex;
|
18410
|
+
vertical-align: middle;
|
18411
|
+
}
|
18412
|
+
}
|
18367
18413
|
.c4p--breadcrumb-with-overflow .bx--breadcrumb-item:last-child {
|
18368
|
-
display: inline;
|
18414
|
+
display: inline-flex;
|
18369
18415
|
}
|
18370
18416
|
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__displayed-breadcrumb:last-child {
|
18371
|
-
display: inline;
|
18417
|
+
display: inline-flex;
|
18372
18418
|
overflow: hidden;
|
18373
18419
|
}
|
18374
18420
|
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__displayed-breadcrumb:last-child .bx--link {
|
@@ -18380,15 +18426,6 @@ a.bx--side-nav__link--current::before {
|
|
18380
18426
|
.c4p--breadcrumb-with-overflow .bx--link {
|
18381
18427
|
max-height: 18px;
|
18382
18428
|
}
|
18383
|
-
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back-button.bx--btn.bx--btn--icon-only.bx--tooltip__trigger {
|
18384
|
-
display: inline-flex;
|
18385
|
-
margin-top: calc(-1 * var(--cds-spacing-04, 0.75rem));
|
18386
|
-
}
|
18387
|
-
@media (min-width: 42rem) {
|
18388
|
-
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back-button.bx--btn.bx--btn--icon-only.bx--tooltip__trigger {
|
18389
|
-
display: none;
|
18390
|
-
}
|
18391
|
-
}
|
18392
18429
|
|
18393
18430
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
18394
18431
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
@@ -18533,7 +18570,7 @@ a.bx--side-nav__link--current::before {
|
|
18533
18570
|
|
18534
18571
|
.bx--search-input[disabled] {
|
18535
18572
|
border-bottom: 1px solid transparent;
|
18536
|
-
background-color: var(--cds-field
|
18573
|
+
background-color: var(--cds-field, #f4f4f4);
|
18537
18574
|
color: var(--cds-disabled-02, #c6c6c6);
|
18538
18575
|
cursor: not-allowed;
|
18539
18576
|
}
|
@@ -19196,7 +19233,7 @@ a.bx--side-nav__link--current::before {
|
|
19196
19233
|
height: var(--cds-spacing-02, 0.25rem);
|
19197
19234
|
}
|
19198
19235
|
.c4p--page-header .c4p--page-header__breadcrumb-row:not(.c4p--page-header__breadcrumb-row--has-action-bar) {
|
19199
|
-
|
19236
|
+
min-height: var(--cds-spacing-07, 2rem);
|
19200
19237
|
}
|
19201
19238
|
.c4p--page-header .c4p--page-header__breadcrumb-row--container {
|
19202
19239
|
display: flex;
|
@@ -19227,7 +19264,7 @@ a.bx--side-nav__link--current::before {
|
|
19227
19264
|
transform: translateX(-50%) scaleX(1);
|
19228
19265
|
transition: all 150ms ease-out;
|
19229
19266
|
}
|
19230
|
-
.c4p--page-header .c4p--page-header__breadcrumb-row--next-to-tabs::after,
|
19267
|
+
.c4p--page-header .c4p--page-header__breadcrumb-row--next-to-tabs:not(.c4p--page-header__has-page-actions-without-action-bar)::after,
|
19231
19268
|
.c4p--page-header .c4p--page-header__breadcrumb-row--has-action-bar::after {
|
19232
19269
|
/* creates a full width box shadow without causing scroll */
|
19233
19270
|
box-shadow: 25vw 1px 0 0 var(--cds-ui-03, #e0e0e0), -25vw 1px 0 0 var(--cds-ui-03, #e0e0e0);
|
@@ -19415,8 +19452,6 @@ a.bx--side-nav__link--current::before {
|
|
19415
19452
|
top: var(--c4p--page-header--breadcrumb-top);
|
19416
19453
|
}
|
19417
19454
|
.c4p--page-header .c4p--page-header__title-column {
|
19418
|
-
overflow: hidden;
|
19419
|
-
/* required for ellipsis in title */
|
19420
19455
|
min-height: 40px;
|
19421
19456
|
flex: 0 0 100%;
|
19422
19457
|
}
|
@@ -19431,10 +19466,19 @@ a.bx--side-nav__link--current::before {
|
|
19431
19466
|
font-weight: var(--cds-productive-heading-04-font-weight, 400);
|
19432
19467
|
line-height: var(--cds-productive-heading-04-line-height, 1.28572);
|
19433
19468
|
letter-spacing: var(--cds-productive-heading-04-letter-spacing, 0);
|
19434
|
-
overflow: hidden;
|
19469
|
+
overflow-x: hidden;
|
19435
19470
|
text-overflow: ellipsis;
|
19436
19471
|
white-space: nowrap;
|
19437
19472
|
}
|
19473
|
+
.c4p--page-header .c4p--page-header__title .c4p--inline-edit__value {
|
19474
|
+
transform: translateY(-2px);
|
19475
|
+
}
|
19476
|
+
.c4p--page-header .c4p--page-header__title--editable {
|
19477
|
+
display: flex;
|
19478
|
+
overflow: visible;
|
19479
|
+
margin-top: calc(-1 * var(--cds-spacing-01, 0.125rem));
|
19480
|
+
margin-left: calc(-1 * var(--cds-spacing-05, 1rem));
|
19481
|
+
}
|
19438
19482
|
.c4p--page-header .c4p--page-header__title-skeleton {
|
19439
19483
|
height: var(--cds-spacing-07, 2rem);
|
19440
19484
|
}
|
@@ -19721,9 +19765,6 @@ a.bx--side-nav__link--current::before {
|
|
19721
19765
|
justify-content: space-between;
|
19722
19766
|
border-top: 1px solid var(--cds-ui-03, #e0e0e0);
|
19723
19767
|
}
|
19724
|
-
.c4p--card__productive .c4p--card__footer .bx--btn svg {
|
19725
|
-
margin-left: var(--cds-spacing-03, 0.5rem);
|
19726
|
-
}
|
19727
19768
|
.c4p--card__productive .c4p--card__footer-no-button {
|
19728
19769
|
justify-content: flex-end;
|
19729
19770
|
}
|
@@ -20198,6 +20239,23 @@ a.bx--side-nav__link--current::before {
|
|
20198
20239
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20199
20240
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20200
20241
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20242
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20243
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20244
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20245
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20246
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20247
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20248
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20249
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20250
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20251
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20252
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20253
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20254
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20255
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20256
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20257
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20258
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20201
20259
|
@keyframes rotating {
|
20202
20260
|
0% {
|
20203
20261
|
transform: scaleY(-1) rotate(360deg);
|
@@ -20223,386 +20281,470 @@ a.bx--side-nav__link--current::before {
|
|
20223
20281
|
fill: #161616;
|
20224
20282
|
}
|
20225
20283
|
|
20284
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-fatal,
|
20226
20285
|
.c4p--status-icon--light.c4p--status-icon--light-fatal {
|
20227
20286
|
fill: #000000;
|
20228
20287
|
}
|
20229
20288
|
@media (prefers-reduced-motion) {
|
20230
|
-
.c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress
|
20289
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
20290
|
+
.c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
20231
20291
|
animation: none;
|
20232
20292
|
}
|
20233
20293
|
}
|
20234
20294
|
|
20295
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-fatal,
|
20235
20296
|
.c4p--status-icon--light.c4p--status-icon--dark-fatal {
|
20236
20297
|
fill: #000000;
|
20237
20298
|
}
|
20238
20299
|
@media (prefers-reduced-motion) {
|
20239
|
-
.c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress
|
20300
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
20301
|
+
.c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
20240
20302
|
animation: none;
|
20241
20303
|
}
|
20242
20304
|
}
|
20243
20305
|
|
20306
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-critical,
|
20244
20307
|
.c4p--status-icon--light.c4p--status-icon--light-critical {
|
20245
20308
|
fill: #da1e28;
|
20246
20309
|
}
|
20247
20310
|
@media (prefers-reduced-motion) {
|
20248
|
-
.c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress
|
20311
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
20312
|
+
.c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
20249
20313
|
animation: none;
|
20250
20314
|
}
|
20251
20315
|
}
|
20252
20316
|
|
20317
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-critical,
|
20253
20318
|
.c4p--status-icon--light.c4p--status-icon--dark-critical {
|
20254
20319
|
fill: #da1e28;
|
20255
20320
|
}
|
20256
20321
|
@media (prefers-reduced-motion) {
|
20257
|
-
.c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress
|
20322
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
20323
|
+
.c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
20258
20324
|
animation: none;
|
20259
20325
|
}
|
20260
20326
|
}
|
20261
20327
|
|
20328
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-major-warning,
|
20262
20329
|
.c4p--status-icon--light.c4p--status-icon--light-major-warning {
|
20263
20330
|
fill: #ff832b;
|
20264
20331
|
}
|
20265
20332
|
@media (prefers-reduced-motion) {
|
20266
|
-
.c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress
|
20333
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
20334
|
+
.c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
20267
20335
|
animation: none;
|
20268
20336
|
}
|
20269
20337
|
}
|
20270
20338
|
|
20339
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-major-warning,
|
20271
20340
|
.c4p--status-icon--light.c4p--status-icon--dark-major-warning {
|
20272
20341
|
fill: #ff832b;
|
20273
20342
|
}
|
20274
20343
|
@media (prefers-reduced-motion) {
|
20275
|
-
.c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress
|
20344
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
20345
|
+
.c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
20276
20346
|
animation: none;
|
20277
20347
|
}
|
20278
20348
|
}
|
20279
20349
|
|
20350
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-minor-warning,
|
20280
20351
|
.c4p--status-icon--light.c4p--status-icon--light-minor-warning {
|
20281
20352
|
fill: #fddc69;
|
20282
20353
|
}
|
20283
20354
|
@media (prefers-reduced-motion) {
|
20284
|
-
.c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress
|
20355
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
20356
|
+
.c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
20285
20357
|
animation: none;
|
20286
20358
|
}
|
20287
20359
|
}
|
20288
20360
|
|
20361
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-minor-warning,
|
20289
20362
|
.c4p--status-icon--light.c4p--status-icon--dark-minor-warning {
|
20290
20363
|
fill: #fddc69;
|
20291
20364
|
}
|
20292
20365
|
@media (prefers-reduced-motion) {
|
20293
|
-
.c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress
|
20366
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
20367
|
+
.c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
20294
20368
|
animation: none;
|
20295
20369
|
}
|
20296
20370
|
}
|
20297
20371
|
|
20372
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-undefined,
|
20298
20373
|
.c4p--status-icon--light.c4p--status-icon--light-undefined {
|
20299
20374
|
fill: #8a3ffc;
|
20300
20375
|
}
|
20301
20376
|
@media (prefers-reduced-motion) {
|
20302
|
-
.c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress
|
20377
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
20378
|
+
.c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
20303
20379
|
animation: none;
|
20304
20380
|
}
|
20305
20381
|
}
|
20306
20382
|
|
20383
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-undefined,
|
20307
20384
|
.c4p--status-icon--light.c4p--status-icon--dark-undefined {
|
20308
20385
|
fill: #8a3ffc;
|
20309
20386
|
}
|
20310
20387
|
@media (prefers-reduced-motion) {
|
20311
|
-
.c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress
|
20388
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
20389
|
+
.c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
20312
20390
|
animation: none;
|
20313
20391
|
}
|
20314
20392
|
}
|
20315
20393
|
|
20394
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-unknown,
|
20316
20395
|
.c4p--status-icon--light.c4p--status-icon--light-unknown {
|
20317
20396
|
fill: #6f6f6f;
|
20318
20397
|
}
|
20319
20398
|
@media (prefers-reduced-motion) {
|
20320
|
-
.c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress
|
20399
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
20400
|
+
.c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
20321
20401
|
animation: none;
|
20322
20402
|
}
|
20323
20403
|
}
|
20324
20404
|
|
20405
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-unknown,
|
20325
20406
|
.c4p--status-icon--light.c4p--status-icon--dark-unknown {
|
20326
20407
|
fill: #6f6f6f;
|
20327
20408
|
}
|
20328
20409
|
@media (prefers-reduced-motion) {
|
20329
|
-
.c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress
|
20410
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
20411
|
+
.c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
20330
20412
|
animation: none;
|
20331
20413
|
}
|
20332
20414
|
}
|
20333
20415
|
|
20416
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-normal,
|
20334
20417
|
.c4p--status-icon--light.c4p--status-icon--light-normal {
|
20335
20418
|
fill: #198038;
|
20336
20419
|
}
|
20337
20420
|
@media (prefers-reduced-motion) {
|
20338
|
-
.c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress
|
20421
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
20422
|
+
.c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
20339
20423
|
animation: none;
|
20340
20424
|
}
|
20341
20425
|
}
|
20342
20426
|
|
20427
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-normal,
|
20343
20428
|
.c4p--status-icon--light.c4p--status-icon--dark-normal {
|
20344
20429
|
fill: #198038;
|
20345
20430
|
}
|
20346
20431
|
@media (prefers-reduced-motion) {
|
20347
|
-
.c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress
|
20432
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
20433
|
+
.c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
20348
20434
|
animation: none;
|
20349
20435
|
}
|
20350
20436
|
}
|
20351
20437
|
|
20438
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-info,
|
20352
20439
|
.c4p--status-icon--light.c4p--status-icon--light-info {
|
20353
20440
|
fill: #0f62fe;
|
20354
20441
|
}
|
20355
20442
|
@media (prefers-reduced-motion) {
|
20356
|
-
.c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress
|
20443
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
20444
|
+
.c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
20357
20445
|
animation: none;
|
20358
20446
|
}
|
20359
20447
|
}
|
20360
20448
|
|
20449
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-info,
|
20361
20450
|
.c4p--status-icon--light.c4p--status-icon--dark-info {
|
20362
20451
|
fill: #0f62fe;
|
20363
20452
|
}
|
20364
20453
|
@media (prefers-reduced-motion) {
|
20365
|
-
.c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress
|
20454
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
20455
|
+
.c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
20366
20456
|
animation: none;
|
20367
20457
|
}
|
20368
20458
|
}
|
20369
20459
|
|
20460
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
20370
20461
|
.c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
20371
20462
|
animation: rotating 8000ms infinite linear;
|
20372
20463
|
fill: #0f62fe;
|
20373
20464
|
}
|
20374
20465
|
@media (prefers-reduced-motion: reduce) {
|
20375
|
-
.c4p--status-icon--light.c4p--status-icon--light-in-progress
|
20466
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
20467
|
+
.c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
20376
20468
|
animation: none;
|
20377
20469
|
}
|
20378
20470
|
}
|
20379
20471
|
|
20472
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
20380
20473
|
.c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
20381
20474
|
animation: rotating 8000ms infinite linear;
|
20382
20475
|
fill: #0f62fe;
|
20383
20476
|
}
|
20384
20477
|
@media (prefers-reduced-motion: reduce) {
|
20385
|
-
.c4p--status-icon--light.c4p--status-icon--dark-in-progress
|
20478
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
20479
|
+
.c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
20386
20480
|
animation: none;
|
20387
20481
|
}
|
20388
20482
|
}
|
20389
20483
|
|
20484
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-running,
|
20390
20485
|
.c4p--status-icon--light.c4p--status-icon--light-running {
|
20391
20486
|
fill: #198038;
|
20392
20487
|
transform: scaleY(-1);
|
20393
20488
|
}
|
20394
20489
|
|
20490
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-running,
|
20395
20491
|
.c4p--status-icon--light.c4p--status-icon--dark-running {
|
20396
20492
|
fill: #198038;
|
20397
20493
|
transform: scaleY(-1);
|
20398
20494
|
}
|
20399
20495
|
|
20496
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-pending,
|
20400
20497
|
.c4p--status-icon--light.c4p--status-icon--light-pending {
|
20401
20498
|
fill: #6f6f6f;
|
20402
20499
|
}
|
20403
20500
|
@media (prefers-reduced-motion) {
|
20404
|
-
.c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress
|
20501
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
20502
|
+
.c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
20405
20503
|
animation: none;
|
20406
20504
|
}
|
20407
20505
|
}
|
20408
20506
|
|
20507
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-pending,
|
20409
20508
|
.c4p--status-icon--light.c4p--status-icon--dark-pending {
|
20410
20509
|
fill: #6f6f6f;
|
20411
20510
|
}
|
20412
20511
|
@media (prefers-reduced-motion) {
|
20413
|
-
.c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress
|
20512
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
20513
|
+
.c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
20414
20514
|
animation: none;
|
20415
20515
|
}
|
20416
20516
|
}
|
20417
20517
|
|
20518
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-fatal,
|
20418
20519
|
.c4p--status-icon--dark.c4p--status-icon--light-fatal {
|
20419
20520
|
fill: #8d8d8d;
|
20420
20521
|
}
|
20421
20522
|
@media (prefers-reduced-motion) {
|
20422
|
-
.c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress
|
20523
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
20524
|
+
.c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20423
20525
|
animation: none;
|
20424
20526
|
}
|
20425
20527
|
}
|
20426
20528
|
|
20529
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-fatal,
|
20427
20530
|
.c4p--status-icon--dark.c4p--status-icon--dark-fatal {
|
20428
20531
|
fill: #8d8d8d;
|
20429
20532
|
}
|
20430
20533
|
@media (prefers-reduced-motion) {
|
20431
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress
|
20534
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
20535
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20432
20536
|
animation: none;
|
20433
20537
|
}
|
20434
20538
|
}
|
20435
20539
|
|
20540
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-critical,
|
20436
20541
|
.c4p--status-icon--dark.c4p--status-icon--light-critical {
|
20437
20542
|
fill: #fa4d56;
|
20438
20543
|
}
|
20439
20544
|
@media (prefers-reduced-motion) {
|
20440
|
-
.c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress
|
20545
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
20546
|
+
.c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20441
20547
|
animation: none;
|
20442
20548
|
}
|
20443
20549
|
}
|
20444
20550
|
|
20551
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-critical,
|
20445
20552
|
.c4p--status-icon--dark.c4p--status-icon--dark-critical {
|
20446
20553
|
fill: #fa4d56;
|
20447
20554
|
}
|
20448
20555
|
@media (prefers-reduced-motion) {
|
20449
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress
|
20556
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
20557
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20450
20558
|
animation: none;
|
20451
20559
|
}
|
20452
20560
|
}
|
20453
20561
|
|
20562
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-major-warning,
|
20454
20563
|
.c4p--status-icon--dark.c4p--status-icon--light-major-warning {
|
20455
20564
|
fill: #ff832b;
|
20456
20565
|
}
|
20457
20566
|
@media (prefers-reduced-motion) {
|
20458
|
-
.c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress
|
20567
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
20568
|
+
.c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20459
20569
|
animation: none;
|
20460
20570
|
}
|
20461
20571
|
}
|
20462
20572
|
|
20573
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-major-warning,
|
20463
20574
|
.c4p--status-icon--dark.c4p--status-icon--dark-major-warning {
|
20464
20575
|
fill: #ff832b;
|
20465
20576
|
}
|
20466
20577
|
@media (prefers-reduced-motion) {
|
20467
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress
|
20578
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
20579
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20468
20580
|
animation: none;
|
20469
20581
|
}
|
20470
20582
|
}
|
20471
20583
|
|
20584
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-minor-warning,
|
20472
20585
|
.c4p--status-icon--dark.c4p--status-icon--light-minor-warning {
|
20473
20586
|
fill: #fddc69;
|
20474
20587
|
}
|
20475
20588
|
@media (prefers-reduced-motion) {
|
20476
|
-
.c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress
|
20589
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
20590
|
+
.c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20477
20591
|
animation: none;
|
20478
20592
|
}
|
20479
20593
|
}
|
20480
20594
|
|
20595
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning,
|
20481
20596
|
.c4p--status-icon--dark.c4p--status-icon--dark-minor-warning {
|
20482
20597
|
fill: #fddc69;
|
20483
20598
|
}
|
20484
20599
|
@media (prefers-reduced-motion) {
|
20485
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress
|
20600
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
20601
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20486
20602
|
animation: none;
|
20487
20603
|
}
|
20488
20604
|
}
|
20489
20605
|
|
20606
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-undefined,
|
20490
20607
|
.c4p--status-icon--dark.c4p--status-icon--light-undefined {
|
20491
20608
|
fill: #a56eff;
|
20492
20609
|
}
|
20493
20610
|
@media (prefers-reduced-motion) {
|
20494
|
-
.c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress
|
20611
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
20612
|
+
.c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20495
20613
|
animation: none;
|
20496
20614
|
}
|
20497
20615
|
}
|
20498
20616
|
|
20617
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-undefined,
|
20499
20618
|
.c4p--status-icon--dark.c4p--status-icon--dark-undefined {
|
20500
20619
|
fill: #a56eff;
|
20501
20620
|
}
|
20502
20621
|
@media (prefers-reduced-motion) {
|
20503
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress
|
20622
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
20623
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20504
20624
|
animation: none;
|
20505
20625
|
}
|
20506
20626
|
}
|
20507
20627
|
|
20628
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-unknown,
|
20508
20629
|
.c4p--status-icon--dark.c4p--status-icon--light-unknown {
|
20509
20630
|
fill: #8d8d8d;
|
20510
20631
|
}
|
20511
20632
|
@media (prefers-reduced-motion) {
|
20512
|
-
.c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress
|
20633
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
20634
|
+
.c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20513
20635
|
animation: none;
|
20514
20636
|
}
|
20515
20637
|
}
|
20516
20638
|
|
20639
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-unknown,
|
20517
20640
|
.c4p--status-icon--dark.c4p--status-icon--dark-unknown {
|
20518
20641
|
fill: #8d8d8d;
|
20519
20642
|
}
|
20520
20643
|
@media (prefers-reduced-motion) {
|
20521
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress
|
20644
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
20645
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20522
20646
|
animation: none;
|
20523
20647
|
}
|
20524
20648
|
}
|
20525
20649
|
|
20650
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-normal,
|
20526
20651
|
.c4p--status-icon--dark.c4p--status-icon--light-normal {
|
20527
20652
|
fill: #24a148;
|
20528
20653
|
}
|
20529
20654
|
@media (prefers-reduced-motion) {
|
20530
|
-
.c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress
|
20655
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
20656
|
+
.c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20531
20657
|
animation: none;
|
20532
20658
|
}
|
20533
20659
|
}
|
20534
20660
|
|
20661
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-normal,
|
20535
20662
|
.c4p--status-icon--dark.c4p--status-icon--dark-normal {
|
20536
20663
|
fill: #24a148;
|
20537
20664
|
}
|
20538
20665
|
@media (prefers-reduced-motion) {
|
20539
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress
|
20666
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
20667
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20540
20668
|
animation: none;
|
20541
20669
|
}
|
20542
20670
|
}
|
20543
20671
|
|
20672
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-info,
|
20544
20673
|
.c4p--status-icon--dark.c4p--status-icon--light-info {
|
20545
20674
|
fill: #4589ff;
|
20546
20675
|
}
|
20547
20676
|
@media (prefers-reduced-motion) {
|
20548
|
-
.c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress
|
20677
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
20678
|
+
.c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20549
20679
|
animation: none;
|
20550
20680
|
}
|
20551
20681
|
}
|
20552
20682
|
|
20683
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-info,
|
20553
20684
|
.c4p--status-icon--dark.c4p--status-icon--dark-info {
|
20554
20685
|
fill: #4589ff;
|
20555
20686
|
}
|
20556
20687
|
@media (prefers-reduced-motion) {
|
20557
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress
|
20688
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
20689
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20558
20690
|
animation: none;
|
20559
20691
|
}
|
20560
20692
|
}
|
20561
20693
|
|
20694
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
20562
20695
|
.c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20563
20696
|
animation: rotating 8000ms infinite linear;
|
20564
20697
|
fill: #4589ff;
|
20565
20698
|
}
|
20566
20699
|
@media (prefers-reduced-motion: reduce) {
|
20567
|
-
.c4p--status-icon--dark.c4p--status-icon--light-in-progress
|
20700
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
20701
|
+
.c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20568
20702
|
animation: none;
|
20569
20703
|
}
|
20570
20704
|
}
|
20571
20705
|
|
20706
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
20572
20707
|
.c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20573
20708
|
animation: rotating 8000ms infinite linear;
|
20574
20709
|
fill: #4589ff;
|
20575
20710
|
}
|
20576
20711
|
@media (prefers-reduced-motion: reduce) {
|
20577
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-in-progress
|
20712
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
20713
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20578
20714
|
animation: none;
|
20579
20715
|
}
|
20580
20716
|
}
|
20581
20717
|
|
20718
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-running,
|
20582
20719
|
.c4p--status-icon--dark.c4p--status-icon--light-running {
|
20583
20720
|
fill: #24a148;
|
20584
20721
|
transform: scaleY(-1);
|
20585
20722
|
}
|
20586
20723
|
|
20724
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-running,
|
20587
20725
|
.c4p--status-icon--dark.c4p--status-icon--dark-running {
|
20588
20726
|
fill: #24a148;
|
20589
20727
|
transform: scaleY(-1);
|
20590
20728
|
}
|
20591
20729
|
|
20730
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-pending,
|
20592
20731
|
.c4p--status-icon--dark.c4p--status-icon--light-pending {
|
20593
20732
|
fill: #8d8d8d;
|
20594
20733
|
}
|
20595
20734
|
@media (prefers-reduced-motion) {
|
20596
|
-
.c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress
|
20735
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
20736
|
+
.c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20597
20737
|
animation: none;
|
20598
20738
|
}
|
20599
20739
|
}
|
20600
20740
|
|
20741
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-pending,
|
20601
20742
|
.c4p--status-icon--dark.c4p--status-icon--dark-pending {
|
20602
20743
|
fill: #8d8d8d;
|
20603
20744
|
}
|
20604
20745
|
@media (prefers-reduced-motion) {
|
20605
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress
|
20746
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
20747
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20606
20748
|
animation: none;
|
20607
20749
|
}
|
20608
20750
|
}
|
@@ -21012,7 +21154,7 @@ a.bx--side-nav__link--current::before {
|
|
21012
21154
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
21013
21155
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
21014
21156
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
21015
|
-
@keyframes
|
21157
|
+
@keyframes web-terminal-entrance {
|
21016
21158
|
0% {
|
21017
21159
|
opacity: 0;
|
21018
21160
|
transform: translateX(36.5rem);
|
@@ -21022,7 +21164,7 @@ a.bx--side-nav__link--current::before {
|
|
21022
21164
|
transform: translateX(0);
|
21023
21165
|
}
|
21024
21166
|
}
|
21025
|
-
@keyframes
|
21167
|
+
@keyframes web-terminal-exit {
|
21026
21168
|
0% {
|
21027
21169
|
opacity: 1;
|
21028
21170
|
transform: translateX(0);
|
@@ -21170,8 +21312,6 @@ a.bx--side-nav__link--current::before {
|
|
21170
21312
|
--cds-layer-selected-hover: #656565;
|
21171
21313
|
--cds-layer-selected-inverse: #f4f4f4;
|
21172
21314
|
--cds-border-subtle-selected: #6f6f6f;
|
21173
|
-
--cds-layer-disabled: #393939;
|
21174
|
-
--cds-field-disabled: #393939;
|
21175
21315
|
--cds-border-disabled: #393939;
|
21176
21316
|
--cds-text-disabled: #6f6f6f;
|
21177
21317
|
--cds-button-disabled: #6f6f6f;
|
@@ -21616,8 +21756,6 @@ a.bx--side-nav__link--current::before {
|
|
21616
21756
|
--cds-layer-selected-hover: #4c4c4c;
|
21617
21757
|
--cds-layer-selected-inverse: #f4f4f4;
|
21618
21758
|
--cds-border-subtle-selected: #525252;
|
21619
|
-
--cds-layer-disabled: #262626;
|
21620
|
-
--cds-field-disabled: #262626;
|
21621
21759
|
--cds-border-disabled: #262626;
|
21622
21760
|
--cds-text-disabled: #525252;
|
21623
21761
|
--cds-button-disabled: #525252;
|
@@ -22553,97 +22691,342 @@ a.bx--side-nav__link--current::before {
|
|
22553
22691
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
22554
22692
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
22555
22693
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
22556
|
-
.c4p--cancelable-text-edit
|
22694
|
+
.c4p--cancelable-text-edit {
|
22557
22695
|
--size: var(--cds-spacing-08, 2.5rem);
|
22558
|
-
|
22559
|
-
|
22560
|
-
|
22696
|
+
--icon-size: var(--cds-spacing-05, 1rem);
|
22697
|
+
}
|
22698
|
+
|
22699
|
+
.c4p--cancelable-text-edit--sm {
|
22700
|
+
--size: var(--cds-spacing-07, 2rem);
|
22701
|
+
--icon-size: var(--cds-spacing-05, 1rem);
|
22561
22702
|
}
|
22562
22703
|
|
22563
|
-
.c4p--cancelable-text-edit
|
22564
|
-
--size:
|
22704
|
+
.c4p--cancelable-text-edit--lg {
|
22705
|
+
--size: var(--cds-spacing-09, 3rem);
|
22706
|
+
--icon-size: var(--cds-spacing-05, 1rem);
|
22565
22707
|
}
|
22566
22708
|
|
22567
|
-
.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-
|
22709
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__main {
|
22710
|
+
position: relative;
|
22711
|
+
display: inline-flex;
|
22712
|
+
width: 100%;
|
22713
|
+
min-height: var(--size);
|
22714
|
+
vertical-align: top;
|
22715
|
+
}
|
22716
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__input {
|
22568
22717
|
height: var(--size);
|
22569
22718
|
padding-right: calc(2 * var(--size));
|
22570
22719
|
}
|
22571
|
-
|
22572
|
-
.c4p--cancelable-text-edit__buttons {
|
22720
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__buttons {
|
22573
22721
|
position: absolute;
|
22574
22722
|
top: 0;
|
22575
22723
|
right: 0;
|
22724
|
+
display: flex;
|
22725
|
+
flex-direction: column;
|
22576
22726
|
}
|
22577
|
-
|
22578
|
-
|
22579
|
-
|
22580
|
-
|
22581
|
-
|
22582
|
-
|
22727
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__buttons-inner {
|
22728
|
+
display: flex;
|
22729
|
+
}
|
22730
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert,
|
22731
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save {
|
22732
|
+
border: 1px solid transparent;
|
22583
22733
|
}
|
22584
|
-
.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert:hover,
|
22585
|
-
.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:hover {
|
22734
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert:hover,
|
22735
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:hover {
|
22586
22736
|
border-color: var(--cds-hover-field, #e5e5e5);
|
22587
|
-
border-bottom:
|
22737
|
+
border-bottom-color: transparent;
|
22588
22738
|
background-clip: content-box;
|
22589
22739
|
box-shadow: initial;
|
22740
|
+
outline: initial;
|
22590
22741
|
}
|
22591
|
-
.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,
|
22592
|
-
.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:focus:active,
|
22593
|
-
.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:focus {
|
22594
|
-
border-width: 2px;
|
22742
|
+
.c4p--cancelable-text-edit.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 .c4p--cancelable-text-edit__revert:focus,
|
22743
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:focus:active,
|
22744
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:focus {
|
22595
22745
|
border-color: var(--cds-focus, #0f62fe);
|
22596
|
-
box-shadow:
|
22746
|
+
box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
|
22747
|
+
outline: initial;
|
22597
22748
|
}
|
22598
|
-
.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert:focus:active:hover,
|
22599
|
-
.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:focus:active:hover {
|
22600
|
-
|
22749
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert:focus:active:hover,
|
22750
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:focus:active:hover {
|
22751
|
+
box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-field-01, #f4f4f4);
|
22601
22752
|
}
|
22602
|
-
.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert::before,
|
22603
|
-
.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save::before {
|
22753
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert::before,
|
22754
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save::before {
|
22604
22755
|
background-color: transparent;
|
22605
22756
|
}
|
22606
|
-
|
22607
|
-
.c4p--cancelable-text-edit.c4p--cancelable-text-edit
|
22608
|
-
|
22609
|
-
|
22610
|
-
.c4p--cancelable-text-edit.c4p--cancelable-text-edit
|
22611
|
-
|
22757
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert[disabled],
|
22758
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save[disabled] {
|
22759
|
+
border-color: transparent;
|
22760
|
+
}
|
22761
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .c4p--cancelable-text-edit__save:hover,
|
22762
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .c4p--cancelable-text-edit__revert:hover {
|
22763
|
+
border: 1px solid transparent;
|
22764
|
+
box-shadow: inset 0 1px 0 var(--cds-support-01, #da1e28), inset 0 -1px 0 var(--cds-support-01, #da1e28);
|
22612
22765
|
}
|
22613
|
-
.c4p--cancelable-text-edit.c4p--cancelable-text-edit
|
22614
|
-
|
22615
|
-
|
22616
|
-
.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-
|
22617
|
-
|
22618
|
-
border
|
22766
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .c4p--cancelable-text-edit__save:hover {
|
22767
|
+
box-shadow: inset 0 1px 0 var(--cds-support-01, #da1e28), inset 0 -1px 0 var(--cds-support-01, #da1e28), inset -1px 0 0 var(--cds-support-01, #da1e28);
|
22768
|
+
}
|
22769
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__revert,
|
22770
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__save {
|
22771
|
+
border: 1px solid transparent;
|
22772
|
+
box-shadow: inset 0 1px 0 var(--cds-focus, #0f62fe), inset 0 -1px 0 var(--cds-focus, #0f62fe);
|
22773
|
+
}
|
22774
|
+
.c4p--cancelable-text-edit.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,
|
22775
|
+
.c4p--cancelable-text-edit.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 {
|
22619
22776
|
background-clip: content-box;
|
22620
22777
|
}
|
22621
|
-
.c4p--cancelable-text-edit.c4p--cancelable-text-edit--
|
22622
|
-
|
22623
|
-
border-right: 2px solid transparent;
|
22778
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__save {
|
22779
|
+
box-shadow: inset 0 1px 0 var(--cds-focus, #0f62fe), inset 0 -1px 0 var(--cds-focus, #0f62fe), inset -1px 0 0 var(--cds-focus, #0f62fe);
|
22624
22780
|
}
|
22625
|
-
|
22626
|
-
.c4p--cancelable-text-edit--
|
22627
|
-
|
22781
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert,
|
22782
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save {
|
22783
|
+
display: flex;
|
22784
|
+
width: var(--size);
|
22785
|
+
height: var(--size);
|
22786
|
+
min-height: var(--size);
|
22787
|
+
flex-direction: column;
|
22788
|
+
align-items: center;
|
22789
|
+
justify-content: center;
|
22790
|
+
padding: 0;
|
22791
|
+
}
|
22792
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert svg,
|
22793
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save svg {
|
22794
|
+
width: var(--icon-size);
|
22795
|
+
height: var(--icon-size);
|
22796
|
+
}
|
22797
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .bx--form-requirement, .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--warn .bx--form-requirement {
|
22628
22798
|
display: block;
|
22629
22799
|
max-height: initial;
|
22800
|
+
}
|
22801
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid.c4p--cancelable-text-edit--inline .bx--form-requirement, .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--warn.c4p--cancelable-text-edit--inline .bx--form-requirement {
|
22630
22802
|
margin-left: calc(20% + 1.25rem);
|
22631
22803
|
}
|
22632
|
-
|
22633
|
-
|
22804
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .bx--form-requirement {
|
22805
|
+
display: block;
|
22806
|
+
overflow: visible;
|
22634
22807
|
color: var(--cds-text-error, #da1e28);
|
22635
22808
|
}
|
22636
|
-
|
22637
|
-
.c4p--cancelable-text-edit .bx--text-input {
|
22809
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input {
|
22638
22810
|
padding-right: calc(2 * var(--size));
|
22639
22811
|
}
|
22640
|
-
|
22641
|
-
.c4p--cancelable-text-edit .bx--text-input--invalid {
|
22812
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input--invalid {
|
22642
22813
|
padding-right: calc(3 * var(--size));
|
22643
22814
|
}
|
22644
|
-
|
22645
|
-
.c4p--cancelable-text-edit .bx--text-input__invalid-icon {
|
22815
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input__invalid-icon {
|
22646
22816
|
margin-right: var(--cds-spacing-11, 5rem);
|
22647
22817
|
}
|
22648
22818
|
|
22819
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
22820
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
22821
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
22822
|
+
.c4p--inline-edit {
|
22823
|
+
--c4p--inline-edit--size: var(--cds-spacing-08, 2.5rem);
|
22824
|
+
--c4p--inline-edit--icon-size: var(--cds-spacing-05, 1rem);
|
22825
|
+
--c4p--inline-edit--background-color: var(--cds-ui-01, #f4f4f4);
|
22826
|
+
position: relative;
|
22827
|
+
display: inline-block;
|
22828
|
+
max-width: 100%;
|
22829
|
+
height: var(--c4p--inline-edit--size);
|
22830
|
+
background-color: var(--c4p--inline-edit--background-color);
|
22831
|
+
cursor: text;
|
22832
|
+
transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
|
22833
|
+
white-space: nowrap;
|
22834
|
+
}
|
22835
|
+
.c4p--inline-edit.c4p--inline-edit--light {
|
22836
|
+
--c4p--inline-edit--background-color: transparent;
|
22837
|
+
}
|
22838
|
+
.c4p--inline-edit:hover {
|
22839
|
+
--c4p--inline-edit--background-color: var(--cds-hover-field, #e5e5e5);
|
22840
|
+
}
|
22841
|
+
.c4p--inline-edit.c4p--inline-edit--sm {
|
22842
|
+
--c4p--inline-edit--size: var(--cds-spacing-07, 2rem);
|
22843
|
+
--c4p--inline-edit--icon-size: var(--cds-spacing-05, 1rem);
|
22844
|
+
}
|
22845
|
+
.c4p--inline-edit.c4p--inline-edit--lg {
|
22846
|
+
--c4p--inline-edit--size: var(--cds-spacing-09, 3rem);
|
22847
|
+
--c4p--inline-edit--icon-size: var(--cds-spacing-05, 1rem);
|
22848
|
+
}
|
22849
|
+
.c4p--inline-edit.c4p--inline-edit--editing {
|
22850
|
+
outline: var(--cds-spacing-01, 0.125rem) solid var(--cds-focus, #0f62fe);
|
22851
|
+
outline-offset: calc(-1 * var(--cds-spacing-01, 0.125rem));
|
22852
|
+
background-color: var(--cds-ui-01, #f4f4f4);
|
22853
|
+
}
|
22854
|
+
@media screen and (prefers-contrast) {
|
22855
|
+
.c4p--inline-edit.c4p--inline-edit--editing {
|
22856
|
+
outline-style: dotted;
|
22857
|
+
}
|
22858
|
+
}
|
22859
|
+
.c4p--inline-edit .c4p--inline-edit--invalid {
|
22860
|
+
outline: var(--cds-spacing-01, 0.125rem) solid var(--cds-support-01, #da1e28);
|
22861
|
+
outline-offset: calc(-1 * var(--cds-spacing-01, 0.125rem));
|
22862
|
+
}
|
22863
|
+
@media screen and (prefers-contrast) {
|
22864
|
+
.c4p--inline-edit .c4p--inline-edit--invalid {
|
22865
|
+
outline-style: dotted;
|
22866
|
+
}
|
22867
|
+
}
|
22868
|
+
.c4p--inline-edit .c4p--inline-edit__input {
|
22869
|
+
display: inline-block;
|
22870
|
+
overflow: hidden;
|
22871
|
+
min-width: calc(100% - 3 * var(--c4p--inline-edit--size) - var(--cds-spacing-05, 1rem));
|
22872
|
+
max-width: calc(100% - 3 * var(--c4p--inline-edit--size) - var(--cds-spacing-05, 1rem));
|
22873
|
+
min-height: var(--c4p--inline-edit--size);
|
22874
|
+
margin-right: calc(3 * var(--c4p--inline-edit--size));
|
22875
|
+
margin-left: var(--cds-spacing-05, 1rem);
|
22876
|
+
line-height: var(--c4p--inline-edit--size);
|
22877
|
+
}
|
22878
|
+
.c4p--inline-edit .c4p--inline-edit__input:focus {
|
22879
|
+
outline: none;
|
22880
|
+
}
|
22881
|
+
.c4p--inline-edit .c4p--inline-edit__input::after {
|
22882
|
+
position: absolute;
|
22883
|
+
top: 0;
|
22884
|
+
left: 0;
|
22885
|
+
display: block;
|
22886
|
+
margin-left: var(--cds-spacing-05, 1rem);
|
22887
|
+
color: var(--cds-text-05, #6f6f6f);
|
22888
|
+
content: attr(data-placeholder);
|
22889
|
+
opacity: 0;
|
22890
|
+
}
|
22891
|
+
.c4p--inline-edit .c4p--inline-edit__ellipsis {
|
22892
|
+
display: inline-block;
|
22893
|
+
overflow: hidden;
|
22894
|
+
width: 0;
|
22895
|
+
height: var(--c4p--inline-edit--size);
|
22896
|
+
line-height: var(--c4p--inline-edit--size);
|
22897
|
+
opacity: 0;
|
22898
|
+
pointer-events: none;
|
22899
|
+
transition: opacity 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
22900
|
+
}
|
22901
|
+
.c4p--inline-edit.c4p--inline-edit--overflows:not(.c4p--inline-edit--editing) .c4p--inline-edit__ellipsis {
|
22902
|
+
width: initial;
|
22903
|
+
opacity: 1;
|
22904
|
+
}
|
22905
|
+
.c4p--inline-edit .c4p--inline-edit__disabled-cover {
|
22906
|
+
position: absolute;
|
22907
|
+
top: 0;
|
22908
|
+
left: 0;
|
22909
|
+
width: 100%;
|
22910
|
+
height: 100%;
|
22911
|
+
pointer-events: none;
|
22912
|
+
}
|
22913
|
+
.c4p--inline-edit.c4p--inline-edit--disabled .c4p--inline-edit__disabled-cover {
|
22914
|
+
cursor: not-allowed;
|
22915
|
+
pointer-events: all;
|
22916
|
+
}
|
22917
|
+
.c4p--inline-edit .c4p--inline-edit__input--empty::after {
|
22918
|
+
opacity: 1;
|
22919
|
+
transition: opacity 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
22920
|
+
}
|
22921
|
+
.c4p--inline-edit .c4p--inline-edit__after-input-elements {
|
22922
|
+
position: absolute;
|
22923
|
+
top: 0;
|
22924
|
+
right: 0;
|
22925
|
+
display: flex;
|
22926
|
+
width: calc(3 * var(--c4p--inline-edit--size));
|
22927
|
+
height: 100%;
|
22928
|
+
justify-content: space-between;
|
22929
|
+
cursor: text;
|
22930
|
+
}
|
22931
|
+
.c4p--inline-edit .c4p--inline-edit__toolbar--animation {
|
22932
|
+
clip-path: polygon(0 0, -100vw 0, -100vw -100vh, 100vw -100vh, 100vw 0, 100% 0, 100% 100%, 100vw 100%, 100vw 100vh, -100vw 100vh, -100vw 100%, 0 100%);
|
22933
|
+
}
|
22934
|
+
.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar::after {
|
22935
|
+
position: absolute;
|
22936
|
+
top: 0;
|
22937
|
+
left: 0;
|
22938
|
+
display: block;
|
22939
|
+
width: 100%;
|
22940
|
+
height: 100%;
|
22941
|
+
box-sizing: border-box;
|
22942
|
+
border: 2px solid var(--cds-focus, #0f62fe);
|
22943
|
+
border-left: 0;
|
22944
|
+
content: "";
|
22945
|
+
pointer-events: none;
|
22946
|
+
}
|
22947
|
+
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel {
|
22948
|
+
display: inline-flex;
|
22949
|
+
width: var(--c4p--inline-edit--size);
|
22950
|
+
height: 100%;
|
22951
|
+
min-height: initial;
|
22952
|
+
max-height: var(--c4p--inline-edit--size);
|
22953
|
+
padding: calc(
|
22954
|
+
0.5 * (var(--c4p--inline-edit--size) - var(--c4p--inline-edit--icon-size)) - var(--cds-spacing-01, 0.125rem)
|
22955
|
+
);
|
22956
|
+
border: 2px solid transparent;
|
22957
|
+
}
|
22958
|
+
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save:hover, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel:hover {
|
22959
|
+
outline: initial;
|
22960
|
+
}
|
22961
|
+
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save:focus:active, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save:focus, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel:focus:active, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel:focus {
|
22962
|
+
border-color: var(--cds-focus, #0f62fe);
|
22963
|
+
box-shadow: initial;
|
22964
|
+
outline: initial;
|
22965
|
+
}
|
22966
|
+
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save:focus:active:hover, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel:focus:active:hover {
|
22967
|
+
box-shadow: inset 0 0 0 1px var(--cds-field-01, #f4f4f4);
|
22968
|
+
}
|
22969
|
+
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save::before, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel::before {
|
22970
|
+
background-color: transparent;
|
22971
|
+
}
|
22972
|
+
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save[disabled], .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel[disabled] {
|
22973
|
+
border-color: transparent;
|
22974
|
+
}
|
22975
|
+
.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation .c4p--inline-edit__save {
|
22976
|
+
margin-right: calc(-1 * var(--c4p--inline-edit--size));
|
22977
|
+
transition: margin-right 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
22978
|
+
}
|
22979
|
+
.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--saveable .c4p--inline-edit__save {
|
22980
|
+
margin-right: 0;
|
22981
|
+
}
|
22982
|
+
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit {
|
22983
|
+
display: inline-flex;
|
22984
|
+
width: var(--c4p--inline-edit--size);
|
22985
|
+
height: 100%;
|
22986
|
+
min-height: initial;
|
22987
|
+
max-height: var(--c4p--inline-edit--size);
|
22988
|
+
padding: calc(
|
22989
|
+
0.5 * (var(--c4p--inline-edit--size) - var(--c4p--inline-edit--icon-size)) - var(--cds-spacing-01, 0.125rem)
|
22990
|
+
);
|
22991
|
+
border: 2px solid transparent;
|
22992
|
+
}
|
22993
|
+
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit:hover, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit:active, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit:focus {
|
22994
|
+
border-color: transparent;
|
22995
|
+
background-color: transparent;
|
22996
|
+
box-shadow: initial;
|
22997
|
+
outline: initial;
|
22998
|
+
}
|
22999
|
+
.c4p--inline-edit .c4p--inline-edit__edit--hover-visible {
|
23000
|
+
opacity: 0;
|
23001
|
+
transition: opacity 70ms cubic-bezier(0, 0, 0.38, 0.9);
|
23002
|
+
}
|
23003
|
+
.c4p--inline-edit:hover .c4p--inline-edit__edit--hover-visible {
|
23004
|
+
opacity: 1;
|
23005
|
+
}
|
23006
|
+
.c4p--inline-edit .c4p--inline-edit__validation-icon {
|
23007
|
+
display: inline-flex;
|
23008
|
+
width: var(--c4p--inline-edit--size);
|
23009
|
+
height: 100%;
|
23010
|
+
min-height: initial;
|
23011
|
+
max-height: var(--c4p--inline-edit--size);
|
23012
|
+
padding: calc(
|
23013
|
+
0.5 * (var(--c4p--inline-edit--size) - var(--c4p--inline-edit--icon-size)) - var(--cds-spacing-01, 0.125rem)
|
23014
|
+
);
|
23015
|
+
border: 2px solid transparent;
|
23016
|
+
}
|
23017
|
+
.c4p--inline-edit.c4p--inline-edit--warn .c4p--inline-edit__validation-icon {
|
23018
|
+
color: var(--cds-support-warning, #f1c21b);
|
23019
|
+
}
|
23020
|
+
.c4p--inline-edit.c4p--inline-edit--invalid .c4p--inline-edit__validation-icon {
|
23021
|
+
color: var(--cds-support-error, #da1e28);
|
23022
|
+
}
|
23023
|
+
.c4p--inline-edit .c4p--inline-edit__validation-text {
|
23024
|
+
display: block;
|
23025
|
+
overflow: visible;
|
23026
|
+
margin-left: var(--cds-spacing-05, 1rem);
|
23027
|
+
}
|
23028
|
+
.c4p--inline-edit.c4p--inline-edit--invalid .c4p--inline-edit__validation-text {
|
23029
|
+
color: var(--cds-support-error, #da1e28);
|
23030
|
+
}
|
23031
|
+
|
22649
23032
|
/*# sourceMappingURL=index.css.map */
|