@protonradio/proton-ui 0.12.11 → 0.12.13

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 (129) hide show
  1. package/dist/components/Icon/IconComponents/AppleLogo.cjs.js +2 -0
  2. package/dist/components/Icon/IconComponents/AppleLogo.cjs.js.map +1 -0
  3. package/dist/components/Icon/IconComponents/AppleLogo.es.js +27 -0
  4. package/dist/components/Icon/IconComponents/AppleLogo.es.js.map +1 -0
  5. package/dist/components/Icon/IconComponents/Archive.cjs.js +2 -0
  6. package/dist/components/Icon/IconComponents/Archive.cjs.js.map +1 -0
  7. package/dist/components/Icon/IconComponents/Archive.es.js +39 -0
  8. package/dist/components/Icon/IconComponents/Archive.es.js.map +1 -0
  9. package/dist/components/Icon/IconComponents/Bank.cjs.js +2 -0
  10. package/dist/components/Icon/IconComponents/Bank.cjs.js.map +1 -0
  11. package/dist/components/Icon/IconComponents/Bank.es.js +27 -0
  12. package/dist/components/Icon/IconComponents/Bank.es.js.map +1 -0
  13. package/dist/components/Icon/IconComponents/Box.cjs.js +2 -0
  14. package/dist/components/Icon/IconComponents/Box.cjs.js.map +1 -0
  15. package/dist/components/Icon/IconComponents/Box.es.js +27 -0
  16. package/dist/components/Icon/IconComponents/Box.es.js.map +1 -0
  17. package/dist/components/Icon/IconComponents/Calendar.cjs.js +2 -0
  18. package/dist/components/Icon/IconComponents/Calendar.cjs.js.map +1 -0
  19. package/dist/components/Icon/IconComponents/Calendar.es.js +63 -0
  20. package/dist/components/Icon/IconComponents/Calendar.es.js.map +1 -0
  21. package/dist/components/Icon/IconComponents/Camera.cjs.js +2 -0
  22. package/dist/components/Icon/IconComponents/Camera.cjs.js.map +1 -0
  23. package/dist/components/Icon/IconComponents/Camera.es.js +30 -0
  24. package/dist/components/Icon/IconComponents/Camera.es.js.map +1 -0
  25. package/dist/components/Icon/IconComponents/Chatboxes.cjs.js +2 -0
  26. package/dist/components/Icon/IconComponents/Chatboxes.cjs.js.map +1 -0
  27. package/dist/components/Icon/IconComponents/Chatboxes.es.js +30 -0
  28. package/dist/components/Icon/IconComponents/Chatboxes.es.js.map +1 -0
  29. package/dist/components/Icon/IconComponents/Checkmark.cjs.js +2 -0
  30. package/dist/components/Icon/IconComponents/Checkmark.cjs.js.map +1 -0
  31. package/dist/components/Icon/IconComponents/Checkmark.es.js +31 -0
  32. package/dist/components/Icon/IconComponents/Checkmark.es.js.map +1 -0
  33. package/dist/components/Icon/IconComponents/Comment.cjs.js +2 -0
  34. package/dist/components/Icon/IconComponents/Comment.cjs.js.map +1 -0
  35. package/dist/components/Icon/IconComponents/Comment.es.js +36 -0
  36. package/dist/components/Icon/IconComponents/Comment.es.js.map +1 -0
  37. package/dist/components/Icon/IconComponents/Connections.cjs.js +2 -0
  38. package/dist/components/Icon/IconComponents/Connections.cjs.js.map +1 -0
  39. package/dist/components/Icon/IconComponents/Connections.es.js +27 -0
  40. package/dist/components/Icon/IconComponents/Connections.es.js.map +1 -0
  41. package/dist/components/Icon/IconComponents/DropboxLogo.cjs.js +2 -0
  42. package/dist/components/Icon/IconComponents/DropboxLogo.cjs.js.map +1 -0
  43. package/dist/components/Icon/IconComponents/DropboxLogo.es.js +31 -0
  44. package/dist/components/Icon/IconComponents/DropboxLogo.es.js.map +1 -0
  45. package/dist/components/Icon/IconComponents/Filter.cjs.js +2 -0
  46. package/dist/components/Icon/IconComponents/Filter.cjs.js.map +1 -0
  47. package/dist/components/Icon/IconComponents/Filter.es.js +31 -0
  48. package/dist/components/Icon/IconComponents/Filter.es.js.map +1 -0
  49. package/dist/components/Icon/IconComponents/GitHubLogo.cjs.js +2 -0
  50. package/dist/components/Icon/IconComponents/GitHubLogo.cjs.js.map +1 -0
  51. package/dist/components/Icon/IconComponents/GitHubLogo.es.js +27 -0
  52. package/dist/components/Icon/IconComponents/GitHubLogo.es.js.map +1 -0
  53. package/dist/components/Icon/IconComponents/GoogleDriveLogo.cjs.js +2 -0
  54. package/dist/components/Icon/IconComponents/GoogleDriveLogo.cjs.js.map +1 -0
  55. package/dist/components/Icon/IconComponents/GoogleDriveLogo.es.js +73 -0
  56. package/dist/components/Icon/IconComponents/GoogleDriveLogo.es.js.map +1 -0
  57. package/dist/components/Icon/IconComponents/Label.cjs.js +2 -0
  58. package/dist/components/Icon/IconComponents/Label.cjs.js.map +1 -0
  59. package/dist/components/Icon/IconComponents/Label.es.js +30 -0
  60. package/dist/components/Icon/IconComponents/Label.es.js.map +1 -0
  61. package/dist/components/Icon/IconComponents/List.cjs.js +2 -0
  62. package/dist/components/Icon/IconComponents/List.cjs.js.map +1 -0
  63. package/dist/components/Icon/IconComponents/List.es.js +36 -0
  64. package/dist/components/Icon/IconComponents/List.es.js.map +1 -0
  65. package/dist/components/Icon/IconComponents/Lock.cjs.js +2 -0
  66. package/dist/components/Icon/IconComponents/Lock.cjs.js.map +1 -0
  67. package/dist/components/Icon/IconComponents/Lock.es.js +27 -0
  68. package/dist/components/Icon/IconComponents/Lock.es.js.map +1 -0
  69. package/dist/components/Icon/IconComponents/Money.cjs.js +2 -0
  70. package/dist/components/Icon/IconComponents/Money.cjs.js.map +1 -0
  71. package/dist/components/Icon/IconComponents/Money.es.js +32 -0
  72. package/dist/components/Icon/IconComponents/Money.es.js.map +1 -0
  73. package/dist/components/Icon/IconComponents/MoneyOutline.cjs.js +2 -0
  74. package/dist/components/Icon/IconComponents/MoneyOutline.cjs.js.map +1 -0
  75. package/dist/components/Icon/IconComponents/MoneyOutline.es.js +47 -0
  76. package/dist/components/Icon/IconComponents/MoneyOutline.es.js.map +1 -0
  77. package/dist/components/Icon/IconComponents/PacmanLoader.cjs.js +2 -0
  78. package/dist/components/Icon/IconComponents/PacmanLoader.cjs.js.map +1 -0
  79. package/dist/components/Icon/IconComponents/PacmanLoader.es.js +52 -0
  80. package/dist/components/Icon/IconComponents/PacmanLoader.es.js.map +1 -0
  81. package/dist/components/Icon/IconComponents/PayPalLogo.cjs.js +2 -0
  82. package/dist/components/Icon/IconComponents/PayPalLogo.cjs.js.map +1 -0
  83. package/dist/components/Icon/IconComponents/PayPalLogo.es.js +47 -0
  84. package/dist/components/Icon/IconComponents/PayPalLogo.es.js.map +1 -0
  85. package/dist/components/Icon/IconComponents/PiggyBank.cjs.js +2 -0
  86. package/dist/components/Icon/IconComponents/PiggyBank.cjs.js.map +1 -0
  87. package/dist/components/Icon/IconComponents/PiggyBank.es.js +27 -0
  88. package/dist/components/Icon/IconComponents/PiggyBank.es.js.map +1 -0
  89. package/dist/components/Icon/IconComponents/Radio.cjs.js +2 -0
  90. package/dist/components/Icon/IconComponents/Radio.cjs.js.map +1 -0
  91. package/dist/components/Icon/IconComponents/Radio.es.js +30 -0
  92. package/dist/components/Icon/IconComponents/Radio.es.js.map +1 -0
  93. package/dist/components/Icon/IconComponents/RemoveCircle.cjs.js +2 -0
  94. package/dist/components/Icon/IconComponents/RemoveCircle.cjs.js.map +1 -0
  95. package/dist/components/Icon/IconComponents/RemoveCircle.es.js +38 -0
  96. package/dist/components/Icon/IconComponents/RemoveCircle.es.js.map +1 -0
  97. package/dist/components/Icon/IconComponents/Rocket.cjs.js +2 -0
  98. package/dist/components/Icon/IconComponents/Rocket.cjs.js.map +1 -0
  99. package/dist/components/Icon/IconComponents/Rocket.es.js +30 -0
  100. package/dist/components/Icon/IconComponents/Rocket.es.js.map +1 -0
  101. package/dist/components/Icon/IconComponents/Star.cjs.js +2 -0
  102. package/dist/components/Icon/IconComponents/Star.cjs.js.map +1 -0
  103. package/dist/components/Icon/IconComponents/Star.es.js +27 -0
  104. package/dist/components/Icon/IconComponents/Star.es.js.map +1 -0
  105. package/dist/components/Icon/IconComponents/StarCircle.cjs.js +2 -0
  106. package/dist/components/Icon/IconComponents/StarCircle.cjs.js.map +1 -0
  107. package/dist/components/Icon/IconComponents/StarCircle.es.js +27 -0
  108. package/dist/components/Icon/IconComponents/StarCircle.es.js.map +1 -0
  109. package/dist/components/Icon/IconComponents/USDCLogo.cjs.js +2 -0
  110. package/dist/components/Icon/IconComponents/USDCLogo.cjs.js.map +1 -0
  111. package/dist/components/Icon/IconComponents/USDCLogo.es.js +49 -0
  112. package/dist/components/Icon/IconComponents/USDCLogo.es.js.map +1 -0
  113. package/dist/components/Icon/IconComponents/UserAdd.cjs.js +2 -0
  114. package/dist/components/Icon/IconComponents/UserAdd.cjs.js.map +1 -0
  115. package/dist/components/Icon/IconComponents/UserAdd.es.js +27 -0
  116. package/dist/components/Icon/IconComponents/UserAdd.es.js.map +1 -0
  117. package/dist/components/Icon/IconComponents/Verified.cjs.js +2 -0
  118. package/dist/components/Icon/IconComponents/Verified.cjs.js.map +1 -0
  119. package/dist/components/Icon/IconComponents/Verified.es.js +33 -0
  120. package/dist/components/Icon/IconComponents/Verified.es.js.map +1 -0
  121. package/dist/components/Icon/IconProps.cjs.js +1 -1
  122. package/dist/components/Icon/IconProps.cjs.js.map +1 -1
  123. package/dist/components/Icon/IconProps.es.js +25 -21
  124. package/dist/components/Icon/IconProps.es.js.map +1 -1
  125. package/dist/icons.cjs.js +1 -1
  126. package/dist/icons.d.ts +219 -0
  127. package/dist/icons.es.js +194 -134
  128. package/dist/icons.es.js.map +1 -1
  129. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"IconProps.cjs.js","sources":["../../../src/components/Icon/IconProps.ts"],"sourcesContent":["import { ProtonStyleSheet } from \"../../design\";\n\nexport type ProtonColorVariable = Extract<\n keyof ProtonStyleSheet,\n `--proton-color__${string}`\n>;\n/** Prefer these for icon color so they respect theme. */\nexport type ProtonIconColor = `var(${ProtonColorVariable})`;\n\nexport const DEFAULT_SVG_XMLNS = \"http://www.w3.org/2000/svg\";\n\nexport const DEFAULT_BRAND_COLORS: Record<string, string> = {\n \"apple-music-logo\": \"#ff2d55\",\n \"amazon-music-logo\": \"#19CDD5\",\n \"bandcamp-logo\": \"#1D8FB6\",\n \"beatport-logo\": \"#01FF95\",\n \"traxsource-logo\": \"#40a0ff\",\n \"spotify-logo\": \"#1ed760\",\n \"soundcloud-logo\": \"#ff8800\",\n \"proton-logo\": \"#e26014\",\n \"youtube-logo\": \"#ff0000\",\n \"whatsapp-logo-thick\": \"#25d366\",\n \"whatsapp-logo-thin\": \"#25d366\",\n \"telegram-logo\": \"#0088cc\",\n \"facebook-logo\": \"#1877f2\",\n \"messenger-logo\": \"#0088cc\",\n \"x-twitter-logo\": \"#1da1f2\",\n \"intercom-logo\": \"#120D0C\",\n \"tiktok-logo\": \"#010101\",\n \"deezer-logo\": \"#8F00FF\",\n \"instagram-logo\": \"#000000\",\n \"yandex-logo\": \"#FED42B\",\n};\n\nexport const DEFAULT_ARIA_PROPS: Record<string, string> = {\n \"aria-hidden\": \"true\",\n focusable: \"false\",\n};\n\nexport function getDefaultIconTestId(componentName: string): string {\n return `icon:${componentName}`;\n}\n\nexport function getBrandColor(logoName: string): string {\n return DEFAULT_BRAND_COLORS[logoName] || \"currentColor\";\n}\n\n/**\n * Props shared by all decorative icon components.\n *\n * #### Available icons\n *\n * Storybook: @external https://main--6707087fc1d3b8bc748a0474.chromatic.com/?path=/docs/components-icon--docs\n *\n * Github: @external https://github.com/protonradio/proton-ui/tree/main/src/components/Icon/index.ts\n */\nexport interface IconProps {\n /**\n * Aria attributes for the icon. Icons are decorative by default.\n * @default { \"aria-hidden\": \"true\", focusable: \"false\" }\n */\n ariaProps?: Record<string, string>;\n /**\n * Icon color.\n * Prefer Proton theme tokens, e.g. `var(--proton-color__primary)`, `var(--proton-color__gray-medium)`.\n * @default for non logo icons is `currentColor`\n * @default for logo icons is the logos corresponding brand value\n * @see {@link DEFAULT_BRAND_COLORS}\n */\n color?: ProtonIconColor | string;\n /**\n * data-testid for the root SVG. When omitted, defaults to `icon:${componentName}`.\n */\n \"data-testid\"?: string;\n /**\n * Size of the icon. Accepts any CSS unit string.\n * @default 16\n */\n size?: string | number;\n}\n"],"names":["DEFAULT_SVG_XMLNS","DEFAULT_BRAND_COLORS","DEFAULT_ARIA_PROPS","getDefaultIconTestId","componentName","getBrandColor","logoName"],"mappings":"gFASO,MAAMA,EAAoB,6BAEpBC,EAA+C,CAC1D,mBAAoB,UACpB,oBAAqB,UACrB,gBAAiB,UACjB,gBAAiB,UACjB,kBAAmB,UACnB,eAAgB,UAChB,kBAAmB,UACnB,cAAe,UACf,eAAgB,UAChB,sBAAuB,UACvB,qBAAsB,UACtB,gBAAiB,UACjB,gBAAiB,UACjB,iBAAkB,UAClB,iBAAkB,UAClB,gBAAiB,UACjB,cAAe,UACf,cAAe,UACf,iBAAkB,UAClB,cAAe,SACjB,EAEaC,EAA6C,CACxD,cAAe,OACf,UAAW,OACb,EAEO,SAASC,EAAqBC,EAA+B,CAClE,MAAO,QAAQA,CAAa,EAC9B,CAEO,SAASC,EAAcC,EAA0B,CACtD,OAAOL,EAAqBK,CAAQ,GAAK,cAC3C"}
