@transferwise/components 0.0.0-experimental-58ab0d7 → 0.0.0-experimental-4530892

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 (179) 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/avatarView/AvatarView.js +12 -1
  6. package/build/avatarView/AvatarView.js.map +1 -1
  7. package/build/avatarView/AvatarView.mjs +12 -1
  8. package/build/avatarView/AvatarView.mjs.map +1 -1
  9. package/build/button/Button.js +79 -78
  10. package/build/button/Button.js.map +1 -1
  11. package/build/button/Button.mjs +80 -79
  12. package/build/button/Button.mjs.map +1 -1
  13. package/build/circularButton/CircularButton.js +18 -21
  14. package/build/circularButton/CircularButton.js.map +1 -1
  15. package/build/circularButton/CircularButton.mjs +19 -22
  16. package/build/circularButton/CircularButton.mjs.map +1 -1
  17. package/build/criticalBanner/CriticalCommsBanner.js +2 -2
  18. package/build/criticalBanner/CriticalCommsBanner.js.map +1 -1
  19. package/build/criticalBanner/CriticalCommsBanner.mjs +1 -1
  20. package/build/definitionList/DefinitionList.js.map +1 -1
  21. package/build/definitionList/DefinitionList.mjs.map +1 -1
  22. package/build/header/Header.js +2 -2
  23. package/build/header/Header.js.map +1 -1
  24. package/build/header/Header.mjs +1 -1
  25. package/build/i18n/de.json +1 -0
  26. package/build/i18n/de.json.js +1 -0
  27. package/build/i18n/de.json.js.map +1 -1
  28. package/build/i18n/de.json.mjs +1 -0
  29. package/build/i18n/de.json.mjs.map +1 -1
  30. package/build/i18n/it.json +1 -0
  31. package/build/i18n/it.json.js +1 -0
  32. package/build/i18n/it.json.js.map +1 -1
  33. package/build/i18n/it.json.mjs +1 -0
  34. package/build/i18n/it.json.mjs.map +1 -1
  35. package/build/i18n/ja.json +1 -0
  36. package/build/i18n/ja.json.js +1 -0
  37. package/build/i18n/ja.json.js.map +1 -1
  38. package/build/i18n/ja.json.mjs +1 -0
  39. package/build/i18n/ja.json.mjs.map +1 -1
  40. package/build/i18n/pt.json +1 -0
  41. package/build/i18n/pt.json.js +1 -0
  42. package/build/i18n/pt.json.js.map +1 -1
  43. package/build/i18n/pt.json.mjs +1 -0
  44. package/build/i18n/pt.json.mjs.map +1 -1
  45. package/build/i18n/ru.json +1 -0
  46. package/build/i18n/ru.json.js +1 -0
  47. package/build/i18n/ru.json.js.map +1 -1
  48. package/build/i18n/ru.json.mjs +1 -0
  49. package/build/i18n/ru.json.mjs.map +1 -1
  50. package/build/i18n/th.json +1 -0
  51. package/build/i18n/th.json.js +1 -0
  52. package/build/i18n/th.json.js.map +1 -1
  53. package/build/i18n/th.json.mjs +1 -0
  54. package/build/i18n/th.json.mjs.map +1 -1
  55. package/build/i18n/zh-HK.json +1 -0
  56. package/build/i18n/zh-HK.json.js +1 -0
  57. package/build/i18n/zh-HK.json.js.map +1 -1
  58. package/build/i18n/zh-HK.json.mjs +1 -0
  59. package/build/i18n/zh-HK.json.mjs.map +1 -1
  60. package/build/index.js +2 -2
  61. package/build/index.mjs +1 -1
  62. package/build/link/Link.js +3 -8
  63. package/build/link/Link.js.map +1 -1
  64. package/build/link/Link.mjs +3 -8
  65. package/build/link/Link.mjs.map +1 -1
  66. package/build/main.css +17 -419
  67. package/build/primitives/PrimitiveAnchor/src/PrimitiveAnchor.js +3 -1
  68. package/build/primitives/PrimitiveAnchor/src/PrimitiveAnchor.js.map +1 -1
  69. package/build/primitives/PrimitiveAnchor/src/PrimitiveAnchor.mjs +3 -1
  70. package/build/primitives/PrimitiveAnchor/src/PrimitiveAnchor.mjs.map +1 -1
  71. package/build/primitives/PrimitiveButton/src/PrimitiveButton.js +4 -1
  72. package/build/primitives/PrimitiveButton/src/PrimitiveButton.js.map +1 -1
  73. package/build/primitives/PrimitiveButton/src/PrimitiveButton.mjs +4 -1
  74. package/build/primitives/PrimitiveButton/src/PrimitiveButton.mjs.map +1 -1
  75. package/build/select/Select.js +3 -5
  76. package/build/select/Select.js.map +1 -1
  77. package/build/select/Select.mjs +2 -4
  78. package/build/select/Select.mjs.map +1 -1
  79. package/build/styles/avatarLayout/AvatarLayout.css +0 -11
  80. package/build/styles/button/Button.css +16 -243
  81. package/build/styles/circularButton/CircularButton.css +17 -158
  82. package/build/styles/main.css +17 -419
  83. package/build/types/avatarLayout/AvatarLayout.d.ts +2 -1
  84. package/build/types/avatarLayout/AvatarLayout.d.ts.map +1 -1
  85. package/build/types/avatarLayout/index.d.ts +0 -1
  86. package/build/types/avatarLayout/index.d.ts.map +1 -1
  87. package/build/types/avatarView/AvatarView.d.ts.map +1 -1
  88. package/build/types/button/Button.d.ts +23 -1
  89. package/build/types/button/Button.d.ts.map +1 -1
  90. package/build/types/button/index.d.ts +2 -2
  91. package/build/types/button/index.d.ts.map +1 -1
  92. package/build/types/circularButton/CircularButton.d.ts +11 -4
  93. package/build/types/circularButton/CircularButton.d.ts.map +1 -1
  94. package/build/types/definitionList/DefinitionList.d.ts +1 -2
  95. package/build/types/definitionList/DefinitionList.d.ts.map +1 -1
  96. package/build/types/link/Link.d.ts +2 -2
  97. package/build/types/link/Link.d.ts.map +1 -1
  98. package/build/types/primitives/PrimitiveAnchor/src/PrimitiveAnchor.d.ts.map +1 -1
  99. package/build/types/primitives/PrimitiveAnchor/src/PrimitiveAnchor.types.d.ts +1 -1
  100. package/build/types/primitives/PrimitiveAnchor/src/PrimitiveAnchor.types.d.ts.map +1 -1
  101. package/build/types/primitives/PrimitiveButton/src/PrimitiveButton.d.ts.map +1 -1
  102. package/build/types/select/Select.d.ts.map +1 -1
  103. package/build/upload/steps/completeStep/completeStep.js +2 -2
  104. package/build/upload/steps/completeStep/completeStep.js.map +1 -1
  105. package/build/upload/steps/completeStep/completeStep.mjs +1 -1
  106. package/build/upload/steps/processingStep/processingStep.js +2 -2
  107. package/build/upload/steps/processingStep/processingStep.js.map +1 -1
  108. package/build/upload/steps/processingStep/processingStep.mjs +1 -1
  109. package/build/uploadInput/UploadInput.js +3 -3
  110. package/build/uploadInput/UploadInput.js.map +1 -1
  111. package/build/uploadInput/UploadInput.mjs +1 -1
  112. package/package.json +3 -3
  113. package/src/avatarLayout/AvatarLayout.css +0 -11
  114. package/src/avatarLayout/AvatarLayout.less +1 -18
  115. package/src/avatarLayout/AvatarLayout.tsx +3 -11
  116. package/src/avatarLayout/index.ts +0 -1
  117. package/src/avatarView/AvatarView.tsx +15 -1
  118. package/src/button/Button.css +16 -243
  119. package/src/button/Button.less +14 -212
  120. package/src/button/Button.spec.tsx +231 -54
  121. package/src/button/Button.story.tsx +137 -644
  122. package/src/button/Button.tsx +132 -98
  123. package/src/button/__snapshots__/Button.spec.tsx.snap +309 -0
  124. package/src/button/index.ts +3 -2
  125. package/src/circularButton/CircularButton.css +17 -158
  126. package/src/circularButton/CircularButton.less +22 -91
  127. package/src/circularButton/CircularButton.story.tsx +45 -24
  128. package/src/circularButton/CircularButton.tsx +38 -25
  129. package/src/dateInput/DateInput.spec.tsx +45 -26
  130. package/src/definitionList/DefinitionList.story.tsx +57 -57
  131. package/src/definitionList/DefinitionList.tsx +1 -1
  132. package/src/flowNavigation/__snapshots__/FlowNavigation.spec.js.snap +1 -1
  133. package/src/i18n/de.json +1 -0
  134. package/src/i18n/it.json +1 -0
  135. package/src/i18n/ja.json +1 -0
  136. package/src/i18n/pt.json +1 -0
  137. package/src/i18n/ru.json +1 -0
  138. package/src/i18n/th.json +1 -0
  139. package/src/i18n/zh-HK.json +1 -0
  140. package/src/iconButton/IconButton.story.tsx +6 -6
  141. package/src/inputs/SelectInput.story.tsx +1 -1
  142. package/src/link/Link.tsx +6 -15
  143. package/src/main.css +17 -419
  144. package/src/main.less +0 -1
  145. package/src/primitives/PrimitiveAnchor/src/PrimitiveAnchor.tsx +7 -1
  146. package/src/primitives/PrimitiveAnchor/src/PrimitiveAnchor.types.ts +1 -1
  147. package/src/primitives/PrimitiveAnchor/test/PrimitiveAnchor.spec.tsx +3 -1
  148. package/src/primitives/PrimitiveButton/src/PrimitiveButton.tsx +8 -1
  149. package/src/primitives/PrimitiveButton/test/PrimitiveButton.spec.tsx +5 -2
  150. package/src/select/Select.tsx +0 -1
  151. package/src/slidingPanel/SlidingPanel.spec.tsx +69 -0
  152. package/build/button/Button.resolver.js +0 -78
  153. package/build/button/Button.resolver.js.map +0 -1
  154. package/build/button/Button.resolver.mjs +0 -76
  155. package/build/button/Button.resolver.mjs.map +0 -1
  156. package/build/button/LegacyButton.js +0 -114
  157. package/build/button/LegacyButton.js.map +0 -1
  158. package/build/button/LegacyButton.mjs +0 -112
  159. package/build/button/LegacyButton.mjs.map +0 -1
  160. package/build/styles/button/Button.vars.css +0 -55
  161. package/build/styles/button/LegacyButton.css +0 -23
  162. package/build/types/button/Button.resolver.d.ts +0 -31
  163. package/build/types/button/Button.resolver.d.ts.map +0 -1
  164. package/build/types/button/Button.types.d.ts +0 -70
  165. package/build/types/button/Button.types.d.ts.map +0 -1
  166. package/build/types/button/LegacyButton.d.ts +0 -30
  167. package/build/types/button/LegacyButton.d.ts.map +0 -1
  168. package/src/button/Button.resolver.tsx +0 -120
  169. package/src/button/Button.types.ts +0 -93
  170. package/src/button/Button.vars.css +0 -55
  171. package/src/button/Button.vars.less +0 -69
  172. package/src/button/LegacyButton.css +0 -23
  173. package/src/button/LegacyButton.less +0 -24
  174. package/src/button/LegacyButton.spec.tsx +0 -146
  175. package/src/button/LegacyButton.story.tsx +0 -224
  176. package/src/button/LegacyButton.tsx +0 -161
  177. package/src/circularButton/_button-label-states.less +0 -34
  178. package/src/definitionList/DefinitionList.spec.js +0 -91
  179. package/src/slidingPanel/SlidingPanel.spec.js +0 -56
