carbon-react 110.1.1 → 110.2.0

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 (119) hide show
  1. package/esm/__internal__/form-field/form-field.component.d.ts +5 -1
  2. package/esm/__internal__/form-field/form-field.component.js +8 -5
  3. package/esm/__internal__/utils/helpers/tags/tags.d.ts +5 -2
  4. package/esm/__spec_helper__/mock-match-media.d.ts +3 -1
  5. package/esm/__spec_helper__/test-utils.d.ts +3 -2
  6. package/esm/__spec_helper__/test-utils.js +17 -1
  7. package/esm/components/box/box.component.d.ts +4 -2
  8. package/esm/components/box/box.component.js +2 -1
  9. package/esm/components/button-toggle/button-toggle-icon.component.d.ts +15 -0
  10. package/esm/components/button-toggle/button-toggle-icon.component.js +19 -16
  11. package/esm/components/button-toggle/button-toggle-input.component.d.ts +25 -0
  12. package/esm/components/button-toggle/button-toggle-input.component.js +13 -25
  13. package/esm/components/button-toggle/button-toggle.component.d.ts +24 -0
  14. package/esm/components/button-toggle/button-toggle.component.js +23 -59
  15. package/esm/components/button-toggle/button-toggle.style.d.ts +26 -0
  16. package/esm/components/button-toggle/button-toggle.style.js +3 -8
  17. package/esm/components/button-toggle/index.d.ts +2 -2
  18. package/esm/components/content/content.style.js +0 -1
  19. package/esm/components/date/__internal__/utils.js +1 -1
  20. package/esm/components/dismissible-box/dismissible-box.component.js +398 -0
  21. package/esm/components/loader/index.d.ts +2 -1
  22. package/esm/components/loader/loader-square.style.d.ts +9 -1
  23. package/esm/components/loader/loader-square.style.js +4 -11
  24. package/esm/components/loader/loader.component.d.ts +9 -0
  25. package/esm/components/loader/loader.component.js +162 -24
  26. package/esm/components/loader/loader.config.d.ts +1 -1
  27. package/esm/components/loader/loader.style.d.ts +2 -0
  28. package/esm/components/loader-bar/index.d.ts +2 -1
  29. package/esm/components/loader-bar/loader-bar.component.d.ts +7 -0
  30. package/esm/components/loader-bar/loader-bar.component.js +156 -7
  31. package/esm/components/loader-bar/loader-bar.config.d.ts +1 -0
  32. package/esm/components/loader-bar/loader-bar.style.d.ts +10 -0
  33. package/esm/components/loader-bar/loader-bar.style.js +14 -25
  34. package/esm/components/pod/pod.component.js +1 -0
  35. package/esm/components/pod/pod.style.js +8 -4
  36. package/esm/components/portal/portal.d.ts +15 -12
  37. package/esm/components/portal/portal.js +3 -13
  38. package/esm/components/portrait/index.d.ts +2 -1
  39. package/esm/components/portrait/portrait-gravatar.component.d.ts +16 -0
  40. package/esm/components/portrait/portrait-gravatar.component.js +9 -24
  41. package/esm/components/portrait/portrait-initials.component.d.ts +16 -0
  42. package/esm/components/portrait/portrait-initials.component.js +22 -33
  43. package/esm/components/portrait/portrait.component.d.ts +50 -0
  44. package/esm/components/portrait/portrait.component.js +178 -72
  45. package/esm/components/portrait/portrait.config.d.ts +32 -0
  46. package/esm/components/portrait/portrait.style.d.ts +28 -0
  47. package/esm/components/portrait/portrait.style.js +7 -55
  48. package/esm/components/profile/profile.style.d.ts +2 -2
  49. package/esm/components/show-edit-pod/show-edit-pod.style.js +1 -8
  50. package/esm/style/fonts.css +19 -12
  51. package/esm/style/utils/filter-out-position-props.d.ts +3 -0
  52. package/esm/style/utils/filter-out-position-props.js +5 -0
  53. package/lib/__internal__/form-field/form-field.component.d.ts +5 -1
  54. package/lib/__internal__/form-field/form-field.component.js +8 -5
  55. package/lib/__internal__/utils/helpers/tags/tags.d.ts +5 -2
  56. package/lib/__spec_helper__/mock-match-media.d.ts +3 -1
  57. package/lib/__spec_helper__/test-utils.d.ts +3 -2
  58. package/lib/__spec_helper__/test-utils.js +20 -2
  59. package/lib/components/box/box.component.d.ts +4 -2
  60. package/lib/components/box/box.component.js +1 -0
  61. package/lib/components/button-toggle/button-toggle-icon.component.d.ts +15 -0
  62. package/lib/components/button-toggle/button-toggle-icon.component.js +19 -16
  63. package/lib/components/button-toggle/button-toggle-input.component.d.ts +25 -0
  64. package/lib/components/button-toggle/button-toggle-input.component.js +13 -25
  65. package/lib/components/button-toggle/button-toggle.component.d.ts +24 -0
  66. package/lib/components/button-toggle/button-toggle.component.js +24 -60
  67. package/lib/components/button-toggle/button-toggle.style.d.ts +26 -0
  68. package/lib/components/button-toggle/button-toggle.style.js +6 -12
  69. package/lib/components/button-toggle/index.d.ts +2 -2
  70. package/lib/components/content/content.style.js +0 -1
  71. package/lib/components/date/__internal__/utils.js +1 -1
  72. package/lib/components/dismissible-box/dismissible-box.component.js +398 -0
  73. package/lib/components/loader/index.d.ts +2 -1
  74. package/lib/components/loader/loader-square.style.d.ts +9 -1
  75. package/lib/components/loader/loader-square.style.js +4 -15
  76. package/lib/components/loader/loader.component.d.ts +9 -0
  77. package/lib/components/loader/loader.component.js +163 -28
  78. package/lib/components/loader/loader.config.d.ts +1 -1
  79. package/lib/components/loader/loader.style.d.ts +2 -0
  80. package/lib/components/loader-bar/index.d.ts +2 -1
  81. package/lib/components/loader-bar/loader-bar.component.d.ts +7 -0
  82. package/lib/components/loader-bar/loader-bar.component.js +156 -10
  83. package/lib/components/loader-bar/loader-bar.config.d.ts +1 -0
  84. package/lib/components/loader-bar/loader-bar.style.d.ts +10 -0
  85. package/lib/components/loader-bar/loader-bar.style.js +13 -27
  86. package/lib/components/pod/pod.component.js +1 -0
  87. package/lib/components/pod/pod.style.js +8 -4
  88. package/lib/components/portal/portal.d.ts +15 -12
  89. package/lib/components/portal/portal.js +3 -14
  90. package/lib/components/portrait/index.d.ts +2 -1
  91. package/lib/components/portrait/portrait-gravatar.component.d.ts +16 -0
  92. package/lib/components/portrait/portrait-gravatar.component.js +9 -24
  93. package/lib/components/portrait/portrait-initials.component.d.ts +16 -0
  94. package/lib/components/portrait/portrait-initials.component.js +22 -33
  95. package/lib/components/portrait/portrait.component.d.ts +50 -0
  96. package/lib/components/portrait/portrait.component.js +179 -75
  97. package/lib/components/portrait/portrait.config.d.ts +32 -0
  98. package/lib/components/portrait/portrait.style.d.ts +28 -0
  99. package/lib/components/portrait/portrait.style.js +9 -59
  100. package/lib/components/profile/profile.style.d.ts +2 -2
  101. package/lib/components/show-edit-pod/show-edit-pod.style.js +1 -12
  102. package/lib/style/fonts.css +19 -12
  103. package/lib/style/utils/filter-out-position-props.d.ts +3 -0
  104. package/lib/style/utils/filter-out-position-props.js +18 -0
  105. package/package.json +4 -3
  106. package/esm/components/button-toggle/button-toggle-types.d.ts +0 -1
  107. package/esm/components/button-toggle/button-toggle.d.ts +0 -45
  108. package/esm/components/loader/loader.d.ts +0 -16
  109. package/esm/components/loader-bar/loader-bar.d.ts +0 -10
  110. package/esm/components/portrait/portrait-gravatar.d.ts +0 -18
  111. package/esm/components/portrait/portrait-initials.d.ts +0 -18
  112. package/esm/components/portrait/portrait.d.ts +0 -54
  113. package/lib/components/button-toggle/button-toggle-types.d.ts +0 -1
  114. package/lib/components/button-toggle/button-toggle.d.ts +0 -45
  115. package/lib/components/loader/loader.d.ts +0 -16
  116. package/lib/components/loader-bar/loader-bar.d.ts +0 -10
  117. package/lib/components/portrait/portrait-gravatar.d.ts +0 -18
  118. package/lib/components/portrait/portrait-initials.d.ts +0 -18
  119. package/lib/components/portrait/portrait.d.ts +0 -54
