@transferwise/components 0.0.0-experimental-15914a5 → 0.0.0-experimental-e1870f3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/flowNavigation/animatedLabel/AnimatedLabel.js +2 -2
- package/build/flowNavigation/animatedLabel/AnimatedLabel.js.map +1 -1
- package/build/flowNavigation/animatedLabel/AnimatedLabel.mjs +2 -2
- package/build/flowNavigation/animatedLabel/AnimatedLabel.mjs.map +1 -1
- package/build/index.js +2 -2
- package/build/index.mjs +1 -1
- package/build/listItem/AvatarLayout/ListItemAvatarLayout.js +0 -2
- package/build/listItem/AvatarLayout/ListItemAvatarLayout.js.map +1 -1
- package/build/listItem/AvatarLayout/ListItemAvatarLayout.mjs +0 -2
- package/build/listItem/AvatarLayout/ListItemAvatarLayout.mjs.map +1 -1
- package/build/listItem/AvatarView/ListItemAvatarView.js +0 -2
- package/build/listItem/AvatarView/ListItemAvatarView.js.map +1 -1
- package/build/listItem/AvatarView/ListItemAvatarView.mjs +0 -2
- package/build/listItem/AvatarView/ListItemAvatarView.mjs.map +1 -1
- package/build/listItem/Image/ListItemImage.js +1 -3
- package/build/listItem/Image/ListItemImage.js.map +1 -1
- package/build/listItem/Image/ListItemImage.mjs +1 -3
- package/build/listItem/Image/ListItemImage.mjs.map +1 -1
- package/build/{legacylistItem → listItem}/List.js +3 -2
- package/build/listItem/List.js.map +1 -0
- package/build/{legacylistItem → listItem}/List.mjs +3 -2
- package/build/listItem/List.mjs.map +1 -0
- package/build/listItem/ListItem.js +14 -16
- package/build/listItem/ListItem.js.map +1 -1
- package/build/listItem/ListItem.mjs +14 -16
- package/build/listItem/ListItem.mjs.map +1 -1
- package/build/listItem/ListItemContext.js.map +1 -1
- package/build/listItem/ListItemContext.mjs.map +1 -1
- package/build/listItem/Navigation/ListItemNavigation.js +1 -1
- package/build/listItem/Navigation/ListItemNavigation.js.map +1 -1
- package/build/listItem/Navigation/ListItemNavigation.mjs +1 -1
- package/build/listItem/Navigation/ListItemNavigation.mjs.map +1 -1
- package/build/main.css +99 -51
- package/build/styles/avatarView/AvatarView.css +3 -1
- package/build/styles/listItem/ListItem.css +96 -50
- package/build/styles/listItem/ListItem.grid.css +9 -15
- package/build/styles/main.css +99 -51
- package/build/types/index.d.ts +4 -4
- package/build/types/index.d.ts.map +1 -1
- package/build/types/legacylistItem/index.d.ts +0 -2
- package/build/types/legacylistItem/index.d.ts.map +1 -1
- package/build/types/listItem/AvatarLayout/ListItemAvatarLayout.d.ts.map +1 -1
- package/build/types/listItem/AvatarView/ListItemAvatarView.d.ts.map +1 -1
- package/build/types/listItem/Image/ListItemImage.d.ts.map +1 -1
- package/build/types/listItem/List.d.ts +7 -0
- package/build/types/listItem/List.d.ts.map +1 -0
- package/build/types/listItem/ListItem.d.ts.map +1 -1
- package/build/types/listItem/ListItemContext.d.ts +0 -4
- package/build/types/listItem/ListItemContext.d.ts.map +1 -1
- package/build/types/listItem/index.d.ts +2 -0
- package/build/types/listItem/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/avatarView/AvatarView.css +3 -1
- package/src/avatarView/AvatarView.less +2 -1
- package/src/flowNavigation/animatedLabel/AnimatedLabel.tsx +1 -1
- package/src/index.ts +9 -4
- package/src/legacylistItem/LegacyListItem.story.tsx +2 -2
- package/src/legacylistItem/LegacyListItem.tests.story.tsx +2 -1
- package/src/legacylistItem/index.ts +0 -2
- package/src/listItem/AvatarLayout/ListItemAvatarLayout.story.tsx +5 -4
- package/src/listItem/AvatarLayout/ListItemAvatarLayout.tsx +0 -3
- package/src/listItem/AvatarView/ListItemAvatarView.story.tsx +5 -4
- package/src/listItem/AvatarView/ListItemAvatarView.tsx +0 -3
- package/src/listItem/Button/ListItemButton.spec.tsx +35 -10
- package/src/listItem/Button/ListItemButton.story.tsx +9 -8
- package/src/listItem/IconButton/ListItemIconButton.story.tsx +8 -8
- package/src/listItem/Image/ListItemImage.spec.tsx +5 -8
- package/src/listItem/Image/ListItemImage.story.tsx +6 -23
- package/src/listItem/Image/ListItemImage.tsx +1 -4
- package/src/listItem/List.tsx +11 -0
- package/src/listItem/ListItem.css +96 -50
- package/src/listItem/ListItem.grid.css +9 -15
- package/src/listItem/ListItem.grid.less +14 -22
- package/src/listItem/ListItem.less +111 -46
- package/src/listItem/ListItem.tsx +18 -24
- package/src/listItem/ListItemContext.tsx +0 -5
- package/src/listItem/Navigation/ListItemNavigation.tsx +1 -1
- package/src/listItem/Prompt/ListItemPrompt.story.tsx +7 -7
- package/src/listItem/Switch/ListItemSwitch.story.tsx +3 -2
- package/src/listItem/_stories/ListItem.scenarios.story.tsx +226 -0
- package/src/listItem/_stories/ListItem.story.tsx +45 -7
- package/src/listItem/_stories/ListItem.variants.test.story.tsx +7 -11
- package/src/listItem/index.ts +3 -0
- package/src/main.css +99 -51
- package/build/legacylistItem/List.js.map +0 -1
- package/build/legacylistItem/List.mjs.map +0 -1
- package/build/listItem/useListItemMedia.js +0 -21
- package/build/listItem/useListItemMedia.js.map +0 -1
- package/build/listItem/useListItemMedia.mjs +0 -19
- package/build/listItem/useListItemMedia.mjs.map +0 -1
- package/build/types/legacylistItem/List.d.ts +0 -6
- package/build/types/legacylistItem/List.d.ts.map +0 -1
- package/build/types/listItem/test-utils.d.ts +0 -7
- package/build/types/listItem/test-utils.d.ts.map +0 -1
- package/build/types/listItem/useListItemMedia.d.ts +0 -6
- package/build/types/listItem/useListItemMedia.d.ts.map +0 -1
- package/src/legacylistItem/List.tsx +0 -10
- package/src/listItem/test-utils.tsx +0 -33
- package/src/listItem/useListItemMedia.tsx +0 -13
package/build/styles/main.css
CHANGED
|
@@ -454,7 +454,8 @@
|
|
|
454
454
|
right: 0;
|
|
455
455
|
}
|
|
456
456
|
.np-avatar-view .np-avatar-view-content {
|
|
457
|
-
color:
|
|
457
|
+
color: #37517e;
|
|
458
|
+
color: var(--color-content-primary);
|
|
458
459
|
}
|
|
459
460
|
.np-avatar-view-interactive {
|
|
460
461
|
cursor: pointer;
|
|
@@ -462,6 +463,7 @@
|
|
|
462
463
|
.np-avatar-view-interactive .np-circle {
|
|
463
464
|
background-color: rgba(134,167,189,0.10196);
|
|
464
465
|
background-color: var(--color-background-neutral);
|
|
466
|
+
color: var(--color-interactive-primary);
|
|
465
467
|
}
|
|
466
468
|
.np-avatar-view-non-interactive .np-circle {
|
|
467
469
|
background-color: transparent;
|
|
@@ -2640,21 +2642,21 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
|
|
|
2640
2642
|
gap: 4px 16px;
|
|
2641
2643
|
gap: var(--size-4) var(--size-16);
|
|
2642
2644
|
}
|
|
2643
|
-
@container (min-width:
|
|
2645
|
+
@container (min-width: 380px) {
|
|
2644
2646
|
.wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-hasPrompt {
|
|
2645
2647
|
grid-template-columns: auto 1fr auto;
|
|
2646
2648
|
grid-template-rows: auto auto auto;
|
|
2647
|
-
grid-template-areas: "media body control" "media info
|
|
2649
|
+
grid-template-areas: "media body control" "media info control" "media prompt prompt";
|
|
2648
2650
|
}
|
|
2649
2651
|
.wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-noPrompt {
|
|
2650
2652
|
grid-template-columns: auto 1fr auto;
|
|
2651
2653
|
grid-template-rows: auto auto;
|
|
2652
|
-
grid-template-areas: "media body control" "media info
|
|
2654
|
+
grid-template-areas: "media body control" "media info control";
|
|
2653
2655
|
}
|
|
2654
2656
|
.wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-noInfo-hasPrompt {
|
|
2655
2657
|
grid-template-columns: auto 1fr auto;
|
|
2656
2658
|
grid-template-rows: auto auto;
|
|
2657
|
-
grid-template-areas: "media body control" "
|
|
2659
|
+
grid-template-areas: "media body control" "media prompt prompt";
|
|
2658
2660
|
}
|
|
2659
2661
|
.wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-noInfo-noPrompt {
|
|
2660
2662
|
grid-template-columns: auto 1fr auto;
|
|
@@ -2664,7 +2666,7 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
|
|
|
2664
2666
|
.wds-list-item-gridWrapper.wds-list-item-hasMedia-noControl.wds-list-item-hasInfo-hasPrompt {
|
|
2665
2667
|
grid-template-columns: auto 1fr;
|
|
2666
2668
|
grid-template-rows: auto auto;
|
|
2667
|
-
grid-template-areas: "media body" "media info" "
|
|
2669
|
+
grid-template-areas: "media body" "media info" "media prompt";
|
|
2668
2670
|
}
|
|
2669
2671
|
.wds-list-item-gridWrapper.wds-list-item-hasMedia-noControl.wds-list-item-hasInfo-noPrompt {
|
|
2670
2672
|
grid-template-columns: auto 1fr;
|
|
@@ -2687,12 +2689,12 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
|
|
|
2687
2689
|
.wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-hasInfo-hasPrompt {
|
|
2688
2690
|
grid-template-columns: 1fr auto;
|
|
2689
2691
|
grid-template-rows: auto auto auto;
|
|
2690
|
-
grid-template-areas: "body control" "info
|
|
2692
|
+
grid-template-areas: "body control" "info control" "prompt prompt";
|
|
2691
2693
|
}
|
|
2692
2694
|
.wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-hasInfo-noPrompt {
|
|
2693
2695
|
grid-template-columns: 1fr auto;
|
|
2694
2696
|
grid-template-rows: auto auto;
|
|
2695
|
-
grid-template-areas: "body control" "info
|
|
2697
|
+
grid-template-areas: "body control" "info control";
|
|
2696
2698
|
}
|
|
2697
2699
|
.wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-noInfo-hasPrompt {
|
|
2698
2700
|
grid-template-columns: 1fr auto;
|
|
@@ -2728,14 +2730,11 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
|
|
|
2728
2730
|
grid-template-areas: "body";
|
|
2729
2731
|
}
|
|
2730
2732
|
}
|
|
2731
|
-
@container (min-width:
|
|
2733
|
+
@container (min-width: 290px) and (max-width: 380px) {
|
|
2732
2734
|
.wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl .wds-list-item-media {
|
|
2733
2735
|
margin-bottom: 12px;
|
|
2734
2736
|
margin-bottom: var(--size-12);
|
|
2735
2737
|
}
|
|
2736
|
-
.wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl .wds-list-item-media .wds-list-item-media-image {
|
|
2737
|
-
height: auto;
|
|
2738
|
-
}
|
|
2739
2738
|
.wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-hasPrompt {
|
|
2740
2739
|
grid-template-columns: 1fr auto;
|
|
2741
2740
|
grid-template-rows: auto auto auto auto;
|
|
@@ -2776,9 +2775,6 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
|
|
|
2776
2775
|
margin-bottom: 16px;
|
|
2777
2776
|
margin-bottom: var(--size-16);
|
|
2778
2777
|
}
|
|
2779
|
-
.wds-list-item-gridWrapper.wds-list-item-hasMedia-noControl .wds-list-item-media .wds-list-item-media-image {
|
|
2780
|
-
height: auto;
|
|
2781
|
-
}
|
|
2782
2778
|
.wds-list-item-gridWrapper.wds-list-item-hasMedia-noControl.wds-list-item-hasInfo-hasPrompt {
|
|
2783
2779
|
grid-template-columns: auto auto;
|
|
2784
2780
|
grid-template-rows: auto auto auto auto;
|
|
@@ -2862,7 +2858,7 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
|
|
|
2862
2858
|
grid-template-areas: "body";
|
|
2863
2859
|
}
|
|
2864
2860
|
}
|
|
2865
|
-
@container (max-width:
|
|
2861
|
+
@container (max-width: 290px) {
|
|
2866
2862
|
.wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-hasPrompt {
|
|
2867
2863
|
grid-template-columns: auto 1fr;
|
|
2868
2864
|
grid-template-rows: auto auto auto;
|
|
@@ -3009,8 +3005,8 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
|
|
|
3009
3005
|
background-color: #ffffff;
|
|
3010
3006
|
background-color: var(--color-background-screen);
|
|
3011
3007
|
position: relative;
|
|
3012
|
-
padding: 12px;
|
|
3013
|
-
padding: var(--size-12);
|
|
3008
|
+
padding: 12px 0;
|
|
3009
|
+
padding: var(--size-12) 0;
|
|
3014
3010
|
container-type: inline-size;
|
|
3015
3011
|
}
|
|
3016
3012
|
.wds-list-item + .wds-list-item-spotlight,
|
|
@@ -3044,12 +3040,6 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
|
|
|
3044
3040
|
.wds-list-item-interactive .np-checkbox-button:has(input[type="checkbox"]:focus-visible) .tw-checkbox-button {
|
|
3045
3041
|
outline: none;
|
|
3046
3042
|
}
|
|
3047
|
-
.wds-list-item-interactive:has(.wds-list-item-control:focus-visible),
|
|
3048
|
-
.wds-list-item-interactive:has(input[type="checkbox"]:focus-visible) {
|
|
3049
|
-
outline: var(--ring-outline-color) solid var(--ring-outline-width);
|
|
3050
|
-
outline-offset: var(--ring-outline-offset);
|
|
3051
|
-
outline-offset: -1px;
|
|
3052
|
-
}
|
|
3053
3043
|
.wds-list-item-interactive .wds-list-item-additional-info {
|
|
3054
3044
|
--ring-outline-offset: 0;
|
|
3055
3045
|
}
|
|
@@ -3068,30 +3058,65 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
|
|
|
3068
3058
|
position: absolute;
|
|
3069
3059
|
inset: 0;
|
|
3070
3060
|
}
|
|
3071
|
-
.wds-list-item-interactive:
|
|
3061
|
+
.wds-list-item-interactive.wds-list-item-spotlight:has(.wds-list-item-control:focus-visible),
|
|
3062
|
+
.wds-list-item-interactive.wds-list-item-spotlight:has(input[type="checkbox"]:focus-visible) {
|
|
3063
|
+
outline: var(--ring-outline-color) solid var(--ring-outline-width);
|
|
3064
|
+
outline-offset: var(--ring-outline-offset);
|
|
3065
|
+
outline-offset: -1px;
|
|
3066
|
+
}
|
|
3067
|
+
.wds-list-item-interactive.wds-list-item-spotlight:not(.disabled):not(:disabled):hover {
|
|
3072
3068
|
background-color: var(--color-background-screen-hover);
|
|
3073
3069
|
}
|
|
3070
|
+
.wds-list-item-interactive.wds-list-item-spotlight:not(.disabled):not(:disabled):active {
|
|
3071
|
+
background-color: var(--color-background-screen-active);
|
|
3072
|
+
}
|
|
3073
|
+
.wds-list-item-interactive.wds-list-item-spotlight:has(.wds-list-item-prompt:hover a, .wds-list-item-prompt:hover button):hover {
|
|
3074
|
+
background-color: transparent;
|
|
3075
|
+
background-color: initial;
|
|
3076
|
+
}
|
|
3077
|
+
.wds-list-item-interactive:not(.wds-list-item-spotlight):has(.wds-list-item-control:focus-visible):before,
|
|
3078
|
+
.wds-list-item-interactive:not(.wds-list-item-spotlight):has(input[type="checkbox"]:focus-visible):before {
|
|
3079
|
+
outline: var(--ring-outline-color) solid var(--ring-outline-width);
|
|
3080
|
+
outline-offset: var(--ring-outline-offset);
|
|
3081
|
+
content: '';
|
|
3082
|
+
position: absolute;
|
|
3083
|
+
inset: 0 -8px;
|
|
3084
|
+
border-radius: 16px;
|
|
3085
|
+
border-radius: var(--radius-medium);
|
|
3086
|
+
outline-offset: -1px;
|
|
3087
|
+
}
|
|
3088
|
+
.wds-list-item-interactive:not(.wds-list-item-spotlight):not(.disabled):not(:disabled):hover:before,
|
|
3089
|
+
.wds-list-item-interactive:not(.wds-list-item-spotlight):not(.disabled):not(:disabled):active:before {
|
|
3090
|
+
content: '';
|
|
3091
|
+
position: absolute;
|
|
3092
|
+
inset: 0 -8px;
|
|
3093
|
+
border-radius: 16px;
|
|
3094
|
+
border-radius: var(--radius-medium);
|
|
3095
|
+
}
|
|
3096
|
+
.wds-list-item-interactive:not(.wds-list-item-spotlight):not(.disabled):not(:disabled):hover:before {
|
|
3097
|
+
background-color: var(--color-background-screen-hover);
|
|
3098
|
+
}
|
|
3099
|
+
.wds-list-item-interactive:not(.wds-list-item-spotlight):not(.disabled):not(:disabled):active:before {
|
|
3100
|
+
background-color: var(--color-background-screen-active);
|
|
3101
|
+
}
|
|
3102
|
+
.wds-list-item-interactive:not(.wds-list-item-spotlight):has(.wds-list-item-prompt:hover a, .wds-list-item-prompt:hover button):hover:before {
|
|
3103
|
+
background-color: transparent;
|
|
3104
|
+
background-color: initial;
|
|
3105
|
+
}
|
|
3074
3106
|
.wds-list-item-interactive:not(.disabled):not(:disabled):hover .wds-list-item-control-wrapper .wds-Button {
|
|
3075
3107
|
background-color: var(--Button-background-hover);
|
|
3076
3108
|
color: var(--Button-color-hover);
|
|
3077
3109
|
transition: none;
|
|
3078
3110
|
}
|
|
3079
|
-
.wds-list-item-interactive:not(.disabled):not(:disabled):active {
|
|
3080
|
-
background-color: var(--color-background-screen-active);
|
|
3081
|
-
}
|
|
3082
3111
|
.wds-list-item-interactive .wds-list-item-button-control .wds-Button {
|
|
3083
3112
|
transition: none;
|
|
3084
3113
|
}
|
|
3085
|
-
.wds-list-item-interactive:has(.wds-list-item-prompt:hover a, .wds-list-item-prompt:hover button):hover {
|
|
3086
|
-
background-color: transparent;
|
|
3087
|
-
background-color: initial;
|
|
3088
|
-
}
|
|
3089
3114
|
.wds-list-item-media {
|
|
3090
3115
|
grid-area: media;
|
|
3091
3116
|
}
|
|
3092
3117
|
.wds-list-item-media-image {
|
|
3093
|
-
width: var(--
|
|
3094
|
-
height: var(--
|
|
3118
|
+
width: var(--item-media-image-size);
|
|
3119
|
+
height: var(--item-media-image-size);
|
|
3095
3120
|
}
|
|
3096
3121
|
.wds-list-item-body {
|
|
3097
3122
|
grid-area: body;
|
|
@@ -3105,18 +3130,11 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
|
|
|
3105
3130
|
gap: var(--size-16);
|
|
3106
3131
|
word-break: break-word;
|
|
3107
3132
|
}
|
|
3108
|
-
.wds-list-item-title
|
|
3133
|
+
.wds-list-item-title,
|
|
3134
|
+
.wds-list-item-title-value {
|
|
3109
3135
|
color: #37517e;
|
|
3110
3136
|
color: var(--color-content-primary);
|
|
3111
3137
|
}
|
|
3112
|
-
.wds-list-item-value {
|
|
3113
|
-
text-align: right;
|
|
3114
|
-
}
|
|
3115
|
-
.wds-list-item-body-center {
|
|
3116
|
-
display: flex;
|
|
3117
|
-
flex-direction: row;
|
|
3118
|
-
align-items: center;
|
|
3119
|
-
}
|
|
3120
3138
|
.wds-list-item-additional-info {
|
|
3121
3139
|
grid-area: info;
|
|
3122
3140
|
color: #768e9c;
|
|
@@ -3124,14 +3142,12 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
|
|
|
3124
3142
|
margin-top: calc(4px * -1);
|
|
3125
3143
|
margin-top: calc(var(--size-4) * -1);
|
|
3126
3144
|
}
|
|
3145
|
+
.wds-list-item-value {
|
|
3146
|
+
align-items: end;
|
|
3147
|
+
text-align: right;
|
|
3148
|
+
}
|
|
3127
3149
|
.wds-list-item-control-wrapper {
|
|
3128
3150
|
grid-area: control;
|
|
3129
|
-
align-content: center;
|
|
3130
|
-
max-height: var(--wds-list-item-control-wrapper-height);
|
|
3131
|
-
}
|
|
3132
|
-
.wds-list-item-navigation .tw-icon-chevron-right {
|
|
3133
|
-
color: #c9cbce;
|
|
3134
|
-
color: var(--color-interactive-secondary);
|
|
3135
3151
|
}
|
|
3136
3152
|
.wds-list-item-control {
|
|
3137
3153
|
flex: 0 0 auto;
|
|
@@ -3147,6 +3163,12 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
|
|
|
3147
3163
|
color: #768e9c;
|
|
3148
3164
|
color: var(--color-content-tertiary);
|
|
3149
3165
|
}
|
|
3166
|
+
.wds-list-item-spotlight {
|
|
3167
|
+
padding-left: 12px;
|
|
3168
|
+
padding-left: var(--size-12);
|
|
3169
|
+
padding-right: 12px;
|
|
3170
|
+
padding-right: var(--size-12);
|
|
3171
|
+
}
|
|
3150
3172
|
.wds-list-item-spotlight-active {
|
|
3151
3173
|
background-color: rgba(134,167,189,0.10196);
|
|
3152
3174
|
background-color: var(--color-background-neutral);
|
|
@@ -3159,8 +3181,6 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
|
|
|
3159
3181
|
}
|
|
3160
3182
|
.wds-list-item-spotlight-inactive {
|
|
3161
3183
|
background-color: rgba(134, 167, 189, 0.025);
|
|
3162
|
-
border: 1px dashed rgba(0,0,0,0.10196);
|
|
3163
|
-
border: 1px dashed var(--color-border-neutral);
|
|
3164
3184
|
}
|
|
3165
3185
|
@supports (color: color-mix(in lch, red, blue)) {
|
|
3166
3186
|
.wds-list-item-spotlight-inactive {
|
|
@@ -3173,6 +3193,34 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
|
|
|
3173
3193
|
.wds-list-item-spotlight-inactive:not(.disabled):not(:disabled):active {
|
|
3174
3194
|
background-color: color-mix(in srgb, var(--color-background-neutral-active) 25%, transparent);
|
|
3175
3195
|
}
|
|
3196
|
+
.wds-list-item .wds-list-item-spotlight__border {
|
|
3197
|
+
position: absolute;
|
|
3198
|
+
inset: 0;
|
|
3199
|
+
width: 100%;
|
|
3200
|
+
height: 100%;
|
|
3201
|
+
}
|
|
3202
|
+
.wds-list-item .wds-list-item-spotlight__border rect {
|
|
3203
|
+
--wds-list-item-spotlight-borderWidth: 1px;
|
|
3204
|
+
--wds-list-item-spotlight-borderWidthOffset: 0.5px;
|
|
3205
|
+
--wds-list-item-spotlight-strokeDashSize: calc(var(--size-12) * 0.5);
|
|
3206
|
+
fill: none;
|
|
3207
|
+
stroke: rgba(0,0,0,0.10196);
|
|
3208
|
+
stroke: var(--color-border-neutral);
|
|
3209
|
+
width: calc(100% - 1px);
|
|
3210
|
+
width: calc(100% - var(--wds-list-item-spotlight-borderWidth));
|
|
3211
|
+
height: calc(100% - 1px);
|
|
3212
|
+
height: calc(100% - var(--wds-list-item-spotlight-borderWidth));
|
|
3213
|
+
x: 0.5px;
|
|
3214
|
+
x: var(--wds-list-item-spotlight-borderWidthOffset);
|
|
3215
|
+
y: 0.5px;
|
|
3216
|
+
y: var(--wds-list-item-spotlight-borderWidthOffset);
|
|
3217
|
+
rx: calc(16px - 0.5px);
|
|
3218
|
+
rx: calc(var(--radius-medium) - var(--wds-list-item-spotlight-borderWidthOffset));
|
|
3219
|
+
ry: calc(16px - 0.5px);
|
|
3220
|
+
ry: calc(var(--radius-medium) - var(--wds-list-item-spotlight-borderWidthOffset));
|
|
3221
|
+
stroke-dasharray: calc(12px * 0.5) calc(12px * 0.5);
|
|
3222
|
+
stroke-dasharray: var(--wds-list-item-spotlight-strokeDashSize) var(--wds-list-item-spotlight-strokeDashSize);
|
|
3223
|
+
}
|
|
3176
3224
|
.wds-list-item-prompt {
|
|
3177
3225
|
grid-area: prompt;
|
|
3178
3226
|
display: inline-flex;
|
package/build/types/index.d.ts
CHANGED
|
@@ -33,7 +33,7 @@ export type { SelectInputGroupItem, SelectInputItem, SelectInputOptionContentPro
|
|
|
33
33
|
export type { TextAreaProps } from './inputs/TextArea';
|
|
34
34
|
export type { InstructionsListProps } from './instructionsList';
|
|
35
35
|
export type { LabelProps, LabelOptionalProps, LabelDescriptionProps } from './label/Label';
|
|
36
|
-
export type {
|
|
36
|
+
export type { LegacyListItemProps } from './legacylistItem';
|
|
37
37
|
export type { LoaderProps } from './loader';
|
|
38
38
|
export type { MarkdownProps } from './markdown';
|
|
39
39
|
export type { ModalProps } from './modal';
|
|
@@ -71,7 +71,7 @@ export type { UploadError, UploadResponse, UploadedFile } from './uploadInput/ty
|
|
|
71
71
|
export type { WithIdProps } from './withId';
|
|
72
72
|
export type { IconButtonProps } from './iconButton';
|
|
73
73
|
export type { TableProps, TableRowType, TableRowClickableType, TableHeaderType, TableCellLeading, TableCellText, TableCellCurrency, TableCellStatus, TableCellType, } from './table';
|
|
74
|
-
export type { ListItemProps, ListItemAdditionalInfoProps, ListItemCheckboxProps } from './listItem';
|
|
74
|
+
export type { ListItemProps, ListProps, ListItemAdditionalInfoProps, ListItemCheckboxProps, } from './listItem';
|
|
75
75
|
/**
|
|
76
76
|
* Components
|
|
77
77
|
*/
|
|
@@ -124,7 +124,7 @@ export { TextArea } from './inputs/TextArea';
|
|
|
124
124
|
export { default as InstructionsList } from './instructionsList';
|
|
125
125
|
export { Label } from './label/Label';
|
|
126
126
|
export { default as Link } from './link';
|
|
127
|
-
export {
|
|
127
|
+
export { default as LegacyListItem } from './legacylistItem';
|
|
128
128
|
export { default as Loader } from './loader';
|
|
129
129
|
export { default as Logo } from './logo';
|
|
130
130
|
export { default as Markdown } from './markdown';
|
|
@@ -168,7 +168,7 @@ export { default as Typeahead } from './typeahead';
|
|
|
168
168
|
export { default as Upload } from './upload';
|
|
169
169
|
export { default as UploadInput } from './uploadInput';
|
|
170
170
|
export { default as Table } from './table';
|
|
171
|
-
export { default as ListItem } from './listItem';
|
|
171
|
+
export { default as ListItem, List } from './listItem';
|
|
172
172
|
/**
|
|
173
173
|
* Hooks
|
|
174
174
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACjE,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAClE,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EAAE,cAAc,IAAI,WAAW,EAAE,MAAM,UAAU,CAAC;AAC9D,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,YAAY,EACV,SAAS,EACT,YAAY,EACZ,eAAe,EACf,SAAS,EACT,UAAU,EACV,eAAe,GAChB,MAAM,UAAU,CAAC;AAClB,YAAY,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACzD,YAAY,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AACtF,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,YAAY,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAC5E,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,YAAY,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,YAAY,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,YAAY,EACV,oBAAoB,EACpB,eAAe,EACf,6BAA6B,EAC7B,qBAAqB,EACrB,gBAAgB,EAChB,wBAAwB,EACxB,6BAA6B,GAC9B,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,YAAY,EAAE,UAAU,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAC3F,YAAY,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/legacylistItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/legacylistItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemAvatarLayout.d.ts","sourceRoot":"","sources":["../../../../src/listItem/AvatarLayout/ListItemAvatarLayout.tsx"],"names":[],"mappings":"AAAA,OAAyB,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"ListItemAvatarLayout.d.ts","sourceRoot":"","sources":["../../../../src/listItem/AvatarLayout/ListItemAvatarLayout.tsx"],"names":[],"mappings":"AAAA,OAAyB,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAG9E,KAAK,QAAQ,GAAG;IAAE,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAA;CAAE,CAAC;AAElD,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,aAAa,CAAC,GAAG,QAAQ,CAAC;AAEnG;;;;;;GAMG;AACH,eAAO,MAAM,YAAY;oCAAwC,yBAAyB;;CAQzF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemAvatarView.d.ts","sourceRoot":"","sources":["../../../../src/listItem/AvatarView/ListItemAvatarView.tsx"],"names":[],"mappings":"AACA,OAAuB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"ListItemAvatarView.d.ts","sourceRoot":"","sources":["../../../../src/listItem/AvatarView/ListItemAvatarView.tsx"],"names":[],"mappings":"AACA,OAAuB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnE,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,aAAa,CAAC,GAAG;IACpF,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;CAC/B,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,UAAU;oCAAwC,uBAAuB;;CAQrF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemImage.d.ts","sourceRoot":"","sources":["../../../../src/listItem/Image/ListItemImage.tsx"],"names":[],"mappings":"AAAA,OAAkB,EAAE,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"ListItemImage.d.ts","sourceRoot":"","sources":["../../../../src/listItem/Image/ListItemImage.tsx"],"names":[],"mappings":"AAAA,OAAkB,EAAE,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AAKzD,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,QAAQ,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC,GAAG;IAChG;;OAEG;IACH,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAC9B;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,KAAK;8BAAuC,kBAAkB;;CAa1E,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/listItem/List.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,SAAS;IACxB,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,IAAI,CAAC,EAAE,EAAE,EAAE,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,SAAS,+BAE1E"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../src/listItem/ListItem.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../src/listItem/ListItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,OAAO,EAAc,KAAK,uBAAuB,EAAE,MAAM,cAAc,CAAC;AACxE,OAAO,EAAY,KAAK,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAClE,OAAO,EAAc,KAAK,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAExE,OAAO,EAAU,KAAK,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC5D,OAAO,EAAS,KAAK,kBAAkB,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,EAAU,KAAK,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAQ5D,MAAM,MAAM,aAAa,GACrB,iBAAiB,GACjB,YAAY,GACZ,OAAO,GACP,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,aAAa,CAAC;AAElB,MAAM,MAAM,oBAAoB,GAC5B,uBAAuB,GACvB,qBAAqB,GACrB,mBAAmB,GACnB,uBAAuB,GACvB,kBAAkB,GAClB,mBAAmB,CAAC;AAExB,MAAM,MAAM,KAAK,GAAG;IAClB,EAAE,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAClC,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ;4NAkBlB,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmNP,CAAC;AA0GF,eAAe,QAAQ,CAAC"}
|
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
import type { ListItemTypes, ListItemControlProps, Props as ListItemProps } from './ListItem';
|
|
2
|
-
import type { ListItemAvatarViewProps } from './AvatarView';
|
|
3
|
-
export type ListItemMediaSize = 32 | 40 | 48 | 56 | 72;
|
|
4
2
|
export type ListItemContextData = {
|
|
5
3
|
setControlType: (type: ListItemTypes) => void;
|
|
6
4
|
setControlProps: (props: ListItemControlProps) => void;
|
|
7
|
-
setMediaSize: (size: ListItemMediaSize | undefined) => void;
|
|
8
5
|
ids: {
|
|
9
6
|
title: string;
|
|
10
7
|
subtitle?: string;
|
|
@@ -15,7 +12,6 @@ export type ListItemContextData = {
|
|
|
15
12
|
prompt?: string;
|
|
16
13
|
};
|
|
17
14
|
props: Pick<ListItemProps, 'disabled' | 'inverted'>;
|
|
18
|
-
mediaSize?: ListItemAvatarViewProps['size'];
|
|
19
15
|
describedByIds: string;
|
|
20
16
|
};
|
|
21
17
|
export declare const ListItemContext: import("react").Context<ListItemContextData>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemContext.d.ts","sourceRoot":"","sources":["../../../src/listItem/ListItemContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"ListItemContext.d.ts","sourceRoot":"","sources":["../../../src/listItem/ListItemContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,YAAY,CAAC;AAE9F,MAAM,MAAM,mBAAmB,GAAG;IAChC,cAAc,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,eAAe,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACvD,GAAG,EAAE;QACH,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,UAAU,CAAC,CAAC;IACpD,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,eAAe,8CAE3B,CAAC"}
|
|
@@ -11,4 +11,6 @@ export type { ListItemPromptProps } from './Prompt';
|
|
|
11
11
|
export type { ListItemRadioProps } from './Radio';
|
|
12
12
|
export type { ListItemSwitchProps } from './Switch';
|
|
13
13
|
export { default } from './ListItem';
|
|
14
|
+
export { List } from './List';
|
|
15
|
+
export type { ListProps } from './List';
|
|
14
16
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/listItem/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,YAAY,CAAC;AACzD,YAAY,EAAE,2BAA2B,EAAE,MAAM,kBAAkB,CAAC;AACpE,YAAY,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAChE,YAAY,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAC5D,YAAY,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AACpD,YAAY,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AACxD,YAAY,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAC5D,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAClD,YAAY,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAC5D,YAAY,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AACpD,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/listItem/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,YAAY,CAAC;AACzD,YAAY,EAAE,2BAA2B,EAAE,MAAM,kBAAkB,CAAC;AACpE,YAAY,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAChE,YAAY,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAC5D,YAAY,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AACpD,YAAY,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AACxD,YAAY,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAC5D,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAClD,YAAY,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAC5D,YAAY,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AACpD,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC"}
|
package/package.json
CHANGED
|
@@ -19,7 +19,8 @@
|
|
|
19
19
|
right: 0;
|
|
20
20
|
}
|
|
21
21
|
.np-avatar-view .np-avatar-view-content {
|
|
22
|
-
color:
|
|
22
|
+
color: #37517e;
|
|
23
|
+
color: var(--color-content-primary);
|
|
23
24
|
}
|
|
24
25
|
.np-avatar-view-interactive {
|
|
25
26
|
cursor: pointer;
|
|
@@ -27,6 +28,7 @@
|
|
|
27
28
|
.np-avatar-view-interactive .np-circle {
|
|
28
29
|
background-color: rgba(134,167,189,0.10196);
|
|
29
30
|
background-color: var(--color-background-neutral);
|
|
31
|
+
color: var(--color-interactive-primary);
|
|
30
32
|
}
|
|
31
33
|
.np-avatar-view-non-interactive .np-circle {
|
|
32
34
|
background-color: transparent;
|
|
@@ -2,13 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
.np-avatar-view {
|
|
4
4
|
.np-avatar-view-content {
|
|
5
|
-
color: var(--color-
|
|
5
|
+
color: var(--color-content-primary);
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
&-interactive {
|
|
9
9
|
cursor: pointer;
|
|
10
10
|
.np-circle {
|
|
11
11
|
background-color: var(--color-background-neutral);
|
|
12
|
+
color: var(--color-interactive-primary);
|
|
12
13
|
}
|
|
13
14
|
}
|
|
14
15
|
|
|
@@ -6,7 +6,7 @@ import BottomSheet from '../../common/bottomSheet';
|
|
|
6
6
|
import Option from '../../common/Option';
|
|
7
7
|
import { Check, ChevronDown } from '@transferwise/icons';
|
|
8
8
|
import { OverlayIdContext, OverlayIdProvider } from '../../provider/overlay/OverlayIdProvider';
|
|
9
|
-
import { List } from '../../
|
|
9
|
+
import { List } from '../../listItem';
|
|
10
10
|
|
|
11
11
|
export interface AnimatedLabelProps {
|
|
12
12
|
activeLabel: number;
|
package/src/index.ts
CHANGED
|
@@ -50,7 +50,7 @@ export type {
|
|
|
50
50
|
export type { TextAreaProps } from './inputs/TextArea';
|
|
51
51
|
export type { InstructionsListProps } from './instructionsList';
|
|
52
52
|
export type { LabelProps, LabelOptionalProps, LabelDescriptionProps } from './label/Label';
|
|
53
|
-
export type {
|
|
53
|
+
export type { LegacyListItemProps } from './legacylistItem';
|
|
54
54
|
export type { LoaderProps } from './loader';
|
|
55
55
|
export type { MarkdownProps } from './markdown';
|
|
56
56
|
export type { ModalProps } from './modal';
|
|
@@ -108,7 +108,12 @@ export type {
|
|
|
108
108
|
TableCellStatus,
|
|
109
109
|
TableCellType,
|
|
110
110
|
} from './table';
|
|
111
|
-
export type {
|
|
111
|
+
export type {
|
|
112
|
+
ListItemProps,
|
|
113
|
+
ListProps,
|
|
114
|
+
ListItemAdditionalInfoProps,
|
|
115
|
+
ListItemCheckboxProps,
|
|
116
|
+
} from './listItem';
|
|
112
117
|
|
|
113
118
|
/**
|
|
114
119
|
* Components
|
|
@@ -166,7 +171,7 @@ export { TextArea } from './inputs/TextArea';
|
|
|
166
171
|
export { default as InstructionsList } from './instructionsList';
|
|
167
172
|
export { Label } from './label/Label';
|
|
168
173
|
export { default as Link } from './link';
|
|
169
|
-
export {
|
|
174
|
+
export { default as LegacyListItem } from './legacylistItem';
|
|
170
175
|
export { default as Loader } from './loader';
|
|
171
176
|
export { default as Logo } from './logo';
|
|
172
177
|
export { default as Markdown } from './markdown';
|
|
@@ -210,7 +215,7 @@ export { default as Typeahead } from './typeahead';
|
|
|
210
215
|
export { default as Upload } from './upload';
|
|
211
216
|
export { default as UploadInput } from './uploadInput';
|
|
212
217
|
export { default as Table } from './table';
|
|
213
|
-
export { default as ListItem } from './listItem';
|
|
218
|
+
export { default as ListItem, List } from './listItem';
|
|
214
219
|
|
|
215
220
|
/**
|
|
216
221
|
* Hooks
|
|
@@ -2,11 +2,11 @@ import { action } from 'storybook/actions';
|
|
|
2
2
|
import { Documents, FastFlag } from '@transferwise/icons';
|
|
3
3
|
import { ComponentProps } from 'react';
|
|
4
4
|
|
|
5
|
-
import { Button, IconButton } from '..';
|
|
5
|
+
import { Button, IconButton, List } from '..';
|
|
6
6
|
import AvatarView from '../avatarView';
|
|
7
7
|
import Info from '../info';
|
|
8
8
|
import Title from '../title/Title';
|
|
9
|
-
import LegacyListItem
|
|
9
|
+
import LegacyListItem from '.';
|
|
10
10
|
|
|
11
11
|
export default {
|
|
12
12
|
component: LegacyListItem,
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { FastFlag } from '@transferwise/icons';
|
|
2
2
|
import Button from '../button';
|
|
3
3
|
import AvatarView from '../avatarView';
|
|
4
|
-
import LegacyListItem, {
|
|
4
|
+
import LegacyListItem, { type LegacyListItemProps } from '.';
|
|
5
|
+
import { List } from '../listItem';
|
|
5
6
|
|
|
6
7
|
export default {
|
|
7
8
|
component: LegacyListItem,
|
|
@@ -2,6 +2,7 @@ import { Meta, StoryObj } from '@storybook/react-webpack5';
|
|
|
2
2
|
import { Flag } from '@wise/art';
|
|
3
3
|
import { lorem10 } from '../../test-utils';
|
|
4
4
|
import { ListItem } from '../ListItem';
|
|
5
|
+
import { List } from '../List';
|
|
5
6
|
import {
|
|
6
7
|
SB_LIST_ITEM_ADDITIONAL_INFO as INFO,
|
|
7
8
|
SB_LIST_ITEM_CONTROLS as CONTROLS,
|
|
@@ -65,7 +66,7 @@ export const Playground: Story = {
|
|
|
65
66
|
export const Orientations: Story = {
|
|
66
67
|
render: (args) => {
|
|
67
68
|
return (
|
|
68
|
-
<
|
|
69
|
+
<List as="ol">
|
|
69
70
|
<ListItem
|
|
70
71
|
title="Horizontal orientation"
|
|
71
72
|
subtitle={lorem10}
|
|
@@ -79,7 +80,7 @@ export const Orientations: Story = {
|
|
|
79
80
|
media={<ListItem.AvatarLayout {...args} orientation="diagonal" />}
|
|
80
81
|
control={CONTROLS.iconButton}
|
|
81
82
|
/>
|
|
82
|
-
</
|
|
83
|
+
</List>
|
|
83
84
|
);
|
|
84
85
|
},
|
|
85
86
|
};
|
|
@@ -100,7 +101,7 @@ export const Sizes: Story = {
|
|
|
100
101
|
const orientations = ['horizontal', 'diagonal'] as const;
|
|
101
102
|
|
|
102
103
|
return (
|
|
103
|
-
<
|
|
104
|
+
<List as="ol">
|
|
104
105
|
{orientations.map((orientation) =>
|
|
105
106
|
sizes.map((size) => (
|
|
106
107
|
<ListItem
|
|
@@ -112,7 +113,7 @@ export const Sizes: Story = {
|
|
|
112
113
|
/>
|
|
113
114
|
)),
|
|
114
115
|
)}
|
|
115
|
-
</
|
|
116
|
+
</List>
|
|
116
117
|
);
|
|
117
118
|
},
|
|
118
119
|
};
|