@@ -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) * 2 - var(--np-avatar-offset) - 2px);
535
527
  height: var(--np-avatar-layout-size);
@@ -543,9 +535,6 @@ div.critical-comms .critical-comms-body {
543
535
  .np-avatar-layout-horizontal-child {
544
536
  margin-left: calc(var(--np-avatar-offset) * -1);
545
537
  }
546
- [dir="rtl"] .np-avatar-layout-horizontal-child {
547
- margin-right: calc(var(--np-avatar-offset) * -1);
548
- }
549
538
  .np-icon-button {
550
539
  border: none;
551
540
  }
@@ -716,256 +705,6 @@ div.critical-comms .critical-comms-body {
716
705
  .np-btn.disabled[class] {
717
706
  pointer-events: auto;
718
707
  }
719
- :root {
720
- --Button-background: var(--color-interactive-accent);
721
- --Button-background-hover: var(--color-interactive-accent-hover);
722
- --Button-background-active: var(--color-interactive-accent-active);
723
- --Button-color: var(--color-interactive-control);
724
- --Button-padding: var(--size-8) var(--size-12);
725
- --Button-border-radius: var(--radius-full);
726
- --Button-size-small-padding: 5px var(--size-12);
727
- --Button-size-medium-padding: var(--size-8) var(--size-12);
728
- --Button-size-large-padding: var(--size-12) var(--size-16);
729
- --Button-avatar-border-color: var(--color-border-neutral);
730
- --Button-transition-duration: 150ms;
731
- --Button-transition-easing: ease-in-out;
732
- --Button-secondary-background: var(--color-interactive-neutral);
733
- --Button-secondary-background-hover: var(--color-interactive-neutral-hover);
734
- --Button-secondary-background-active: var(--color-interactive-neutral-active);
735
- --Button-secondary-color: var(--color-interactive-primary);
736
- --Button-tertiary-background: var(--color-background-neutral);
737
- --Button-tertiary-background-hover: var(--color-background-neutral-hover);
738
- --Button-tertiary-background-active: var(--color-background-neutral-active);
739
- --Button-tertiary-color: var(--color-content-primary);
740
- --Button-minimal-background: transparent;
741
- --Button-minimal-background-hover: var(--color-background-screen-hover);
742
- --Button-minimal-background-active: var(--color-background-screen-active);
743
- --Button-minimal-color: var(--color-interactive-primary);
744
- --Button-primary-negative-background: var(--color-sentiment-negative-primary);
745
- --Button-primary-negative-background-hover: var(--color-sentiment-negative-primary-hover);
746
- --Button-primary-negative-background-active: var(--color-sentiment-negative-primary-active);
747
- --Button-primary-negative-color: var(--color-contrast);
748
- --Button-primary-netative-avatar-border-color: rgba(255,255,255,0.2);
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
- --Button-secondary-netative-avatar-border-color: rgba(168,32,13,0.12157);
754
- }
755
- .np-theme-personal--dark .wds-Button {
756
- --Button-primary-netative-avatar-border-color: rgba(14,15,12,0.12157);
757
- }
758
- .np-theme-personal--forest-green .wds-Button {
759
- --color-interactive-neutral: rgba(159,232,112,0.2);
760
- --color-interactive-neutral-hover: rgba(205,255,173,0.2);
761
- --color-interactive-neutral-active: rgba(236,255,224,0.2);
762
- --color-sentiment-negative-secondary: rgba(255,196,194,0.2);
763
- --color-sentiment-negative-secondary-hover: rgba(255,220,219,0.2);
764
- --color-sentiment-negative-secondary-active: rgba(255,235,235,0.2);
765
- --Button-primary-netative-avatar-border-color: rgba(14,15,12,0.12157);
766
- --Button-secondary-netative-avatar-border-color: rgba(14,15,12,0.12157);
767
- }
768
- .np-theme-personal--bright-green .wds-Button {
769
- --color-contrast: #FFFFFF;
770
- --Button-secondary-color: var(--color-interactive-control);
771
- --Button-secondary-negative-color: var(--color-contrast);
772
- --Button-secondary-netative-avatar-border-color: var(--Button-primary-netative-avatar-border-color);
773
- }
774
- /* Button Styles */
775
- .wds-Button {
776
- display: inline-flex;
777
- flex: none;
778
- width: auto;
779
- align-items: center;
780
- justify-content: center;
781
- vertical-align: middle;
782
- text-align: center;
783
- -webkit-text-decoration: none;
784
- text-decoration: none;
785
- white-space: nowrap;
786
- word-wrap: break-word;
787
- -webkit-appearance: none;
788
- -moz-appearance: none;
789
- appearance: none;
790
- background-color: #00a2dd;
791
- background-color: var(--Button-background);
792
- border: none;
793
- border-radius: 9999px;
794
- border-radius: var(--Button-border-radius);
795
- color: var(--Button-color);
796
- cursor: pointer;
797
- padding: 8px 12px;
798
- padding: var(--Button-padding);
799
- transition: color, background-color 150ms ease-in-out;
800
- transition: color, background-color var(--Button-transition-duration) var(--Button-transition-easing);
801
- }
802
- .wds-Button:focus {
803
- -webkit-text-decoration: none;
804
- text-decoration: none;
805
- }
806
- .wds-Button:hover {
807
- background-color: #008fc9;
808
- background-color: var(--Button-background-hover);
809
- -webkit-text-decoration: none;
810
- text-decoration: none;
811
- }
812
- .wds-Button:active {
813
- background-color: #0081ba;
814
- background-color: var(--Button-background-active);
815
- -webkit-text-decoration: none;
816
- text-decoration: none;
817
- }
818
- .wds-Button.wds-Button--disabled,
819
- .wds-Button:disabled {
820
- mix-blend-mode: luminosity;
821
- opacity: 0.45;
822
- cursor: not-allowed;
823
- }
824
- .wds-Button.wds-Button--disabled:hover,
825
- .wds-Button:disabled:hover,
826
- .wds-Button.wds-Button--disabled:active,
827
- .wds-Button:disabled:active {
828
- background-color: #00a2dd;
829
- background-color: var(--Button-background);
830
- }
831
- .wds-Button--secondary {
832
- --Button-background: var(--Button-secondary-background);
833
- --Button-background-hover: var(--Button-secondary-background-hover);
834
- --Button-background-active: var(--Button-secondary-background-active);
835
- --Button-color: var(--Button-secondary-color);
836
- }
837
- .wds-Button--tertiary {
838
- --Button-background: var(--Button-tertiary-background);
839
- --Button-background-hover: var(--Button-tertiary-background-hover);
840
- --Button-background-active: var(--Button-tertiary-background-active);
841
- --Button-color: var(--Button-tertiary-color);
842
- }
843
- .wds-Button--tertiary .wds-Button-icon--end {
844
- color: var(--color-interactive-primary);
845
- }
846
- .wds-Button--minimal {
847
- --Button-background: var(--Button-minimal-background);
848
- --Button-background-hover: var(--Button-minimal-background-hover);
849
- --Button-background-active: var(--Button-minimal-background-active);
850
- --Button-color: var(--Button-minimal-color);
851
- -webkit-text-decoration: underline;
852
- text-decoration: underline;
853
- text-underline-offset: 3px;
854
- text-decoration-thickness: 1px;
855
- }
856
- .wds-Button--minimal:hover,
857
- .wds-Button--minimal:hover:active {
858
- -webkit-text-decoration: underline;
859
- text-decoration: underline;
860
- }
861
- .wds-Button--negative.wds-Button--primary {
862
- --Button-background: var(--Button-primary-negative-background);
863
- --Button-background-hover: var(--Button-primary-negative-background-hover);
864
- --Button-background-active: var(--Button-primary-negative-background-active);
865
- --Button-color: var(--Button-primary-negative-color);
866
- --Button-avatar-border-color: var(--Button-primary-netative-avatar-border-color);
867
- }
868
- .wds-Button--negative.wds-Button--secondary {
869
- --Button-background: var(--Button-secondary-negative-background);
870
- --Button-background-hover: var(--Button-secondary-negative-background-hover);
871
- --Button-background-active: var(--Button-secondary-negative-background-active);
872
- --Button-color: var(--Button-secondary-negative-color);
873
- --Button-avatar-border-color: var(--Button-secondary-netative-avatar-border-color);
874
- }
875
- .wds-Button--small {
876
- --Button-padding: var(--Button-size-small-padding);
877
- }
878
- .wds-Button--small .wds-Button-icon--start {
879
- margin-right: 4px;
880
- margin-right: var(--size-4);
881
- }
882
- [dir="rtl"] .wds-Button--small .wds-Button-icon--start {
883
- margin-right: 0;
884
- margin-left: 4px;
885
- margin-left: var(--size-4);
886
- }
887
- .wds-Button--small .wds-Button-startMedia {
888
- display: none;
889
- }
890
- .wds-Button--medium {
891
- --Button-padding: var(--Button-size-medium-padding);
892
- }
893
- .wds-Button--large {
894
- --Button-padding: var(--Button-size-large-padding);
895
- }
896
- .wds-Button--block {
897
- width: 100%;
898
- }
899
- .wds-Button-avatars {
900
- display: inline-flex;
901
- margin-right: 5px;
902
- margin-left: calc(4px * -1);
903
- margin-left: calc(var(--size-4) * -1);
904
- }
905
- [dir="rtl"] .wds-Button-avatars {
906
- margin-right: 0;
907
- margin-left: 5px;
908
- }
909
- .wds-Button-avatars .np-circle {
910
- --circle-border-color: var(--Button-avatar-border-color);
911
- }
912
- .wds-Button-avatars .np-avatar-view .np-avatar-view-content {
913
- color: var(--Button-color);
914
- }
915
- .wds-Button-icon {
916
- display: inline-block;
917
- }
918
- .wds-Button-icon--start {
919
- margin-right: 8px;
920
- margin-right: var(--size-8);
921
- }
922
- [dir="rtl"] .wds-Button-icon--start {
923
- margin-right: 0;
924
- margin-left: 8px;
925
- margin-left: var(--size-8);
926
- }
927
- .wds-Button-icon--end {
928
- margin-left: 4px;
929
- margin-left: var(--size-4);
930
- }
931
- [dir="rtl"] .wds-Button-icon--end {
932
- margin-left: 0;
933
- margin-right: 4px;
934
- margin-right: var(--size-4);
935
- }
936
- .wds-Button-content {
937
- position: relative;
938
- }
939
- .wds-Button-content--loading .wds-Button-label,
940
- .wds-Button-content--loading .wds-Button-media,
941
- .wds-Button-content--loading .wds-Button-icon {
942
- visibility: hidden;
943
- opacity: 0;
944
- }
945
- .wds-Button-label {
946
- display: flex;
947
- justify-content: center;
948
- align-items: center;
949
- position: relative;
950
- }
951
- .wds-Button-loader {
952
- position: absolute;
953
- display: flex;
954
- justify-content: center;
955
- align-items: center;
956
- width: 100%;
957
- height: 100%;
958
- }
959
- .wds-Button-loader .process-circle {
960
- stroke: var(--Button-color);
961
- }
962
- /* RTL Styles */
963
- [dir="rtl"] .wds-Button .tw-icon-chevron-right,[dir="rtl"] .wds-Button .tw-icon-arrow-right {
964
- transform: rotate(180deg);
965
- }
966
- [dir="rtl"] .wds-Button .tw-icon-chevron-left,[dir="rtl"] .wds-Button .tw-icon-arrow-left {
967
- transform: rotate(180deg);
968
- }
969
708
  .np-card {
970
709
  overflow: hidden;
971
710
  transition-property: transform, box-shadow;
@@ -1445,175 +1184,34 @@ div.critical-comms .critical-comms-body {
1445
1184
  display: inline-flex;
1446
1185
  flex-direction: column;
1447
1186
  align-items: center;
1448
- text-align: center;
1449
1187
  cursor: pointer;
1450
- position: relative;
1451
- }
1452
- .np-circular-btn .tw-icon {
1453
- position: absolute;
1454
- top: 16px;
1455
- top: var(--size-16);
1456
- pointer-events: none;
1457
- color: white;
1458
- transition: color 0.15s ease-in-out;
1459
- width: 100%;
1460
- left: 0;
1461
- }
1462
- [dir="rtl"] .np-circular-btn .tw-icon {
1463
- right: 0;
1464
- left: auto;
1465
- left: initial;
1466
- }
1467
- @media (max-width: 320px) {
1468
- .np-circular-btn .tw-icon {
1469
- top: 12px;
1470
- top: var(--size-12);
1471
- }
1472
- }
1473
- .np-circular-btn .tw-icon > svg {
1474
- margin: 0 auto;
1475
- }
1476
- .np-theme-personal .np-circular-btn {
1477
- /* stylelint-disable-next-line no-duplicate-selectors */
1478
- }
1479
- .np-theme-personal .np-circular-btn .tw-icon,
1480
- .np-theme-personal .np-circular-btn .tw-icon:hover,
1481
- .np-theme-personal .np-circular-btn .tw-icon:active {
1482
- color: var(--color-interactive-control);
1483
- }
1484
- .np-theme-personal .np-circular-btn.negative .tw-icon,
1485
- .np-theme-personal .np-circular-btn.negative.secondary:not(.disabled):not(:disabled):hover .tw-icon,
1486
- .np-theme-personal .np-circular-btn.negative.secondary:not(.disabled):not(:disabled):active .tw-icon {
1487
- color: var(--color-contrast) !important;
1488
- }
1489
- .np-theme-personal .np-circular-btn.negative.secondary:not(.disabled):not(:disabled) .tw-icon {
1490
- color: var(--color-sentiment-negative) !important;
1491
- }
1492
- .np-circular-btn.accent .np-circular-btn__label {
1493
- color: #00a2dd;
1494
- color: var(--color-interactive-accent);
1495
- }
1496
- .np-circular-btn.accent:not(.disabled):not(:disabled):hover .np-circular-btn__label {
1497
- color: #008fc9;
1498
- color: var(--color-interactive-accent-hover);
1499
- }
1500
- .np-circular-btn.accent:active .np-circular-btn__label,
1501
- .np-circular-btn.accent input[type="button"]:active ~ .np-circular-btn__label {
1502
- color: #0081ba;
1503
- color: var(--color-interactive-accent-active);
1504
- }
1505
- .np-circular-btn.accent.secondary .tw-icon {
1506
- color: #00a2dd;
1507
- color: var(--color-interactive-accent);
1508
- }
1509
- .np-circular-btn.accent.secondary:not(.disabled):not(:disabled):hover .tw-icon,
1510
- .np-circular-btn.accent.secondary input[type="button"]:active + .tw-icon {
1511
- color: white;
1512
- }
1513
- .np-circular-btn.positive .np-circular-btn__label {
1514
- color: #2ead4b;
1515
- color: var(--color-interactive-positive);
1516
- }
1517
- .np-circular-btn.positive:not(.disabled):not(:disabled):hover .np-circular-btn__label {
1518
- color: #069939;
1519
- color: var(--color-interactive-positive-hover);
1520
- }
1521
- .np-circular-btn.positive:active .np-circular-btn__label,
1522
- .np-circular-btn.positive input[type="button"]:active ~ .np-circular-btn__label {
1523
- color: #008b2b;
1524
- color: var(--color-interactive-positive-active);
1525
- }
1526
- .np-circular-btn.positive.secondary .tw-icon {
1527
- color: #2ead4b;
1528
- color: var(--color-interactive-positive);
1529
- }
1530
- .np-circular-btn.positive.secondary:not(.disabled):not(:disabled):hover .tw-icon,
1531
- .np-circular-btn.positive.secondary input[type="button"]:active + .tw-icon {
1532
- color: white;
1533
- }
1534
- .np-circular-btn.negative .np-circular-btn__label {
1535
- color: #e74848;
1536
- color: var(--color-interactive-negative);
1537
- }
1538
- .np-circular-btn.negative:not(.disabled):not(:disabled):hover .np-circular-btn__label {
1539
- color: #d03238;
1540
- color: var(--color-interactive-negative-hover);
1541
- }
1542
- .np-circular-btn.negative:active .np-circular-btn__label,
1543
- .np-circular-btn.negative input[type="button"]:active ~ .np-circular-btn__label {
1544
- color: #bf1e2c;
1545
- color: var(--color-interactive-negative-active);
1546
- }
1547
- .np-circular-btn.negative.secondary .tw-icon {
1548
- color: #e74848;
1549
- color: var(--color-interactive-negative);
1550
- }
1551
- .np-circular-btn.negative.secondary:not(.disabled):not(:disabled):hover .tw-icon,
1552
- .np-circular-btn.negative.secondary input[type="button"]:active + .tw-icon {
1553
- color: white;
1554
- }
1555
- .np-theme-personal .np-circular-btn.accent .np-circular-btn__label {
1556
- color: var(--color-interactive-primary);
1557
- }
1558
- .np-theme-personal .np-circular-btn.accent:not(.disabled):not(:disabled):hover .np-circular-btn__label {
1559
- color: var(--color-interactive-primary-hover);
1560
- }
1561
- .np-theme-personal .np-circular-btn.accent:active .np-circular-btn__label,
1562
- .np-theme-personal .np-circular-btn.accent input[type="button"]:active ~ .np-circular-btn__label {
1563
- color: var(--color-interactive-primary-active);
1564
- }
1565
- .np-theme-personal .np-circular-btn.accent.secondary .tw-icon {
1566
- color: var(--color-interactive-primary);
1567
- }
1568
- .np-theme-personal .np-circular-btn.accent.secondary:not(.disabled):not(:disabled):hover .tw-icon,
1569
- .np-theme-personal .np-circular-btn.accent.secondary input[type="button"]:active + .tw-icon {
1570
- color: white;
1571
- color: var(--color-interactive-control);
1572
1188
  }
1573
- .np-theme-personal .np-circular-btn.accent.secondary:active input[type="button"] + .tw-icon {
1574
- color: var(--color-interactive-control);
1575
- }
1576
- .np-theme-personal .np-circular-btn.positive .np-circular-btn__label {
1189
+ .np-circular-btn-primary-default .np-circular-btn-label,
1190
+ .np-circular-btn-secondary-default .np-circular-btn-label {
1577
1191
  color: var(--color-interactive-primary);
1578
1192
  }
1579
- .np-theme-personal .np-circular-btn.positive:not(.disabled):not(:disabled):hover .np-circular-btn__label {
1193
+ .np-circular-btn-primary-default .np-circular-btn-label:not(.disabled):not(:disabled):hover,
1194
+ .np-circular-btn-secondary-default .np-circular-btn-label:not(.disabled):not(:disabled):hover {
1580
1195
  color: var(--color-interactive-primary-hover);
1581
1196
  }
1582
- .np-theme-personal .np-circular-btn.positive:active .np-circular-btn__label,
1583
- .np-theme-personal .np-circular-btn.positive input[type="button"]:active ~ .np-circular-btn__label {
1197
+ .np-circular-btn-primary-default .np-circular-btn-label:not(.disabled):not(:disabled):active,
1198
+ .np-circular-btn-secondary-default .np-circular-btn-label:not(.disabled):not(:disabled):active {
1584
1199
  color: var(--color-interactive-primary-active);
1585
1200
  }
1586
- .np-theme-personal .np-circular-btn.positive.secondary .tw-icon {
1587
- color: var(--color-interactive-primary);
1588
- }
1589
- .np-theme-personal .np-circular-btn.positive.secondary:not(.disabled):not(:disabled):hover .tw-icon,
1590
- .np-theme-personal .np-circular-btn.positive.secondary input[type="button"]:active + .tw-icon {
1591
- color: white;
1592
- color: var(--color-interactive-control);
1593
- }
1594
- .np-theme-personal .np-circular-btn.positive.secondary:active input[type="button"] + .tw-icon {
1595
- color: var(--color-interactive-control);
1596
- }
1597
- .np-theme-personal .np-circular-btn.negative .np-circular-btn__label {
1598
- color: var(--color-sentiment-negative);
1599
- }
1600
- .np-theme-personal .np-circular-btn.negative:not(.disabled):not(:disabled):hover .np-circular-btn__label {
1601
- color: var(--color-sentiment-negative-hover);
1602
- }
1603
- .np-theme-personal .np-circular-btn.negative:active .np-circular-btn__label,
1604
- .np-theme-personal .np-circular-btn.negative input[type="button"]:active ~ .np-circular-btn__label {
1605
- color: var(--color-sentiment-negative-active);
1201
+ .np-circular-btn-primary-negative .np-circular-btn-label,
1202
+ .np-circular-btn-secondary-negative .np-circular-btn-label {
1203
+ color: var(--color-sentiment-negative-primary);
1606
1204
  }
1607
- .np-theme-personal .np-circular-btn.negative.secondary .tw-icon {
1608
- color: var(--color-sentiment-negative);
1205
+ .np-circular-btn-primary-negative .np-circular-btn-label:not(.disabled):not(:disabled):hover,
1206
+ .np-circular-btn-secondary-negative .np-circular-btn-label:not(.disabled):not(:disabled):hover {
1207
+ color: var(--color-sentiment-negative-primary-hover);
1609
1208
  }
1610
- .np-theme-personal .np-circular-btn.negative.secondary:not(.disabled):not(:disabled):hover .tw-icon,
1611
- .np-theme-personal .np-circular-btn.negative.secondary input[type="button"]:active + .tw-icon {
1612
- color: white;
1613
- color: var(--color-interactive-control);
1209
+ .np-circular-btn-primary-negative .np-circular-btn-label:not(.disabled):not(:disabled):active,
1210
+ .np-circular-btn-secondary-negative .np-circular-btn-label:not(.disabled):not(:disabled):active {
1211
+ color: var(--color-sentiment-negative-primary-active);
1614
1212
  }
1615
- .np-theme-personal .np-circular-btn.negative.secondary:active input[type="button"] + .tw-icon {
1616
- color: var(--color-interactive-control);
1213
+ .np-circular-btn-disabled {
1214
+ cursor: not-allowed;
1617
1215
  }
1618
1216
  .np-circle {
1619
1217
  border-radius: 9999px;
@@ -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,sCAuDP"}
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,sCAgDP"}
@@ -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 +1 @@
1
- {"version":3,"file":"AvatarView.d.ts","sourceRoot":"","sources":["../../../src/avatarView/AvatarView.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAe,UAAU,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAI5E,OAAO,EAAE,cAAc,EAA+B,MAAM,OAAO,CAAC;AAEpE,OAAO,EAA4B,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAM/F,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,GAC/D,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC,GAAG;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,CAAC;AAEJ,MAAM,MAAM,KAAK,GAAG;IAClB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,mBAAmB,GAAG,mBAAmB,CAAC;IACxD,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,QAAQ,GAAG,iBAAiB,GAAG,OAAO,CAAC,CAAC;CAC3E,GAAG,IAAI,CACN,cAAc,CAAC,cAAc,CAAC,EAC9B,WAAW,GAAG,UAAU,GAAG,MAAM,GAAG,YAAY,GAAG,iBAAiB,GAAG,aAAa,CACrF,CAAC;AAEF,iBAAS,UAAU,CAAC,EAClB,QAAoB,EACpB,IAAS,EACT,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,WAAmB,EACnB,SAAS,EACT,KAAK,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,GAAG,SAAS,EACb,EAAE,KAAK,+BA+BP;AAwFD,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"AvatarView.d.ts","sourceRoot":"","sources":["../../../src/avatarView/AvatarView.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAe,UAAU,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAI5E,OAAO,EAAE,cAAc,EAA+B,MAAM,OAAO,CAAC;AAEpE,OAAO,EAA4B,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAM/F,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,GAC/D,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC,GAAG;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,CAAC;AAEJ,MAAM,MAAM,KAAK,GAAG;IAClB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,mBAAmB,GAAG,mBAAmB,CAAC;IACxD,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,QAAQ,GAAG,iBAAiB,GAAG,OAAO,CAAC,CAAC;CAC3E,GAAG,IAAI,CACN,cAAc,CAAC,cAAc,CAAC,EAC9B,WAAW,GAAG,UAAU,GAAG,MAAM,GAAG,YAAY,GAAG,iBAAiB,GAAG,aAAa,CACrF,CAAC;AAEF,iBAAS,UAAU,CAAC,EAClB,QAAoB,EACpB,IAAS,EACT,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,WAAmB,EACnB,SAAS,EACT,KAAK,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,GAAG,SAAS,EACb,EAAE,KAAK,+BAkCP;AAmGD,eAAe,UAAU,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":"AAaA,QAAA,MAAM,MAAM,yOA0GX,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,15 +1,22 @@
1
1
  import { ControlType, Priority } from '../common';
2
+ /**
3
+ * @deprecated use `'default'` instead
4
+ */
5
+ type DeprecatedTypes = `${ControlType.ACCENT | ControlType.POSITIVE}`;
2
6
  export interface CircularButtonProps {
3
7
  className?: string;
4
8
  children: string;
5
9
  disabled?: boolean;
6
10
  icon: React.ReactElement<{
7
11
  size?: unknown;
8
- }>;
9
- onClick?: React.MouseEventHandler<HTMLInputElement>;
12
+ }> | React.ReactNode;
13
+ onClick?: React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLButtonElement> & React.MouseEventHandler<HTMLAnchorElement>;
10
14
  priority?: `${Priority.PRIMARY | Priority.SECONDARY}`;
11
- type?: `${ControlType.ACCENT | ControlType.POSITIVE | ControlType.NEGATIVE}`;
15
+ /**
16
+ * `"accent"` and `"positive"` values are **deprecated**, please use `"default"` instead
17
+ */
18
+ type?: DeprecatedTypes | 'default' | `${ControlType.NEGATIVE}`;
12
19
  }
13
- declare const CircularButton: ({ className, children, disabled, icon, priority, type, ...rest }: CircularButtonProps) => import("react").JSX.Element;
20
+ declare const CircularButton: ({ className, children, disabled, icon, onClick, priority, type, }: CircularButtonProps) => import("react").JSX.Element;
14
21
  export default CircularButton;
15
22
  //# sourceMappingURL=CircularButton.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CircularButton.d.ts","sourceRoot":"","sources":["../../../src/circularButton/CircularButton.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAc,WAAW,EAAE,QAAQ,EAAc,MAAM,WAAW,CAAC;AAI1E,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACpD,QAAQ,CAAC,EAAE,GAAG,QAAQ,CAAC,OAAO,GAAG,QAAQ,CAAC,SAAS,EAAE,CAAC;IACtD,IAAI,CAAC,EAAE,GAAG,WAAW,CAAC,MAAM,GAAG,WAAW,CAAC,QAAQ,GAAG,WAAW,CAAC,QAAQ,EAAE,CAAC;CAC9E;AAED,QAAA,MAAM,cAAc,qEAQjB,mBAAmB,gCAyBrB,CAAC;AAEF,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"CircularButton.d.ts","sourceRoot":"","sources":["../../../src/circularButton/CircularButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAc,WAAW,EAAE,QAAQ,EAAc,MAAM,WAAW,CAAC;AAI1E;;GAEG;AACH,KAAK,eAAe,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,WAAW,CAAC,QAAQ,EAAE,CAAC;AAEtE,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;IAC/D,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,GACjD,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,GAC1C,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,GAAG,QAAQ,CAAC,OAAO,GAAG,QAAQ,CAAC,SAAS,EAAE,CAAC;IACtD;;OAEG;IACH,IAAI,CAAC,EAAE,eAAe,GAAG,SAAS,GAAG,GAAG,WAAW,CAAC,QAAQ,EAAE,CAAC;CAChE;AAED,QAAA,MAAM,cAAc,sEAQjB,mBAAmB,gCA8BrB,CAAC;AAEF,eAAe,cAAc,CAAC"}
@@ -8,12 +8,11 @@ export interface DefinitionListDefinition {
8
8
  value: React.ReactNode;
9
9
  key: string;
10
10
  }
11
- type DefinitionListLayout = `${Layout.VERTICAL_TWO_COLUMN | Layout.VERTICAL_ONE_COLUMN | Layout.HORIZONTAL_JUSTIFIED | Layout.HORIZONTAL_LEFT_ALIGNED | Layout.HORIZONTAL_RIGHT_ALIGNED}`;
11
+ export type DefinitionListLayout = `${Layout.VERTICAL_TWO_COLUMN | Layout.VERTICAL_ONE_COLUMN | Layout.HORIZONTAL_JUSTIFIED | Layout.HORIZONTAL_LEFT_ALIGNED | Layout.HORIZONTAL_RIGHT_ALIGNED}`;
12
12
  export interface DefinitionListProps {
13
13
  definitions?: DefinitionListDefinition[];
14
14
  layout?: DefinitionListLayout;
15
15
  muted?: boolean;
16
16
  }
17
17
  export default function DefinitionList({ definitions, layout, muted, }: DefinitionListProps): import("react").JSX.Element;
18
- export {};
19
18
  //# sourceMappingURL=DefinitionList.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DefinitionList.d.ts","sourceRoot":"","sources":["../../../src/definitionList/DefinitionList.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,MAAM,WAAW,wBAAwB;IACvC,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;KACtD,CAAC;IACF,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,KAAK,oBAAoB,GACvB,GAAG,MAAM,CAAC,mBAAmB,GAAG,MAAM,CAAC,mBAAmB,GAAG,MAAM,CAAC,oBAAoB,GAAG,MAAM,CAAC,uBAAuB,GAAG,MAAM,CAAC,wBAAwB,EAAE,CAAC;AAEhK,MAAM,WAAW,mBAAmB;IAClC,WAAW,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACzC,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAoCD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,WAAgC,EAChC,MAA8B,EAC9B,KAAK,GACN,EAAE,mBAAmB,+BAmCrB"}
1
+ {"version":3,"file":"DefinitionList.d.ts","sourceRoot":"","sources":["../../../src/definitionList/DefinitionList.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,MAAM,WAAW,wBAAwB;IACvC,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;KACtD,CAAC;IACF,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,MAAM,oBAAoB,GAC9B,GAAG,MAAM,CAAC,mBAAmB,GAAG,MAAM,CAAC,mBAAmB,GAAG,MAAM,CAAC,oBAAoB,GAAG,MAAM,CAAC,uBAAuB,GAAG,MAAM,CAAC,wBAAwB,EAAE,CAAC;AAEhK,MAAM,WAAW,mBAAmB;IAClC,WAAW,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACzC,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAoCD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,WAAgC,EAChC,MAA8B,EAC9B,KAAK,GACN,EAAE,mBAAmB,+BAmCrB"}
@@ -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"}
@@ -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,7 +12,7 @@ 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 */