@@ -358,6 +358,105 @@ DismissibleBox.propTypes = {
358
358
  "toString": PropTypes.func.isRequired,
359
359
  "valueOf": PropTypes.func.isRequired
360
360
  }), PropTypes.string]),
361
+ "bottom": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
362
+ "__@iterator": PropTypes.func.isRequired,
363
+ "anchor": PropTypes.func.isRequired,
364
+ "big": PropTypes.func.isRequired,
365
+ "blink": PropTypes.func.isRequired,
366
+ "bold": PropTypes.func.isRequired,
367
+ "charAt": PropTypes.func.isRequired,
368
+ "charCodeAt": PropTypes.func.isRequired,
369
+ "codePointAt": PropTypes.func.isRequired,
370
+ "concat": PropTypes.func.isRequired,
371
+ "endsWith": PropTypes.func.isRequired,
372
+ "fixed": PropTypes.func.isRequired,
373
+ "fontcolor": PropTypes.func.isRequired,
374
+ "fontsize": PropTypes.func.isRequired,
375
+ "includes": PropTypes.func.isRequired,
376
+ "indexOf": PropTypes.func.isRequired,
377
+ "italics": PropTypes.func.isRequired,
378
+ "lastIndexOf": PropTypes.func.isRequired,
379
+ "length": PropTypes.number.isRequired,
380
+ "link": PropTypes.func.isRequired,
381
+ "localeCompare": PropTypes.func.isRequired,
382
+ "match": PropTypes.func.isRequired,
383
+ "matchAll": PropTypes.func.isRequired,
384
+ "normalize": PropTypes.func.isRequired,
385
+ "padEnd": PropTypes.func.isRequired,
386
+ "padStart": PropTypes.func.isRequired,
387
+ "repeat": PropTypes.func.isRequired,
388
+ "replace": PropTypes.func.isRequired,
389
+ "search": PropTypes.func.isRequired,
390
+ "slice": PropTypes.func.isRequired,
391
+ "small": PropTypes.func.isRequired,
392
+ "split": PropTypes.func.isRequired,
393
+ "startsWith": PropTypes.func.isRequired,
394
+ "strike": PropTypes.func.isRequired,
395
+ "sub": PropTypes.func.isRequired,
396
+ "substr": PropTypes.func.isRequired,
397
+ "substring": PropTypes.func.isRequired,
398
+ "sup": PropTypes.func.isRequired,
399
+ "toLocaleLowerCase": PropTypes.func.isRequired,
400
+ "toLocaleUpperCase": PropTypes.func.isRequired,
401
+ "toLowerCase": PropTypes.func.isRequired,
402
+ "toString": PropTypes.func.isRequired,
403
+ "toUpperCase": PropTypes.func.isRequired,
404
+ "trim": PropTypes.func.isRequired,
405
+ "trimEnd": PropTypes.func.isRequired,
406
+ "trimLeft": PropTypes.func.isRequired,
407
+ "trimRight": PropTypes.func.isRequired,
408
+ "trimStart": PropTypes.func.isRequired,
409
+ "valueOf": PropTypes.func.isRequired
410
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
411
+ "__@iterator": PropTypes.func.isRequired,
412
+ "anchor": PropTypes.func.isRequired,
413
+ "big": PropTypes.func.isRequired,
414
+ "blink": PropTypes.func.isRequired,
415
+ "bold": PropTypes.func.isRequired,
416
+ "charAt": PropTypes.func.isRequired,
417
+ "charCodeAt": PropTypes.func.isRequired,
418
+ "codePointAt": PropTypes.func.isRequired,
419
+ "concat": PropTypes.func.isRequired,
420
+ "endsWith": PropTypes.func.isRequired,
421
+ "fixed": PropTypes.func.isRequired,
422
+ "fontcolor": PropTypes.func.isRequired,
423
+ "fontsize": PropTypes.func.isRequired,
424
+ "includes": PropTypes.func.isRequired,
425
+ "indexOf": PropTypes.func.isRequired,
426
+ "italics": PropTypes.func.isRequired,
427
+ "lastIndexOf": PropTypes.func.isRequired,
428
+ "length": PropTypes.number.isRequired,
429
+ "link": PropTypes.func.isRequired,
430
+ "localeCompare": PropTypes.func.isRequired,
431
+ "match": PropTypes.func.isRequired,
432
+ "matchAll": PropTypes.func.isRequired,
433
+ "normalize": PropTypes.func.isRequired,
434
+ "padEnd": PropTypes.func.isRequired,
435
+ "padStart": PropTypes.func.isRequired,
436
+ "repeat": PropTypes.func.isRequired,
437
+ "replace": PropTypes.func.isRequired,
438
+ "search": PropTypes.func.isRequired,
439
+ "slice": PropTypes.func.isRequired,
440
+ "small": PropTypes.func.isRequired,
441
+ "split": PropTypes.func.isRequired,
442
+ "startsWith": PropTypes.func.isRequired,
443
+ "strike": PropTypes.func.isRequired,
444
+ "sub": PropTypes.func.isRequired,
445
+ "substr": PropTypes.func.isRequired,
446
+ "substring": PropTypes.func.isRequired,
447
+ "sup": PropTypes.func.isRequired,
448
+ "toLocaleLowerCase": PropTypes.func.isRequired,
449
+ "toLocaleUpperCase": PropTypes.func.isRequired,
450
+ "toLowerCase": PropTypes.func.isRequired,
451
+ "toString": PropTypes.func.isRequired,
452
+ "toUpperCase": PropTypes.func.isRequired,
453
+ "trim": PropTypes.func.isRequired,
454
+ "trimEnd": PropTypes.func.isRequired,
455
+ "trimLeft": PropTypes.func.isRequired,
456
+ "trimRight": PropTypes.func.isRequired,
457
+ "trimStart": PropTypes.func.isRequired,
458
+ "valueOf": PropTypes.func.isRequired
459
+ }), PropTypes.string]),
361
460
  "boxSizing": PropTypes.oneOf(["border-box", "content-box"]),
