@protonradio/proton-ui 0.12.12 → 0.12.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Icon/IconComponents/AppleLogo.cjs.js +2 -0
- package/dist/components/Icon/IconComponents/AppleLogo.cjs.js.map +1 -0
- package/dist/components/Icon/IconComponents/AppleLogo.es.js +27 -0
- package/dist/components/Icon/IconComponents/AppleLogo.es.js.map +1 -0
- package/dist/components/Icon/IconComponents/DropboxLogo.cjs.js +2 -0
- package/dist/components/Icon/IconComponents/DropboxLogo.cjs.js.map +1 -0
- package/dist/components/Icon/IconComponents/DropboxLogo.es.js +31 -0
- package/dist/components/Icon/IconComponents/DropboxLogo.es.js.map +1 -0
- package/dist/components/Icon/IconComponents/GitHubLogo.cjs.js +2 -0
- package/dist/components/Icon/IconComponents/GitHubLogo.cjs.js.map +1 -0
- package/dist/components/Icon/IconComponents/GitHubLogo.es.js +27 -0
- package/dist/components/Icon/IconComponents/GitHubLogo.es.js.map +1 -0
- package/dist/components/Icon/IconComponents/GoogleDriveLogo.cjs.js +2 -0
- package/dist/components/Icon/IconComponents/GoogleDriveLogo.cjs.js.map +1 -0
- package/dist/components/Icon/IconComponents/GoogleDriveLogo.es.js +73 -0
- package/dist/components/Icon/IconComponents/GoogleDriveLogo.es.js.map +1 -0
- package/dist/components/Icon/IconComponents/PayPalLogo.cjs.js +2 -0
- package/dist/components/Icon/IconComponents/PayPalLogo.cjs.js.map +1 -0
- package/dist/components/Icon/IconComponents/PayPalLogo.es.js +47 -0
- package/dist/components/Icon/IconComponents/PayPalLogo.es.js.map +1 -0
- package/dist/components/Icon/IconComponents/SpotifyLogo.cjs.js +1 -1
- package/dist/components/Icon/IconComponents/SpotifyLogo.cjs.js.map +1 -1
- package/dist/components/Icon/IconComponents/SpotifyLogo.es.js +12 -21
- package/dist/components/Icon/IconComponents/SpotifyLogo.es.js.map +1 -1
- package/dist/components/Icon/IconComponents/USDCLogo.cjs.js +2 -0
- package/dist/components/Icon/IconComponents/USDCLogo.cjs.js.map +1 -0
- package/dist/components/Icon/IconComponents/USDCLogo.es.js +49 -0
- package/dist/components/Icon/IconComponents/USDCLogo.es.js.map +1 -0
- package/dist/components/Icon/IconComponents/WesternUnionLogo.cjs.js +2 -0
- package/dist/components/Icon/IconComponents/WesternUnionLogo.cjs.js.map +1 -0
- package/dist/components/Icon/IconComponents/WesternUnionLogo.es.js +41 -0
- package/dist/components/Icon/IconComponents/WesternUnionLogo.es.js.map +1 -0
- package/dist/components/Icon/IconProps.cjs.js +1 -1
- package/dist/components/Icon/IconProps.cjs.js.map +1 -1
- package/dist/components/Icon/IconProps.es.js +24 -19
- package/dist/components/Icon/IconProps.es.js.map +1 -1
- package/dist/icons.cjs.js +1 -1
- package/dist/icons.d.ts +52 -0
- package/dist/icons.es.js +196 -182
- package/dist/icons.es.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t="http://www.w3.org/2000/svg",e={"amazon-music-logo":"#19CDD5","apple-music-logo":"#ff2d55","bandcamp-logo":"#1D8FB6","beatport-logo":"#01FF95","deezer-logo":"#8F00FF","dropbox-logo":"#0061FF","facebook-logo":"#1877f2","google-drive-logo":"#4688F4","instagram-logo":"#000000","intercom-logo":"#120D0C","messenger-logo":"#0088cc","paypal-logo":"#253B80","proton-logo":"#e26014","soundcloud-logo":"#ff8800","spotify-logo":"#1ed760","telegram-logo":"#0088cc","tiktok-logo":"#010101","traxsource-logo":"#40a0ff","usdc-logo":"#2775CA","western-union-logo":"#FFDD00","whatsapp-logo-thick":"#25d366","whatsapp-logo-thin":"#25d366","x-twitter-logo":"#1da1f2","yandex-logo":"#FED42B","youtube-logo":"#ff0000"},l={"aria-hidden":"true",focusable:"false"};function g(o){return`icon:${o}`}function r(o){return e[o]||"currentColor"}exports.DEFAULT_ARIA_PROPS=l;exports.DEFAULT_BRAND_COLORS=e;exports.DEFAULT_SVG_XMLNS=t;exports.getBrandColor=r;exports.getDefaultIconTestId=g;
|
|
2
2
|
//# sourceMappingURL=IconProps.cjs.js.map
|
|
@@ -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 \"
|
|
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 \"western-union-logo\": \"#FFDD00\",\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,qBAAsB,UACtB,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,25 +1,30 @@
|
|
|
1
|
-
const
|
|
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
|
-
"
|
|
7
|
-
"
|
|
8
|
-
"
|
|
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
|
-
"
|
|
15
|
+
"soundcloud-logo": "#ff8800",
|
|
16
|
+
"spotify-logo": "#1ed760",
|
|
17
|
+
"telegram-logo": "#0088cc",
|
|
18
|
+
"tiktok-logo": "#010101",
|
|
19
|
+
"traxsource-logo": "#40a0ff",
|
|
20
|
+
"usdc-logo": "#2775CA",
|
|
21
|
+
"western-union-logo": "#FFDD00",
|
|
11
22
|
"whatsapp-logo-thick": "#25d366",
|
|
12
23
|
"whatsapp-logo-thin": "#25d366",
|
|
13
|
-
"telegram-logo": "#0088cc",
|
|
14
|
-
"facebook-logo": "#1877f2",
|
|
15
|
-
"messenger-logo": "#0088cc",
|
|
16
24
|
"x-twitter-logo": "#1da1f2",
|
|
17
|
-
"
|
|
18
|
-
"
|
|
19
|
-
|
|
20
|
-
"instagram-logo": "#000000",
|
|
21
|
-
"yandex-logo": "#FED42B"
|
|
22
|
-
}, l = {
|
|
25
|
+
"yandex-logo": "#FED42B",
|
|
26
|
+
"youtube-logo": "#ff0000"
|
|
27
|
+
}, e = {
|
|
23
28
|
"aria-hidden": "true",
|
|
24
29
|
focusable: "false"
|
|
25
30
|
};
|
|
@@ -27,12 +32,12 @@ function g(o) {
|
|
|
27
32
|
return `icon:${o}`;
|
|
28
33
|
}
|
|
29
34
|
function a(o) {
|
|
30
|
-
return
|
|
35
|
+
return l[o] || "currentColor";
|
|
31
36
|
}
|
|
32
37
|
export {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
38
|
+
e as DEFAULT_ARIA_PROPS,
|
|
39
|
+
l as DEFAULT_BRAND_COLORS,
|
|
40
|
+
t as DEFAULT_SVG_XMLNS,
|
|
36
41
|
a as getBrandColor,
|
|
37
42
|
g as getDefaultIconTestId
|
|
38
43
|
};
|
|
@@ -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 \"
|
|
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 \"western-union-logo\": \"#FFDD00\",\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,sBAAsB;AAAA,EACtB,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/
|
|
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"),q=require("./components/Icon/IconComponents/Calendar.cjs.js"),l=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"),U=require("./components/Icon/IconComponents/DragHandle.cjs.js"),E=require("./components/Icon/IconComponents/DropboxLogo.cjs.js"),H=require("./components/Icon/IconComponents/Edit.cjs.js"),I=require("./components/Icon/IconComponents/Ellipsis.cjs.js"),W=require("./components/Icon/IconComponents/EmailThick.cjs.js"),O=require("./components/Icon/IconComponents/EmailThin.cjs.js"),G=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"),qe=require("./components/Icon/IconComponents/PhoneThin.cjs.js"),le=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"),Ue=require("./components/Icon/IconComponents/USDCLogo.cjs.js"),Ee=require("./components/Icon/IconComponents/User.cjs.js"),He=require("./components/Icon/IconComponents/UserAdd.cjs.js"),Ie=require("./components/Icon/IconComponents/Users.cjs.js"),We=require("./components/Icon/IconComponents/Verified.cjs.js"),Oe=require("./components/Icon/IconComponents/WarningTriangle.cjs.js"),Ge=require("./components/Icon/IconComponents/WesternUnionLogo.cjs.js"),ze=require("./components/Icon/IconComponents/WhatsappLogoThick.cjs.js"),Fe=require("./components/Icon/IconComponents/WhatsappLogoThin.cjs.js"),Ye=require("./components/Icon/IconComponents/XTwitterLogo.cjs.js"),Ne=require("./components/Icon/IconComponents/YandexLogo.cjs.js"),Qe=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=q.Calendar;exports.Camera=l.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=U.DragHandle;exports.DropboxLogo=E.DropboxLogo;exports.Edit=H.Edit;exports.Ellipsis=I.Ellipsis;exports.EmailThick=W.EmailThick;exports.EmailThin=O.EmailThin;exports.ExternalLink=G.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=qe.PhoneThin;exports.PiggyBank=le.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=Ue.USDCLogo;exports.User=Ee.User;exports.UserAdd=He.UserAdd;exports.Users=Ie.Users;exports.Verified=We.Verified;exports.WarningTriangle=Oe.WarningTriangle;exports.WesternUnionLogo=Ge.WesternUnionLogo;exports.WhatsappLogoThick=ze.WhatsappLogoThick;exports.WhatsappLogoThin=Fe.WhatsappLogoThin;exports.XTwitterLogo=Ye.XTwitterLogo;exports.YandexLogo=Ne.YandexLogo;exports.YoutubeLogo=Qe.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
|
|
|
@@ -239,6 +246,13 @@ export declare namespace DragHandle {
|
|
|
239
246
|
var displayName: string;
|
|
240
247
|
}
|
|
241
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
|
+
|
|
242
256
|
/** Edit / text lines icon. {@link IconProps} */
|
|
243
257
|
export declare function Edit({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
|
|
244
258
|
|
|
@@ -288,6 +302,13 @@ export declare namespace Filter {
|
|
|
288
302
|
var displayName: string;
|
|
289
303
|
}
|
|
290
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
|
+
|
|
291
312
|
/** Globe / world icon. {@link IconProps} */
|
|
292
313
|
export declare function Globe({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
|
|
293
314
|
|
|
@@ -295,6 +316,13 @@ export declare namespace Globe {
|
|
|
295
316
|
var displayName: string;
|
|
296
317
|
}
|
|
297
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
|
+
|
|
298
326
|
/** Hamburger menu icon. {@link IconProps} */
|
|
299
327
|
export declare function Hamburger({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
|
|
300
328
|
|
|
@@ -453,6 +481,16 @@ export declare namespace Pause {
|
|
|
453
481
|
var displayName: string;
|
|
454
482
|
}
|
|
455
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
|
+
|
|
456
494
|
/** Pencil icon. {@link IconProps} */
|
|
457
495
|
export declare function Pencil({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
|
|
458
496
|
|
|
@@ -665,6 +703,13 @@ export declare namespace TraxsourceLogo {
|
|
|
665
703
|
var displayName: string;
|
|
666
704
|
}
|
|
667
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
|
+
|
|
668
713
|
/** Single user icon. {@link IconProps} */
|
|
669
714
|
export declare function User({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
|
|
670
715
|
|
|
@@ -700,6 +745,13 @@ export declare namespace WarningTriangle {
|
|
|
700
745
|
var displayName: string;
|
|
701
746
|
}
|
|
702
747
|
|
|
748
|
+
/** Western Union brand logo. Always uses brand colors. {@link IconProps} */
|
|
749
|
+
export declare function WesternUnionLogo({ size, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
|
|
750
|
+
|
|
751
|
+
export declare namespace WesternUnionLogo {
|
|
752
|
+
var displayName: string;
|
|
753
|
+
}
|
|
754
|
+
|
|
703
755
|
/** WhatsApp brand logo (thick stroke). {@link IconProps} */
|
|
704
756
|
export declare function WhatsappLogoThick({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
|
|
705
757
|
|