1
+ {"version":3,"file":"IconProps.cjs.js","sources":["../../../src/components/Icon/IconProps.ts"],"sourcesContent":["import { ProtonStyleSheet } from \"../../design\";\n\nexport type ProtonColorVariable = Extract<\n keyof ProtonStyleSheet,\n `--proton-color__${string}`\n>;\n/** Prefer these for icon color so they respect theme. */\nexport type ProtonIconColor = `var(${ProtonColorVariable})`;\n\nexport const DEFAULT_SVG_XMLNS = \"http://www.w3.org/2000/svg\";\n\nexport const DEFAULT_BRAND_COLORS: Record<string, string> = {\n \"amazon-music-logo\": \"#19CDD5\",\n \"apple-music-logo\": \"#ff2d55\",\n \"bandcamp-logo\": \"#1D8FB6\",\n \"beatport-logo\": \"#01FF95\",\n \"deezer-logo\": \"#8F00FF\",\n \"dropbox-logo\": \"#0061FF\",\n \"facebook-logo\": \"#1877f2\",\n \"google-drive-logo\": \"#4688F4\",\n \"instagram-logo\": \"#000000\",\n \"intercom-logo\": \"#120D0C\",\n \"messenger-logo\": \"#0088cc\",\n \"paypal-logo\": \"#253B80\",\n \"proton-logo\": \"#e26014\",\n \"soundcloud-logo\": \"#ff8800\",\n \"spotify-logo\": \"#1ed760\",\n \"telegram-logo\": \"#0088cc\",\n \"tiktok-logo\": \"#010101\",\n \"traxsource-logo\": \"#40a0ff\",\n \"usdc-logo\": \"#2775CA\",\n \"whatsapp-logo-thick\": \"#25d366\",\n \"whatsapp-logo-thin\": \"#25d366\",\n \"x-twitter-logo\": \"#1da1f2\",\n \"yandex-logo\": \"#FED42B\",\n \"youtube-logo\": \"#ff0000\",\n};\n\nexport const DEFAULT_ARIA_PROPS: Record<string, string> = {\n \"aria-hidden\": \"true\",\n focusable: \"false\",\n};\n\nexport function getDefaultIconTestId(componentName: string): string {\n return `icon:${componentName}`;\n}\n\nexport function getBrandColor(logoName: string): string {\n return DEFAULT_BRAND_COLORS[logoName] || \"currentColor\";\n}\n\n/**\n * Props shared by all decorative icon components.\n *\n * #### Available icons\n *\n * Storybook: @external https://main--6707087fc1d3b8bc748a0474.chromatic.com/?path=/docs/components-icon--docs\n *\n * Github: @external https://github.com/protonradio/proton-ui/tree/main/src/components/Icon/index.ts\n */\nexport interface IconProps {\n /**\n * Aria attributes for the icon. Icons are decorative by default.\n * @default { \"aria-hidden\": \"true\", focusable: \"false\" }\n */\n ariaProps?: Record<string, string>;\n /**\n * Icon color.\n * Prefer Proton theme tokens, e.g. `var(--proton-color__primary)`, `var(--proton-color__gray-medium)`.\n * @default for non logo icons is `currentColor`\n * @default for logo icons is the logos corresponding brand value\n * @see {@link DEFAULT_BRAND_COLORS}\n */\n color?: ProtonIconColor | string;\n /**\n * data-testid for the root SVG. When omitted, defaults to `icon:${componentName}`.\n */\n \"data-testid\"?: string;\n /**\n * Size of the icon. Accepts any CSS unit string.\n * @default 16\n */\n size?: string | number;\n}\n"],"names":["DEFAULT_SVG_XMLNS","DEFAULT_BRAND_COLORS","DEFAULT_ARIA_PROPS","getDefaultIconTestId","componentName","getBrandColor","logoName"],"mappings":"gFASO,MAAMA,EAAoB,6BAEpBC,EAA+C,CAC1D,oBAAqB,UACrB,mBAAoB,UACpB,gBAAiB,UACjB,gBAAiB,UACjB,cAAe,UACf,eAAgB,UAChB,gBAAiB,UACjB,oBAAqB,UACrB,iBAAkB,UAClB,gBAAiB,UACjB,iBAAkB,UAClB,cAAe,UACf,cAAe,UACf,kBAAmB,UACnB,eAAgB,UAChB,gBAAiB,UACjB,cAAe,UACf,kBAAmB,UACnB,YAAa,UACb,sBAAuB,UACvB,qBAAsB,UACtB,iBAAkB,UAClB,cAAe,UACf,eAAgB,SAClB,EAEaC,EAA6C,CACxD,cAAe,OACf,UAAW,OACb,EAEO,SAASC,EAAqBC,EAA+B,CAClE,MAAO,QAAQA,CAAa,EAC9B,CAEO,SAASC,EAAcC,EAA0B,CACtD,OAAOL,EAAqBK,CAAQ,GAAK,cAC3C"}
@@ -1,39 +1,43 @@
1
- const e = "http://www.w3.org/2000/svg", t = {
2
- "apple-music-logo": "#ff2d55",
1
+ const t = "http://www.w3.org/2000/svg", l = {
3
2
  "amazon-music-logo": "#19CDD5",
3
+ "apple-music-logo": "#ff2d55",
4
4
  "bandcamp-logo": "#1D8FB6",
5
5
  "beatport-logo": "#01FF95",
6
- "traxsource-logo": "#40a0ff",
7
- "spotify-logo": "#1ed760",
8
- "soundcloud-logo": "#ff8800",
6
+ "deezer-logo": "#8F00FF",
7
+ "dropbox-logo": "#0061FF",
8
+ "facebook-logo": "#1877f2",
9
+ "google-drive-logo": "#4688F4",
10
+ "instagram-logo": "#000000",
11
+ "intercom-logo": "#120D0C",
12
+ "messenger-logo": "#0088cc",
13
+ "paypal-logo": "#253B80",
9
14
  "proton-logo": "#e26014",
10
- "youtube-logo": "#ff0000",
15
+ "soundcloud-logo": "#ff8800",
16
+ "spotify-logo": "#1ed760",
17
+ "telegram-logo": "#0088cc",
18
+ "tiktok-logo": "#010101",
19
+ "traxsource-logo": "#40a0ff",
20
+ "usdc-logo": "#2775CA",
11
21
  "whatsapp-logo-thick": "#25d366",
12
22
  "whatsapp-logo-thin": "#25d366",
13
- "telegram-logo": "#0088cc",
14
- "facebook-logo": "#1877f2",
15
- "messenger-logo": "#0088cc",
16
23
  "x-twitter-logo": "#1da1f2",
17
- "intercom-logo": "#120D0C",
18
- "tiktok-logo": "#010101",
19
- "deezer-logo": "#8F00FF",
20
- "instagram-logo": "#000000",
21
- "yandex-logo": "#FED42B"
22
- }, l = {
24
+ "yandex-logo": "#FED42B",
25
+ "youtube-logo": "#ff0000"
26
+ }, g = {
23
27
  "aria-hidden": "true",
24
28
  focusable: "false"
25
29
  };
26
- function g(o) {
30
+ function e(o) {
27
31
  return `icon:${o}`;
28
32
  }
29
33
  function a(o) {
30
- return t[o] || "currentColor";
34
+ return l[o] || "currentColor";
31
35
  }
32
36
  export {
33
- l as DEFAULT_ARIA_PROPS,
34
- t as DEFAULT_BRAND_COLORS,
35
- e as DEFAULT_SVG_XMLNS,
37
+ g as DEFAULT_ARIA_PROPS,
38
+ l as DEFAULT_BRAND_COLORS,
39
+ t as DEFAULT_SVG_XMLNS,
36
40
  a as getBrandColor,
37
- g as getDefaultIconTestId
41
+ e as getDefaultIconTestId
38
42
  };
39
43
  //# sourceMappingURL=IconProps.es.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"IconProps.es.js","sources":["../../../src/components/Icon/IconProps.ts"],"sourcesContent":["import { ProtonStyleSheet } from \"../../design\";\n\nexport type ProtonColorVariable = Extract<\n keyof ProtonStyleSheet,\n `--proton-color__${string}`\n>;\n/** Prefer these for icon color so they respect theme. */\nexport type ProtonIconColor = `var(${ProtonColorVariable})`;\n\nexport const DEFAULT_SVG_XMLNS = \"http://www.w3.org/2000/svg\";\n\nexport const DEFAULT_BRAND_COLORS: Record<string, string> = {\n \"apple-music-logo\": \"#ff2d55\",\n \"amazon-music-logo\": \"#19CDD5\",\n \"bandcamp-logo\": \"#1D8FB6\",\n \"beatport-logo\": \"#01FF95\",\n \"traxsource-logo\": \"#40a0ff\",\n \"spotify-logo\": \"#1ed760\",\n \"soundcloud-logo\": \"#ff8800\",\n \"proton-logo\": \"#e26014\",\n \"youtube-logo\": \"#ff0000\",\n \"whatsapp-logo-thick\": \"#25d366\",\n \"whatsapp-logo-thin\": \"#25d366\",\n \"telegram-logo\": \"#0088cc\",\n \"facebook-logo\": \"#1877f2\",\n \"messenger-logo\": \"#0088cc\",\n \"x-twitter-logo\": \"#1da1f2\",\n \"intercom-logo\": \"#120D0C\",\n \"tiktok-logo\": \"#010101\",\n \"deezer-logo\": \"#8F00FF\",\n \"instagram-logo\": \"#000000\",\n \"yandex-logo\": \"#FED42B\",\n};\n\nexport const DEFAULT_ARIA_PROPS: Record<string, string> = {\n \"aria-hidden\": \"true\",\n focusable: \"false\",\n};\n\nexport function getDefaultIconTestId(componentName: string): string {\n return `icon:${componentName}`;\n}\n\nexport function getBrandColor(logoName: string): string {\n return DEFAULT_BRAND_COLORS[logoName] || \"currentColor\";\n}\n\n/**\n * Props shared by all decorative icon components.\n *\n * #### Available icons\n *\n * Storybook: @external https://main--6707087fc1d3b8bc748a0474.chromatic.com/?path=/docs/components-icon--docs\n *\n * Github: @external https://github.com/protonradio/proton-ui/tree/main/src/components/Icon/index.ts\n */\nexport interface IconProps {\n /**\n * Aria attributes for the icon. Icons are decorative by default.\n * @default { \"aria-hidden\": \"true\", focusable: \"false\" }\n */\n ariaProps?: Record<string, string>;\n /**\n * Icon color.\n * Prefer Proton theme tokens, e.g. `var(--proton-color__primary)`, `var(--proton-color__gray-medium)`.\n * @default for non logo icons is `currentColor`\n * @default for logo icons is the logos corresponding brand value\n * @see {@link DEFAULT_BRAND_COLORS}\n */\n color?: ProtonIconColor | string;\n /**\n * data-testid for the root SVG. When omitted, defaults to `icon:${componentName}`.\n */\n \"data-testid\"?: string;\n /**\n * Size of the icon. Accepts any CSS unit string.\n * @default 16\n */\n size?: string | number;\n}\n"],"names":["DEFAULT_SVG_XMLNS","DEFAULT_BRAND_COLORS","DEFAULT_ARIA_PROPS","getDefaultIconTestId","componentName","getBrandColor","logoName"],"mappings":"AASO,MAAMA,IAAoB,8BAEpBC,IAA+C;AAAA,EAC1D,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,EACtB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,eAAe;AACjB,GAEaC,IAA6C;AAAA,EACxD,eAAe;AAAA,EACf,WAAW;AACb;AAEO,SAASC,EAAqBC,GAA+B;AAClE,SAAO,QAAQA,CAAa;AAC9B;AAEO,SAASC,EAAcC,GAA0B;AACtD,SAAOL,EAAqBK,CAAQ,KAAK;AAC3C;"}
1
+ {"version":3,"file":"IconProps.es.js","sources":["../../../src/components/Icon/IconProps.ts"],"sourcesContent":["import { ProtonStyleSheet } from \"../../design\";\n\nexport type ProtonColorVariable = Extract<\n keyof ProtonStyleSheet,\n `--proton-color__${string}`\n>;\n/** Prefer these for icon color so they respect theme. */\nexport type ProtonIconColor = `var(${ProtonColorVariable})`;\n\nexport const DEFAULT_SVG_XMLNS = \"http://www.w3.org/2000/svg\";\n\nexport const DEFAULT_BRAND_COLORS: Record<string, string> = {\n \"amazon-music-logo\": \"#19CDD5\",\n \"apple-music-logo\": \"#ff2d55\",\n \"bandcamp-logo\": \"#1D8FB6\",\n \"beatport-logo\": \"#01FF95\",\n \"deezer-logo\": \"#8F00FF\",\n \"dropbox-logo\": \"#0061FF\",\n \"facebook-logo\": \"#1877f2\",\n \"google-drive-logo\": \"#4688F4\",\n \"instagram-logo\": \"#000000\",\n \"intercom-logo\": \"#120D0C\",\n \"messenger-logo\": \"#0088cc\",\n \"paypal-logo\": \"#253B80\",\n \"proton-logo\": \"#e26014\",\n \"soundcloud-logo\": \"#ff8800\",\n \"spotify-logo\": \"#1ed760\",\n \"telegram-logo\": \"#0088cc\",\n \"tiktok-logo\": \"#010101\",\n \"traxsource-logo\": \"#40a0ff\",\n \"usdc-logo\": \"#2775CA\",\n \"whatsapp-logo-thick\": \"#25d366\",\n \"whatsapp-logo-thin\": \"#25d366\",\n \"x-twitter-logo\": \"#1da1f2\",\n \"yandex-logo\": \"#FED42B\",\n \"youtube-logo\": \"#ff0000\",\n};\n\nexport const DEFAULT_ARIA_PROPS: Record<string, string> = {\n \"aria-hidden\": \"true\",\n focusable: \"false\",\n};\n\nexport function getDefaultIconTestId(componentName: string): string {\n return `icon:${componentName}`;\n}\n\nexport function getBrandColor(logoName: string): string {\n return DEFAULT_BRAND_COLORS[logoName] || \"currentColor\";\n}\n\n/**\n * Props shared by all decorative icon components.\n *\n * #### Available icons\n *\n * Storybook: @external https://main--6707087fc1d3b8bc748a0474.chromatic.com/?path=/docs/components-icon--docs\n *\n * Github: @external https://github.com/protonradio/proton-ui/tree/main/src/components/Icon/index.ts\n */\nexport interface IconProps {\n /**\n * Aria attributes for the icon. Icons are decorative by default.\n * @default { \"aria-hidden\": \"true\", focusable: \"false\" }\n */\n ariaProps?: Record<string, string>;\n /**\n * Icon color.\n * Prefer Proton theme tokens, e.g. `var(--proton-color__primary)`, `var(--proton-color__gray-medium)`.\n * @default for non logo icons is `currentColor`\n * @default for logo icons is the logos corresponding brand value\n * @see {@link DEFAULT_BRAND_COLORS}\n */\n color?: ProtonIconColor | string;\n /**\n * data-testid for the root SVG. When omitted, defaults to `icon:${componentName}`.\n */\n \"data-testid\"?: string;\n /**\n * Size of the icon. Accepts any CSS unit string.\n * @default 16\n */\n size?: string | number;\n}\n"],"names":["DEFAULT_SVG_XMLNS","DEFAULT_BRAND_COLORS","DEFAULT_ARIA_PROPS","getDefaultIconTestId","componentName","getBrandColor","logoName"],"mappings":"AASO,MAAMA,IAAoB,8BAEpBC,IAA+C;AAAA,EAC1D,qBAAqB;AAAA,EACrB,oBAAoB;AAAA,EACpB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,aAAa;AAAA,EACb,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,EACtB,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,gBAAgB;AAClB,GAEaC,IAA6C;AAAA,EACxD,eAAe;AAAA,EACf,WAAW;AACb;AAEO,SAASC,EAAqBC,GAA+B;AAClE,SAAO,QAAQA,CAAa;AAC9B;AAEO,SAASC,EAAcC,GAA0B;AACtD,SAAOL,EAAqBK,CAAQ,KAAK;AAC3C;"}
package/dist/icons.cjs.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/Icon/IconComponents/AlertCircle.cjs.js"),o=require("./components/Icon/IconComponents/AmazonMusicLogo.cjs.js"),r=require("./components/Icon/IconComponents/AppleMusicLogo.cjs.js"),n=require("./components/Icon/IconComponents/ArrowLeft.cjs.js"),i=require("./components/Icon/IconComponents/ArrowRight.cjs.js"),t=require("./components/Icon/IconComponents/BandcampLogo.cjs.js"),c=require("./components/Icon/IconComponents/BeatportLogo.cjs.js"),s=require("./components/Icon/IconComponents/Bell.cjs.js"),a=require("./components/Icon/IconComponents/CaretDown.cjs.js"),u=require("./components/Icon/IconComponents/CaretRight.cjs.js"),g=require("./components/Icon/IconComponents/Chart.cjs.js"),h=require("./components/Icon/IconComponents/CheckCircle.cjs.js"),l=require("./components/Icon/IconComponents/ChevronDown.cjs.js"),L=require("./components/Icon/IconComponents/ChevronLeft.cjs.js"),q=require("./components/Icon/IconComponents/ChevronRight.cjs.js"),C=require("./components/Icon/IconComponents/ChevronSquareDown.cjs.js"),p=require("./components/Icon/IconComponents/ChevronUp.cjs.js"),T=require("./components/Icon/IconComponents/Close.cjs.js"),k=require("./components/Icon/IconComponents/Cog.cjs.js"),d=require("./components/Icon/IconComponents/Copy.cjs.js"),S=require("./components/Icon/IconComponents/DangerCircle.cjs.js"),m=require("./components/Icon/IconComponents/Dashboard.cjs.js"),D=require("./components/Icon/IconComponents/DeezerLogo.cjs.js"),w=require("./components/Icon/IconComponents/Download.cjs.js"),b=require("./components/Icon/IconComponents/DragHandle.cjs.js"),P=require("./components/Icon/IconComponents/Edit.cjs.js"),f=require("./components/Icon/IconComponents/Ellipsis.cjs.js"),v=require("./components/Icon/IconComponents/EmailThick.cjs.js"),A=require("./components/Icon/IconComponents/EmailThin.cjs.js"),E=require("./components/Icon/IconComponents/ExternalLink.cjs.js"),y=require("./components/Icon/IconComponents/FacebookLogo.cjs.js"),M=require("./components/Icon/IconComponents/Globe.cjs.js"),I=require("./components/Icon/IconComponents/Hamburger.cjs.js"),x=require("./components/Icon/IconComponents/Heartbeat.cjs.js"),B=require("./components/Icon/IconComponents/Info.cjs.js"),H=require("./components/Icon/IconComponents/InfoOutline.cjs.js"),R=require("./components/Icon/IconComponents/InstagramLogo.cjs.js"),U=require("./components/Icon/IconComponents/IntercomLogo.cjs.js"),W=require("./components/Icon/IconComponents/Lightning.cjs.js"),O=require("./components/Icon/IconComponents/Link.cjs.js"),z=require("./components/Icon/IconComponents/MessengerLogo.cjs.js"),Y=require("./components/Icon/IconComponents/MusicNote.cjs.js"),F=require("./components/Icon/IconComponents/Pause.cjs.js"),G=require("./components/Icon/IconComponents/Pencil.cjs.js"),N=require("./components/Icon/IconComponents/PhoneThick.cjs.js"),Q=require("./components/Icon/IconComponents/PhoneThin.cjs.js"),X=require("./components/Icon/IconComponents/Play.cjs.js"),j=require("./components/Icon/IconComponents/ProtonLogo.cjs.js"),J=require("./components/Icon/IconComponents/Quote.cjs.js"),K=require("./components/Icon/IconComponents/Search.cjs.js"),V=require("./components/Icon/IconComponents/Share.cjs.js"),Z=require("./components/Icon/IconComponents/SignOut.cjs.js"),_=require("./components/Icon/IconComponents/SoundcloudLogo.cjs.js"),$=require("./components/Icon/IconComponents/SpotifyLogo.cjs.js"),ee=require("./components/Icon/IconComponents/Spy.cjs.js"),oe=require("./components/Icon/IconComponents/SuccessCircle.cjs.js"),re=require("./components/Icon/IconComponents/TelegramLogo.cjs.js"),ne=require("./components/Icon/IconComponents/TiktokLogo.cjs.js"),ie=require("./components/Icon/IconComponents/Tracklist.cjs.js"),te=require("./components/Icon/IconComponents/TraxsourceLogo.cjs.js"),ce=require("./components/Icon/IconComponents/TrashCan.cjs.js"),se=require("./components/Icon/IconComponents/User.cjs.js"),ae=require("./components/Icon/IconComponents/Users.cjs.js"),ue=require("./components/Icon/IconComponents/WarningTriangle.cjs.js"),ge=require("./components/Icon/IconComponents/WhatsappLogoThick.cjs.js"),he=require("./components/Icon/IconComponents/WhatsappLogoThin.cjs.js"),le=require("./components/Icon/IconComponents/XTwitterLogo.cjs.js"),Le=require("./components/Icon/IconComponents/YandexLogo.cjs.js"),qe=require("./components/Icon/IconComponents/YoutubeLogo.cjs.js");exports.AlertCircle=e.AlertCircle;exports.AmazonMusicLogo=o.AmazonMusicLogo;exports.AppleMusicLogo=r.AppleMusicLogo;exports.ArrowLeft=n.ArrowLeft;exports.ArrowRight=i.ArrowRight;exports.BandcampLogo=t.BandcampLogo;exports.BeatportLogo=c.BeatportLogo;exports.Bell=s.Bell;exports.CaretDown=a.CaretDown;exports.CaretRight=u.CaretRight;exports.Chart=g.Chart;exports.CheckCircle=h.CheckCircle;exports.ChevronDown=l.ChevronDown;exports.ChevronLeft=L.ChevronLeft;exports.ChevronRight=q.ChevronRight;exports.ChevronSquareDown=C.ChevronSquareDown;exports.ChevronUp=p.ChevronUp;exports.Close=T.Close;exports.Cog=k.Cog;exports.Copy=d.Copy;exports.DangerCircle=S.DangerCircle;exports.Dashboard=m.Dashboard;exports.DeezerLogo=D.DeezerLogo;exports.Download=w.Download;exports.DragHandle=b.DragHandle;exports.Edit=P.Edit;exports.Ellipsis=f.Ellipsis;exports.EmailThick=v.EmailThick;exports.EmailThin=A.EmailThin;exports.ExternalLink=E.ExternalLink;exports.FacebookLogo=y.FacebookLogo;exports.Globe=M.Globe;exports.Hamburger=I.Hamburger;exports.Heartbeat=x.Heartbeat;exports.Info=B.Info;exports.InfoOutline=H.InfoOutline;exports.InstagramLogo=R.InstagramLogo;exports.IntercomLogo=U.IntercomLogo;exports.Lightning=W.Lightning;exports.Link=O.Link;exports.MessengerLogo=z.MessengerLogo;exports.MusicNote=Y.MusicNote;exports.Pause=F.Pause;exports.Pencil=G.Pencil;exports.PhoneThick=N.PhoneThick;exports.PhoneThin=Q.PhoneThin;exports.Play=X.Play;exports.ProtonLogo=j.ProtonLogo;exports.Quote=J.Quote;exports.Search=K.Search;exports.Share=V.Share;exports.SignOut=Z.SignOut;exports.SoundcloudLogo=_.SoundcloudLogo;exports.SpotifyLogo=$.SpotifyLogo;exports.Spy=ee.Spy;exports.SuccessCircle=oe.SuccessCircle;exports.TelegramLogo=re.TelegramLogo;exports.TiktokLogo=ne.TiktokLogo;exports.Tracklist=ie.Tracklist;exports.TraxsourceLogo=te.TraxsourceLogo;exports.TrashCan=ce.TrashCan;exports.User=se.User;exports.Users=ae.Users;exports.WarningTriangle=ue.WarningTriangle;exports.WhatsappLogoThick=ge.WhatsappLogoThick;exports.WhatsappLogoThin=he.WhatsappLogoThin;exports.XTwitterLogo=le.XTwitterLogo;exports.YandexLogo=Le.YandexLogo;exports.YoutubeLogo=qe.YoutubeLogo;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/Icon/IconComponents/AlertCircle.cjs.js"),o=require("./components/Icon/IconComponents/AmazonMusicLogo.cjs.js"),r=require("./components/Icon/IconComponents/AppleLogo.cjs.js"),n=require("./components/Icon/IconComponents/AppleMusicLogo.cjs.js"),i=require("./components/Icon/IconComponents/Archive.cjs.js"),t=require("./components/Icon/IconComponents/ArrowLeft.cjs.js"),c=require("./components/Icon/IconComponents/ArrowRight.cjs.js"),s=require("./components/Icon/IconComponents/BandcampLogo.cjs.js"),a=require("./components/Icon/IconComponents/Bank.cjs.js"),u=require("./components/Icon/IconComponents/BeatportLogo.cjs.js"),g=require("./components/Icon/IconComponents/Bell.cjs.js"),L=require("./components/Icon/IconComponents/Box.cjs.js"),l=require("./components/Icon/IconComponents/Calendar.cjs.js"),q=require("./components/Icon/IconComponents/Camera.cjs.js"),h=require("./components/Icon/IconComponents/CaretDown.cjs.js"),C=require("./components/Icon/IconComponents/CaretRight.cjs.js"),p=require("./components/Icon/IconComponents/Chart.cjs.js"),k=require("./components/Icon/IconComponents/Chatboxes.cjs.js"),d=require("./components/Icon/IconComponents/CheckCircle.cjs.js"),m=require("./components/Icon/IconComponents/Checkmark.cjs.js"),T=require("./components/Icon/IconComponents/ChevronDown.cjs.js"),S=require("./components/Icon/IconComponents/ChevronLeft.cjs.js"),D=require("./components/Icon/IconComponents/ChevronRight.cjs.js"),b=require("./components/Icon/IconComponents/ChevronSquareDown.cjs.js"),P=require("./components/Icon/IconComponents/ChevronUp.cjs.js"),y=require("./components/Icon/IconComponents/Close.cjs.js"),v=require("./components/Icon/IconComponents/Cog.cjs.js"),A=require("./components/Icon/IconComponents/Comment.cjs.js"),w=require("./components/Icon/IconComponents/Connections.cjs.js"),f=require("./components/Icon/IconComponents/Copy.cjs.js"),M=require("./components/Icon/IconComponents/DangerCircle.cjs.js"),x=require("./components/Icon/IconComponents/Dashboard.cjs.js"),B=require("./components/Icon/IconComponents/DeezerLogo.cjs.js"),R=require("./components/Icon/IconComponents/Download.cjs.js"),E=require("./components/Icon/IconComponents/DragHandle.cjs.js"),U=require("./components/Icon/IconComponents/DropboxLogo.cjs.js"),H=require("./components/Icon/IconComponents/Edit.cjs.js"),I=require("./components/Icon/IconComponents/Ellipsis.cjs.js"),O=require("./components/Icon/IconComponents/EmailThick.cjs.js"),G=require("./components/Icon/IconComponents/EmailThin.cjs.js"),W=require("./components/Icon/IconComponents/ExternalLink.cjs.js"),z=require("./components/Icon/IconComponents/FacebookLogo.cjs.js"),F=require("./components/Icon/IconComponents/Filter.cjs.js"),Y=require("./components/Icon/IconComponents/GitHubLogo.cjs.js"),N=require("./components/Icon/IconComponents/Globe.cjs.js"),Q=require("./components/Icon/IconComponents/GoogleDriveLogo.cjs.js"),V=require("./components/Icon/IconComponents/Hamburger.cjs.js"),X=require("./components/Icon/IconComponents/Heartbeat.cjs.js"),j=require("./components/Icon/IconComponents/Info.cjs.js"),J=require("./components/Icon/IconComponents/InfoOutline.cjs.js"),K=require("./components/Icon/IconComponents/InstagramLogo.cjs.js"),Z=require("./components/Icon/IconComponents/IntercomLogo.cjs.js"),_=require("./components/Icon/IconComponents/Label.cjs.js"),$=require("./components/Icon/IconComponents/Lightning.cjs.js"),ee=require("./components/Icon/IconComponents/Link.cjs.js"),oe=require("./components/Icon/IconComponents/List.cjs.js"),re=require("./components/Icon/IconComponents/Lock.cjs.js"),ne=require("./components/Icon/IconComponents/MessengerLogo.cjs.js"),ie=require("./components/Icon/IconComponents/Money.cjs.js"),te=require("./components/Icon/IconComponents/MoneyOutline.cjs.js"),ce=require("./components/Icon/IconComponents/MusicNote.cjs.js"),se=require("./components/Icon/IconComponents/PacmanLoader.cjs.js"),ae=require("./components/Icon/IconComponents/Pause.cjs.js"),ue=require("./components/Icon/IconComponents/PayPalLogo.cjs.js"),ge=require("./components/Icon/IconComponents/Pencil.cjs.js"),Le=require("./components/Icon/IconComponents/PhoneThick.cjs.js"),le=require("./components/Icon/IconComponents/PhoneThin.cjs.js"),qe=require("./components/Icon/IconComponents/PiggyBank.cjs.js"),he=require("./components/Icon/IconComponents/Play.cjs.js"),Ce=require("./components/Icon/IconComponents/ProtonLogo.cjs.js"),pe=require("./components/Icon/IconComponents/Quote.cjs.js"),ke=require("./components/Icon/IconComponents/Radio.cjs.js"),de=require("./components/Icon/IconComponents/RemoveCircle.cjs.js"),me=require("./components/Icon/IconComponents/Rocket.cjs.js"),Te=require("./components/Icon/IconComponents/Search.cjs.js"),Se=require("./components/Icon/IconComponents/Share.cjs.js"),De=require("./components/Icon/IconComponents/SignOut.cjs.js"),be=require("./components/Icon/IconComponents/SoundcloudLogo.cjs.js"),Pe=require("./components/Icon/IconComponents/SpotifyLogo.cjs.js"),ye=require("./components/Icon/IconComponents/Spy.cjs.js"),ve=require("./components/Icon/IconComponents/Star.cjs.js"),Ae=require("./components/Icon/IconComponents/StarCircle.cjs.js"),we=require("./components/Icon/IconComponents/SuccessCircle.cjs.js"),fe=require("./components/Icon/IconComponents/TelegramLogo.cjs.js"),Me=require("./components/Icon/IconComponents/TiktokLogo.cjs.js"),xe=require("./components/Icon/IconComponents/Tracklist.cjs.js"),Be=require("./components/Icon/IconComponents/TraxsourceLogo.cjs.js"),Re=require("./components/Icon/IconComponents/TrashCan.cjs.js"),Ee=require("./components/Icon/IconComponents/USDCLogo.cjs.js"),Ue=require("./components/Icon/IconComponents/User.cjs.js"),He=require("./components/Icon/IconComponents/UserAdd.cjs.js"),Ie=require("./components/Icon/IconComponents/Users.cjs.js"),Oe=require("./components/Icon/IconComponents/Verified.cjs.js"),Ge=require("./components/Icon/IconComponents/WarningTriangle.cjs.js"),We=require("./components/Icon/IconComponents/WhatsappLogoThick.cjs.js"),ze=require("./components/Icon/IconComponents/WhatsappLogoThin.cjs.js"),Fe=require("./components/Icon/IconComponents/XTwitterLogo.cjs.js"),Ye=require("./components/Icon/IconComponents/YandexLogo.cjs.js"),Ne=require("./components/Icon/IconComponents/YoutubeLogo.cjs.js");exports.AlertCircle=e.AlertCircle;exports.AmazonMusicLogo=o.AmazonMusicLogo;exports.AppleLogo=r.AppleLogo;exports.AppleMusicLogo=n.AppleMusicLogo;exports.Archive=i.Archive;exports.ArrowLeft=t.ArrowLeft;exports.ArrowRight=c.ArrowRight;exports.BandcampLogo=s.BandcampLogo;exports.Bank=a.Bank;exports.BeatportLogo=u.BeatportLogo;exports.Bell=g.Bell;exports.Box=L.Box;exports.Calendar=l.Calendar;exports.Camera=q.Camera;exports.CaretDown=h.CaretDown;exports.CaretRight=C.CaretRight;exports.Chart=p.Chart;exports.Chatboxes=k.Chatboxes;exports.CheckCircle=d.CheckCircle;exports.Checkmark=m.Checkmark;exports.ChevronDown=T.ChevronDown;exports.ChevronLeft=S.ChevronLeft;exports.ChevronRight=D.ChevronRight;exports.ChevronSquareDown=b.ChevronSquareDown;exports.ChevronUp=P.ChevronUp;exports.Close=y.Close;exports.Cog=v.Cog;exports.Comment=A.Comment;exports.Connections=w.Connections;exports.Copy=f.Copy;exports.DangerCircle=M.DangerCircle;exports.Dashboard=x.Dashboard;exports.DeezerLogo=B.DeezerLogo;exports.Download=R.Download;exports.DragHandle=E.DragHandle;exports.DropboxLogo=U.DropboxLogo;exports.Edit=H.Edit;exports.Ellipsis=I.Ellipsis;exports.EmailThick=O.EmailThick;exports.EmailThin=G.EmailThin;exports.ExternalLink=W.ExternalLink;exports.FacebookLogo=z.FacebookLogo;exports.Filter=F.Filter;exports.GitHubLogo=Y.GitHubLogo;exports.Globe=N.Globe;exports.GoogleDriveLogo=Q.GoogleDriveLogo;exports.Hamburger=V.Hamburger;exports.Heartbeat=X.Heartbeat;exports.Info=j.Info;exports.InfoOutline=J.InfoOutline;exports.InstagramLogo=K.InstagramLogo;exports.IntercomLogo=Z.IntercomLogo;exports.Label=_.Label;exports.Lightning=$.Lightning;exports.Link=ee.Link;exports.List=oe.List;exports.Lock=re.Lock;exports.MessengerLogo=ne.MessengerLogo;exports.Money=ie.Money;exports.MoneyOutline=te.MoneyOutline;exports.MusicNote=ce.MusicNote;exports.PacmanLoader=se.PacmanLoader;exports.Pause=ae.Pause;exports.PayPalLogo=ue.PayPalLogo;exports.Pencil=ge.Pencil;exports.PhoneThick=Le.PhoneThick;exports.PhoneThin=le.PhoneThin;exports.PiggyBank=qe.PiggyBank;exports.Play=he.Play;exports.ProtonLogo=Ce.ProtonLogo;exports.Quote=pe.Quote;exports.Radio=ke.Radio;exports.RemoveCircle=de.RemoveCircle;exports.Rocket=me.Rocket;exports.Search=Te.Search;exports.Share=Se.Share;exports.SignOut=De.SignOut;exports.SoundcloudLogo=be.SoundcloudLogo;exports.SpotifyLogo=Pe.SpotifyLogo;exports.Spy=ye.Spy;exports.Star=ve.Star;exports.StarCircle=Ae.StarCircle;exports.SuccessCircle=we.SuccessCircle;exports.TelegramLogo=fe.TelegramLogo;exports.TiktokLogo=Me.TiktokLogo;exports.Tracklist=xe.Tracklist;exports.TraxsourceLogo=Be.TraxsourceLogo;exports.TrashCan=Re.TrashCan;exports.USDCLogo=Ee.USDCLogo;exports.User=Ue.User;exports.UserAdd=He.UserAdd;exports.Users=Ie.Users;exports.Verified=Oe.Verified;exports.WarningTriangle=Ge.WarningTriangle;exports.WhatsappLogoThick=We.WhatsappLogoThick;exports.WhatsappLogoThin=ze.WhatsappLogoThin;exports.XTwitterLogo=Fe.XTwitterLogo;exports.YandexLogo=Ye.YandexLogo;exports.YoutubeLogo=Ne.YoutubeLogo;
2
2
  //# sourceMappingURL=icons.cjs.js.map
package/dist/icons.d.ts CHANGED
@@ -14,6 +14,13 @@ export declare namespace AmazonMusicLogo {
14
14
  var displayName: string;
15
15
  }
16
16
 
17
+ /** Apple brand logo. {@link IconProps} */
18
+ export declare function AppleLogo({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
19
+
20
+ export declare namespace AppleLogo {
21
+ var displayName: string;
22
+ }
23
+
17
24
  /** Apple Music brand logo. {@link IconProps} */
18
25
  export declare function AppleMusicLogo({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
19
26
 
@@ -21,6 +28,13 @@ export declare namespace AppleMusicLogo {
21
28
  var displayName: string;
22
29
  }
23
30
 
31
+ /** Archive (box) icon. {@link IconProps} */
32
+ export declare function Archive({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
33
+
34
+ export declare namespace Archive {
35
+ var displayName: string;
36
+ }
37
+
24
38
  /** Left arrow icon. {@link IconProps} */
25
39
  export declare function ArrowLeft({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
26
40
 
@@ -42,6 +56,13 @@ export declare namespace BandcampLogo {
42
56
  var displayName: string;
43
57
  }
44
58
 
59
+ /** Bank icon. {@link IconProps} */
60
+ export declare function Bank({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
61
+
62
+ export declare namespace Bank {
63
+ var displayName: string;
64
+ }
65
+
45
66
  /** Beatport brand logo. {@link IconProps} */
46
67
  export declare function BeatportLogo({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
47
68
 
@@ -56,6 +77,27 @@ export declare namespace Bell {
56
77
  var displayName: string;
57
78
  }
58
79
 
80
+ /** Box icon. {@link IconProps} */
81
+ export declare function Box({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
82
+
83
+ export declare namespace Box {
84
+ var displayName: string;
85
+ }
86
+
87
+ /** Calendar icon. {@link IconProps} */
88
+ export declare function Calendar({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
89
+
90
+ export declare namespace Calendar {
91
+ var displayName: string;
92
+ }
93
+
94
+ /** Camera icon. {@link IconProps} */
95
+ export declare function Camera({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
96
+
97
+ export declare namespace Camera {
98
+ var displayName: string;
99
+ }
100
+
59
101
  /** Caret pointing down. {@link IconProps} */
60
102
  export declare function CaretDown({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
61
103
 
@@ -77,6 +119,13 @@ export declare namespace Chart {
77
119
  var displayName: string;
78
120
  }
79
121
 
122
+ /** Chat boxes (two speech bubbles) icon. {@link IconProps} */
123
+ export declare function Chatboxes({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
124
+
125
+ export declare namespace Chatboxes {
126
+ var displayName: string;
127
+ }
128
+
80
129
  /** Check circle / success icon. {@link IconProps} */
81
130
  export declare function CheckCircle({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
82
131
 
@@ -84,6 +133,13 @@ export declare namespace CheckCircle {
84
133
  var displayName: string;
85
134
  }
86
135
 
136
+ /** Checkmark icon. {@link IconProps} */
137
+ export declare function Checkmark({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
138
+
139
+ export declare namespace Checkmark {
140
+ var displayName: string;
141
+ }
142
+
87
143
  /** Chevron pointing down. {@link IconProps} */
88
144
  export declare function ChevronDown({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
89
145
 
@@ -133,6 +189,21 @@ export declare namespace Cog {
133
189
  var displayName: string;
134
190
  }
135
191
 
192
+ /** Comment (chat bubble) icon. {@link IconProps} */
193
+ declare function Comment_2({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
194
+
195
+ declare namespace Comment_2 {
196
+ var displayName: string;
197
+ }
198
+ export { Comment_2 as Comment }
199
+
200
+ /** Connections (hub) icon. {@link IconProps} */
201
+ export declare function Connections({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
202
+
203
+ export declare namespace Connections {
204
+ var displayName: string;
205
+ }
206
+
136
207
  /** Copy / duplicate icon. {@link IconProps} */
137
208
  export declare function Copy({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
138
209
 
@@ -175,6 +246,13 @@ export declare namespace DragHandle {
175
246
  var displayName: string;
176
247
  }
177
248
 
249
+ /** Dropbox brand logo. {@link IconProps} */
250
+ export declare function DropboxLogo({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
251
+
252
+ export declare namespace DropboxLogo {
253
+ var displayName: string;
254
+ }
255
+
178
256
  /** Edit / text lines icon. {@link IconProps} */
179
257
  export declare function Edit({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
180
258
 
@@ -217,6 +295,20 @@ export declare namespace FacebookLogo {
217
295
  var displayName: string;
218
296
  }
219
297
 
298
+ /** Filter icon. {@link IconProps} */
299
+ export declare function Filter({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
300
+
301
+ export declare namespace Filter {
302
+ var displayName: string;
303
+ }
304
+
305
+ /** GitHub brand logo. {@link IconProps} */
306
+ export declare function GitHubLogo({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
307
+
308
+ export declare namespace GitHubLogo {
309
+ var displayName: string;
310
+ }
311
+
220
312
  /** Globe / world icon. {@link IconProps} */
221
313
  export declare function Globe({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
222
314
 
@@ -224,6 +316,13 @@ export declare namespace Globe {
224
316
  var displayName: string;
225
317
  }
226
318
 
319
+ /** Google Drive brand logo (classic triangle). Passing a color makes it one color. {@link IconProps} */
320
+ export declare function GoogleDriveLogo({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
321
+
322
+ export declare namespace GoogleDriveLogo {
323
+ var displayName: string;
324
+ }
325
+
227
326
  /** Hamburger menu icon. {@link IconProps} */
228
327
  export declare function Hamburger({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
229
328
 
@@ -300,6 +399,13 @@ export declare namespace IntercomLogo {
300
399
  var displayName: string;
301
400
  }
302
401
 
402
+ /** Record label icon. {@link IconProps} */
403
+ export declare function Label({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
404
+
405
+ export declare namespace Label {
406
+ var displayName: string;
407
+ }
408
+
303
409
  /** Lightning bolt icon. {@link IconProps} */
304
410
  export declare function Lightning({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
305
411
 
@@ -314,6 +420,21 @@ export declare namespace Link {
314
420
  var displayName: string;
315
421
  }
316
422
 
423
+ /** Bulleted list icon. {@link IconProps} */
424
+ export declare function List({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
425
+
426
+ export declare namespace List {
427
+ var displayName: string;
428
+ }
429
+
430
+ /** Lock icon. {@link IconProps} */
431
+ declare function Lock_2({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
432
+
433
+ declare namespace Lock_2 {
434
+ var displayName: string;
435
+ }
436
+ export { Lock_2 as Lock }
437
+
317
438
  /** Facebook Messenger brand logo. {@link IconProps} */
318
439
  export declare function MessengerLogo({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
319
440
 
@@ -321,6 +442,20 @@ export declare namespace MessengerLogo {
321
442
  var displayName: string;
322
443
  }
323
444
 
445
+ /** Money (cash) icon. {@link IconProps} */
446
+ export declare function Money({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
447
+
448
+ export declare namespace Money {
449
+ var displayName: string;
450
+ }
451
+
452
+ /** Money (cash) outline icon. {@link IconProps} */
453
+ export declare function MoneyOutline({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
454
+
455
+ export declare namespace MoneyOutline {
456
+ var displayName: string;
457
+ }
458
+
324
459
  /** Music note icon. {@link IconProps} */
325
460
  export declare function MusicNote({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
326
461
 
@@ -328,6 +463,17 @@ export declare namespace MusicNote {
328
463
  var displayName: string;
329
464
  }
330
465
 
466
+ /**
467
+ * Animated Pacman loading indicator. Decorative (hidden from screen readers) by default.
468
+ * To announce loading, render it inside a container with role="status" and text like "Loading…"
469
+ * (visually hidden if needed), rather than labeling the icon itself. {@link IconProps}
470
+ */
471
+ export declare function PacmanLoader({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
472
+
473
+ export declare namespace PacmanLoader {
474
+ var displayName: string;
475
+ }
476
+
331
477
  /** Pause button icon. {@link IconProps} */
332
478
  export declare function Pause({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
333
479
 
@@ -335,6 +481,16 @@ export declare namespace Pause {
335
481
  var displayName: string;
336
482
  }
337
483
 
484
+ /**
485
+ * PayPal brand logo (the "P" mark). Always uses PayPal's brand colors,
486
+ * so the `color` prop is ignored. {@link IconProps}
487
+ */
488
+ export declare function PayPalLogo({ size, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
489
+
490
+ export declare namespace PayPalLogo {
491
+ var displayName: string;
492
+ }
493
+
338
494
  /** Pencil icon. {@link IconProps} */
339
495
  export declare function Pencil({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
340
496
 
@@ -356,6 +512,13 @@ export declare namespace PhoneThin {
356
512
  var displayName: string;
357
513
  }
358
514
 
515
+ /** Piggy bank icon. {@link IconProps} */
516
+ export declare function PiggyBank({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
517
+
518
+ export declare namespace PiggyBank {
519
+ var displayName: string;
520
+ }
521
+
359
522
  /** Play button icon. {@link IconProps} */
360
523
  export declare function Play({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
361
524
 
@@ -421,6 +584,27 @@ export declare namespace Quote {
421
584
  var displayName: string;
422
585
  }
423
586
 
587
+ /** Radio (microphone) icon. {@link IconProps} */
588
+ export declare function Radio({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
589
+
590
+ export declare namespace Radio {
591
+ var displayName: string;
592
+ }
593
+
594
+ /** Remove (minus in a circle) icon. {@link IconProps} */
595
+ export declare function RemoveCircle({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
596
+
597
+ export declare namespace RemoveCircle {
598
+ var displayName: string;
599
+ }
600
+
601
+ /** Rocket icon. {@link IconProps} */
602
+ export declare function Rocket({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
603
+
604
+ export declare namespace Rocket {
605
+ var displayName: string;
606
+ }
607
+
424
608
  /** Magnifying glass / search icon. {@link IconProps} */
425
609
  export declare function Search({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
426
610
 
@@ -463,6 +647,20 @@ export declare namespace Spy {
463
647
  var displayName: string;
464
648
  }
465
649
 
650
+ /** Star icon. {@link IconProps} */
651
+ export declare function Star({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
652
+
653
+ export declare namespace Star {
654
+ var displayName: string;
655
+ }
656
+
657
+ /** Star inside a circle icon. {@link IconProps} */
658
+ export declare function StarCircle({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
659
+
660
+ export declare namespace StarCircle {
661
+ var displayName: string;
662
+ }
663
+
466
664
  /** Success state: circle with checkmark. {@link IconProps} */
467
665
  export declare function SuccessCircle({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
468
666
 
@@ -505,6 +703,13 @@ export declare namespace TraxsourceLogo {
505
703
  var displayName: string;
506
704
  }
507
705
 
706
+ /** USDC brand logo. {@link IconProps} */
707
+ export declare function USDCLogo({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
708
+
709
+ export declare namespace USDCLogo {
710
+ var displayName: string;
711
+ }
712
+
508
713
  /** Single user icon. {@link IconProps} */
509
714
  export declare function User({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
510
715
 
@@ -512,6 +717,13 @@ export declare namespace User {
512
717
  var displayName: string;
513
718
  }
514
719
 
720
+ /** Add user icon. {@link IconProps} */
721
+ export declare function UserAdd({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
722
+
723
+ export declare namespace UserAdd {
724
+ var displayName: string;
725
+ }
726
+
515
727
  /** Multiple users icon. {@link IconProps} */
516
728
  export declare function Users({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
517
729
 
@@ -519,6 +731,13 @@ export declare namespace Users {
519
731
  var displayName: string;
520
732
  }
521
733
 
734
+ /** Verified badge icon. The check is cut out of the badge. {@link IconProps} */
735
+ export declare function Verified({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
736
+
737
+ export declare namespace Verified {
738
+ var displayName: string;
739
+ }
740
+
522
741
  /** Warning state: triangle with exclamation. {@link IconProps} */
523
742
  export declare function WarningTriangle({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
524
743