@transferwise/components 0.0.0-experimental-e72bc9f → 0.0.0-experimental-6272ca7
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/index.js +0 -1
- package/build/index.js.map +1 -1
- package/build/index.mjs +1 -1
- package/build/main.css +1 -188
- package/build/styles/circularButton/CircularButton.css +1 -0
- package/build/styles/main.css +1 -188
- package/build/types/index.d.ts +0 -2
- package/build/types/index.d.ts.map +1 -1
- package/build/types/test-utils/fake-data.d.ts +0 -2
- package/build/types/test-utils/fake-data.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/circularButton/CircularButton.css +1 -0
- package/src/circularButton/CircularButton.less +1 -0
- package/src/circularButton/CircularButton.tests.story.tsx +23 -0
- package/src/index.ts +0 -2
- package/src/legacylistItem/LegacyListItem.story.tsx +5 -5
- package/src/legacylistItem/LegacyListItem.tests.story.tsx +6 -6
- package/src/main.css +1 -188
- package/src/main.less +0 -1
- package/src/test-utils/fake-data.ts +0 -5
- package/build/styles/listItem/ListItem.css +0 -188
- package/build/test-utils/assets/apple-pay-logo.svg +0 -84
- package/build/types/listItem/ListItem.d.ts +0 -43
- package/build/types/listItem/ListItem.d.ts.map +0 -1
- package/build/types/listItem/ListItemAdditionalInfo.d.ts +0 -9
- package/build/types/listItem/ListItemAdditionalInfo.d.ts.map +0 -1
- package/build/types/listItem/ListItemButton.d.ts +0 -4
- package/build/types/listItem/ListItemButton.d.ts.map +0 -1
- package/build/types/listItem/ListItemCheckbox.d.ts +0 -4
- package/build/types/listItem/ListItemCheckbox.d.ts.map +0 -1
- package/build/types/listItem/ListItemIconButton.d.ts +0 -7
- package/build/types/listItem/ListItemIconButton.d.ts.map +0 -1
- package/build/types/listItem/ListItemMedia.d.ts +0 -19
- package/build/types/listItem/ListItemMedia.d.ts.map +0 -1
- package/build/types/listItem/ListItemNavigation.d.ts +0 -4
- package/build/types/listItem/ListItemNavigation.d.ts.map +0 -1
- package/build/types/listItem/ListItemSwitch.d.ts +0 -3
- package/build/types/listItem/ListItemSwitch.d.ts.map +0 -1
- package/build/types/listItem/index.d.ts +0 -6
- package/build/types/listItem/index.d.ts.map +0 -1
- package/build/types/listItem/prompt/Prompt.d.ts +0 -12
- package/build/types/listItem/prompt/Prompt.d.ts.map +0 -1
- package/build/types/listItem/useItemControl.d.ts +0 -5
- package/build/types/listItem/useItemControl.d.ts.map +0 -1
- package/src/listItem/ListItem.css +0 -188
- package/src/listItem/ListItem.less +0 -182
- package/src/listItem/ListItem.story.tsx +0 -273
- package/src/listItem/ListItem.tsx +0 -183
- package/src/listItem/ListItemAdditionalInfo.tsx +0 -31
- package/src/listItem/ListItemButton.spec.tsx +0 -90
- package/src/listItem/ListItemButton.tsx +0 -18
- package/src/listItem/ListItemCheckbox.tsx +0 -14
- package/src/listItem/ListItemIconButton.tsx +0 -13
- package/src/listItem/ListItemMedia.tsx +0 -52
- package/src/listItem/ListItemNavigation.tsx +0 -11
- package/src/listItem/ListItemSwitch.tsx +0 -8
- package/src/listItem/index.ts +0 -10
- package/src/listItem/prompt/Prompt.spec.tsx +0 -77
- package/src/listItem/prompt/Prompt.story.tsx +0 -170
- package/src/listItem/prompt/Prompt.tsx +0 -44
- package/src/listItem/useItemControl.tsx +0 -12
- package/src/test-utils/assets/apple-pay-logo.svg +0 -84
package/build/index.js
CHANGED
|
@@ -274,7 +274,6 @@ Object.defineProperty(exports, "UploadStep", {
|
|
|
274
274
|
get: function () { return Upload.UploadStep; }
|
|
275
275
|
});
|
|
276
276
|
exports.UploadInput = UploadInput.default;
|
|
277
|
-
exports.Item = Table.default;
|
|
278
277
|
exports.Table = Table.default;
|
|
279
278
|
exports.useDirection = useDirection.useDirection;
|
|
280
279
|
exports.useLayout = useLayout.useLayout;
|
package/build/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/build/index.mjs
CHANGED
|
@@ -105,7 +105,7 @@ export { default as Tooltip } from './tooltip/Tooltip.mjs';
|
|
|
105
105
|
export { default as Typeahead } from './typeahead/Typeahead.mjs';
|
|
106
106
|
export { default as Upload, UploadStep } from './upload/Upload.mjs';
|
|
107
107
|
export { default as UploadInput } from './uploadInput/UploadInput.mjs';
|
|
108
|
-
export { default as
|
|
108
|
+
export { default as Table } from './table/Table.mjs';
|
|
109
109
|
import '@transferwise/neptune-validation';
|
|
110
110
|
export { useDirection } from './common/hooks/useDirection/useDirection.mjs';
|
|
111
111
|
export { useLayout } from './common/hooks/useLayout/useLayout.mjs';
|
package/build/main.css
CHANGED
|
@@ -1402,6 +1402,7 @@
|
|
|
1402
1402
|
}
|
|
1403
1403
|
.np-circular-btn-primary-default .np-circular-btn-label,
|
|
1404
1404
|
.np-circular-btn-secondary-default .np-circular-btn-label {
|
|
1405
|
+
text-align: center;
|
|
1405
1406
|
color: var(--color-interactive-primary);
|
|
1406
1407
|
}
|
|
1407
1408
|
.np-circular-btn-primary-default .np-circular-btn-label:not(.disabled):not(:disabled):hover,
|
|
@@ -2661,194 +2662,6 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
|
|
|
2661
2662
|
border-radius: 9999px !important;
|
|
2662
2663
|
border-radius: var(--radius-full) !important;
|
|
2663
2664
|
}
|
|
2664
|
-
.wds-list-item {
|
|
2665
|
-
padding: 16px;
|
|
2666
|
-
padding: var(--size-16);
|
|
2667
|
-
border-radius: 24px;
|
|
2668
|
-
border-radius: var(--radius-large);
|
|
2669
|
-
background-color: #ffffff;
|
|
2670
|
-
background-color: var(--color-background-screen);
|
|
2671
|
-
gap: 16px;
|
|
2672
|
-
gap: var(--size-16);
|
|
2673
|
-
}
|
|
2674
|
-
.wds-list-item-interactive {
|
|
2675
|
-
cursor: pointer;
|
|
2676
|
-
}
|
|
2677
|
-
.wds-list-item-interactive:hover {
|
|
2678
|
-
background-color: var(--color-background-screen-hover);
|
|
2679
|
-
}
|
|
2680
|
-
.wds-list-item-interactive:active {
|
|
2681
|
-
background-color: var(--color-background-screen-active);
|
|
2682
|
-
}
|
|
2683
|
-
.wds-list-item-media-image {
|
|
2684
|
-
width: var(--item-media-image-size);
|
|
2685
|
-
height: var(--item-media-image-size);
|
|
2686
|
-
}
|
|
2687
|
-
.wds-list-item-body {
|
|
2688
|
-
width: 100%;
|
|
2689
|
-
}
|
|
2690
|
-
.wds-list-item-title {
|
|
2691
|
-
color: #37517e;
|
|
2692
|
-
color: var(--color-content-primary);
|
|
2693
|
-
}
|
|
2694
|
-
.wds-list-item-additional-info {
|
|
2695
|
-
color: #768e9c;
|
|
2696
|
-
color: var(--color-content-tertiary);
|
|
2697
|
-
}
|
|
2698
|
-
.wds-list-item-value {
|
|
2699
|
-
flex: 0 0 auto;
|
|
2700
|
-
}
|
|
2701
|
-
.wds-list-item-control {
|
|
2702
|
-
flex: 0 0 auto;
|
|
2703
|
-
}
|
|
2704
|
-
.wds-list-item-spotlight-active {
|
|
2705
|
-
background-color: rgba(134,167,189,0.10196);
|
|
2706
|
-
background-color: var(--color-background-neutral);
|
|
2707
|
-
}
|
|
2708
|
-
.wds-list-item-spotlight-active:hover {
|
|
2709
|
-
background-color: var(--color-background-neutral-hover);
|
|
2710
|
-
}
|
|
2711
|
-
.wds-list-item-spotlight-active:active {
|
|
2712
|
-
background-color: var(--color-background-neutral-active);
|
|
2713
|
-
}
|
|
2714
|
-
.wds-list-item-spotlight-inactive {
|
|
2715
|
-
background-color: rgba(134, 167, 189, 0.025);
|
|
2716
|
-
border: 1px dashed rgba(0,0,0,0.10196);
|
|
2717
|
-
border: 1px dashed var(--color-border-neutral);
|
|
2718
|
-
}
|
|
2719
|
-
@supports (color: color-mix(in lch, red, blue)) {
|
|
2720
|
-
.wds-list-item-spotlight-inactive {
|
|
2721
|
-
background-color: color-mix(in srgb, var(--color-background-neutral) 25%, transparent);
|
|
2722
|
-
}
|
|
2723
|
-
}
|
|
2724
|
-
.wds-list-item-spotlight-inactive:hover {
|
|
2725
|
-
background-color: color-mix(in srgb, var(--color-background-neutral-hover) 25%, transparent);
|
|
2726
|
-
}
|
|
2727
|
-
.wds-list-item-spotlight-inactive:active {
|
|
2728
|
-
background-color: color-mix(in srgb, var(--color-background-neutral-active) 25%, transparent);
|
|
2729
|
-
}
|
|
2730
|
-
.wds-list-item-prompt {
|
|
2731
|
-
display: inline-flex;
|
|
2732
|
-
padding-top: calc(8px / 2);
|
|
2733
|
-
padding-top: calc(var(--padding-x-small) / 2);
|
|
2734
|
-
padding-bottom: calc(8px / 2);
|
|
2735
|
-
padding-bottom: calc(var(--padding-x-small) / 2);
|
|
2736
|
-
padding-left: calc(8px - 1px);
|
|
2737
|
-
padding-left: calc(var(--padding-x-small) - 1px);
|
|
2738
|
-
padding-right: 8px;
|
|
2739
|
-
padding-right: var(--padding-x-small);
|
|
2740
|
-
border-radius: 10px;
|
|
2741
|
-
border-radius: var(--radius-small);
|
|
2742
|
-
word-break: break-word;
|
|
2743
|
-
word-wrap: break-word;
|
|
2744
|
-
}
|
|
2745
|
-
.wds-list-item-prompt .np-prompt-icon {
|
|
2746
|
-
padding-right: calc(12px / 2);
|
|
2747
|
-
padding-right: calc(var(--size-12) / 2);
|
|
2748
|
-
padding-top: calc(4px - 1px);
|
|
2749
|
-
padding-top: calc(var(--size-4) - 1px);
|
|
2750
|
-
padding-bottom: calc(4px - 1px);
|
|
2751
|
-
padding-bottom: calc(var(--size-4) - 1px);
|
|
2752
|
-
}
|
|
2753
|
-
.wds-list-item-prompt .np-prompt-icon .tw-icon-tags,
|
|
2754
|
-
.wds-list-item-prompt .np-prompt-icon .tw-icon-confetti {
|
|
2755
|
-
color: var(--color-sentiment-positive-primary);
|
|
2756
|
-
}
|
|
2757
|
-
.wds-list-item-prompt a {
|
|
2758
|
-
text-underline-offset: calc(4px / 2);
|
|
2759
|
-
text-underline-offset: calc(var(--size-4) / 2);
|
|
2760
|
-
}
|
|
2761
|
-
.wds-list-item-prompt.np-prompt-interactive {
|
|
2762
|
-
-webkit-text-decoration: none;
|
|
2763
|
-
text-decoration: none;
|
|
2764
|
-
cursor: pointer;
|
|
2765
|
-
border: none;
|
|
2766
|
-
}
|
|
2767
|
-
.wds-list-item-prompt.negative {
|
|
2768
|
-
background-color: var(--color-sentiment-negative-secondary);
|
|
2769
|
-
color: var(--color-sentiment-negative-primary);
|
|
2770
|
-
}
|
|
2771
|
-
.wds-list-item-prompt.negative a {
|
|
2772
|
-
color: var(--color-sentiment-negative-primary);
|
|
2773
|
-
}
|
|
2774
|
-
.wds-list-item-prompt.negative a:hover {
|
|
2775
|
-
color: var(--color-sentiment-negative-primary-hover);
|
|
2776
|
-
}
|
|
2777
|
-
.wds-list-item-prompt.negative a:active {
|
|
2778
|
-
color: var(--color-sentiment-negative-primary-active);
|
|
2779
|
-
}
|
|
2780
|
-
.np-prompt-interactive.wds-list-item-prompt.negative:hover {
|
|
2781
|
-
background-color: color-mix(in srgb, var(--color-sentiment-negative-secondary) 95%, var(--color-sentiment-negative-primary));
|
|
2782
|
-
}
|
|
2783
|
-
.np-prompt-interactive.wds-list-item-prompt.negative:active {
|
|
2784
|
-
background-color: color-mix(in srgb, var(--color-sentiment-negative-secondary) 90%, var(--color-sentiment-negative-primary));
|
|
2785
|
-
}
|
|
2786
|
-
.wds-list-item-prompt.positive,
|
|
2787
|
-
.wds-list-item-prompt.discount,
|
|
2788
|
-
.wds-list-item-prompt.savings {
|
|
2789
|
-
background-color: var(--color-sentiment-positive-secondary);
|
|
2790
|
-
color: var(--color-sentiment-positive-primary);
|
|
2791
|
-
}
|
|
2792
|
-
.wds-list-item-prompt.positive a,
|
|
2793
|
-
.wds-list-item-prompt.discount a,
|
|
2794
|
-
.wds-list-item-prompt.savings a {
|
|
2795
|
-
color: var(--color-sentiment-positive-primary);
|
|
2796
|
-
}
|
|
2797
|
-
.wds-list-item-prompt.positive a:hover,
|
|
2798
|
-
.wds-list-item-prompt.discount a:hover,
|
|
2799
|
-
.wds-list-item-prompt.savings a:hover {
|
|
2800
|
-
color: var(--color-sentiment-positive-primary-hover);
|
|
2801
|
-
}
|
|
2802
|
-
.wds-list-item-prompt.positive a:active,
|
|
2803
|
-
.wds-list-item-prompt.discount a:active,
|
|
2804
|
-
.wds-list-item-prompt.savings a:active {
|
|
2805
|
-
color: var(--color-sentiment-positive-primary-active);
|
|
2806
|
-
}
|
|
2807
|
-
.np-prompt-interactive.wds-list-item-prompt.positive:hover,
|
|
2808
|
-
.np-prompt-interactive.wds-list-item-prompt.discount:hover,
|
|
2809
|
-
.np-prompt-interactive.wds-list-item-prompt.savings:hover {
|
|
2810
|
-
background-color: color-mix(in srgb, var(--color-sentiment-positive-secondary) 95%, var(--color-sentiment-positive-primary));
|
|
2811
|
-
}
|
|
2812
|
-
.np-prompt-interactive.wds-list-item-prompt.positive:active,
|
|
2813
|
-
.np-prompt-interactive.wds-list-item-prompt.discount:active,
|
|
2814
|
-
.np-prompt-interactive.wds-list-item-prompt.savings:active {
|
|
2815
|
-
background-color: color-mix(in srgb, var(--color-sentiment-positive-secondary) 90%, var(--color-sentiment-positive-primary));
|
|
2816
|
-
}
|
|
2817
|
-
.wds-list-item-prompt.neutral {
|
|
2818
|
-
background-color: rgba(134,167,189,0.10196);
|
|
2819
|
-
background-color: var(--color-background-neutral);
|
|
2820
|
-
color: #37517e;
|
|
2821
|
-
color: var(--color-content-primary);
|
|
2822
|
-
}
|
|
2823
|
-
.wds-list-item-prompt.neutral a {
|
|
2824
|
-
color: #37517e;
|
|
2825
|
-
color: var(--color-content-primary);
|
|
2826
|
-
}
|
|
2827
|
-
.np-prompt-interactive.wds-list-item-prompt.neutral:hover {
|
|
2828
|
-
background-color: var(--color-background-neutral-hover);
|
|
2829
|
-
}
|
|
2830
|
-
.np-prompt-interactive.wds-list-item-prompt.neutral:active {
|
|
2831
|
-
background-color: var(--color-background-neutral-active);
|
|
2832
|
-
}
|
|
2833
|
-
.wds-list-item-prompt.warning {
|
|
2834
|
-
background-color: var(--color-sentiment-warning-secondary);
|
|
2835
|
-
color: var(--color-sentiment-warning-content);
|
|
2836
|
-
}
|
|
2837
|
-
.wds-list-item-prompt.warning a {
|
|
2838
|
-
color: var(--color-sentiment-warning-content);
|
|
2839
|
-
}
|
|
2840
|
-
.wds-list-item-prompt.warning a:hover {
|
|
2841
|
-
color: var(--color-sentiment-warning-content-hover);
|
|
2842
|
-
}
|
|
2843
|
-
.wds-list-item-prompt.warning a:active {
|
|
2844
|
-
color: var(--color-sentiment-warning-content-active);
|
|
2845
|
-
}
|
|
2846
|
-
.np-prompt-interactive.wds-list-item-prompt.warning:hover {
|
|
2847
|
-
background-color: color-mix(in srgb, var(--color-sentiment-warning-secondary) 90%, var(--color-sentiment-warning-primary));
|
|
2848
|
-
}
|
|
2849
|
-
.np-prompt-interactive.wds-list-item-prompt.warning:active {
|
|
2850
|
-
background-color: color-mix(in srgb, var(--color-sentiment-warning-secondary) 80%, var(--color-sentiment-warning-primary));
|
|
2851
|
-
}
|
|
2852
2665
|
.np-field-control {
|
|
2853
2666
|
margin-top: 4px;
|
|
2854
2667
|
margin-top: var(--size-4);
|
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
}
|
|
7
7
|
.np-circular-btn-primary-default .np-circular-btn-label,
|
|
8
8
|
.np-circular-btn-secondary-default .np-circular-btn-label {
|
|
9
|
+
text-align: center;
|
|
9
10
|
color: var(--color-interactive-primary);
|
|
10
11
|
}
|
|
11
12
|
.np-circular-btn-primary-default .np-circular-btn-label:not(.disabled):not(:disabled):hover,
|
package/build/styles/main.css
CHANGED
|
@@ -1402,6 +1402,7 @@
|
|
|
1402
1402
|
}
|
|
1403
1403
|
.np-circular-btn-primary-default .np-circular-btn-label,
|
|
1404
1404
|
.np-circular-btn-secondary-default .np-circular-btn-label {
|
|
1405
|
+
text-align: center;
|
|
1405
1406
|
color: var(--color-interactive-primary);
|
|
1406
1407
|
}
|
|
1407
1408
|
.np-circular-btn-primary-default .np-circular-btn-label:not(.disabled):not(:disabled):hover,
|
|
@@ -2661,194 +2662,6 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
|
|
|
2661
2662
|
border-radius: 9999px !important;
|
|
2662
2663
|
border-radius: var(--radius-full) !important;
|
|
2663
2664
|
}
|
|
2664
|
-
.wds-list-item {
|
|
2665
|
-
padding: 16px;
|
|
2666
|
-
padding: var(--size-16);
|
|
2667
|
-
border-radius: 24px;
|
|
2668
|
-
border-radius: var(--radius-large);
|
|
2669
|
-
background-color: #ffffff;
|
|
2670
|
-
background-color: var(--color-background-screen);
|
|
2671
|
-
gap: 16px;
|
|
2672
|
-
gap: var(--size-16);
|
|
2673
|
-
}
|
|
2674
|
-
.wds-list-item-interactive {
|
|
2675
|
-
cursor: pointer;
|
|
2676
|
-
}
|
|
2677
|
-
.wds-list-item-interactive:hover {
|
|
2678
|
-
background-color: var(--color-background-screen-hover);
|
|
2679
|
-
}
|
|
2680
|
-
.wds-list-item-interactive:active {
|
|
2681
|
-
background-color: var(--color-background-screen-active);
|
|
2682
|
-
}
|
|
2683
|
-
.wds-list-item-media-image {
|
|
2684
|
-
width: var(--item-media-image-size);
|
|
2685
|
-
height: var(--item-media-image-size);
|
|
2686
|
-
}
|
|
2687
|
-
.wds-list-item-body {
|
|
2688
|
-
width: 100%;
|
|
2689
|
-
}
|
|
2690
|
-
.wds-list-item-title {
|
|
2691
|
-
color: #37517e;
|
|
2692
|
-
color: var(--color-content-primary);
|
|
2693
|
-
}
|
|
2694
|
-
.wds-list-item-additional-info {
|
|
2695
|
-
color: #768e9c;
|
|
2696
|
-
color: var(--color-content-tertiary);
|
|
2697
|
-
}
|
|
2698
|
-
.wds-list-item-value {
|
|
2699
|
-
flex: 0 0 auto;
|
|
2700
|
-
}
|
|
2701
|
-
.wds-list-item-control {
|
|
2702
|
-
flex: 0 0 auto;
|
|
2703
|
-
}
|
|
2704
|
-
.wds-list-item-spotlight-active {
|
|
2705
|
-
background-color: rgba(134,167,189,0.10196);
|
|
2706
|
-
background-color: var(--color-background-neutral);
|
|
2707
|
-
}
|
|
2708
|
-
.wds-list-item-spotlight-active:hover {
|
|
2709
|
-
background-color: var(--color-background-neutral-hover);
|
|
2710
|
-
}
|
|
2711
|
-
.wds-list-item-spotlight-active:active {
|
|
2712
|
-
background-color: var(--color-background-neutral-active);
|
|
2713
|
-
}
|
|
2714
|
-
.wds-list-item-spotlight-inactive {
|
|
2715
|
-
background-color: rgba(134, 167, 189, 0.025);
|
|
2716
|
-
border: 1px dashed rgba(0,0,0,0.10196);
|
|
2717
|
-
border: 1px dashed var(--color-border-neutral);
|
|
2718
|
-
}
|
|
2719
|
-
@supports (color: color-mix(in lch, red, blue)) {
|
|
2720
|
-
.wds-list-item-spotlight-inactive {
|
|
2721
|
-
background-color: color-mix(in srgb, var(--color-background-neutral) 25%, transparent);
|
|
2722
|
-
}
|
|
2723
|
-
}
|
|
2724
|
-
.wds-list-item-spotlight-inactive:hover {
|
|
2725
|
-
background-color: color-mix(in srgb, var(--color-background-neutral-hover) 25%, transparent);
|
|
2726
|
-
}
|
|
2727
|
-
.wds-list-item-spotlight-inactive:active {
|
|
2728
|
-
background-color: color-mix(in srgb, var(--color-background-neutral-active) 25%, transparent);
|
|
2729
|
-
}
|
|
2730
|
-
.wds-list-item-prompt {
|
|
2731
|
-
display: inline-flex;
|
|
2732
|
-
padding-top: calc(8px / 2);
|
|
2733
|
-
padding-top: calc(var(--padding-x-small) / 2);
|
|
2734
|
-
padding-bottom: calc(8px / 2);
|
|
2735
|
-
padding-bottom: calc(var(--padding-x-small) / 2);
|
|
2736
|
-
padding-left: calc(8px - 1px);
|
|
2737
|
-
padding-left: calc(var(--padding-x-small) - 1px);
|
|
2738
|
-
padding-right: 8px;
|
|
2739
|
-
padding-right: var(--padding-x-small);
|
|
2740
|
-
border-radius: 10px;
|
|
2741
|
-
border-radius: var(--radius-small);
|
|
2742
|
-
word-break: break-word;
|
|
2743
|
-
word-wrap: break-word;
|
|
2744
|
-
}
|
|
2745
|
-
.wds-list-item-prompt .np-prompt-icon {
|
|
2746
|
-
padding-right: calc(12px / 2);
|
|
2747
|
-
padding-right: calc(var(--size-12) / 2);
|
|
2748
|
-
padding-top: calc(4px - 1px);
|
|
2749
|
-
padding-top: calc(var(--size-4) - 1px);
|
|
2750
|
-
padding-bottom: calc(4px - 1px);
|
|
2751
|
-
padding-bottom: calc(var(--size-4) - 1px);
|
|
2752
|
-
}
|
|
2753
|
-
.wds-list-item-prompt .np-prompt-icon .tw-icon-tags,
|
|
2754
|
-
.wds-list-item-prompt .np-prompt-icon .tw-icon-confetti {
|
|
2755
|
-
color: var(--color-sentiment-positive-primary);
|
|
2756
|
-
}
|
|
2757
|
-
.wds-list-item-prompt a {
|
|
2758
|
-
text-underline-offset: calc(4px / 2);
|
|
2759
|
-
text-underline-offset: calc(var(--size-4) / 2);
|
|
2760
|
-
}
|
|
2761
|
-
.wds-list-item-prompt.np-prompt-interactive {
|
|
2762
|
-
-webkit-text-decoration: none;
|
|
2763
|
-
text-decoration: none;
|
|
2764
|
-
cursor: pointer;
|
|
2765
|
-
border: none;
|
|
2766
|
-
}
|
|
2767
|
-
.wds-list-item-prompt.negative {
|
|
2768
|
-
background-color: var(--color-sentiment-negative-secondary);
|
|
2769
|
-
color: var(--color-sentiment-negative-primary);
|
|
2770
|
-
}
|
|
2771
|
-
.wds-list-item-prompt.negative a {
|
|
2772
|
-
color: var(--color-sentiment-negative-primary);
|
|
2773
|
-
}
|
|
2774
|
-
.wds-list-item-prompt.negative a:hover {
|
|
2775
|
-
color: var(--color-sentiment-negative-primary-hover);
|
|
2776
|
-
}
|
|
2777
|
-
.wds-list-item-prompt.negative a:active {
|
|
2778
|
-
color: var(--color-sentiment-negative-primary-active);
|
|
2779
|
-
}
|
|
2780
|
-
.np-prompt-interactive.wds-list-item-prompt.negative:hover {
|
|
2781
|
-
background-color: color-mix(in srgb, var(--color-sentiment-negative-secondary) 95%, var(--color-sentiment-negative-primary));
|
|
2782
|
-
}
|
|
2783
|
-
.np-prompt-interactive.wds-list-item-prompt.negative:active {
|
|
2784
|
-
background-color: color-mix(in srgb, var(--color-sentiment-negative-secondary) 90%, var(--color-sentiment-negative-primary));
|
|
2785
|
-
}
|
|
2786
|
-
.wds-list-item-prompt.positive,
|
|
2787
|
-
.wds-list-item-prompt.discount,
|
|
2788
|
-
.wds-list-item-prompt.savings {
|
|
2789
|
-
background-color: var(--color-sentiment-positive-secondary);
|
|
2790
|
-
color: var(--color-sentiment-positive-primary);
|
|
2791
|
-
}
|
|
2792
|
-
.wds-list-item-prompt.positive a,
|
|
2793
|
-
.wds-list-item-prompt.discount a,
|
|
2794
|
-
.wds-list-item-prompt.savings a {
|
|
2795
|
-
color: var(--color-sentiment-positive-primary);
|
|
2796
|
-
}
|
|
2797
|
-
.wds-list-item-prompt.positive a:hover,
|
|
2798
|
-
.wds-list-item-prompt.discount a:hover,
|
|
2799
|
-
.wds-list-item-prompt.savings a:hover {
|
|
2800
|
-
color: var(--color-sentiment-positive-primary-hover);
|
|
2801
|
-
}
|
|
2802
|
-
.wds-list-item-prompt.positive a:active,
|
|
2803
|
-
.wds-list-item-prompt.discount a:active,
|
|
2804
|
-
.wds-list-item-prompt.savings a:active {
|
|
2805
|
-
color: var(--color-sentiment-positive-primary-active);
|
|
2806
|
-
}
|
|
2807
|
-
.np-prompt-interactive.wds-list-item-prompt.positive:hover,
|
|
2808
|
-
.np-prompt-interactive.wds-list-item-prompt.discount:hover,
|
|
2809
|
-
.np-prompt-interactive.wds-list-item-prompt.savings:hover {
|
|
2810
|
-
background-color: color-mix(in srgb, var(--color-sentiment-positive-secondary) 95%, var(--color-sentiment-positive-primary));
|
|
2811
|
-
}
|
|
2812
|
-
.np-prompt-interactive.wds-list-item-prompt.positive:active,
|
|
2813
|
-
.np-prompt-interactive.wds-list-item-prompt.discount:active,
|
|
2814
|
-
.np-prompt-interactive.wds-list-item-prompt.savings:active {
|
|
2815
|
-
background-color: color-mix(in srgb, var(--color-sentiment-positive-secondary) 90%, var(--color-sentiment-positive-primary));
|
|
2816
|
-
}
|
|
2817
|
-
.wds-list-item-prompt.neutral {
|
|
2818
|
-
background-color: rgba(134,167,189,0.10196);
|
|
2819
|
-
background-color: var(--color-background-neutral);
|
|
2820
|
-
color: #37517e;
|
|
2821
|
-
color: var(--color-content-primary);
|
|
2822
|
-
}
|
|
2823
|
-
.wds-list-item-prompt.neutral a {
|
|
2824
|
-
color: #37517e;
|
|
2825
|
-
color: var(--color-content-primary);
|
|
2826
|
-
}
|
|
2827
|
-
.np-prompt-interactive.wds-list-item-prompt.neutral:hover {
|
|
2828
|
-
background-color: var(--color-background-neutral-hover);
|
|
2829
|
-
}
|
|
2830
|
-
.np-prompt-interactive.wds-list-item-prompt.neutral:active {
|
|
2831
|
-
background-color: var(--color-background-neutral-active);
|
|
2832
|
-
}
|
|
2833
|
-
.wds-list-item-prompt.warning {
|
|
2834
|
-
background-color: var(--color-sentiment-warning-secondary);
|
|
2835
|
-
color: var(--color-sentiment-warning-content);
|
|
2836
|
-
}
|
|
2837
|
-
.wds-list-item-prompt.warning a {
|
|
2838
|
-
color: var(--color-sentiment-warning-content);
|
|
2839
|
-
}
|
|
2840
|
-
.wds-list-item-prompt.warning a:hover {
|
|
2841
|
-
color: var(--color-sentiment-warning-content-hover);
|
|
2842
|
-
}
|
|
2843
|
-
.wds-list-item-prompt.warning a:active {
|
|
2844
|
-
color: var(--color-sentiment-warning-content-active);
|
|
2845
|
-
}
|
|
2846
|
-
.np-prompt-interactive.wds-list-item-prompt.warning:hover {
|
|
2847
|
-
background-color: color-mix(in srgb, var(--color-sentiment-warning-secondary) 90%, var(--color-sentiment-warning-primary));
|
|
2848
|
-
}
|
|
2849
|
-
.np-prompt-interactive.wds-list-item-prompt.warning:active {
|
|
2850
|
-
background-color: color-mix(in srgb, var(--color-sentiment-warning-secondary) 80%, var(--color-sentiment-warning-primary));
|
|
2851
|
-
}
|
|
2852
2665
|
.np-field-control {
|
|
2853
2666
|
margin-top: 4px;
|
|
2854
2667
|
margin-top: var(--size-4);
|
package/build/types/index.d.ts
CHANGED
|
@@ -72,7 +72,6 @@ export type { UploadError, UploadResponse, UploadedFile } from './uploadInput/ty
|
|
|
72
72
|
export type { WithIdProps } from './withId';
|
|
73
73
|
export type { IconButtonProps } from './iconButton';
|
|
74
74
|
export type { TableProps, TableRowType, TableRowClickableType, TableHeaderType, TableCellLeading, TableCellText, TableCellCurrency, TableCellStatus, TableCellType, } from './table';
|
|
75
|
-
export type { ListItemProps, ListItemAdditionalInfoProps, ListItemCheckboxProps } from './listItem';
|
|
76
75
|
/**
|
|
77
76
|
* Components
|
|
78
77
|
*/
|
|
@@ -170,7 +169,6 @@ export { default as Typeahead } from './typeahead';
|
|
|
170
169
|
export { default as Upload } from './upload';
|
|
171
170
|
export { default as UploadInput } from './uploadInput';
|
|
172
171
|
export { default as Table } from './table';
|
|
173
|
-
export { default as Item } from './table';
|
|
174
172
|
/**
|
|
175
173
|
* Hooks
|
|
176
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,iBAAiB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACjG,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,SAAS,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvE,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EACV,kBAAkB,EAClB,YAAY,EACZ,kBAAkB,EAClB,eAAe,GAChB,MAAM,cAAc,CAAC;AACtB,YAAY,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AACzE,YAAY,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AACjF,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,YAAY,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AACjF,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,YAAY,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AACxF,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC/F,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACrE,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,YAAY,EACV,UAAU,EACV,yBAAyB,EACzB,gBAAgB,EAChB,WAAW,GACZ,MAAM,UAAU,CAAC;AAClB,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACzD,YAAY,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACtE,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACjD,YAAY,EAAE,8BAA8B,EAAE,MAAM,6BAA6B,CAAC;AAClF,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACnE,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACrF,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,YAAY,EACV,UAAU,EACV,YAAY,EACZ,qBAAqB,EACrB,eAAe,EACf,gBAAgB,EAChB,aAAa,EACb,iBAAiB,EACjB,eAAe,EACf,aAAa,GACd,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
export declare const lorem5 = "Lorem ipsum dolor sit amet.";
|
|
2
1
|
export declare const lorem10 = "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Iste, architecto?";
|
|
3
|
-
export declare const lorem20 = "Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum non explicabo doloribus rerum saepe ut beatae adipisci rem vero optio.";
|
|
4
2
|
export declare const lorem40 = "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illo esse quod et iure deserunt facilis similique voluptatem reprehenderit mollitia inventore, ab voluptate dignissimos autem repellat accusamus perferendis sed pariatur tempore possimus ipsam praesentium ipsum? Nesciunt cumque repellendus impedit aliquam! Error?";
|
|
5
3
|
export declare const lorem100 = "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ipsum quisquam fuga dolore veritatis assumenda rerum, non, sint aliquam, excepturi architecto temporibus quis? Quo, deleniti nobis, illo necessitatibus accusamus commodi error fuga culpa sequi, incidunt voluptatum tempore quisquam quos eos modi impedit sit! Eveniet libero optio assumenda rem accusantium quod quas, recusandae, incidunt mollitia harum dolorum. Dolor porro hic mollitia accusantium vel commodi, ipsam a suscipit iusto placeat numquam excepturi amet nostrum aliquid aperiam sequi deleniti asperiores fugit cumque ipsa voluptatem culpa non libero iste. Placeat rem dolore quisquam aperiam, eligendi facere quos minima totam a ut corporis culpa! Veniam, illo!";
|
|
6
4
|
export declare const lorem500 = "Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi commodi eos placeat aut quidem et error ex qui. Reprehenderit animi officiis magnam dicta, alias eligendi facilis sit fuga suscipit qui voluptatibus, quam harum beatae omnis sint sapiente dolorum cum officia dignissimos ab ipsa, deleniti voluptates exercitationem tempore! Fugit consequuntur ullam, similique tenetur corporis laborum sed sint, necessitatibus natus voluptatem, eius eveniet placeat quos quaerat officia officiis magni reprehenderit eaque! Dolorum odio iste vitae magnam, voluptatum pariatur unde, quod at adipisci reprehenderit dignissimos id modi quaerat rerum et dolorem. Rerum ratione beatae, repudiandae temporibus ipsam accusamus deserunt! Maiores, eos nisi laboriosam soluta rem minus expedita repudiandae accusamus aperiam rerum facere ducimus voluptas! Rerum fugit eum quasi. At sapiente quaerat, similique inventore quia magni cupiditate molestias odio voluptate quasi culpa ullam sit unde veritatis ut dicta ad nihil veniam accusamus eveniet vel placeat minus numquam nostrum! Delectus quas adipisci debitis cumque doloremque, nobis, obcaecati dolorem commodi possimus nesciunt vero? Excepturi saepe explicabo dolorem facere itaque optio, totam tempore earum culpa fugit ullam officia maiores dolores facilis voluptate consequuntur a voluptas, asperiores obcaecati voluptatem. Rerum suscipit quod nulla harum illum sequi praesentium tenetur neque architecto, molestias earum! Necessitatibus, ullam molestiae voluptas, esse dolorem officiis aut, inventore dolore provident beatae error nesciunt incidunt neque quam molestias iusto minus rem nam. Eum, provident id. Molestias vitae ex sequi veritatis totam minima labore quasi eligendi nemo, ipsa accusamus eaque quae maiores eum ipsam inventore illo voluptatem sapiente velit, quos aspernatur commodi quibusdam. A expedita, adipisci aut voluptatum repellat fugit saepe accusamus debitis, quis dolorem, incidunt corrupti magni? Inventore nulla fugit quisquam dolorum temporibus corporis error voluptates? Impedit possimus provident a vero exercitationem doloribus est voluptatibus distinctio, ipsum iste sit repellat sapiente tenetur deleniti ullam dolorem soluta accusantium! Ab, placeat rerum explicabo corporis impedit quam quos veritatis expedita hic veniam harum qui dolor neque! Laboriosam officiis, dignissimos corporis, ducimus iure nemo quisquam pariatur molestias repellat aliquam tempore impedit dolore tempora eaque accusamus fugiat facilis dolor sint laborum molestiae sapiente deserunt quasi obcaecati! Veniam, doloribus! Unde, fugiat odit sunt facere maiores nobis tempora, natus quam consectetur deleniti nesciunt perferendis aut praesentium. Libero, neque cumque beatae recusandae qui repudiandae sunt quod dolorum nemo voluptates et culpa temporibus perferendis est expedita vel laboriosam! Accusamus incidunt consectetur delectus voluptate sunt repudiandae deleniti ut consequuntur, facilis assumenda nostrum soluta unde repellat reiciendis ipsum quidem quam numquam optio voluptates eius. Molestias quibusdam assumenda earum atque ullam delectus explicabo recusandae quasi aperiam, est placeat? Officia molestiae accusamus rem placeat adipisci officiis harum vel. Neque sit qui alias magni illum! Ipsam, necessitatibus unde sit possimus ipsum quis neque voluptate reprehenderit tempore nobis quo sunt molestiae atque rerum similique natus minus eum? Maiores aspernatur ut ullam eos vitae aperiam odit deleniti eveniet delectus totam harum iste, blanditiis ab laboriosam mollitia. Esse incidunt odit voluptate minus cum molestiae reprehenderit minima voluptatibus id. Molestias aliquid repellendus dolores cupiditate, nemo reiciendis ad facilis quo est, a error culpa similique libero dolor labore! Facere laborum cupiditate iste laboriosam culpa consectetur.";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fake-data.d.ts","sourceRoot":"","sources":["../../../src/test-utils/fake-data.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"fake-data.d.ts","sourceRoot":"","sources":["../../../src/test-utils/fake-data.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,gFAC2D,CAAC;AAEhF,eAAO,MAAM,OAAO,sUACiT,CAAC;AAEtU,eAAO,MAAM,QAAQ,+tBACysB,CAAC;AAE/tB,eAAO,MAAM,QAAQ,2uHACqtH,CAAC;AAE3uH,eAAO,MAAM,SAAS,28OACo7O,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-6272ca7",
|
|
4
4
|
"description": "Neptune React components",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -92,8 +92,8 @@
|
|
|
92
92
|
"rollup-preserve-directives": "^1.1.3",
|
|
93
93
|
"storybook": "^8.6.14",
|
|
94
94
|
"@transferwise/less-config": "3.1.2",
|
|
95
|
-
"@transferwise/neptune-css": "14.24.4",
|
|
96
95
|
"@wise/components-theming": "1.6.3",
|
|
96
|
+
"@transferwise/neptune-css": "14.24.4",
|
|
97
97
|
"@wise/wds-configs": "0.0.0"
|
|
98
98
|
},
|
|
99
99
|
"peerDependencies": {
|
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
}
|
|
7
7
|
.np-circular-btn-primary-default .np-circular-btn-label,
|
|
8
8
|
.np-circular-btn-secondary-default .np-circular-btn-label {
|
|
9
|
+
text-align: center;
|
|
9
10
|
color: var(--color-interactive-primary);
|
|
10
11
|
}
|
|
11
12
|
.np-circular-btn-primary-default .np-circular-btn-label:not(.disabled):not(:disabled):hover,
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Freeze } from '@transferwise/icons';
|
|
2
|
+
|
|
3
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
4
|
+
import CircularButton from './CircularButton';
|
|
5
|
+
|
|
6
|
+
export default {
|
|
7
|
+
component: CircularButton,
|
|
8
|
+
title: 'Actions/CircularButton/Tests',
|
|
9
|
+
} satisfies Meta<typeof CircularButton>;
|
|
10
|
+
|
|
11
|
+
type Story = StoryObj<typeof CircularButton>;
|
|
12
|
+
|
|
13
|
+
export const CenteredText: Story = {
|
|
14
|
+
render: () => {
|
|
15
|
+
return (
|
|
16
|
+
<div style={{ maxWidth: '100px' }}>
|
|
17
|
+
<CircularButton priority="primary" type="default" icon={<Freeze />}>
|
|
18
|
+
Very long text for a circular button that will be centered
|
|
19
|
+
</CircularButton>
|
|
20
|
+
</div>
|
|
21
|
+
);
|
|
22
|
+
},
|
|
23
|
+
};
|
package/src/index.ts
CHANGED
|
@@ -109,7 +109,6 @@ export type {
|
|
|
109
109
|
TableCellStatus,
|
|
110
110
|
TableCellType,
|
|
111
111
|
} from './table';
|
|
112
|
-
export type { ListItemProps, ListItemAdditionalInfoProps, ListItemCheckboxProps } from './listItem';
|
|
113
112
|
|
|
114
113
|
/**
|
|
115
114
|
* Components
|
|
@@ -212,7 +211,6 @@ export { default as Typeahead } from './typeahead';
|
|
|
212
211
|
export { default as Upload } from './upload';
|
|
213
212
|
export { default as UploadInput } from './uploadInput';
|
|
214
213
|
export { default as Table } from './table';
|
|
215
|
-
export { default as Item } from './table';
|
|
216
214
|
|
|
217
215
|
/**
|
|
218
216
|
* Hooks
|
|
@@ -6,11 +6,11 @@ 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
|
|
9
|
+
import ListItem, { List } from '.';
|
|
10
10
|
|
|
11
11
|
export default {
|
|
12
|
-
component:
|
|
13
|
-
title: 'Other/
|
|
12
|
+
component: ListItem,
|
|
13
|
+
title: 'Other/ListItem',
|
|
14
14
|
tags: ['autodocs'],
|
|
15
15
|
};
|
|
16
16
|
|
|
@@ -18,8 +18,8 @@ const Template = ({
|
|
|
18
18
|
title = 'Wise',
|
|
19
19
|
value = 'We’re building the world’s most international account',
|
|
20
20
|
...props
|
|
21
|
-
}: Partial<ComponentProps<typeof
|
|
22
|
-
return <
|
|
21
|
+
}: Partial<ComponentProps<typeof ListItem>>) => {
|
|
22
|
+
return <ListItem title={title} value={value} {...props} />;
|
|
23
23
|
};
|
|
24
24
|
|
|
25
25
|
export const Basic = () => {
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { FastFlag } from '@transferwise/icons';
|
|
2
2
|
import Button from '../button';
|
|
3
3
|
import AvatarView from '../avatarView';
|
|
4
|
-
import
|
|
4
|
+
import ListItem, { List, type LegacyListItemProps } from '.';
|
|
5
5
|
|
|
6
6
|
export default {
|
|
7
|
-
component:
|
|
8
|
-
title: 'Other/
|
|
7
|
+
component: ListItem,
|
|
8
|
+
title: 'Other/ListItem/tests',
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export const LongText = () => {
|
|
@@ -21,13 +21,13 @@ export const LongText = () => {
|
|
|
21
21
|
return (
|
|
22
22
|
<div style={{ width: '35rem' }}>
|
|
23
23
|
<List>
|
|
24
|
-
<
|
|
24
|
+
<ListItem
|
|
25
25
|
{...sharedProps}
|
|
26
26
|
title="Default behaviour"
|
|
27
27
|
value="This is a test of a long word dontbreakme dontbreakme dontbreakme breakmebreakmebreakmebreakmebreakmebreakmebreakmebreakmebreakmebreakme word."
|
|
28
28
|
/>
|
|
29
29
|
|
|
30
|
-
<
|
|
30
|
+
<ListItem
|
|
31
31
|
{...sharedProps}
|
|
32
32
|
title="Wrapping the long word with a 'span.text-word-break'"
|
|
33
33
|
value={
|
|
@@ -41,7 +41,7 @@ export const LongText = () => {
|
|
|
41
41
|
}
|
|
42
42
|
/>
|
|
43
43
|
|
|
44
|
-
<
|
|
44
|
+
<ListItem
|
|
45
45
|
{...sharedProps}
|
|
46
46
|
title="Using '&shy;' HTML entitty"
|
|
47
47
|
value="This is a test of a a very long word dontbreakme dontbreakme dontbreakme break­me­break­me­break­me­break­me­break­me­break­me­break­me­break­me­break­me­break­me word."
|