@carbon/ibm-products 1.2.5 → 1.3.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -3043,6 +3043,296 @@ em {
3043
3043
  font-size: 0;
3044
3044
  }
3045
3045
 
3046
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
3047
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
3048
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
3049
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
3050
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
3051
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
3052
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
3053
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
3054
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
3055
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
3056
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
3057
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
3058
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
3059
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
3060
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
3061
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
3062
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
3063
+ .bx--structured-list--selection .bx--structured-list-td,
3064
+ .bx--structured-list--selection .bx--structured-list-th {
3065
+ padding-right: 1rem;
3066
+ padding-left: 1rem;
3067
+ }
3068
+ .bx--structured-list--selection .bx--structured-list-td:first-child,
3069
+ .bx--structured-list--selection .bx--structured-list-th:first-child {
3070
+ padding-right: 1rem;
3071
+ padding-left: 1rem;
3072
+ }
3073
+
3074
+ .bx--structured-list-input {
3075
+ display: none;
3076
+ }
3077
+
3078
+ .bx--structured-list {
3079
+ box-sizing: border-box;
3080
+ padding: 0;
3081
+ border: 0;
3082
+ margin: 0;
3083
+ font-family: inherit;
3084
+ font-size: 100%;
3085
+ vertical-align: baseline;
3086
+ display: table;
3087
+ width: 100%;
3088
+ margin-bottom: 5rem;
3089
+ background-color: transparent;
3090
+ border-collapse: collapse;
3091
+ border-spacing: 0;
3092
+ overflow-x: auto;
3093
+ overflow-y: hidden;
3094
+ }
3095
+ .bx--structured-list *,
3096
+ .bx--structured-list *::before,
3097
+ .bx--structured-list *::after {
3098
+ box-sizing: inherit;
3099
+ }
3100
+ .bx--structured-list.bx--structured-list--condensed .bx--structured-list-td, .bx--structured-list.bx--structured-list--condensed .bx--structured-list-th {
3101
+ padding: 0.5rem;
3102
+ }
3103
+ .bx--structured-list .bx--structured-list-row .bx--structured-list-td:first-of-type,
3104
+ .bx--structured-list .bx--structured-list-row .bx--structured-list-th:first-of-type {
3105
+ padding-left: 1rem;
3106
+ }
3107
+ .bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-td, .bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-th, .bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-td:first-of-type, .bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-th:first-of-type {
3108
+ padding-right: 1rem;
3109
+ padding-left: 0;
3110
+ }
3111
+
3112
+ .bx--structured-list-row {
3113
+ display: table-row;
3114
+ border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
3115
+ transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
3116
+ }
3117
+
3118
+ .bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row):not(.bx--structured-list-row--selected) {
3119
+ border-bottom: 1px solid var(--cds-hover-row, #e5e5e5);
3120
+ background-color: var(--cds-hover-row, #e5e5e5);
3121
+ cursor: pointer;
3122
+ }
3123
+
3124
+ .bx--structured-list-row.bx--structured-list-row--selected {
3125
+ background-color: var(--cds-selected-ui, #e0e0e0);
3126
+ }
3127
+
3128
+ .bx--structured-list-row.bx--structured-list-row--header-row {
3129
+ border-bottom: 1px solid var(--cds-selected-ui, #e0e0e0);
3130
+ cursor: inherit;
3131
+ }
3132
+
3133
+ .bx--structured-list-row:focus:not(.bx--structured-list-row--header-row) {
3134
+ outline: 2px solid var(--cds-focus, #0f62fe);
3135
+ outline-offset: -2px;
3136
+ }
3137
+ @media screen and (prefers-contrast) {
3138
+ .bx--structured-list-row:focus:not(.bx--structured-list-row--header-row) {
3139
+ outline-style: dotted;
3140
+ }
3141
+ }
3142
+
3143
+ .bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row) > .bx--structured-list-td,
3144
+ .bx--structured-list-row.bx--structured-list-row--selected > .bx--structured-list-td {
3145
+ color: var(--cds-text-01, #161616);
3146
+ }
3147
+
3148
+ .bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row) > .bx--structured-list-td {
3149
+ border-top: 1px solid var(--cds-ui-01, #f4f4f4);
3150
+ }
3151
+
3152
+ .bx--structured-list-thead {
3153
+ display: table-header-group;
3154
+ vertical-align: middle;
3155
+ }
3156
+
3157
+ .bx--structured-list-th {
3158
+ box-sizing: border-box;
3159
+ padding: 0;
3160
+ border: 0;
3161
+ margin: 0;
3162
+ font-family: inherit;
3163
+ font-size: 100%;
3164
+ vertical-align: baseline;
3165
+ padding: 1rem 0.5rem 0.5rem 0.5rem;
3166
+ font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
3167
+ font-weight: var(--cds-productive-heading-01-font-weight, 600);
3168
+ line-height: var(--cds-productive-heading-01-line-height, 1.28572);
3169
+ letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
3170
+ display: table-cell;
3171
+ height: 2.5rem;
3172
+ color: var(--cds-text-01, #161616);
3173
+ font-weight: 600;
3174
+ text-align: left;
3175
+ text-transform: none;
3176
+ vertical-align: top;
3177
+ }
3178
+ .bx--structured-list-th *,
3179
+ .bx--structured-list-th *::before,
3180
+ .bx--structured-list-th *::after {
3181
+ box-sizing: inherit;
3182
+ }
3183
+
3184
+ .bx--structured-list-tbody {
3185
+ display: table-row-group;
3186
+ vertical-align: middle;
3187
+ }
3188
+
3189
+ .bx--structured-list-td {
3190
+ box-sizing: border-box;
3191
+ padding: 0;
3192
+ border: 0;
3193
+ margin: 0;
3194
+ font-family: inherit;
3195
+ font-size: 100%;
3196
+ vertical-align: baseline;
3197
+ font-size: var(--cds-body-long-01-font-size, 0.875rem);
3198
+ font-weight: var(--cds-body-long-01-font-weight, 400);
3199
+ line-height: var(--cds-body-long-01-line-height, 1.42857);
3200
+ letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
3201
+ padding: 1rem 0.5rem 1.5rem 0.5rem;
3202
+ position: relative;
3203
+ display: table-cell;
3204
+ max-width: 36rem;
3205
+ color: var(--cds-text-02, #525252);
3206
+ transition: color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
3207
+ }
3208
+ .bx--structured-list-td *,
3209
+ .bx--structured-list-td *::before,
3210
+ .bx--structured-list-td *::after {
3211
+ box-sizing: inherit;
3212
+ }
3213
+
3214
+ .bx--structured-list-content--nowrap {
3215
+ white-space: nowrap;
3216
+ }
3217
+
3218
+ .bx--structured-list-svg {
3219
+ display: inline-block;
3220
+ fill: transparent;
3221
+ transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
3222
+ vertical-align: middle;
3223
+ }
3224
+
3225
+ .bx--structured-list-input:checked + .bx--structured-list-row .bx--structured-list-svg,
3226
+ .bx--structured-list-input:checked + .bx--structured-list-td .bx--structured-list-svg {
3227
+ fill: var(--cds-icon-01, #161616);
3228
+ }
3229
+
3230
+ .bx--structured-list.bx--skeleton .bx--structured-list-th:first-child {
3231
+ width: 8%;
3232
+ }
3233
+ .bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n+2) {
3234
+ width: 30%;
3235
+ }
3236
+ .bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n+3) {
3237
+ width: 15%;
3238
+ }
3239
+ .bx--structured-list.bx--skeleton span {
3240
+ position: relative;
3241
+ padding: 0;
3242
+ border: none;
3243
+ background: var(--cds-skeleton-01, #e5e5e5);
3244
+ box-shadow: none;
3245
+ pointer-events: none;
3246
+ display: block;
3247
+ width: 75%;
3248
+ height: 1rem;
3249
+ }
3250
+ .bx--structured-list.bx--skeleton span:hover, .bx--structured-list.bx--skeleton span:focus, .bx--structured-list.bx--skeleton span:active {
3251
+ border: none;
3252
+ cursor: default;
3253
+ outline: none;
3254
+ }
3255
+ .bx--structured-list.bx--skeleton span::before {
3256
+ position: absolute;
3257
+ top: 0;
3258
+ left: 0;
3259
+ width: 100%;
3260
+ height: 100%;
3261
+ animation: 3000ms ease-in-out skeleton infinite;
3262
+ background: var(--cds-skeleton-02, #c6c6c6);
3263
+ content: "";
3264
+ will-change: transform-origin, transform, opacity;
3265
+ }
3266
+ @media (prefers-reduced-motion: reduce) {
3267
+ .bx--structured-list.bx--skeleton span::before {
3268
+ animation: none;
3269
+ }
3270
+ }
3271
+
3272
+ .bx--structured-list.bx--structured-list--selection.bx--skeleton .bx--structured-list-th:first-child {
3273
+ width: 5%;
3274
+ }
3275
+ .bx--structured-list.bx--structured-list--selection.bx--skeleton .bx--structured-list-th:first-child span {
3276
+ display: none;
3277
+ }
3278
+
3279
+ @media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
3280
+ .bx--structured-list-input:checked + .bx--structured-list-td .bx--structured-list-svg {
3281
+ fill: ButtonText;
3282
+ }
3283
+ }
3284
+
3285
+ .c4p--add-select__header {
3286
+ padding: var(--cds-spacing-05, 1rem);
3287
+ padding-bottom: 0;
3288
+ border-top: 1px solid var(--cds-ui-03, #e0e0e0);
3289
+ }
3290
+ .c4p--add-select__header .c4p--add-select__items-label {
3291
+ font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
3292
+ font-weight: var(--cds-productive-heading-01-font-weight, 600);
3293
+ line-height: var(--cds-productive-heading-01-line-height, 1.28572);
3294
+ letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
3295
+ }
3296
+
3297
+ .c4p--add-select__items-label {
3298
+ margin-right: var(--cds-spacing-03, 0.5rem);
3299
+ }
3300
+ .c4p--add-select__items-label-container {
3301
+ display: flex;
3302
+ align-items: center;
3303
+ margin-top: var(--cds-spacing-05, 1rem);
3304
+ margin-bottom: var(--cds-spacing-03, 0.5rem);
3305
+ }
3306
+
3307
+ .c4p--add-select__selections {
3308
+ border-top: 1px solid var(--cds-ui-03, #e0e0e0);
3309
+ }
3310
+
3311
+ .c4p--add-select__influencer-header {
3312
+ display: flex;
3313
+ padding: var(--cds-spacing-06, 1.5rem) var(--cds-spacing-05, 1rem) var(--cds-spacing-03, 0.5rem) var(--cds-spacing-05, 1rem);
3314
+ border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
3315
+ }
3316
+ .c4p--add-select__influencer-header .c4p--add-select__influencer-title {
3317
+ font-size: var(--cds-productive-heading-02-font-size, 1rem);
3318
+ font-weight: var(--cds-productive-heading-02-font-weight, 600);
3319
+ line-height: var(--cds-productive-heading-02-line-height, 1.375);
3320
+ letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
3321
+ }
3322
+
3323
+ .c4p--add-select__influencer-title {
3324
+ margin-right: var(--cds-spacing-03, 0.5rem);
3325
+ }
3326
+
3327
+ .c4p--add-select__influencer-body {
3328
+ padding: var(--cds-spacing-05, 1rem);
3329
+ }
3330
+
3331
+ .c4p--add-select .c4p--tearsheet .c4p--tearsheet__influencer {
3332
+ max-width: 29rem;
3333
+ flex: 0 0 50%;
3334
+ }
3335
+
3046
3336
  /* stylelint-disable-line no-invalid-position-at-import-rule */
3047
3337
  /* stylelint-disable-line no-invalid-position-at-import-rule */
3048
3338
  /* stylelint-disable-line no-invalid-position-at-import-rule */
@@ -22261,6 +22551,102 @@ a.bx--side-nav__link--current::before {
22261
22551
  transition: none;
22262
22552
  }
22263
22553
  }
22554
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
22555
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
22556
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
22557
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit {
22558
+ --size: var(--cds-spacing-08, 2.5rem);
22559
+ position: relative;
22560
+ width: 100%;
22561
+ min-height: var(--size);
22562
+ }
22563
+
22564
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit--xl {
22565
+ --size: $spacing-09;
22566
+ }
22567
+
22568
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__input {
22569
+ height: var(--size);
22570
+ padding-right: calc(2 * var(--size));
22571
+ }
22572
+
22573
+ .c4p--cancelable-text-edit__buttons {
22574
+ position: absolute;
22575
+ top: 0;
22576
+ right: 0;
22577
+ }
22578
+
22579
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert,
22580
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save {
22581
+ width: var(--size);
22582
+ height: var(--size);
22583
+ min-height: var(--size);
22584
+ }
22585
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert:hover,
22586
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:hover {
22587
+ border-color: var(--cds-hover-field, #e5e5e5);
22588
+ border-bottom: 1px solid transparent;
22589
+ background-clip: content-box;
22590
+ box-shadow: initial;
22591
+ }
22592
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert:focus:active, .c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert:focus,
22593
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:focus:active,
22594
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:focus {
22595
+ border-width: 2px;
22596
+ border-color: var(--cds-focus, #0f62fe);
22597
+ box-shadow: initial;
22598
+ }
22599
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert:focus:active:hover,
22600
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:focus:active:hover {
22601
+ padding: 1px;
22602
+ }
22603
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert::before,
22604
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save::before {
22605
+ background-color: transparent;
22606
+ }
22607
+
22608
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .bx--text-input-wrapper ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__revert,
22609
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .bx--text-input-wrapper ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__save,
22610
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__revert,
22611
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__save {
22612
+ border: 2px solid transparent;
22613
+ }
22614
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .bx--text-input-wrapper ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__revert:hover,
22615
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .bx--text-input-wrapper ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__save:hover,
22616
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__revert:hover,
22617
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__save:hover {
22618
+ border-top: 2px solid transparent;
22619
+ border-bottom: 2px solid transparent;
22620
+ background-clip: content-box;
22621
+ }
22622
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .bx--text-input-wrapper ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__save,
22623
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__save {
22624
+ border-right: 2px solid transparent;
22625
+ }
22626
+
22627
+ .c4p--cancelable-text-edit--invalid > .bx--form-requirement,
22628
+ .c4p--cancelable-text-edit--warn > .bx--form-requirement {
22629
+ display: block;
22630
+ max-height: initial;
22631
+ margin-left: calc(20% + 1.25rem);
22632
+ }
22633
+
22634
+ .c4p--cancelable-text-edit--invalid > .bx--form-requirement {
22635
+ color: var(--cds-text-error, #da1e28);
22636
+ }
22637
+
22638
+ .c4p--cancelable-text-edit .bx--text-input {
22639
+ padding-right: calc(2 * var(--size));
22640
+ }
22641
+
22642
+ .c4p--cancelable-text-edit .bx--text-input--invalid {
22643
+ padding-right: calc(3 * var(--size));
22644
+ }
22645
+
22646
+ .c4p--cancelable-text-edit .bx--text-input__invalid-icon {
22647
+ margin-right: var(--cds-spacing-11, 5rem);
22648
+ }
22649
+
22264
22650
  /* stylelint-disable-line no-invalid-position-at-import-rule */
22265
22651
  /* stylelint-disable-line no-invalid-position-at-import-rule */
22266
22652
  /* stylelint-disable-line no-invalid-position-at-import-rule */
@@ -31085,192 +31471,6 @@ span.bx--pagination__text {
31085
31471
  /* stylelint-disable-line no-invalid-position-at-import-rule */
31086
31472
  /* stylelint-disable-line no-invalid-position-at-import-rule */
31087
31473
  /* stylelint-disable-line no-invalid-position-at-import-rule */
31088
- .bx--structured-list--selection .bx--structured-list-td,
31089
- .bx--structured-list--selection .bx--structured-list-th {
31090
- padding-right: 1rem;
31091
- padding-left: 1rem;
31092
- }
31093
- .bx--structured-list--selection .bx--structured-list-td:first-child,
31094
- .bx--structured-list--selection .bx--structured-list-th:first-child {
31095
- padding-right: 1rem;
31096
- padding-left: 1rem;
31097
- }
31098
-
31099
- .bx--structured-list-input {
31100
- display: none;
31101
- }
31102
-
31103
- .bx--structured-list {
31104
- display: table;
31105
- width: 100%;
31106
- margin-bottom: 5rem;
31107
- background-color: transparent;
31108
- border-collapse: collapse;
31109
- border-spacing: 0;
31110
- overflow-x: auto;
31111
- overflow-y: hidden;
31112
- }
31113
- .bx--structured-list.bx--structured-list--condensed .bx--structured-list-td, .bx--structured-list.bx--structured-list--condensed .bx--structured-list-th {
31114
- padding: 0.5rem;
31115
- }
31116
- .bx--structured-list .bx--structured-list-row .bx--structured-list-td:first-of-type,
31117
- .bx--structured-list .bx--structured-list-row .bx--structured-list-th:first-of-type {
31118
- padding-left: 1rem;
31119
- }
31120
- .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 {
31121
- padding-right: 1rem;
31122
- padding-left: 0;
31123
- }
31124
-
31125
- .bx--structured-list-row {
31126
- display: table-row;
31127
- border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
31128
- transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
31129
- }
31130
-
31131
- .bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row):not(.bx--structured-list-row--selected) {
31132
- border-bottom: 1px solid var(--cds-hover-row, #e5e5e5);
31133
- background-color: var(--cds-hover-row, #e5e5e5);
31134
- cursor: pointer;
31135
- }
31136
-
31137
- .bx--structured-list-row.bx--structured-list-row--selected {
31138
- background-color: var(--cds-selected-ui, #e0e0e0);
31139
- }
31140
-
31141
- .bx--structured-list-row.bx--structured-list-row--header-row {
31142
- border-bottom: 1px solid var(--cds-selected-ui, #e0e0e0);
31143
- cursor: inherit;
31144
- }
31145
-
31146
- .bx--structured-list-row:focus:not(.bx--structured-list-row--header-row) {
31147
- outline: 2px solid var(--cds-focus, #0f62fe);
31148
- outline-offset: -2px;
31149
- }
31150
- @media screen and (prefers-contrast) {
31151
- .bx--structured-list-row:focus:not(.bx--structured-list-row--header-row) {
31152
- outline-style: dotted;
31153
- }
31154
- }
31155
-
31156
- .bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row) > .bx--structured-list-td,
31157
- .bx--structured-list-row.bx--structured-list-row--selected > .bx--structured-list-td {
31158
- color: var(--cds-text-01, #161616);
31159
- }
31160
-
31161
- .bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row) > .bx--structured-list-td {
31162
- border-top: 1px solid var(--cds-ui-01, #f4f4f4);
31163
- }
31164
-
31165
- .bx--structured-list-thead {
31166
- display: table-header-group;
31167
- vertical-align: middle;
31168
- }
31169
-
31170
- .bx--structured-list-th {
31171
- padding: 1rem 0.5rem 0.5rem 0.5rem;
31172
- font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
31173
- font-weight: var(--cds-productive-heading-01-font-weight, 600);
31174
- line-height: var(--cds-productive-heading-01-line-height, 1.28572);
31175
- letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
31176
- display: table-cell;
31177
- height: 2.5rem;
31178
- color: var(--cds-text-01, #161616);
31179
- font-weight: 600;
31180
- text-align: left;
31181
- text-transform: none;
31182
- vertical-align: top;
31183
- }
31184
-
31185
- .bx--structured-list-tbody {
31186
- display: table-row-group;
31187
- vertical-align: middle;
31188
- }
31189
-
31190
- .bx--structured-list-td {
31191
- font-size: var(--cds-body-long-01-font-size, 0.875rem);
31192
- font-weight: var(--cds-body-long-01-font-weight, 400);
31193
- line-height: var(--cds-body-long-01-line-height, 1.42857);
31194
- letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
31195
- padding: 1rem 0.5rem 1.5rem 0.5rem;
31196
- position: relative;
31197
- display: table-cell;
31198
- max-width: 36rem;
31199
- color: var(--cds-text-02, #525252);
31200
- transition: color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
31201
- }
31202
-
31203
- .bx--structured-list-content--nowrap {
31204
- white-space: nowrap;
31205
- }
31206
-
31207
- .bx--structured-list-svg {
31208
- display: inline-block;
31209
- fill: transparent;
31210
- transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
31211
- vertical-align: middle;
31212
- }
31213
-
31214
- .bx--structured-list-input:checked + .bx--structured-list-row .bx--structured-list-svg,
31215
- .bx--structured-list-input:checked + .bx--structured-list-td .bx--structured-list-svg {
31216
- fill: var(--cds-icon-01, #161616);
31217
- }
31218
-
31219
- .bx--structured-list.bx--skeleton .bx--structured-list-th:first-child {
31220
- width: 8%;
31221
- }
31222
- .bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n+2) {
31223
- width: 30%;
31224
- }
31225
- .bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n+3) {
31226
- width: 15%;
31227
- }
31228
- .bx--structured-list.bx--skeleton span {
31229
- position: relative;
31230
- padding: 0;
31231
- border: none;
31232
- background: var(--cds-skeleton-01, #e5e5e5);
31233
- box-shadow: none;
31234
- pointer-events: none;
31235
- display: block;
31236
- width: 75%;
31237
- height: 1rem;
31238
- }
31239
- .bx--structured-list.bx--skeleton span:hover, .bx--structured-list.bx--skeleton span:focus, .bx--structured-list.bx--skeleton span:active {
31240
- border: none;
31241
- cursor: default;
31242
- outline: none;
31243
- }
31244
- .bx--structured-list.bx--skeleton span::before {
31245
- position: absolute;
31246
- top: 0;
31247
- left: 0;
31248
- width: 100%;
31249
- height: 100%;
31250
- animation: 3000ms ease-in-out skeleton infinite;
31251
- background: var(--cds-skeleton-02, #c6c6c6);
31252
- content: "";
31253
- will-change: transform-origin, transform, opacity;
31254
- }
31255
- @media (prefers-reduced-motion: reduce) {
31256
- .bx--structured-list.bx--skeleton span::before {
31257
- animation: none;
31258
- }
31259
- }
31260
-
31261
- .bx--structured-list.bx--structured-list--selection.bx--skeleton .bx--structured-list-th:first-child {
31262
- width: 5%;
31263
- }
31264
- .bx--structured-list.bx--structured-list--selection.bx--skeleton .bx--structured-list-th:first-child span {
31265
- display: none;
31266
- }
31267
-
31268
- @media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
31269
- .bx--structured-list-input:checked + .bx--structured-list-td .bx--structured-list-svg {
31270
- fill: ButtonText;
31271
- }
31272
- }
31273
-
31274
31474
  /* stylelint-disable-line no-invalid-position-at-import-rule */
31275
31475
  /* stylelint-disable-line no-invalid-position-at-import-rule */
31276
31476
  /* stylelint-disable-line no-invalid-position-at-import-rule */