362
461
  "children": PropTypes.node,
363
462
  "color": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
@@ -899,6 +998,105 @@ DismissibleBox.propTypes = {
899
998
  "trimStart": PropTypes.func.isRequired,
900
999
  "valueOf": PropTypes.func.isRequired
901
1000
  })]),
1001
+ "left": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
1002
+ "__@iterator": PropTypes.func.isRequired,
1003
+ "anchor": PropTypes.func.isRequired,
1004
+ "big": PropTypes.func.isRequired,
1005
+ "blink": PropTypes.func.isRequired,
1006
+ "bold": PropTypes.func.isRequired,
1007
+ "charAt": PropTypes.func.isRequired,
1008
+ "charCodeAt": PropTypes.func.isRequired,
1009
+ "codePointAt": PropTypes.func.isRequired,
1010
+ "concat": PropTypes.func.isRequired,
1011
+ "endsWith": PropTypes.func.isRequired,
1012
+ "fixed": PropTypes.func.isRequired,
1013
+ "fontcolor": PropTypes.func.isRequired,
1014
+ "fontsize": PropTypes.func.isRequired,
1015
+ "includes": PropTypes.func.isRequired,
1016
+ "indexOf": PropTypes.func.isRequired,
1017
+ "italics": PropTypes.func.isRequired,
1018
+ "lastIndexOf": PropTypes.func.isRequired,
1019
+ "length": PropTypes.number.isRequired,
1020
+ "link": PropTypes.func.isRequired,
1021
+ "localeCompare": PropTypes.func.isRequired,
1022
+ "match": PropTypes.func.isRequired,
1023
+ "matchAll": PropTypes.func.isRequired,
1024
+ "normalize": PropTypes.func.isRequired,
1025
+ "padEnd": PropTypes.func.isRequired,
1026
+ "padStart": PropTypes.func.isRequired,
1027
+ "repeat": PropTypes.func.isRequired,
1028
+ "replace": PropTypes.func.isRequired,
1029
+ "search": PropTypes.func.isRequired,
1030
+ "slice": PropTypes.func.isRequired,
1031
+ "small": PropTypes.func.isRequired,
1032
+ "split": PropTypes.func.isRequired,
1033
+ "startsWith": PropTypes.func.isRequired,
1034
+ "strike": PropTypes.func.isRequired,
1035
+ "sub": PropTypes.func.isRequired,
1036
+ "substr": PropTypes.func.isRequired,
1037
+ "substring": PropTypes.func.isRequired,
1038
+ "sup": PropTypes.func.isRequired,
1039
+ "toLocaleLowerCase": PropTypes.func.isRequired,
1040
+ "toLocaleUpperCase": PropTypes.func.isRequired,
1041
+ "toLowerCase": PropTypes.func.isRequired,
1042
+ "toString": PropTypes.func.isRequired,
1043
+ "toUpperCase": PropTypes.func.isRequired,
1044
+ "trim": PropTypes.func.isRequired,
1045
+ "trimEnd": PropTypes.func.isRequired,
1046
+ "trimLeft": PropTypes.func.isRequired,
1047
+ "trimRight": PropTypes.func.isRequired,
1048
+ "trimStart": PropTypes.func.isRequired,
1049
+ "valueOf": PropTypes.func.isRequired
1050
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
1051
+ "__@iterator": PropTypes.func.isRequired,
1052
+ "anchor": PropTypes.func.isRequired,
1053
+ "big": PropTypes.func.isRequired,
1054
+ "blink": PropTypes.func.isRequired,
1055
+ "bold": PropTypes.func.isRequired,
1056
+ "charAt": PropTypes.func.isRequired,
1057
+ "charCodeAt": PropTypes.func.isRequired,
1058
+ "codePointAt": PropTypes.func.isRequired,
1059
+ "concat": PropTypes.func.isRequired,
1060
+ "endsWith": PropTypes.func.isRequired,
1061
+ "fixed": PropTypes.func.isRequired,
1062
+ "fontcolor": PropTypes.func.isRequired,
1063
+ "fontsize": PropTypes.func.isRequired,
1064
+ "includes": PropTypes.func.isRequired,
1065
+ "indexOf": PropTypes.func.isRequired,
1066
+ "italics": PropTypes.func.isRequired,
1067
+ "lastIndexOf": PropTypes.func.isRequired,
1068
+ "length": PropTypes.number.isRequired,
1069
+ "link": PropTypes.func.isRequired,
1070
+ "localeCompare": PropTypes.func.isRequired,
1071
+ "match": PropTypes.func.isRequired,
1072
+ "matchAll": PropTypes.func.isRequired,
1073
+ "normalize": PropTypes.func.isRequired,
1074
+ "padEnd": PropTypes.func.isRequired,
1075
+ "padStart": PropTypes.func.isRequired,
1076
+ "repeat": PropTypes.func.isRequired,
1077
+ "replace": PropTypes.func.isRequired,
1078
+ "search": PropTypes.func.isRequired,
1079
+ "slice": PropTypes.func.isRequired,
1080
+ "small": PropTypes.func.isRequired,
1081
+ "split": PropTypes.func.isRequired,
1082
+ "startsWith": PropTypes.func.isRequired,
1083
+ "strike": PropTypes.func.isRequired,
1084
+ "sub": PropTypes.func.isRequired,
1085
+ "substr": PropTypes.func.isRequired,
1086
+ "substring": PropTypes.func.isRequired,
1087
+ "sup": PropTypes.func.isRequired,
1088
+ "toLocaleLowerCase": PropTypes.func.isRequired,
1089
+ "toLocaleUpperCase": PropTypes.func.isRequired,
1090
+ "toLowerCase": PropTypes.func.isRequired,
1091
+ "toString": PropTypes.func.isRequired,
1092
+ "toUpperCase": PropTypes.func.isRequired,
1093
+ "trim": PropTypes.func.isRequired,
1094
+ "trimEnd": PropTypes.func.isRequired,
1095
+ "trimLeft": PropTypes.func.isRequired,
1096
+ "trimRight": PropTypes.func.isRequired,
1097
+ "trimStart": PropTypes.func.isRequired,
1098
+ "valueOf": PropTypes.func.isRequired
1099
+ }), PropTypes.string]),
902
1100
  "m": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
