@drivy/cobalt 3.0.3 → 3.0.4
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/cjs/tokens/icons.js +1 -0
- package/cjs/tokens/icons.js.map +1 -1
- package/components/Icon/__generated__/TiktokIcon.js +19 -0
- package/components/Icon/__generated__/TiktokIcon.js.map +1 -0
- package/icons/index.js +1 -0
- package/icons/index.js.map +1 -1
- package/icons/tiktok.js +4 -0
- package/icons/tiktok.js.map +1 -0
- package/icons/tiktok.svg +1 -0
- package/index.js +1 -0
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/tokens/icons.js +1 -0
- package/tokens/icons.js.map +1 -1
- package/types/src/components/Icon/__generated__/TiktokIcon.d.ts +9 -0
- package/types/src/components/Icon/__generated__/index.d.ts +1 -0
- package/types/src/icons/index.d.ts +1 -0
- package/types/src/tokens/index.d.ts +1 -0
package/cjs/tokens/icons.js
CHANGED
package/cjs/tokens/icons.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icons.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"icons.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
+
import cx from 'classnames';
|
|
3
|
+
import 'lodash.throttle';
|
|
4
|
+
import camelize from '../../utils/camelize.js';
|
|
5
|
+
|
|
6
|
+
const iconSource = "tiktok";
|
|
7
|
+
const TiktokIcon = ({ color, size = 24, contained = false, className, }) => {
|
|
8
|
+
const computedClassName = cx(className, `cobalt-Icon cobalt-Icon--${iconSource}`, {
|
|
9
|
+
[`c-fill-${camelize(color || "")}`]: color,
|
|
10
|
+
"cobalt-Icon--size16": size === 16,
|
|
11
|
+
"cobalt-Icon--size20": size === 20,
|
|
12
|
+
"cobalt-Icon--size32": size === 32,
|
|
13
|
+
"cobalt-Icon--contained": contained,
|
|
14
|
+
});
|
|
15
|
+
return (jsx("span", { className: computedClassName, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: [jsx("title", { children: iconSource }), jsx("path", { d: "M15.404 3c-.998.007-1.996 0-3 .015-.024 3.015-.008 6.03-.016 9.052-.008 1.343.023 2.678-.054 4.02-.008.293-.169.548-.314.795-.445.713-1.267 1.2-2.126 1.208-1.29.112-2.502-.923-2.686-2.153-.007-.405-.053-.825.108-1.207a2.6 2.6 0 0 1 1.043-1.313c.668-.45 1.558-.517 2.318-.277 0-1.11.046-2.22.03-3.33-1.665-.308-3.445.21-4.719 1.29a5.6 5.6 0 0 0-1.98 3.72c-.015.367-.007.742.008 1.117.161 1.755 1.25 3.39 2.8 4.283.937.54 2.034.832 3.132.772 1.788-.03 3.53-.967 4.535-2.407a5.64 5.64 0 0 0 1.036-2.955c.023-2.183.007-4.373.015-6.563.399.255.806.503 1.243.698 1.005.465 2.118.69 3.223.727V7.47c-1.182-.128-2.394-.51-3.254-1.343-.859-.81-1.281-1.98-1.342-3.127" })] }) }));
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
export { TiktokIcon as default };
|
|
19
|
+
//# sourceMappingURL=TiktokIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TiktokIcon.js","sources":["../../../../src/components/Icon/__generated__/TiktokIcon.tsx"],"sourcesContent":["import cx from \"classnames\"\nimport { camelize } from \"../../utils\"\nimport type { IconColorsType } from \"../\"\nexport type IconProps = {\n color?: IconColorsType\n size?: 16 | 20 | 24 | 32\n contained?: boolean\n className?: string\n}\nconst iconSource = \"tiktok\"\nconst TiktokIcon = ({\n color,\n size = 24,\n contained = false,\n className,\n}: IconProps) => {\n const computedClassName = cx(\n className,\n `cobalt-Icon cobalt-Icon--${iconSource}`,\n {\n [`c-fill-${camelize(color || \"\")}`]: color,\n \"cobalt-Icon--size16\": size === 16,\n \"cobalt-Icon--size20\": size === 20,\n \"cobalt-Icon--size32\": size === 32,\n \"cobalt-Icon--contained\": contained,\n },\n )\n return (\n <span className={computedClassName}>\n {\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <title>{iconSource}</title>\n <path d=\"M15.404 3c-.998.007-1.996 0-3 .015-.024 3.015-.008 6.03-.016 9.052-.008 1.343.023 2.678-.054 4.02-.008.293-.169.548-.314.795-.445.713-1.267 1.2-2.126 1.208-1.29.112-2.502-.923-2.686-2.153-.007-.405-.053-.825.108-1.207a2.6 2.6 0 0 1 1.043-1.313c.668-.45 1.558-.517 2.318-.277 0-1.11.046-2.22.03-3.33-1.665-.308-3.445.21-4.719 1.29a5.6 5.6 0 0 0-1.98 3.72c-.015.367-.007.742.008 1.117.161 1.755 1.25 3.39 2.8 4.283.937.54 2.034.832 3.132.772 1.788-.03 3.53-.967 4.535-2.407a5.64 5.64 0 0 0 1.036-2.955c.023-2.183.007-4.373.015-6.563.399.255.806.503 1.243.698 1.005.465 2.118.69 3.223.727V7.47c-1.182-.128-2.394-.51-3.254-1.343-.859-.81-1.281-1.98-1.342-3.127\" />\n </svg>\n }\n </span>\n )\n}\nexport default TiktokIcon\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AASA,MAAM,UAAU,GAAG,QAAQ,CAAA;AAC3B,MAAM,UAAU,GAAG,CAAC,EAClB,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,KAAK,EACjB,SAAS,GACC,KAAI;IACd,MAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,CAAA,yBAAA,EAA4B,UAAU,CAAA,CAAE,EACxC;QACE,CAAC,CAAA,OAAA,EAAU,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA,CAAE,GAAG,KAAK;QAC1C,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;IACD,QACEA,GAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAE9B,QAAA,EAAAC,IAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,EAAA,QAAA,EAAA,CACzDD,GAAQ,CAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAU,EAAS,CAAA,EAC3BA,GAAM,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,kpBAAkpB,EAAG,CAAA,CAAA,EAAA,CACzpB,EAEH,CAAA,EACR;AACH;;;;"}
|
package/icons/index.js
CHANGED
|
@@ -278,6 +278,7 @@ export { default as support } from './support.js';
|
|
|
278
278
|
export { default as suv } from './suv.js';
|
|
279
279
|
export { default as synch } from './synch.js';
|
|
280
280
|
export { default as tag } from './tag.js';
|
|
281
|
+
export { default as tiktok } from './tiktok.js';
|
|
281
282
|
export { default as timeAlert } from './time-alert.js';
|
|
282
283
|
export { default as timeBackwards } from './time-backwards.js';
|
|
283
284
|
export { default as timeCalendar } from './time-calendar.js';
|
package/icons/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/icons/tiktok.js
ADDED
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
var tiktok = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M15.404 3c-.998.007-1.996 0-3 .015-.024 3.015-.008 6.03-.016 9.052-.008 1.343.023 2.678-.054 4.02-.008.293-.169.548-.314.795-.445.713-1.267 1.2-2.126 1.208-1.29.112-2.502-.923-2.686-2.153-.007-.405-.053-.825.108-1.207a2.6 2.6 0 0 1 1.043-1.313c.668-.45 1.558-.517 2.318-.277 0-1.11.046-2.22.03-3.33-1.665-.308-3.445.21-4.719 1.29a5.6 5.6 0 0 0-1.98 3.72c-.015.367-.007.742.008 1.117.161 1.755 1.25 3.39 2.8 4.283.937.54 2.034.832 3.132.772 1.788-.03 3.53-.967 4.535-2.407a5.64 5.64 0 0 0 1.036-2.955c.023-2.183.007-4.373.015-6.563.399.255.806.503 1.243.698 1.005.465 2.118.69 3.223.727V7.47c-1.182-.128-2.394-.51-3.254-1.343-.859-.81-1.281-1.98-1.342-3.127\"/></svg>";
|
|
2
|
+
|
|
3
|
+
export { tiktok as default };
|
|
4
|
+
//# sourceMappingURL=tiktok.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tiktok.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
package/icons/tiktok.svg
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15.404 3c-.998.007-1.996 0-3 .015-.024 3.015-.008 6.03-.016 9.052-.008 1.343.023 2.678-.054 4.02-.008.293-.169.548-.314.795-.445.713-1.267 1.2-2.126 1.208-1.29.112-2.502-.923-2.686-2.153-.007-.405-.053-.825.108-1.207a2.6 2.6 0 0 1 1.043-1.313c.668-.45 1.558-.517 2.318-.277 0-1.11.046-2.22.03-3.33-1.665-.308-3.445.21-4.719 1.29a5.6 5.6 0 0 0-1.98 3.72c-.015.367-.007.742.008 1.117.161 1.755 1.25 3.39 2.8 4.283.937.54 2.034.832 3.132.772 1.788-.03 3.53-.967 4.535-2.407a5.64 5.64 0 0 0 1.036-2.955c.023-2.183.007-4.373.015-6.563.399.255.806.503 1.243.698 1.005.465 2.118.69 3.223.727V7.47c-1.182-.128-2.394-.51-3.254-1.343-.859-.81-1.281-1.98-1.342-3.127"/></svg>
|
package/index.js
CHANGED
|
@@ -343,6 +343,7 @@ export { default as SupportIcon } from './components/Icon/__generated__/SupportI
|
|
|
343
343
|
export { default as SuvIcon } from './components/Icon/__generated__/SuvIcon.js';
|
|
344
344
|
export { default as SynchIcon } from './components/Icon/__generated__/SynchIcon.js';
|
|
345
345
|
export { default as TagIcon } from './components/Icon/__generated__/TagIcon.js';
|
|
346
|
+
export { default as TiktokIcon } from './components/Icon/__generated__/TiktokIcon.js';
|
|
346
347
|
export { default as TimeAlertIcon } from './components/Icon/__generated__/TimeAlertIcon.js';
|
|
347
348
|
export { default as TimeBackwardsIcon } from './components/Icon/__generated__/TimeBackwardsIcon.js';
|
|
348
349
|
export { default as TimeCalendarIcon } from './components/Icon/__generated__/TimeCalendarIcon.js';
|
package/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
package/tokens/icons.js
CHANGED
package/tokens/icons.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icons.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"icons.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { IconColorsType } from "../";
|
|
2
|
+
export type IconProps = {
|
|
3
|
+
color?: IconColorsType;
|
|
4
|
+
size?: 16 | 20 | 24 | 32;
|
|
5
|
+
contained?: boolean;
|
|
6
|
+
className?: string;
|
|
7
|
+
};
|
|
8
|
+
declare const TiktokIcon: ({ color, size, contained, className, }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export default TiktokIcon;
|
|
@@ -278,6 +278,7 @@ export { default as SupportIcon } from "./SupportIcon";
|
|
|
278
278
|
export { default as SuvIcon } from "./SuvIcon";
|
|
279
279
|
export { default as SynchIcon } from "./SynchIcon";
|
|
280
280
|
export { default as TagIcon } from "./TagIcon";
|
|
281
|
+
export { default as TiktokIcon } from "./TiktokIcon";
|
|
281
282
|
export { default as TimeAlertIcon } from "./TimeAlertIcon";
|
|
282
283
|
export { default as TimeBackwardsIcon } from "./TimeBackwardsIcon";
|
|
283
284
|
export { default as TimeCalendarIcon } from "./TimeCalendarIcon";
|
|
@@ -278,6 +278,7 @@ export { default as support } from "./support.svg";
|
|
|
278
278
|
export { default as suv } from "./suv.svg";
|
|
279
279
|
export { default as synch } from "./synch.svg";
|
|
280
280
|
export { default as tag } from "./tag.svg";
|
|
281
|
+
export { default as tiktok } from "./tiktok.svg";
|
|
281
282
|
export { default as timeAlert } from "./time-alert.svg";
|
|
282
283
|
export { default as timeBackwards } from "./time-backwards.svg";
|
|
283
284
|
export { default as timeCalendar } from "./time-calendar.svg";
|