@transferwise/components 0.0.0-experimental-e7eccea → 0.0.0-experimental-328f2cc

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.
Files changed (122) hide show
  1. package/build/avatarLayout/AvatarLayout.js +2 -9
  2. package/build/avatarLayout/AvatarLayout.js.map +1 -1
  3. package/build/avatarLayout/AvatarLayout.mjs +2 -9
  4. package/build/avatarLayout/AvatarLayout.mjs.map +1 -1
  5. package/build/button/Button.js +79 -78
  6. package/build/button/Button.js.map +1 -1
  7. package/build/button/Button.mjs +80 -79
  8. package/build/button/Button.mjs.map +1 -1
  9. package/build/criticalBanner/CriticalCommsBanner.js +2 -2
  10. package/build/criticalBanner/CriticalCommsBanner.js.map +1 -1
  11. package/build/criticalBanner/CriticalCommsBanner.mjs +1 -1
  12. package/build/header/Header.js +2 -2
  13. package/build/header/Header.js.map +1 -1
  14. package/build/header/Header.mjs +1 -1
  15. package/build/index.js +2 -2
  16. package/build/index.mjs +1 -1
  17. package/build/link/Link.js +3 -8
  18. package/build/link/Link.js.map +1 -1
  19. package/build/link/Link.mjs +3 -8
  20. package/build/link/Link.mjs.map +1 -1
  21. package/build/main.css +11 -219
  22. package/build/nudge/Nudge.js.map +1 -1
  23. package/build/nudge/Nudge.mjs.map +1 -1
  24. package/build/primitives/PrimitiveAnchor/src/PrimitiveAnchor.js +3 -1
  25. package/build/primitives/PrimitiveAnchor/src/PrimitiveAnchor.js.map +1 -1
  26. package/build/primitives/PrimitiveAnchor/src/PrimitiveAnchor.mjs +3 -1
  27. package/build/primitives/PrimitiveAnchor/src/PrimitiveAnchor.mjs.map +1 -1
  28. package/build/primitives/PrimitiveButton/src/PrimitiveButton.js +4 -1
  29. package/build/primitives/PrimitiveButton/src/PrimitiveButton.js.map +1 -1
  30. package/build/primitives/PrimitiveButton/src/PrimitiveButton.mjs +4 -1
  31. package/build/primitives/PrimitiveButton/src/PrimitiveButton.mjs.map +1 -1
  32. package/build/select/Select.js +2 -2
  33. package/build/select/Select.js.map +1 -1
  34. package/build/select/Select.mjs +1 -1
  35. package/build/styles/avatarLayout/AvatarLayout.css +0 -11
  36. package/build/styles/button/Button.css +15 -200
  37. package/build/styles/main.css +11 -219
  38. package/build/styles/nudge/Nudge.css +11 -0
  39. package/build/types/avatarLayout/AvatarLayout.d.ts +2 -1
  40. package/build/types/avatarLayout/AvatarLayout.d.ts.map +1 -1
  41. package/build/types/avatarLayout/index.d.ts +0 -1
  42. package/build/types/avatarLayout/index.d.ts.map +1 -1
  43. package/build/types/button/Button.d.ts +23 -1
  44. package/build/types/button/Button.d.ts.map +1 -1
  45. package/build/types/button/index.d.ts +2 -2
  46. package/build/types/button/index.d.ts.map +1 -1
  47. package/build/types/link/Link.d.ts +2 -2
  48. package/build/types/link/Link.d.ts.map +1 -1
  49. package/build/types/nudge/Nudge.d.ts +1 -1
  50. package/build/types/nudge/Nudge.d.ts.map +1 -1
  51. package/build/types/primitives/PrimitiveAnchor/src/PrimitiveAnchor.d.ts.map +1 -1
  52. package/build/types/primitives/PrimitiveAnchor/src/PrimitiveAnchor.types.d.ts +1 -5
  53. package/build/types/primitives/PrimitiveAnchor/src/PrimitiveAnchor.types.d.ts.map +1 -1
  54. package/build/types/primitives/PrimitiveButton/src/PrimitiveButton.d.ts.map +1 -1
  55. package/build/types/test-utils/story-config.d.ts +1 -1
  56. package/build/types/test-utils/story-config.d.ts.map +1 -1
  57. package/build/upload/steps/completeStep/completeStep.js +2 -2
  58. package/build/upload/steps/completeStep/completeStep.js.map +1 -1
  59. package/build/upload/steps/completeStep/completeStep.mjs +1 -1
  60. package/build/upload/steps/processingStep/processingStep.js +2 -2
  61. package/build/upload/steps/processingStep/processingStep.js.map +1 -1
  62. package/build/upload/steps/processingStep/processingStep.mjs +1 -1
  63. package/build/uploadInput/UploadInput.js +3 -3
  64. package/build/uploadInput/UploadInput.js.map +1 -1
  65. package/build/uploadInput/UploadInput.mjs +1 -1
  66. package/package.json +3 -3
  67. package/src/alert/Alert.tests.story.tsx +1 -1
  68. package/src/avatarLayout/AvatarLayout.css +0 -11
  69. package/src/avatarLayout/AvatarLayout.less +1 -18
  70. package/src/avatarLayout/AvatarLayout.tsx +3 -11
  71. package/src/avatarLayout/index.ts +0 -1
  72. package/src/button/Button.css +15 -200
  73. package/src/button/Button.less +14 -207
  74. package/src/button/Button.spec.tsx +227 -75
  75. package/src/button/Button.story.tsx +135 -729
  76. package/src/button/Button.tsx +132 -88
  77. package/src/button/__snapshots__/Button.spec.tsx.snap +309 -0
  78. package/src/button/index.ts +3 -2
  79. package/src/field/Field.story.tsx +1 -1
  80. package/src/flowNavigation/__snapshots__/FlowNavigation.spec.js.snap +1 -1
  81. package/src/inputs/SelectInput.story.tsx +1 -1
  82. package/src/label/Label.story.tsx +1 -1
  83. package/src/link/Link.tsx +6 -15
  84. package/src/main.css +11 -219
  85. package/src/main.less +0 -1
  86. package/src/nudge/Nudge.css +11 -0
  87. package/src/nudge/Nudge.less +3 -0
  88. package/src/nudge/Nudge.story.tsx +10 -0
  89. package/src/nudge/Nudge.tsx +2 -1
  90. package/src/primitives/PrimitiveAnchor/src/PrimitiveAnchor.tsx +7 -1
  91. package/src/primitives/PrimitiveAnchor/src/PrimitiveAnchor.types.ts +1 -6
  92. package/src/primitives/PrimitiveAnchor/test/PrimitiveAnchor.spec.tsx +3 -1
  93. package/src/primitives/PrimitiveButton/src/PrimitiveButton.tsx +8 -1
  94. package/src/primitives/PrimitiveButton/test/PrimitiveButton.spec.tsx +5 -2
  95. package/src/test-utils/Parameters.d.ts +1 -9
  96. package/src/test-utils/story-config.ts +1 -10
  97. package/build/button/Button.resolver.js +0 -86
  98. package/build/button/Button.resolver.js.map +0 -1
  99. package/build/button/Button.resolver.mjs +0 -84
  100. package/build/button/Button.resolver.mjs.map +0 -1
  101. package/build/button/LegacyButton.js +0 -114
  102. package/build/button/LegacyButton.js.map +0 -1
  103. package/build/button/LegacyButton.mjs +0 -112
  104. package/build/button/LegacyButton.mjs.map +0 -1
  105. package/build/styles/button/Button.vars.css +0 -39
  106. package/build/styles/button/LegacyButton.css +0 -23
  107. package/build/types/button/Button.resolver.d.ts +0 -31
  108. package/build/types/button/Button.resolver.d.ts.map +0 -1
  109. package/build/types/button/Button.types.d.ts +0 -65
  110. package/build/types/button/Button.types.d.ts.map +0 -1
  111. package/build/types/button/LegacyButton.d.ts +0 -30
  112. package/build/types/button/LegacyButton.d.ts.map +0 -1
  113. package/src/button/Button.resolver.tsx +0 -134
  114. package/src/button/Button.tests.story.tsx +0 -27
  115. package/src/button/Button.types.ts +0 -86
  116. package/src/button/Button.vars.css +0 -39
  117. package/src/button/Button.vars.less +0 -50
  118. package/src/button/LegacyButton.css +0 -23
  119. package/src/button/LegacyButton.less +0 -24
  120. package/src/button/LegacyButton.spec.tsx +0 -146
  121. package/src/button/LegacyButton.story.tsx +0 -225
  122. package/src/button/LegacyButton.tsx +0 -161
