@transferwise/components 0.0.0-experimental-545dd0a → 0.0.0-experimental-2ea2303
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 → legacylistItem}/List.js +2 -3
- package/build/legacylistItem/List.js.map +1 -0
- package/build/{listItem → legacylistItem}/List.mjs +2 -3
- package/build/legacylistItem/List.mjs.map +1 -0
- package/build/listItem/ListItem.js +7 -3
- package/build/listItem/ListItem.js.map +1 -1
- package/build/listItem/ListItem.mjs +7 -3
- package/build/listItem/ListItem.mjs.map +1 -1
- package/build/main.css +28 -2
- package/build/styles/listItem/ListItem.css +28 -2
- package/build/styles/main.css +28 -2
- package/build/types/index.d.ts +4 -4
- package/build/types/index.d.ts.map +1 -1
- package/build/types/legacylistItem/List.d.ts +6 -0
- package/build/types/legacylistItem/List.d.ts.map +1 -0
- package/build/types/legacylistItem/index.d.ts +2 -0
- package/build/types/legacylistItem/index.d.ts.map +1 -1
- package/build/types/listItem/ListItem.d.ts.map +1 -1
- package/build/types/listItem/index.d.ts +0 -2
- package/build/types/listItem/index.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/flowNavigation/animatedLabel/AnimatedLabel.tsx +1 -1
- package/src/index.ts +4 -9
- package/src/legacylistItem/LegacyListItem.story.tsx +2 -2
- package/src/legacylistItem/LegacyListItem.tests.story.tsx +1 -2
- package/src/legacylistItem/List.tsx +10 -0
- package/src/legacylistItem/index.ts +2 -0
- package/src/listItem/AvatarLayout/ListItemAvatarLayout.story.tsx +4 -5
- package/src/listItem/AvatarView/ListItemAvatarView.story.tsx +4 -5
- package/src/listItem/Button/ListItemButton.story.tsx +8 -9
- package/src/listItem/IconButton/ListItemIconButton.story.tsx +8 -8
- package/src/listItem/ListItem.css +28 -2
- package/src/listItem/ListItem.less +26 -1
- package/src/listItem/ListItem.tsx +6 -0
- package/src/listItem/Prompt/ListItemPrompt.story.tsx +7 -7
- package/src/listItem/Switch/ListItemSwitch.story.tsx +2 -3
- package/src/listItem/_stories/ListItem.story.tsx +2 -3
- package/src/listItem/_stories/ListItem.variants.test.story.tsx +4 -5
- package/src/listItem/index.ts +0 -3
- package/src/main.css +28 -2
- package/build/listItem/List.js.map +0 -1
- package/build/listItem/List.mjs.map +0 -1
- package/build/types/listItem/List.d.ts +0 -7
- package/build/types/listItem/List.d.ts.map +0 -1
- package/src/listItem/List.tsx +0 -11
package/build/styles/main.css
CHANGED
|
@@ -3181,8 +3181,6 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
|
|
|
3181
3181
|
}
|
|
3182
3182
|
.wds-list-item-spotlight-inactive {
|
|
3183
3183
|
background-color: rgba(134, 167, 189, 0.025);
|
|
3184
|
-
border: 1px dashed rgba(0,0,0,0.10196);
|
|
3185
|
-
border: 1px dashed var(--color-border-neutral);
|
|
3186
3184
|
}
|
|
3187
3185
|
@supports (color: color-mix(in lch, red, blue)) {
|
|
3188
3186
|
.wds-list-item-spotlight-inactive {
|
|
@@ -3195,6 +3193,34 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
|
|
|
3195
3193
|
.wds-list-item-spotlight-inactive:not(.disabled):not(:disabled):active {
|
|
3196
3194
|
background-color: color-mix(in srgb, var(--color-background-neutral-active) 25%, transparent);
|
|
3197
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
|
+
}
|
|
3198
3224
|
.wds-list-item-prompt {
|
|
3199
3225
|
grid-area: prompt;
|
|
3200
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 { LegacyListItemProps } from './legacylistItem';
|
|
36
|
+
export type { ListProps, 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,
|
|
74
|
+
export type { ListItemProps, 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 { default as LegacyListItem } from './legacylistItem';
|
|
127
|
+
export { List, 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
|
|
171
|
+
export { default as ListItem } 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,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/legacylistItem/List.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,SAAS;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,IAAI,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,SAAS,+BAEtD"}
|
|
@@ -1 +1 @@
|
|
|
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
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/legacylistItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
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"}
|
|
@@ -11,6 +11,4 @@ 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';
|
|
16
14
|
//# 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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@transferwise/components",
|
|
3
|
-
"version": "0.0.0-experimental-
|
|
3
|
+
"version": "0.0.0-experimental-2ea2303",
|
|
4
4
|
"description": "Neptune React components",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -83,9 +83,9 @@
|
|
|
83
83
|
"storybook": "^9.0.18",
|
|
84
84
|
"storybook-addon-tag-badges": "^2.0.1",
|
|
85
85
|
"storybook-addon-test-codegen": "^2.0.1",
|
|
86
|
-
"@transferwise/neptune-css": "14.24.5",
|
|
87
86
|
"@transferwise/less-config": "3.1.2",
|
|
88
87
|
"@wise/components-theming": "1.6.4",
|
|
88
|
+
"@transferwise/neptune-css": "14.24.5",
|
|
89
89
|
"@wise/wds-configs": "0.0.0"
|
|
90
90
|
},
|
|
91
91
|
"peerDependencies": {
|
|
@@ -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 '../../legacylistItem';
|
|
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 { LegacyListItemProps } from './legacylistItem';
|
|
53
|
+
export type { ListProps, 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,12 +108,7 @@ export type {
|
|
|
108
108
|
TableCellStatus,
|
|
109
109
|
TableCellType,
|
|
110
110
|
} from './table';
|
|
111
|
-
export type {
|
|
112
|
-
ListItemProps,
|
|
113
|
-
ListProps,
|
|
114
|
-
ListItemAdditionalInfoProps,
|
|
115
|
-
ListItemCheckboxProps,
|
|
116
|
-
} from './listItem';
|
|
111
|
+
export type { ListItemProps, ListItemAdditionalInfoProps, ListItemCheckboxProps } from './listItem';
|
|
117
112
|
|
|
118
113
|
/**
|
|
119
114
|
* Components
|
|
@@ -171,7 +166,7 @@ export { TextArea } from './inputs/TextArea';
|
|
|
171
166
|
export { default as InstructionsList } from './instructionsList';
|
|
172
167
|
export { Label } from './label/Label';
|
|
173
168
|
export { default as Link } from './link';
|
|
174
|
-
export { default as LegacyListItem } from './legacylistItem';
|
|
169
|
+
export { List, default as LegacyListItem } from './legacylistItem';
|
|
175
170
|
export { default as Loader } from './loader';
|
|
176
171
|
export { default as Logo } from './logo';
|
|
177
172
|
export { default as Markdown } from './markdown';
|
|
@@ -215,7 +210,7 @@ export { default as Typeahead } from './typeahead';
|
|
|
215
210
|
export { default as Upload } from './upload';
|
|
216
211
|
export { default as UploadInput } from './uploadInput';
|
|
217
212
|
export { default as Table } from './table';
|
|
218
|
-
export { default as ListItem
|
|
213
|
+
export { default as ListItem } from './listItem';
|
|
219
214
|
|
|
220
215
|
/**
|
|
221
216
|
* 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
|
|
5
|
+
import { Button, IconButton } from '..';
|
|
6
6
|
import AvatarView from '../avatarView';
|
|
7
7
|
import Info from '../info';
|
|
8
8
|
import Title from '../title/Title';
|
|
9
|
-
import LegacyListItem from '.';
|
|
9
|
+
import LegacyListItem, { List } from '.';
|
|
10
10
|
|
|
11
11
|
export default {
|
|
12
12
|
component: LegacyListItem,
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { FastFlag } from '@transferwise/icons';
|
|
2
2
|
import Button from '../button';
|
|
3
3
|
import AvatarView from '../avatarView';
|
|
4
|
-
import LegacyListItem, { type LegacyListItemProps } from '.';
|
|
5
|
-
import { List } from '../listItem';
|
|
4
|
+
import LegacyListItem, { List, type LegacyListItemProps } from '.';
|
|
6
5
|
|
|
7
6
|
export default {
|
|
8
7
|
component: LegacyListItem,
|
|
@@ -2,7 +2,6 @@ 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';
|
|
6
5
|
import {
|
|
7
6
|
SB_LIST_ITEM_ADDITIONAL_INFO as INFO,
|
|
8
7
|
SB_LIST_ITEM_CONTROLS as CONTROLS,
|
|
@@ -66,7 +65,7 @@ export const Playground: Story = {
|
|
|
66
65
|
export const Orientations: Story = {
|
|
67
66
|
render: (args) => {
|
|
68
67
|
return (
|
|
69
|
-
<
|
|
68
|
+
<ol className="list-unstyled">
|
|
70
69
|
<ListItem
|
|
71
70
|
title="Horizontal orientation"
|
|
72
71
|
subtitle={lorem10}
|
|
@@ -80,7 +79,7 @@ export const Orientations: Story = {
|
|
|
80
79
|
media={<ListItem.AvatarLayout {...args} orientation="diagonal" />}
|
|
81
80
|
control={CONTROLS.iconButton}
|
|
82
81
|
/>
|
|
83
|
-
</
|
|
82
|
+
</ol>
|
|
84
83
|
);
|
|
85
84
|
},
|
|
86
85
|
};
|
|
@@ -101,7 +100,7 @@ export const Sizes: Story = {
|
|
|
101
100
|
const orientations = ['horizontal', 'diagonal'] as const;
|
|
102
101
|
|
|
103
102
|
return (
|
|
104
|
-
<
|
|
103
|
+
<ol className="list-unstyled">
|
|
105
104
|
{orientations.map((orientation) =>
|
|
106
105
|
sizes.map((size) => (
|
|
107
106
|
<ListItem
|
|
@@ -113,7 +112,7 @@ export const Sizes: Story = {
|
|
|
113
112
|
/>
|
|
114
113
|
)),
|
|
115
114
|
)}
|
|
116
|
-
</
|
|
115
|
+
</ol>
|
|
117
116
|
);
|
|
118
117
|
},
|
|
119
118
|
};
|
|
@@ -8,7 +8,6 @@ import {
|
|
|
8
8
|
import { ListItemAvatarViewProps } from './ListItemAvatarView';
|
|
9
9
|
import { lorem10 } from '../../test-utils';
|
|
10
10
|
import { ProfileType } from '../../common';
|
|
11
|
-
import { List } from '../List';
|
|
12
11
|
|
|
13
12
|
const SIZES = [32, 40, 48, 56, 72] as const;
|
|
14
13
|
const BADGES = {
|
|
@@ -213,7 +212,7 @@ export const Sizes: Story = {
|
|
|
213
212
|
},
|
|
214
213
|
render: (args) => {
|
|
215
214
|
return (
|
|
216
|
-
<
|
|
215
|
+
<ol className="list-unstyled">
|
|
217
216
|
{SIZES.map((size) => (
|
|
218
217
|
<ListItem
|
|
219
218
|
key={size}
|
|
@@ -227,7 +226,7 @@ export const Sizes: Story = {
|
|
|
227
226
|
control={CONTROLS.iconButton}
|
|
228
227
|
/>
|
|
229
228
|
))}
|
|
230
|
-
</
|
|
229
|
+
</ol>
|
|
231
230
|
);
|
|
232
231
|
},
|
|
233
232
|
};
|
|
@@ -249,7 +248,7 @@ export const Notification: Story = {
|
|
|
249
248
|
},
|
|
250
249
|
render: (args) => {
|
|
251
250
|
return (
|
|
252
|
-
<
|
|
251
|
+
<ol className="list-unstyled">
|
|
253
252
|
{SIZES.map((size) => (
|
|
254
253
|
<ListItem
|
|
255
254
|
key={size}
|
|
@@ -263,7 +262,7 @@ export const Notification: Story = {
|
|
|
263
262
|
control={CONTROLS.iconButton}
|
|
264
263
|
/>
|
|
265
264
|
))}
|
|
266
|
-
</
|
|
265
|
+
</ol>
|
|
267
266
|
);
|
|
268
267
|
},
|
|
269
268
|
};
|
|
@@ -7,7 +7,6 @@ import {
|
|
|
7
7
|
SB_LIST_ITEM_MEDIA as MEDIA,
|
|
8
8
|
} from '../_stories/subcomponents';
|
|
9
9
|
import type { ListItemButtonProps } from './ListItemButton';
|
|
10
|
-
import { List } from '../List';
|
|
11
10
|
|
|
12
11
|
/**
|
|
13
12
|
* Convenience controls for previewing rich markup,
|
|
@@ -182,7 +181,7 @@ export const Interactivity: Story = {
|
|
|
182
181
|
},
|
|
183
182
|
render: (args: ListItemButtonProps) => {
|
|
184
183
|
return (
|
|
185
|
-
<
|
|
184
|
+
<ol className="list-unstyled">
|
|
186
185
|
<ListItem
|
|
187
186
|
title="Fully interactive ListItem"
|
|
188
187
|
subtitle="Button in fully interactive context"
|
|
@@ -196,7 +195,7 @@ export const Interactivity: Story = {
|
|
|
196
195
|
media={MEDIA.avatarSingle}
|
|
197
196
|
control={<ListItem.Button {...args} partiallyInteractive />}
|
|
198
197
|
/>
|
|
199
|
-
</
|
|
198
|
+
</ol>
|
|
200
199
|
);
|
|
201
200
|
},
|
|
202
201
|
};
|
|
@@ -231,7 +230,7 @@ export const AsAnchor: Story = {
|
|
|
231
230
|
export const Sentiment: Story = {
|
|
232
231
|
render: (args: ListItemButtonProps) => {
|
|
233
232
|
return (
|
|
234
|
-
<
|
|
233
|
+
<ol className="list-unstyled">
|
|
235
234
|
<ListItem
|
|
236
235
|
title="Default Sentiment - Primary"
|
|
237
236
|
subtitle="Default sentiment with primary priority"
|
|
@@ -272,7 +271,7 @@ export const Sentiment: Story = {
|
|
|
272
271
|
</ListItem.Button>
|
|
273
272
|
}
|
|
274
273
|
/>
|
|
275
|
-
</
|
|
274
|
+
</ol>
|
|
276
275
|
);
|
|
277
276
|
},
|
|
278
277
|
args: {
|
|
@@ -288,7 +287,7 @@ export const Sentiment: Story = {
|
|
|
288
287
|
export const Priority: Story = {
|
|
289
288
|
render: (args: ListItemButtonProps) => {
|
|
290
289
|
return (
|
|
291
|
-
<
|
|
290
|
+
<ol className="list-unstyled">
|
|
292
291
|
<ListItem
|
|
293
292
|
title="Primary Priority"
|
|
294
293
|
subtitle="Primary priority (default)"
|
|
@@ -329,7 +328,7 @@ export const Priority: Story = {
|
|
|
329
328
|
</ListItem.Button>
|
|
330
329
|
}
|
|
331
330
|
/>
|
|
332
|
-
</
|
|
331
|
+
</ol>
|
|
333
332
|
);
|
|
334
333
|
},
|
|
335
334
|
args: {
|
|
@@ -369,7 +368,7 @@ const addonProps = {
|
|
|
369
368
|
export const WithIcons: Story = {
|
|
370
369
|
render: (args: ListItemButtonProps) => {
|
|
371
370
|
return (
|
|
372
|
-
<
|
|
371
|
+
<ol className="list-unstyled">
|
|
373
372
|
<ListItem
|
|
374
373
|
title="With Start Icon"
|
|
375
374
|
subtitle="Button with icon before the label"
|
|
@@ -400,7 +399,7 @@ export const WithIcons: Story = {
|
|
|
400
399
|
</ListItem.Button>
|
|
401
400
|
}
|
|
402
401
|
/>
|
|
403
|
-
</
|
|
402
|
+
</ol>
|
|
404
403
|
);
|
|
405
404
|
},
|
|
406
405
|
args: {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Meta, StoryObj } from '@storybook/react-webpack5';
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
2
|
+
import { Edit, Heart } from '@transferwise/icons';
|
|
3
|
+
import { ListItem } from '../ListItem';
|
|
4
4
|
import {
|
|
5
5
|
SB_LIST_ITEM_ADDITIONAL_INFO as INFO,
|
|
6
6
|
SB_LIST_ITEM_MEDIA as MEDIA,
|
|
@@ -114,7 +114,7 @@ export const Interactivity: Story = {
|
|
|
114
114
|
},
|
|
115
115
|
render: (args: ListItemIconButtonProps) => {
|
|
116
116
|
return (
|
|
117
|
-
<
|
|
117
|
+
<ol className="list-unstyled">
|
|
118
118
|
<ListItem
|
|
119
119
|
control={<ListItem.IconButton {...args} />}
|
|
120
120
|
title="Fully interactive ListItem"
|
|
@@ -132,7 +132,7 @@ export const Interactivity: Story = {
|
|
|
132
132
|
additionalInfo={INFO.interactive}
|
|
133
133
|
prompt={PROMPTS.interactive}
|
|
134
134
|
/>
|
|
135
|
-
</
|
|
135
|
+
</ol>
|
|
136
136
|
);
|
|
137
137
|
},
|
|
138
138
|
};
|
|
@@ -145,7 +145,7 @@ export const Interactivity: Story = {
|
|
|
145
145
|
export const Sentiment: Story = {
|
|
146
146
|
render: (args) => {
|
|
147
147
|
return (
|
|
148
|
-
<
|
|
148
|
+
<ol className="list-unstyled">
|
|
149
149
|
<ListItem
|
|
150
150
|
control={<ListItem.IconButton {...args} priority="primary" type="default" />}
|
|
151
151
|
title="Default Sentiment - Primary"
|
|
@@ -170,7 +170,7 @@ export const Sentiment: Story = {
|
|
|
170
170
|
subtitle="Negative sentiment with secondary priority"
|
|
171
171
|
media={MEDIA.avatarSingle}
|
|
172
172
|
/>
|
|
173
|
-
</
|
|
173
|
+
</ol>
|
|
174
174
|
);
|
|
175
175
|
},
|
|
176
176
|
};
|
|
@@ -183,7 +183,7 @@ export const Sentiment: Story = {
|
|
|
183
183
|
export const Priority: Story = {
|
|
184
184
|
render: (args) => {
|
|
185
185
|
return (
|
|
186
|
-
<
|
|
186
|
+
<ol className="list-unstyled">
|
|
187
187
|
<ListItem
|
|
188
188
|
title="Primary Priority"
|
|
189
189
|
subtitle="Primary priority (default)"
|
|
@@ -208,7 +208,7 @@ export const Priority: Story = {
|
|
|
208
208
|
media={MEDIA.avatarSingle}
|
|
209
209
|
control={<ListItem.IconButton {...args} priority="minimal" />}
|
|
210
210
|
/>
|
|
211
|
-
</
|
|
211
|
+
</ol>
|
|
212
212
|
);
|
|
213
213
|
},
|
|
214
214
|
};
|
|
@@ -544,8 +544,6 @@
|
|
|
544
544
|
}
|
|
545
545
|
.wds-list-item-spotlight-inactive {
|
|
546
546
|
background-color: rgba(134, 167, 189, 0.025);
|
|
547
|
-
border: 1px dashed rgba(0,0,0,0.10196);
|
|
548
|
-
border: 1px dashed var(--color-border-neutral);
|
|
549
547
|
}
|
|
550
548
|
@supports (color: color-mix(in lch, red, blue)) {
|
|
551
549
|
.wds-list-item-spotlight-inactive {
|
|
@@ -558,6 +556,34 @@
|
|
|
558
556
|
.wds-list-item-spotlight-inactive:not(.disabled):not(:disabled):active {
|
|
559
557
|
background-color: color-mix(in srgb, var(--color-background-neutral-active) 25%, transparent);
|
|
560
558
|
}
|
|
559
|
+
.wds-list-item .wds-list-item-spotlight__border {
|
|
560
|
+
position: absolute;
|
|
561
|
+
inset: 0;
|
|
562
|
+
width: 100%;
|
|
563
|
+
height: 100%;
|
|
564
|
+
}
|
|
565
|
+
.wds-list-item .wds-list-item-spotlight__border rect {
|
|
566
|
+
--wds-list-item-spotlight-borderWidth: 1px;
|
|
567
|
+
--wds-list-item-spotlight-borderWidthOffset: 0.5px;
|
|
568
|
+
--wds-list-item-spotlight-strokeDashSize: calc(var(--size-12) * 0.5);
|
|
569
|
+
fill: none;
|
|
570
|
+
stroke: rgba(0,0,0,0.10196);
|
|
571
|
+
stroke: var(--color-border-neutral);
|
|
572
|
+
width: calc(100% - 1px);
|
|
573
|
+
width: calc(100% - var(--wds-list-item-spotlight-borderWidth));
|
|
574
|
+
height: calc(100% - 1px);
|
|
575
|
+
height: calc(100% - var(--wds-list-item-spotlight-borderWidth));
|
|
576
|
+
x: 0.5px;
|
|
577
|
+
x: var(--wds-list-item-spotlight-borderWidthOffset);
|
|
578
|
+
y: 0.5px;
|
|
579
|
+
y: var(--wds-list-item-spotlight-borderWidthOffset);
|
|
580
|
+
rx: calc(16px - 0.5px);
|
|
581
|
+
rx: calc(var(--radius-medium) - var(--wds-list-item-spotlight-borderWidthOffset));
|
|
582
|
+
ry: calc(16px - 0.5px);
|
|
583
|
+
ry: calc(var(--radius-medium) - var(--wds-list-item-spotlight-borderWidthOffset));
|
|
584
|
+
stroke-dasharray: calc(12px * 0.5) calc(12px * 0.5);
|
|
585
|
+
stroke-dasharray: var(--wds-list-item-spotlight-strokeDashSize) var(--wds-list-item-spotlight-strokeDashSize);
|
|
586
|
+
}
|
|
561
587
|
.wds-list-item-prompt {
|
|
562
588
|
grid-area: prompt;
|
|
563
589
|
display: inline-flex;
|
|
@@ -227,7 +227,7 @@
|
|
|
227
227
|
|
|
228
228
|
&-inactive {
|
|
229
229
|
background-color: color-mix(in srgb, var(--color-background-neutral) 25%, transparent);
|
|
230
|
-
|
|
230
|
+
|
|
231
231
|
&:not(.disabled, :disabled):hover {
|
|
232
232
|
background-color: color-mix(in srgb, var(--color-background-neutral-hover) 25%, transparent);
|
|
233
233
|
}
|
|
@@ -237,6 +237,31 @@
|
|
|
237
237
|
}
|
|
238
238
|
}
|
|
239
239
|
|
|
240
|
+
.wds-list-item-spotlight__border{
|
|
241
|
+
position: absolute;
|
|
242
|
+
inset:0;
|
|
243
|
+
width: 100%;
|
|
244
|
+
height: 100%;
|
|
245
|
+
|
|
246
|
+
rect {
|
|
247
|
+
--wds-list-item-spotlight-borderWidth: 1px;
|
|
248
|
+
--wds-list-item-spotlight-borderWidthOffset: .5px; // half of the border width to center the border
|
|
249
|
+
--wds-list-item-spotlight-strokeDashSize: calc(var(--size-12) * .5);
|
|
250
|
+
|
|
251
|
+
fill: none;
|
|
252
|
+
stroke: var(--color-border-neutral);
|
|
253
|
+
width: calc(100% - var(--wds-list-item-spotlight-borderWidth));
|
|
254
|
+
height: calc(100% - var(--wds-list-item-spotlight-borderWidth));
|
|
255
|
+
x: var(--wds-list-item-spotlight-borderWidthOffset);
|
|
256
|
+
y: var(--wds-list-item-spotlight-borderWidthOffset);
|
|
257
|
+
rx: calc(var(--radius-medium) - var(--wds-list-item-spotlight-borderWidthOffset));
|
|
258
|
+
ry: calc(var(--radius-medium) - var(--wds-list-item-spotlight-borderWidthOffset));
|
|
259
|
+
stroke-dasharray:
|
|
260
|
+
var(--wds-list-item-spotlight-strokeDashSize)
|
|
261
|
+
var(--wds-list-item-spotlight-strokeDashSize);
|
|
262
|
+
}
|
|
263
|
+
}
|
|
264
|
+
|
|
240
265
|
&-prompt {
|
|
241
266
|
grid-area: prompt;
|
|
242
267
|
|
|
@@ -227,6 +227,12 @@ export const ListItem = ({
|
|
|
227
227
|
aria-disabled={disabled}
|
|
228
228
|
aria-labelledby={ariaLabelledby}
|
|
229
229
|
>
|
|
230
|
+
{spotlight === 'inactive' && (
|
|
231
|
+
<svg aria-hidden="true" className="wds-list-item-spotlight__border">
|
|
232
|
+
<rect />
|
|
233
|
+
</svg>
|
|
234
|
+
)}
|
|
235
|
+
|
|
230
236
|
<View
|
|
231
237
|
{...{
|
|
232
238
|
isPartiallyInteractive,
|