903
1101
  "__@toStringTag": PropTypes.string.isRequired,
904
1102
  "description": PropTypes.string,
@@ -1776,6 +1974,7 @@ DismissibleBox.propTypes = {
1776
1974
  "toString": PropTypes.func.isRequired,
1777
1975
  "valueOf": PropTypes.func.isRequired
1778
1976
  }), PropTypes.string]),
1977
+ "position": PropTypes.oneOfType([PropTypes.oneOf(["-moz-initial", "-webkit-sticky", "absolute", "fixed", "inherit", "initial", "relative", "revert", "static", "sticky", "unset"]), PropTypes.arrayOf(PropTypes.oneOf(["-moz-initial", "-webkit-sticky", "absolute", "fixed", "inherit", "initial", "relative", "revert", "static", "sticky", "unset", null])), PropTypes.object]),
1779
1978
  "pr": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
1780
1979
  "__@toStringTag": PropTypes.string.isRequired,
1781
1980
  "description": PropTypes.string,
@@ -1820,6 +2019,105 @@ DismissibleBox.propTypes = {
1820
2019
  "toString": PropTypes.func.isRequired,
1821
2020
  "valueOf": PropTypes.func.isRequired
1822
2021
  }), PropTypes.string]),
2022
+ "right": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
2023
+ "__@iterator": PropTypes.func.isRequired,
2024
+ "anchor": PropTypes.func.isRequired,
2025
+ "big": PropTypes.func.isRequired,
2026
+ "blink": PropTypes.func.isRequired,
2027
+ "bold": PropTypes.func.isRequired,
2028
+ "charAt": PropTypes.func.isRequired,
2029
+ "charCodeAt": PropTypes.func.isRequired,
2030
+ "codePointAt": PropTypes.func.isRequired,
2031
+ "concat": PropTypes.func.isRequired,
2032
+ "endsWith": PropTypes.func.isRequired,
2033
+ "fixed": PropTypes.func.isRequired,
2034
+ "fontcolor": PropTypes.func.isRequired,
2035
+ "fontsize": PropTypes.func.isRequired,
2036
+ "includes": PropTypes.func.isRequired,
2037
+ "indexOf": PropTypes.func.isRequired,
2038
+ "italics": PropTypes.func.isRequired,
2039
+ "lastIndexOf": PropTypes.func.isRequired,
2040
+ "length": PropTypes.number.isRequired,
2041
+ "link": PropTypes.func.isRequired,
2042
+ "localeCompare": PropTypes.func.isRequired,
2043
+ "match": PropTypes.func.isRequired,
2044
+ "matchAll": PropTypes.func.isRequired,
2045
+ "normalize": PropTypes.func.isRequired,
2046
+ "padEnd": PropTypes.func.isRequired,
2047
+ "padStart": PropTypes.func.isRequired,
2048
+ "repeat": PropTypes.func.isRequired,
2049
+ "replace": PropTypes.func.isRequired,
2050
+ "search": PropTypes.func.isRequired,
2051
+ "slice": PropTypes.func.isRequired,
2052
+ "small": PropTypes.func.isRequired,
2053
+ "split": PropTypes.func.isRequired,
2054
+ "startsWith": PropTypes.func.isRequired,
2055
+ "strike": PropTypes.func.isRequired,
2056
+ "sub": PropTypes.func.isRequired,
2057
+ "substr": PropTypes.func.isRequired,
2058
+ "substring": PropTypes.func.isRequired,
2059
+ "sup": PropTypes.func.isRequired,
2060
+ "toLocaleLowerCase": PropTypes.func.isRequired,
2061
+ "toLocaleUpperCase": PropTypes.func.isRequired,
2062
+ "toLowerCase": PropTypes.func.isRequired,
2063
+ "toString": PropTypes.func.isRequired,
2064
+ "toUpperCase": PropTypes.func.isRequired,
2065
+ "trim": PropTypes.func.isRequired,
2066
+ "trimEnd": PropTypes.func.isRequired,
2067
+ "trimLeft": PropTypes.func.isRequired,
2068
+ "trimRight": PropTypes.func.isRequired,
2069
+ "trimStart": PropTypes.func.isRequired,
2070
+ "valueOf": PropTypes.func.isRequired
2071
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
2072
+ "__@iterator": PropTypes.func.isRequired,
2073
+ "anchor": PropTypes.func.isRequired,
2074
+ "big": PropTypes.func.isRequired,
2075
+ "blink": PropTypes.func.isRequired,
2076
+ "bold": PropTypes.func.isRequired,
2077
+ "charAt": PropTypes.func.isRequired,
2078
+ "charCodeAt": PropTypes.func.isRequired,
2079
+ "codePointAt": PropTypes.func.isRequired,
2080
+ "concat": PropTypes.func.isRequired,
2081
+ "endsWith": PropTypes.func.isRequired,
2082
+ "fixed": PropTypes.func.isRequired,
2083
+ "fontcolor": PropTypes.func.isRequired,
2084
+ "fontsize": PropTypes.func.isRequired,
2085
+ "includes": PropTypes.func.isRequired,
2086
+ "indexOf": PropTypes.func.isRequired,
2087
+ "italics": PropTypes.func.isRequired,
2088
+ "lastIndexOf": PropTypes.func.isRequired,
2089
+ "length": PropTypes.number.isRequired,
2090
+ "link": PropTypes.func.isRequired,
2091
+ "localeCompare": PropTypes.func.isRequired,
2092
+ "match": PropTypes.func.isRequired,
2093
+ "matchAll": PropTypes.func.isRequired,
2094
+ "normalize": PropTypes.func.isRequired,
2095
+ "padEnd": PropTypes.func.isRequired,
2096
+ "padStart": PropTypes.func.isRequired,
2097
+ "repeat": PropTypes.func.isRequired,
2098
+ "replace": PropTypes.func.isRequired,
2099
+ "search": PropTypes.func.isRequired,
2100
+ "slice": PropTypes.func.isRequired,
2101
+ "small": PropTypes.func.isRequired,
2102
+ "split": PropTypes.func.isRequired,
2103
+ "startsWith": PropTypes.func.isRequired,
2104
+ "strike": PropTypes.func.isRequired,
2105
+ "sub": PropTypes.func.isRequired,
2106
+ "substr": PropTypes.func.isRequired,
2107
+ "substring": PropTypes.func.isRequired,
2108
+ "sup": PropTypes.func.isRequired,
2109
+ "toLocaleLowerCase": PropTypes.func.isRequired,
2110
+ "toLocaleUpperCase": PropTypes.func.isRequired,
2111
+ "toLowerCase": PropTypes.func.isRequired,
2112
+ "toString": PropTypes.func.isRequired,
2113
+ "toUpperCase": PropTypes.func.isRequired,
2114
+ "trim": PropTypes.func.isRequired,
2115
+ "trimEnd": PropTypes.func.isRequired,
2116
+ "trimLeft": PropTypes.func.isRequired,
2117
+ "trimRight": PropTypes.func.isRequired,
2118
+ "trimStart": PropTypes.func.isRequired,
2119
+ "valueOf": PropTypes.func.isRequired
2120
+ }), PropTypes.string]),
1823
2121
  "scrollVariant": PropTypes.oneOf(["dark", "light"]),