@@ -1,208 +1,23 @@
1
- .wds-Button {
2
- --Button-background: var(--color-interactive-accent);
3
- --Button-background-hover: var(--color-interactive-accent-hover);
4
- --Button-background-active: var(--color-interactive-accent-active);
5
- --Button-color: var(--color-interactive-control);
6
- --Button-border-radius: var(--radius-full);
7
- --Button-label-gap: var(--size-4);
8
- --Button-large-padding: var(--size-12) var(--size-16);
9
- --Button-medium-padding: var(--size-8) var(--size-12);
10
- --Button-small-padding: calc(var(--size-10) * 0.5) var(--size-12);
11
- --Button-avatar-border-color: var(--color-border-neutral);
12
- --Button-transition-duration: 150ms;
13
- --Button-transition-easing: ease-in-out;
14
- --Button-secondary-background: var(--color-interactive-neutral);
15
- --Button-secondary-background-hover: var(--color-interactive-neutral-hover);
16
- --Button-secondary-background-active: var(--color-interactive-neutral-active);
17
- --Button-secondary-color: var(--color-interactive-primary);
18
- --Button-tertiary-background: var(--color-background-neutral);
19
- --Button-tertiary-background-hover: var(--color-background-neutral-hover);
20
- --Button-tertiary-background-active: var(--color-background-neutral-active);
21
- --Button-tertiary-color: var(--color-content-primary);
22
- --Button-minimal-background: transparent;
23
- --Button-minimal-background-hover: var(--color-background-screen-hover);
24
- --Button-minimal-background-active: var(--color-background-screen-active);
25
- --Button-minimal-color: var(--color-interactive-primary);
26
- --Button-primary-negative-background: var(--color-sentiment-negative-primary);
27
- --Button-primary-negative-background-hover: var(--color-sentiment-negative-primary-hover);
28
- --Button-primary-negative-background-active: var(--color-sentiment-negative-primary-active);
29
- --Button-primary-negative-color: var(--color-contrast);
30
- --Button-secondary-negative-background: var(--color-sentiment-negative-secondary);
31
- --Button-secondary-negative-background-hover: var(--color-sentiment-negative-secondary-hover);
32
- --Button-secondary-negative-background-active: var(--color-sentiment-negative-secondary-active);
33
- --Button-secondary-negative-color: var(--color-sentiment-negative-primary);
34
- }
35
- .np-theme-personal--bright-green .wds-Button {
36
- --color-contrast: #FFFFFF;
37
- --Button-secondary-color: var(--color-interactive-control);
38
- --Button-secondary-negative-color: var(--color-contrast);
39
- }
40
- /* Button Styles */
41
- .wds-Button {
42
- display: inline-flex;
43
- flex: none;
44
- width: auto;
45
- align-items: center;
46
- justify-content: center;
47
- vertical-align: middle;
48
- text-align: center;
49
- -webkit-text-decoration: none;
50
- text-decoration: none;
51
- white-space: nowrap;
52
- word-wrap: break-word;
53
- -webkit-appearance: none;
54
- -moz-appearance: none;
55
- appearance: none;
56
- background-color: var(--Button-background);
57
- border: none;
58
- border-radius: var(--Button-border-radius);
59
- color: var(--Button-color);
60
- cursor: pointer;
61
- transition: color, background-color var(--Button-transition-duration) var(--Button-transition-easing);
62
- }
63
- .wds-Button:hover {
64
- background-color: var(--Button-background-hover);
65
- }
66
- .wds-Button:active {
67
- background-color: var(--Button-background-active);
68
- }
69
- .wds-Button.wds-Button--disabled,
70
- .wds-Button:disabled {
71
- mix-blend-mode: luminosity;
72
- opacity: 0.45;
73
- cursor: not-allowed;
74
- }
75
- .wds-Button.wds-Button--disabled:hover,
76
- .wds-Button:disabled:hover,
77
- .wds-Button.wds-Button--disabled:active,
78
- .wds-Button:disabled:active {
79
- background-color: var(--Button-background);
80
- }
81
- .wds-Button--secondary {
82
- --Button-background: var(--Button-secondary-background);
83
- --Button-background-hover: var(--Button-secondary-background-hover);
84
- --Button-background-active: var(--Button-secondary-background-active);
85
- --Button-color: var(--Button-secondary-color);
86
- }
87
- .wds-Button--tertiary {
88
- --Button-background: var(--Button-tertiary-background);
89
- --Button-background-hover: var(--Button-tertiary-background-hover);
90
- --Button-background-active: var(--Button-tertiary-background-active);
91
- --Button-color: var(--Button-tertiary-color);
92
- }
93
- .wds-Button--tertiary .wds-Button-icon--end {
94
- color: var(--color-interactive-primary);
95
- }
96
- .wds-Button--minimal {
97
- --Button-background: var(--Button-minimal-background);
98
- --Button-background-hover: var(--Button-minimal-background-hover);
99
- --Button-background-active: var(--Button-minimal-background-active);
100
- --Button-color: var(--Button-minimal-color);
101
- -webkit-text-decoration: underline;
102
- text-decoration: underline;
103
- text-underline-offset: 3px;
104
- text-decoration-thickness: 1px;
105
- }
106
- .wds-Button--negative.wds-Button--primary {
107
- --Button-background: var(--Button-primary-negative-background);
108
- --Button-background-hover: var(--Button-primary-negative-background-hover);
109
- --Button-background-active: var(--Button-primary-negative-background-active);
110
- --Button-color: var(--Button-primary-negative-color);
111
- }
112
- .wds-Button--negative.wds-Button--secondary {
113
- --Button-background: var(--Button-secondary-negative-background);
114
- --Button-background-hover: var(--Button-secondary-negative-background-hover);
115
- --Button-background-active: var(--Button-secondary-negative-background-active);
116
- --Button-color: var(--Button-secondary-negative-color);
117
- }
118
- .wds-Button--large {
119
- padding: var(--Button-large-padding);
120
- }
121
- .wds-Button--medium {
122
- padding: var(--Button-medium-padding);
123
- }
124
- .wds-Button--medium:has(.wds-Button-avatars) {
125
- padding-inline-start: 8px;
126
- padding-inline-start: var(--size-8);
127
- }
128
- .wds-Button--medium:has(.wds-Button-icon--end) {
129
- padding-inline-end: 8px;
130
- padding-inline-end: var(--size-8);
131
- }
132
- .wds-Button--medium .wds-Button-icon--start {
133
- margin-inline-end: var(--Button-label-gap);
134
- }
135
- .wds-Button--small {
136
- padding: var(--Button-small-padding);
137
- }
138
- .wds-Button--small:has(.wds-Button-icon--start) {
139
- padding-inline-start: 8px;
140
- padding-inline-start: var(--size-8);
141
- }
142
- .wds-Button--small:has(.wds-Button-icon--end) {
143
- padding-inline-end: 8px;
144
- padding-inline-end: var(--size-8);
145
- }
146
- .wds-Button--block {
147
- width: 100%;
148
- }
149
- .wds-Button-avatars {
150
- display: inline-flex;
151
- }
152
- .wds-Button-avatars .np-avatar-view .np-avatar-view-content {
153
- color: var(--Button-color);
154
- }
155
- .wds-Button-icon {
156
- display: inline-block;
157
- }
158
- .wds-Button-content {
1
+ .np-btn {
159
2
  position: relative;
160
3
  }
161
- .wds-Button-content--loading .wds-Button-label,
162
- .wds-Button-content--loading .wds-Button-media,
163
- .wds-Button-content--loading .wds-Button-icon {
164
- visibility: hidden;
165
- opacity: 0;
166
- }
167
- .wds-Button-label {
168
- display: flex;
169
- justify-content: center;
170
- align-items: center;
171
- gap: var(--Button-label-gap);
172
- position: relative;
173
- }
174
- .wds-Button-loader {
4
+ .np-btn.np-btn-block > span.btn-loader {
175
5
  position: absolute;
176
- display: flex;
177
- justify-content: center;
178
- align-items: center;
179
- width: 100%;
180
- height: 100%;
181
- }
182
- .wds-Button-loader .process-circle {
183
- stroke: var(--Button-color);
184
- }
185
- /* Avatar border transparency */
186
- /* dark buttons get 20% transparency, light buttons get 12% */
187
- .wds-Button-avatars .np-circle {
188
- --circle-border-color: color-mix(in srgb, var(--Button-color) 20%, transparent);
6
+ left: 24px;
7
+ left: var(--size-24);
189
8
  }
190
- .np-theme-personal:not(.np-theme-personal--dark):not(.np-theme-personal--forest-green):not(.np-theme-personal--bright-green) .wds-Button--secondary.wds-Button--negative .wds-Button-avatars .np-circle,
191
- .np-theme-personal:not(.np-theme-personal--dark):not(.np-theme-personal--forest-green):not(.np-theme-personal--bright-green) .wds-Button--secondary .wds-Button-avatars .np-circle,
192
- .np-theme-personal:not(.np-theme-personal--dark):not(.np-theme-personal--forest-green):not(.np-theme-personal--bright-green) .wds-Button--tertiary .wds-Button-avatars .np-circle,
193
- .np-theme-personal:not(.np-theme-personal--dark):not(.np-theme-personal--forest-green):not(.np-theme-personal--bright-green) .wds-Button--minimal .wds-Button-avatars .np-circle {
194
- --circle-border-color: color-mix(in srgb, var(--Button-color) 12%, transparent);
9
+ [dir="rtl"] .np-btn.np-btn-block > span.btn-loader {
10
+ right: 24px;
11
+ right: var(--size-24);
12
+ left: auto;
13
+ left: initial;
195
14
  }
196
- .np-theme-personal--dark .wds-Button--primary .wds-Button-avatars .np-circle,
197
- .np-theme-personal--dark .wds-Button--primary.wds-Button--negative .wds-Button-avatars .np-circle,
198
- .np-theme-personal--forest-green .wds-Button--primary .wds-Button-avatars .np-circle,
199
- .np-theme-personal--forest-green .wds-Button--primary.wds-Button--negative .wds-Button-avatars .np-circle {
200
- --circle-border-color: color-mix(in srgb, var(--Button-color) 12%, transparent);
15
+ .np-btn.np-btn-xs > span.btn-loader {
16
+ background-size: 16px 16px;
201
17
  }
202
- .np-theme-personal--bright-green .wds-Button--tertiary .wds-Button-avatars .np-circle,
203
- .np-theme-personal--bright-green .wds-Button--minimal .wds-Button-avatars .np-circle {
204
- --circle-border-color: color-mix(in srgb, var(--Button-color) 12%, transparent);
18
+ .np-btn.np-btn-xs.btn-block > span.btn-loader {
19
+ top: 0;
205
20
  }
206
- [dir="rtl"] .wds-Button .tw-icon-chevron-right,[dir="rtl"] .wds-Button .tw-icon-arrow-right,[dir="rtl"] .wds-Button .tw-icon-chevron-left,[dir="rtl"] .wds-Button .tw-icon-arrow-left {
207
- transform: rotate(180deg);
21
+ .np-btn.disabled[class] {
22
+ pointer-events: auto;
208
23
  }
@@ -518,18 +518,10 @@ div.critical-comms .critical-comms-body {
518
518
  -webkit-mask-image: radial-gradient(circle at bottom calc(100% - var(--np-avatar-size) - var(--np-avatar-offset)) right calc(100% - var(--np-avatar-size) - var(--np-avatar-offset)), transparent 0, transparent calc(var(--np-avatar-size) / 2 + 2px), black 0);
519
519
  mask-image: radial-gradient(circle at bottom calc(100% - var(--np-avatar-size) - var(--np-avatar-offset)) right calc(100% - var(--np-avatar-size) - var(--np-avatar-offset)), transparent 0, transparent calc(var(--np-avatar-size) / 2 + 2px), black 0);
520
520
  }
521
- [dir="rtl"] .np-avatar-layout-diagonal-mask {
522
- -webkit-mask-image: radial-gradient(circle at bottom calc(100% - var(--np-avatar-size) - var(--np-avatar-offset)) left calc(100% - var(--np-avatar-size) - var(--np-avatar-offset)), transparent 0, transparent calc(var(--np-avatar-size) / 2 + 2px), black 0);
523
- mask-image: radial-gradient(circle at bottom calc(100% - var(--np-avatar-size) - var(--np-avatar-offset)) left calc(100% - var(--np-avatar-size) - var(--np-avatar-offset)), transparent 0, transparent calc(var(--np-avatar-size) / 2 + 2px), black 0);
524
- }
525
521
  .np-avatar-layout-diagonal-child {
526
522
  margin-left: calc(var(--np-avatar-layout-size) - var(--np-avatar-size) * 2);
527
523
  margin-top: calc(var(--np-avatar-layout-size) - var(--np-avatar-size));
528
524
  }
529
- [dir="rtl"] .np-avatar-layout-diagonal-child {
530
- margin-left: 0;
531
- margin-right: calc(var(--np-avatar-layout-size) - var(--np-avatar-size) * 2);
532
- }
533
525
  .np-avatar-layout-horizontal {
534
526
  width: calc(var(--np-avatar-size) * var(--np-avatar-avatars-count) - (var(--np-avatar-offset) * (var(--np-avatar-avatars-count) - 1)));
535
527
  width: calc(var(--np-avatar-size) * var(--np-avatar-avatars-count) - calc(var(--np-avatar-offset) * calc(var(--np-avatar-avatars-count) - 1)));
@@ -544,9 +536,6 @@ div.critical-comms .critical-comms-body {
544
536
  .np-avatar-layout-horizontal-child {
545
537
  margin-left: calc(var(--np-avatar-offset) * -1);
546
538
  }
547
- [dir="rtl"] .np-avatar-layout-horizontal-child {
548
- margin-right: calc(var(--np-avatar-offset) * -1);
549
- }
550
539
  .np-icon-button {
551
540
  border: none;
552
541
  }
@@ -717,214 +706,6 @@ div.critical-comms .critical-comms-body {
717
706
  .np-btn.disabled[class] {
718
707
  pointer-events: auto;
719
708
  }
720
- .wds-Button {
721
- --Button-background: var(--color-interactive-accent);
722
- --Button-background-hover: var(--color-interactive-accent-hover);
723
- --Button-background-active: var(--color-interactive-accent-active);
724
- --Button-color: var(--color-interactive-control);
725
- --Button-border-radius: var(--radius-full);
726
- --Button-label-gap: var(--size-4);
727
- --Button-large-padding: var(--size-12) var(--size-16);
728
- --Button-medium-padding: var(--size-8) var(--size-12);
729
- --Button-small-padding: calc(var(--size-10) * 0.5) var(--size-12);
730
- --Button-avatar-border-color: var(--color-border-neutral);
731
- --Button-transition-duration: 150ms;
732
- --Button-transition-easing: ease-in-out;
733
- --Button-secondary-background: var(--color-interactive-neutral);
734
- --Button-secondary-background-hover: var(--color-interactive-neutral-hover);
735
- --Button-secondary-background-active: var(--color-interactive-neutral-active);
736
- --Button-secondary-color: var(--color-interactive-primary);
737
- --Button-tertiary-background: var(--color-background-neutral);
738
- --Button-tertiary-background-hover: var(--color-background-neutral-hover);
739
- --Button-tertiary-background-active: var(--color-background-neutral-active);
740
- --Button-tertiary-color: var(--color-content-primary);
741
- --Button-minimal-background: transparent;
742
- --Button-minimal-background-hover: var(--color-background-screen-hover);
743
- --Button-minimal-background-active: var(--color-background-screen-active);
744
- --Button-minimal-color: var(--color-interactive-primary);
745
- --Button-primary-negative-background: var(--color-sentiment-negative-primary);
746
- --Button-primary-negative-background-hover: var(--color-sentiment-negative-primary-hover);
747
- --Button-primary-negative-background-active: var(--color-sentiment-negative-primary-active);
748
- --Button-primary-negative-color: var(--color-contrast);
749
- --Button-secondary-negative-background: var(--color-sentiment-negative-secondary);
750
- --Button-secondary-negative-background-hover: var(--color-sentiment-negative-secondary-hover);
751
- --Button-secondary-negative-background-active: var(--color-sentiment-negative-secondary-active);
752
- --Button-secondary-negative-color: var(--color-sentiment-negative-primary);
753
- }
754
- .np-theme-personal--bright-green .wds-Button {
755
- --color-contrast: #FFFFFF;
756
- --Button-secondary-color: var(--color-interactive-control);
757
- --Button-secondary-negative-color: var(--color-contrast);
758
- }
759
- /* Button Styles */
760
- .wds-Button {
761
- display: inline-flex;
762
- flex: none;
763
- width: auto;
764
- align-items: center;
765
- justify-content: center;
766
- vertical-align: middle;
767
- text-align: center;
768
- -webkit-text-decoration: none;
769
- text-decoration: none;
770
- white-space: nowrap;
771
- word-wrap: break-word;
772
- -webkit-appearance: none;
773
- -moz-appearance: none;
774
- appearance: none;
775
- background-color: var(--Button-background);
776
- border: none;
777
- border-radius: var(--Button-border-radius);
778
- color: var(--Button-color);
779
- cursor: pointer;
780
- transition: color, background-color var(--Button-transition-duration) var(--Button-transition-easing);
781
- }
782
- .wds-Button:hover {
783
- background-color: var(--Button-background-hover);
784
- }
785
- .wds-Button:active {
786
- background-color: var(--Button-background-active);
787
- }
788
- .wds-Button.wds-Button--disabled,
789
- .wds-Button:disabled {
790
- mix-blend-mode: luminosity;
791
- opacity: 0.45;
792
- cursor: not-allowed;
793
- }
794
- .wds-Button.wds-Button--disabled:hover,
795
- .wds-Button:disabled:hover,
796
- .wds-Button.wds-Button--disabled:active,
797
- .wds-Button:disabled:active {
798
- background-color: var(--Button-background);
799
- }
800
- .wds-Button--secondary {
801
- --Button-background: var(--Button-secondary-background);
802
- --Button-background-hover: var(--Button-secondary-background-hover);
803
- --Button-background-active: var(--Button-secondary-background-active);
804
- --Button-color: var(--Button-secondary-color);
805
- }
806
- .wds-Button--tertiary {
807
- --Button-background: var(--Button-tertiary-background);
808
- --Button-background-hover: var(--Button-tertiary-background-hover);
809
- --Button-background-active: var(--Button-tertiary-background-active);
810
- --Button-color: var(--Button-tertiary-color);
811
- }
812
- .wds-Button--tertiary .wds-Button-icon--end {
813
- color: var(--color-interactive-primary);
814
- }
815
- .wds-Button--minimal {
816
- --Button-background: var(--Button-minimal-background);
817
- --Button-background-hover: var(--Button-minimal-background-hover);
818
- --Button-background-active: var(--Button-minimal-background-active);
819
- --Button-color: var(--Button-minimal-color);
820
- -webkit-text-decoration: underline;
821
- text-decoration: underline;
822
- text-underline-offset: 3px;
823
- text-decoration-thickness: 1px;
824
- }
825
- .wds-Button--negative.wds-Button--primary {
826
- --Button-background: var(--Button-primary-negative-background);
827
- --Button-background-hover: var(--Button-primary-negative-background-hover);
828
- --Button-background-active: var(--Button-primary-negative-background-active);
829
- --Button-color: var(--Button-primary-negative-color);
830
- }
831
- .wds-Button--negative.wds-Button--secondary {
832
- --Button-background: var(--Button-secondary-negative-background);
833
- --Button-background-hover: var(--Button-secondary-negative-background-hover);
834
- --Button-background-active: var(--Button-secondary-negative-background-active);
835
- --Button-color: var(--Button-secondary-negative-color);
836
- }
837
- .wds-Button--large {
838
- padding: var(--Button-large-padding);
839
- }
840
- .wds-Button--medium {
841
- padding: var(--Button-medium-padding);
842
- }
843
- .wds-Button--medium:has(.wds-Button-avatars) {
844
- padding-inline-start: 8px;
845
- padding-inline-start: var(--size-8);
846
- }
847
- .wds-Button--medium:has(.wds-Button-icon--end) {
848
- padding-inline-end: 8px;
849
- padding-inline-end: var(--size-8);
850
- }
851
- .wds-Button--medium .wds-Button-icon--start {
852
- margin-inline-end: var(--Button-label-gap);
853
- }
854
- .wds-Button--small {
855
- padding: var(--Button-small-padding);
856
- }
857
- .wds-Button--small:has(.wds-Button-icon--start) {
858
- padding-inline-start: 8px;
859
- padding-inline-start: var(--size-8);
860
- }
861
- .wds-Button--small:has(.wds-Button-icon--end) {
862
- padding-inline-end: 8px;
863
- padding-inline-end: var(--size-8);
864
- }
865
- .wds-Button--block {
866
- width: 100%;
867
- }
868
- .wds-Button-avatars {
869
- display: inline-flex;
870
- }
871
- .wds-Button-avatars .np-avatar-view .np-avatar-view-content {
872
- color: var(--Button-color);
873
- }
874
- .wds-Button-icon {
875
- display: inline-block;
876
- }
877
- .wds-Button-content {
878
- position: relative;
879
- }
880
- .wds-Button-content--loading .wds-Button-label,
881
- .wds-Button-content--loading .wds-Button-media,
882
- .wds-Button-content--loading .wds-Button-icon {
883
- visibility: hidden;
884
- opacity: 0;
885
- }
886
- .wds-Button-label {
887
- display: flex;
888
- justify-content: center;
889
- align-items: center;
890
- gap: var(--Button-label-gap);
891
- position: relative;
892
- }
893
- .wds-Button-loader {
894
- position: absolute;
895
- display: flex;
896
- justify-content: center;
897
- align-items: center;
898
- width: 100%;
899
- height: 100%;
900
- }
901
- .wds-Button-loader .process-circle {
902
- stroke: var(--Button-color);
903
- }
904
- /* Avatar border transparency */
905
- /* dark buttons get 20% transparency, light buttons get 12% */
906
- .wds-Button-avatars .np-circle {
907
- --circle-border-color: color-mix(in srgb, var(--Button-color) 20%, transparent);
908
- }
909
- .np-theme-personal:not(.np-theme-personal--dark):not(.np-theme-personal--forest-green):not(.np-theme-personal--bright-green) .wds-Button--secondary.wds-Button--negative .wds-Button-avatars .np-circle,
910
- .np-theme-personal:not(.np-theme-personal--dark):not(.np-theme-personal--forest-green):not(.np-theme-personal--bright-green) .wds-Button--secondary .wds-Button-avatars .np-circle,
911
- .np-theme-personal:not(.np-theme-personal--dark):not(.np-theme-personal--forest-green):not(.np-theme-personal--bright-green) .wds-Button--tertiary .wds-Button-avatars .np-circle,
912
- .np-theme-personal:not(.np-theme-personal--dark):not(.np-theme-personal--forest-green):not(.np-theme-personal--bright-green) .wds-Button--minimal .wds-Button-avatars .np-circle {
913
- --circle-border-color: color-mix(in srgb, var(--Button-color) 12%, transparent);
914
- }
915
- .np-theme-personal--dark .wds-Button--primary .wds-Button-avatars .np-circle,
916
- .np-theme-personal--dark .wds-Button--primary.wds-Button--negative .wds-Button-avatars .np-circle,
917
- .np-theme-personal--forest-green .wds-Button--primary .wds-Button-avatars .np-circle,
918
- .np-theme-personal--forest-green .wds-Button--primary.wds-Button--negative .wds-Button-avatars .np-circle {
919
- --circle-border-color: color-mix(in srgb, var(--Button-color) 12%, transparent);
920
- }
921
- .np-theme-personal--bright-green .wds-Button--tertiary .wds-Button-avatars .np-circle,
922
- .np-theme-personal--bright-green .wds-Button--minimal .wds-Button-avatars .np-circle {
923
- --circle-border-color: color-mix(in srgb, var(--Button-color) 12%, transparent);
924
- }
925
- [dir="rtl"] .wds-Button .tw-icon-chevron-right,[dir="rtl"] .wds-Button .tw-icon-arrow-right,[dir="rtl"] .wds-Button .tw-icon-chevron-left,[dir="rtl"] .wds-Button .tw-icon-arrow-left {
926
- transform: rotate(180deg);
927
- }
928
709
  .np-card {
929
710
  overflow: hidden;
930
711
  transition-property: transform, box-shadow;
@@ -3908,6 +3689,17 @@ html:not([dir="rtl"]) .np-navigation-option {
3908
3689
  margin-left: 0;
3909
3690
  margin-right: 1px;
3910
3691
  }
3692
+ .wds-nudge-media-flower {
3693
+ margin-left: -8px;
3694
+ margin-top: 8px;
3695
+ position: absolute;
3696
+ width: 123px;
3697
+ }
3698
+ [dir="rtl"] .wds-nudge-media-flower {
3699
+ transform: scaleX(-1);
3700
+ margin-left: 0;
3701
+ margin-right: -8px;
3702
+ }
3911
3703
  .wds-nudge-container {
3912
3704
  align-items: stretch;
3913
3705
  display: flex;
@@ -136,6 +136,17 @@
136
136
  margin-left: 0;
137
137
  margin-right: 1px;
138
138
  }
139
+ .wds-nudge-media-flower {
140
+ margin-left: -8px;
141
+ margin-top: 8px;
142
+ position: absolute;
143
+ width: 123px;
144
+ }
145
+ [dir="rtl"] .wds-nudge-media-flower {
146
+ transform: scaleX(-1);
147
+ margin-left: 0;
148
+ margin-right: -8px;
149
+ }
139
150
  .wds-nudge-container {
140
151
  align-items: stretch;
141
152
  display: flex;
@@ -1,5 +1,5 @@
1
1
  import { AvatarViewProps } from '../avatarView';
2
- export type SingleAvatarType = {
2
+ type SingleAvatarType = {
3
3
  asset?: AvatarViewProps['children'];
4
4
  } & Omit<AvatarViewProps, 'notification' | 'selected' | 'size' | 'badge' | 'children' | 'interactive'>;
5
5
  export type Props = {
@@ -7,4 +7,5 @@ export type Props = {
7
7
  orientation?: 'horizontal' | 'diagonal';
8
8
  } & Pick<AvatarViewProps, 'size' | 'interactive' | 'className' | 'role' | 'aria-label' | 'aria-labelledby' | 'aria-hidden'>;
9
9
  export default function AvatarLayout({ avatars, orientation: orientationProp, size, className, interactive, ...restProps }: Props): import("react").JSX.Element | null;
10
+ export {};
10
11
  //# sourceMappingURL=AvatarLayout.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"AvatarLayout.d.ts","sourceRoot":"","sources":["../../../src/avatarLayout/AvatarLayout.tsx"],"names":[],"mappings":"AACA,OAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAG5D,MAAM,MAAM,gBAAgB,GAAG;IAAE,KAAK,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;CAAE,GAAG,IAAI,CAC3E,eAAe,EACf,cAAc,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,aAAa,CAC5E,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG;IAClB,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACzC,GAAG,IAAI,CACN,eAAe,EACf,MAAM,GAAG,aAAa,GAAG,WAAW,GAAG,MAAM,GAAG,YAAY,GAAG,iBAAiB,GAAG,aAAa,CACjG,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,OAAY,EACZ,WAAW,EAAE,eAA8B,EAC3C,IAAS,EACT,SAAS,EACT,WAAW,EACX,GAAG,SAAS,EACb,EAAE,KAAK,sCAwDP"}
1
+ {"version":3,"file":"AvatarLayout.d.ts","sourceRoot":"","sources":["../../../src/avatarLayout/AvatarLayout.tsx"],"names":[],"mappings":"AACA,OAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAE5D,KAAK,gBAAgB,GAAG;IAAE,KAAK,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;CAAE,GAAG,IAAI,CACpE,eAAe,EACf,cAAc,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,aAAa,CAC5E,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG;IAClB,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACzC,GAAG,IAAI,CACN,eAAe,EACf,MAAM,GAAG,aAAa,GAAG,WAAW,GAAG,MAAM,GAAG,YAAY,GAAG,iBAAiB,GAAG,aAAa,CACjG,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,OAAY,EACZ,WAAW,EAAE,eAA8B,EAC3C,IAAS,EACT,SAAS,EACT,WAAW,EACX,GAAG,SAAS,EACb,EAAE,KAAK,sCAiDP"}
@@ -1,4 +1,3 @@
1
1
  export type { Props as AvatarLayoutProps } from './AvatarLayout';
2
- export type { SingleAvatarType } from './AvatarLayout';
3
2
  export { default } from './AvatarLayout';
4
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/avatarLayout/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,KAAK,IAAI,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACjE,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/avatarLayout/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,KAAK,IAAI,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC"}
@@ -1,3 +1,25 @@
1
- declare const Button: import("react").ForwardRefExoticComponent<(Omit<import("./Button.types").ButtonElementProps, "ref"> | Omit<import("./Button.types").AnchorElementProps, "ref">) & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
1
+ import { ControlTypeAccent, ControlTypeNegative, ControlTypePositive, PriorityPrimary, PrioritySecondary, PriorityTertiary, SizeExtraSmall, SizeSmall, SizeMedium, SizeLarge } from '../common';
2
+ /** @deprecated */
3
+ type DeprecatedTypes = 'primary' | 'pay' | 'secondary' | 'danger' | 'link';
4
+ /** @deprecated */
5
+ type DeprecatedSizes = SizeExtraSmall;
6
+ type CommonProps = {
7
+ block?: boolean;
8
+ disabled?: boolean;
9
+ loading?: boolean;
10
+ type?: ControlTypeAccent | ControlTypeNegative | ControlTypePositive | DeprecatedTypes | null;
11
+ priority?: PriorityPrimary | PrioritySecondary | PriorityTertiary | null;
12
+ size?: SizeSmall | SizeMedium | SizeLarge | DeprecatedSizes;
13
+ };
14
+ type ButtonProps = CommonProps & Omit<React.ComponentPropsWithRef<'button'>, 'type'> & {
15
+ as?: 'button';
16
+ htmlType?: 'submit' | 'reset' | 'button';
17
+ };
18
+ type AnchorProps = CommonProps & Omit<React.ComponentPropsWithRef<'a'>, 'type'> & {
19
+ as?: 'a';
20
+ };
21
+ export type Props = ButtonProps | AnchorProps;
22
+ export type ButtonReferenceType = HTMLButtonElement | HTMLAnchorElement;
23
+ declare const Button: import("react").ForwardRefExoticComponent<(Omit<ButtonProps, "ref"> | Omit<AnchorProps, "ref">) & import("react").RefAttributes<ButtonReferenceType>>;
2
24
  export default Button;
3
25
  //# sourceMappingURL=Button.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/button/Button.tsx"],"names":[],"mappings":"AAUA,QAAA,MAAM,MAAM,yOAmGX,CAAC;AAEF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/button/Button.tsx"],"names":[],"mappings":"AAIA,OAAO,EAIL,iBAAiB,EACjB,mBAAmB,EACnB,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,SAAS,EACT,UAAU,EACV,SAAS,EACV,MAAM,WAAW,CAAC;AAOnB,kBAAkB;AAClB,KAAK,eAAe,GAAG,SAAS,GAAG,KAAK,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3E,kBAAkB;AAClB,KAAK,eAAe,GAAG,cAAc,CAAC;AAEtC,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,iBAAiB,GAAG,mBAAmB,GAAG,mBAAmB,GAAG,eAAe,GAAG,IAAI,CAAC;IAC9F,QAAQ,CAAC,EAAE,eAAe,GAAG,iBAAiB,GAAG,gBAAgB,GAAG,IAAI,CAAC;IACzE,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,eAAe,CAAC;CAC7D,CAAC;AAEF,KAAK,WAAW,GAAG,WAAW,GAC5B,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,GAAG;IACpD,EAAE,CAAC,EAAE,QAAQ,CAAC;IACd,QAAQ,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;CAC1C,CAAC;AAEJ,KAAK,WAAW,GAAG,WAAW,GAC5B,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,GAAG;IAC/C,EAAE,CAAC,EAAE,GAAG,CAAC;CACV,CAAC;AAEJ,MAAM,MAAM,KAAK,GAAG,WAAW,GAAG,WAAW,CAAC;AAE9C,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,GAAG,iBAAiB,CAAC;AAExE,QAAA,MAAM,MAAM,uJAkGX,CAAC;AAEF,eAAe,MAAM,CAAC"}
@@ -1,3 +1,3 @@
1
- export { default } from './Button.resolver';
2
- export type { ButtonProps } from './Button.resolver';
1
+ export { default } from './Button';
2
+ export type { Props as ButtonProps } from './Button';
3
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,YAAY,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAEnC,YAAY,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,UAAU,CAAC"}
@@ -1,6 +1,6 @@
1
- import type { PrimitiveAnchorProps } from '../primitives';
1
+ import { AnchorHTMLAttributes } from 'react';
2
2
  import { LinkLarge, LinkDefault } from '../common';
3
- export type Props = PrimitiveAnchorProps & {
3
+ export type Props = AnchorHTMLAttributes<HTMLAnchorElement> & {
4
4
  type?: LinkLarge | LinkDefault;
5
5
  };
6
6
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/link/Link.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAE1D,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAInD,MAAM,MAAM,KAAK,GAAG,oBAAoB,GAAG;IAAE,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;CAAE,CAAC;AAE9E;;;;GAIG;AACH,QAAA,MAAM,IAAI,4FASP,KAAK,gCA0BP,CAAC;AAEF,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/link/Link.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAG7C,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAInD,MAAM,MAAM,KAAK,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;CAAE,CAAC;AAEjG;;;;GAIG;AACH,QAAA,MAAM,IAAI,4FASP,KAAK,gCAkBP,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -2,7 +2,7 @@ import { Assets } from '@wise/art';
2
2
  import { ReactNode, MouseEvent } from 'react';
3
3
  import { ActionOptions } from '../common/action/Action';
4
4
  export declare const STORAGE_NAME = "dismissedNudges";
5
- type MediaNameType = `${Assets.GLOBE}` | `${Assets.LOCK}` | `${Assets.WALLET}` | `${Assets.GEAR}` | `${Assets.INVITE_LETTER}` | `${Assets.PERSONAL_CARD}` | `${Assets.BUSINESS_CARD}` | `${Assets.HEART}` | `${Assets.MULTI_CURRENCY}` | `${Assets.SHOPPING_BAG}`;
5
+ type MediaNameType = `${Assets.GLOBE}` | `${Assets.LOCK}` | `${Assets.WALLET}` | `${Assets.GEAR}` | `${Assets.INVITE_LETTER}` | `${Assets.PERSONAL_CARD}` | `${Assets.BUSINESS_CARD}` | `${Assets.HEART}` | `${Assets.MULTI_CURRENCY}` | `${Assets.SHOPPING_BAG}` | `${Assets.FLOWER}`;
6
6
  type BaseProps = {
7
7
  /** @deprecated use `mediaName` property instead */
8
8
  media?: ReactNode;
@@ -1 +1 @@
1
- {"version":3,"file":"Nudge.d.ts","sourceRoot":"","sources":["../../../src/nudge/Nudge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,MAAM,EAAqB,MAAM,WAAW,CAAC;AAEpE,OAAO,EAAE,SAAS,EAAuB,UAAU,EAAE,MAAM,OAAO,CAAC;AAMnE,OAAO,EAAU,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAGhE,eAAO,MAAM,YAAY,oBAAoB,CAAC;AAmB9C,KAAK,aAAa,GACd,GAAG,MAAM,CAAC,KAAK,EAAE,GACjB,GAAG,MAAM,CAAC,IAAI,EAAE,GAChB,GAAG,MAAM,CAAC,MAAM,EAAE,GAClB,GAAG,MAAM,CAAC,IAAI,EAAE,GAChB,GAAG,MAAM,CAAC,aAAa,EAAE,GACzB,GAAG,MAAM,CAAC,aAAa,EAAE,GACzB,GAAG,MAAM,CAAC,aAAa,EAAE,GACzB,GAAG,MAAM,CAAC,KAAK,EAAE,GACjB,GAAG,MAAM,CAAC,cAAc,EAAE,GAC1B,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC;AAE7B,KAAK,SAAS,GAAG;IACf,mDAAmD;IACnD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,kBAAkB;IAClB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IACxD,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,yIAAyI;IACzI,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB,qBAAqB,CAAC,EAAE,SAAS,CAAC;CACnC;AAED,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,2IAA2I;IAC3I,EAAE,EAAE,MAAM,CAAC;IACX,yFAAyF;IACzF,gBAAgB,EAAE,IAAI,CAAC;IACvB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAClD;AAED,MAAM,MAAM,KAAK,GAAG,UAAU,GAAG,oBAAoB,CAAC;AAEtD,QAAA,MAAM,KAAK,iIAaR,KAAK,uCAgFP,CAAC;AAEF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"Nudge.d.ts","sourceRoot":"","sources":["../../../src/nudge/Nudge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,MAAM,EAAqB,MAAM,WAAW,CAAC;AAEpE,OAAO,EAAE,SAAS,EAAuB,UAAU,EAAE,MAAM,OAAO,CAAC;AAMnE,OAAO,EAAU,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAGhE,eAAO,MAAM,YAAY,oBAAoB,CAAC;AAmB9C,KAAK,aAAa,GACd,GAAG,MAAM,CAAC,KAAK,EAAE,GACjB,GAAG,MAAM,CAAC,IAAI,EAAE,GAChB,GAAG,MAAM,CAAC,MAAM,EAAE,GAClB,GAAG,MAAM,CAAC,IAAI,EAAE,GAChB,GAAG,MAAM,CAAC,aAAa,EAAE,GACzB,GAAG,MAAM,CAAC,aAAa,EAAE,GACzB,GAAG,MAAM,CAAC,aAAa,EAAE,GACzB,GAAG,MAAM,CAAC,KAAK,EAAE,GACjB,GAAG,MAAM,CAAC,cAAc,EAAE,GAC1B,GAAG,MAAM,CAAC,YAAY,EAAE,GACxB,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC;AAEvB,KAAK,SAAS,GAAG;IACf,mDAAmD;IACnD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,kBAAkB;IAClB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IACxD,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,yIAAyI;IACzI,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB,qBAAqB,CAAC,EAAE,SAAS,CAAC;CACnC;AAED,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,2IAA2I;IAC3I,EAAE,EAAE,MAAM,CAAC;IACX,yFAAyF;IACzF,gBAAgB,EAAE,IAAI,CAAC;IACvB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAClD;AAED,MAAM,MAAM,KAAK,GAAG,UAAU,GAAG,oBAAoB,CAAC;AAEtD,QAAA,MAAM,KAAK,iIAaR,KAAK,uCAgFP,CAAC;AAEF,eAAe,KAAK,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"PrimitiveAnchor.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/PrimitiveAnchor/src/PrimitiveAnchor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,IAAI,CAAC;AAE/C;;;;;;;;GAQG;AACH,QAAA,MAAM,eAAe,6GAkGpB,CAAC;AAIF,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"PrimitiveAnchor.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/PrimitiveAnchor/src/PrimitiveAnchor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,IAAI,CAAC;AAE/C;;;;;;;;GAQG;AACH,QAAA,MAAM,eAAe,6GAwGpB,CAAC;AAIF,eAAe,eAAe,CAAC"}
@@ -12,14 +12,10 @@ export interface PrimitiveAnchorProps extends BasePrimitiveProps, StyleProp, Omi
12
12
  /** Content of the anchor */
13
13
  children?: ReactNode;
14
14
  /** The URL to navigate to when the anchor is clicked */
15
- href?: string | undefined;
15
+ href: string;
16
16
  /** Disable the anchor */
17
17
  disabled?: boolean;
18
18
  /** Reference to the anchor element */
19
19
  ref?: PrimitiveAnchorElementRef;
20
- /**
21
- * HTML anchor `target` attribute. If set to `_blank`, `rel="noopener noreferrer"` is automatically added to the rendered node.
22
- */
23
- target?: HTMLAnchorElement['target'];
24
20
  }
25
21
  //# sourceMappingURL=PrimitiveAnchor.types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"PrimitiveAnchor.types.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/PrimitiveAnchor/src/PrimitiveAnchor.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD;;GAEG;AACH,MAAM,MAAM,yBAAyB,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AACtF,MAAM,MAAM,yBAAyB,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;AAErE;;GAEG;AACH,MAAM,WAAW,oBACf,SAAQ,kBAAkB,EACxB,SAAS,EACT,IAAI,CAAC,yBAAyB,EAAE,MAAM,CAAC;IACzC,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE1B,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,sCAAsC;IACtC,GAAG,CAAC,EAAE,yBAAyB,CAAC;IAEhC;;OAEG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC;CACtC"}
1
+ {"version":3,"file":"PrimitiveAnchor.types.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/PrimitiveAnchor/src/PrimitiveAnchor.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD;;GAEG;AACH,MAAM,MAAM,yBAAyB,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AACtF,MAAM,MAAM,yBAAyB,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;AAErE;;GAEG;AACH,MAAM,WAAW,oBACf,SAAQ,kBAAkB,EACxB,SAAS,EACT,IAAI,CAAC,yBAAyB,EAAE,MAAM,CAAC;IACzC,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,wDAAwD;IACxD,IAAI,EAAE,MAAM,CAAC;IAEb,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,sCAAsC;IACtC,GAAG,CAAC,EAAE,yBAAyB,CAAC;CACjC"}
@@ -1 +1 @@
1
- {"version":3,"file":"PrimitiveButton.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/PrimitiveButton/src/PrimitiveButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAIvD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,IAAI,CAAC;AAE/C;;;;;;;;GAQG;AACH,QAAA,MAAM,eAAe,6GAuGpB,CAAC;AAIF,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"PrimitiveButton.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/PrimitiveButton/src/PrimitiveButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAIvD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,IAAI,CAAC;AAE/C;;;;;;;;GAQG;AACH,QAAA,MAAM,eAAe,6GA8GpB,CAAC;AAIF,eAAe,eAAe,CAAC"}