1824
2122
  "size": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
1825
2123
  "__@iterator": PropTypes.func.isRequired,
@@ -1920,6 +2218,106 @@ DismissibleBox.propTypes = {
1920
2218
  "trimStart": PropTypes.func.isRequired,
1921
2219
  "valueOf": PropTypes.func.isRequired
1922
2220
  }), PropTypes.string]),
2221
+ "tabIndex": PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
2222
+ "top": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
2223
+ "__@iterator": PropTypes.func.isRequired,
2224
+ "anchor": PropTypes.func.isRequired,
2225
+ "big": PropTypes.func.isRequired,
2226
+ "blink": PropTypes.func.isRequired,
2227
+ "bold": PropTypes.func.isRequired,
2228
+ "charAt": PropTypes.func.isRequired,
2229
+ "charCodeAt": PropTypes.func.isRequired,
2230
+ "codePointAt": PropTypes.func.isRequired,
2231
+ "concat": PropTypes.func.isRequired,
2232
+ "endsWith": PropTypes.func.isRequired,
2233
+ "fixed": PropTypes.func.isRequired,
2234
+ "fontcolor": PropTypes.func.isRequired,
2235
+ "fontsize": PropTypes.func.isRequired,
2236
+ "includes": PropTypes.func.isRequired,
2237
+ "indexOf": PropTypes.func.isRequired,
2238
+ "italics": PropTypes.func.isRequired,
2239
+ "lastIndexOf": PropTypes.func.isRequired,
2240
+ "length": PropTypes.number.isRequired,
2241
+ "link": PropTypes.func.isRequired,
2242
+ "localeCompare": PropTypes.func.isRequired,
2243
+ "match": PropTypes.func.isRequired,
2244
+ "matchAll": PropTypes.func.isRequired,
2245
+ "normalize": PropTypes.func.isRequired,
2246
+ "padEnd": PropTypes.func.isRequired,
2247
+ "padStart": PropTypes.func.isRequired,
2248
+ "repeat": PropTypes.func.isRequired,
2249
+ "replace": PropTypes.func.isRequired,
2250
+ "search": PropTypes.func.isRequired,
2251
+ "slice": PropTypes.func.isRequired,
2252
+ "small": PropTypes.func.isRequired,
2253
+ "split": PropTypes.func.isRequired,
2254
+ "startsWith": PropTypes.func.isRequired,
2255
+ "strike": PropTypes.func.isRequired,
2256
+ "sub": PropTypes.func.isRequired,
2257
+ "substr": PropTypes.func.isRequired,
2258
+ "substring": PropTypes.func.isRequired,
2259
+ "sup": PropTypes.func.isRequired,
2260
+ "toLocaleLowerCase": PropTypes.func.isRequired,
2261
+ "toLocaleUpperCase": PropTypes.func.isRequired,
2262
+ "toLowerCase": PropTypes.func.isRequired,
2263
+ "toString": PropTypes.func.isRequired,
2264
+ "toUpperCase": PropTypes.func.isRequired,
2265
+ "trim": PropTypes.func.isRequired,
2266
+ "trimEnd": PropTypes.func.isRequired,
2267
+ "trimLeft": PropTypes.func.isRequired,
2268
+ "trimRight": PropTypes.func.isRequired,
2269
+ "trimStart": PropTypes.func.isRequired,
2270
+ "valueOf": PropTypes.func.isRequired
2271
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
2272
+ "__@iterator": PropTypes.func.isRequired,
2273
+ "anchor": PropTypes.func.isRequired,
2274
+ "big": PropTypes.func.isRequired,
2275
+ "blink": PropTypes.func.isRequired,
2276
+ "bold": PropTypes.func.isRequired,
2277
+ "charAt": PropTypes.func.isRequired,
2278
+ "charCodeAt": PropTypes.func.isRequired,
2279
+ "codePointAt": PropTypes.func.isRequired,
2280
+ "concat": PropTypes.func.isRequired,
2281
+ "endsWith": PropTypes.func.isRequired,
2282
+ "fixed": PropTypes.func.isRequired,
2283
+ "fontcolor": PropTypes.func.isRequired,
2284
+ "fontsize": PropTypes.func.isRequired,
2285
+ "includes": PropTypes.func.isRequired,
2286
+ "indexOf": PropTypes.func.isRequired,
2287
+ "italics": PropTypes.func.isRequired,
2288
+ "lastIndexOf": PropTypes.func.isRequired,
2289
+ "length": PropTypes.number.isRequired,
2290
+ "link": PropTypes.func.isRequired,
2291
+ "localeCompare": PropTypes.func.isRequired,
2292
+ "match": PropTypes.func.isRequired,
2293
+ "matchAll": PropTypes.func.isRequired,
2294
+ "normalize": PropTypes.func.isRequired,
2295
+ "padEnd": PropTypes.func.isRequired,
2296
+ "padStart": PropTypes.func.isRequired,
2297
+ "repeat": PropTypes.func.isRequired,
2298
+ "replace": PropTypes.func.isRequired,
2299
+ "search": PropTypes.func.isRequired,
2300
+ "slice": PropTypes.func.isRequired,
2301
+ "small": PropTypes.func.isRequired,
2302
+ "split": PropTypes.func.isRequired,
2303
+ "startsWith": PropTypes.func.isRequired,
2304
+ "strike": PropTypes.func.isRequired,
2305
+ "sub": PropTypes.func.isRequired,
2306
+ "substr": PropTypes.func.isRequired,
2307
+ "substring": PropTypes.func.isRequired,
2308
+ "sup": PropTypes.func.isRequired,
2309
+ "toLocaleLowerCase": PropTypes.func.isRequired,
2310
+ "toLocaleUpperCase": PropTypes.func.isRequired,
2311
+ "toLowerCase": PropTypes.func.isRequired,
2312
+ "toString": PropTypes.func.isRequired,
2313
+ "toUpperCase": PropTypes.func.isRequired,
2314
+ "trim": PropTypes.func.isRequired,
2315
+ "trimEnd": PropTypes.func.isRequired,
2316
+ "trimLeft": PropTypes.func.isRequired,
2317
+ "trimRight": PropTypes.func.isRequired,
2318
+ "trimStart": PropTypes.func.isRequired,
2319
+ "valueOf": PropTypes.func.isRequired
2320
+ }), PropTypes.string]),
1923
2321
  "variant": PropTypes.oneOf(["dark", "light"]),
1924
2322
  "verticalAlign": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
1925
2323
  "__@iterator": PropTypes.func.isRequired,
@@ -1 +1,2 @@
1
- export { default } from "./loader";
1
+ export { default } from "./loader.component";
2
+ export type { LoaderProps } from "./loader.component";
@@ -1,2 +1,10 @@
1
+ export interface StyledLoaderSquareProps {
2
+ /** Size of the loader. */
3
+ size?: "small" | "medium" | "large";
4
+ /** Applies white color. */
5
+ isInsideButton?: boolean;
6
+ /** Applies slate color. Available only when isInsideButton is true. */
7
+ isActive?: boolean;
8
+ }
9
+ declare const StyledLoaderSquare: import("styled-components").StyledComponent<"div", any, StyledLoaderSquareProps, never>;
1
10
  export default StyledLoaderSquare;
2
- declare const StyledLoaderSquare: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -1,6 +1,4 @@
1
1
  import styled, { css, keyframes } from "styled-components";
2
- import PropTypes from "prop-types";
3
- import { LOADER_SIZES } from "./loader.config";
4
2
  const loaderAnimation = keyframes`
5
3
  0%, 80%, 100% {
6
4
  opacity: 0;
@@ -32,10 +30,10 @@ const getDimentions = size => {
32
30
  marginRight = "6px";
33
31
  }
34
32
 
35
- return `
36
- width: ${width};
37
- height: ${width};
38
- margin-right: ${marginRight};
33
+ return css`
34
+ width: ${width};
35
+ height: ${width};
36
+ margin-right: ${marginRight};
39
37
  `;
40
38
  };
41
39
 
@@ -73,9 +71,4 @@ StyledLoaderSquare.defaultProps = {
73
71
  isInsideButton: false,
74
72
  isActive: true
75
73
  };
76
- StyledLoaderSquare.propTypes = {
77
- size: PropTypes.oneOf(LOADER_SIZES),
78
- isInsideButton: PropTypes.bool,
79
- isActive: PropTypes.bool
80
- };
81
74
  export default StyledLoaderSquare;
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ import { MarginProps } from "styled-system";
3
+ import { StyledLoaderSquareProps } from "./loader-square.style";
4
+ export interface LoaderProps extends StyledLoaderSquareProps, MarginProps {
5
+ /** Specify an aria-label for the Loader component */
6
+ "aria-label"?: string;
7
+ }
8
+ export declare const Loader: ({ "aria-label": ariaLabel, isInsideButton, isActive, size, ...rest }: LoaderProps) => JSX.Element;
9
+ export default Loader;