@blueshift-gg/ui-components 0.1.32 → 0.1.34
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/Banner.d.mts +2 -2
- package/dist/Banner.d.ts +2 -2
- package/dist/Banner.js +2 -2
- package/dist/Banner.js.map +1 -1
- package/dist/Banner.mjs +2 -2
- package/dist/Banner.mjs.map +1 -1
- package/dist/icons/Path.d.mts +7 -0
- package/dist/icons/Path.d.ts +7 -0
- package/dist/icons/Path.js +42 -0
- package/dist/icons/Path.js.map +1 -0
- package/dist/icons/Path.mjs +40 -0
- package/dist/icons/Path.mjs.map +1 -0
- package/dist/utils/colours.d.mts +1 -0
- package/dist/utils/colours.d.ts +1 -0
- package/dist/utils/colours.js +1 -0
- package/dist/utils/colours.js.map +1 -1
- package/dist/utils/colours.mjs +1 -0
- package/dist/utils/colours.mjs.map +1 -1
- package/package.json +1 -1
package/dist/Banner.d.mts
CHANGED
|
@@ -2,11 +2,11 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
|
2
2
|
import { MotionProps } from 'motion/react';
|
|
3
3
|
import { a as IconProps } from './Icon-DTw2x5VB.mjs';
|
|
4
4
|
import { TooltipProps } from './Tooltip.mjs';
|
|
5
|
-
import './utils/colours.mjs';
|
|
5
|
+
import { BrandColour } from './utils/colours.mjs';
|
|
6
6
|
|
|
7
7
|
type BannerProps = {
|
|
8
8
|
title: string;
|
|
9
|
-
variant:
|
|
9
|
+
variant: BrandColour;
|
|
10
10
|
icon?: IconProps;
|
|
11
11
|
tooltip?: TooltipProps;
|
|
12
12
|
className?: string;
|
package/dist/Banner.d.ts
CHANGED
|
@@ -2,11 +2,11 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
|
2
2
|
import { MotionProps } from 'motion/react';
|
|
3
3
|
import { a as IconProps } from './Icon-BokY53ZE.js';
|
|
4
4
|
import { TooltipProps } from './Tooltip.js';
|
|
5
|
-
import './utils/colours.js';
|
|
5
|
+
import { BrandColour } from './utils/colours.js';
|
|
6
6
|
|
|
7
7
|
type BannerProps = {
|
|
8
8
|
title: string;
|
|
9
|
-
variant:
|
|
9
|
+
variant: BrandColour;
|
|
10
10
|
icon?: IconProps;
|
|
11
11
|
tooltip?: TooltipProps;
|
|
12
12
|
className?: string;
|
package/dist/Banner.js
CHANGED
|
@@ -7,6 +7,7 @@ var classNames = require('classnames');
|
|
|
7
7
|
var CrossHair = require('./CrossHair');
|
|
8
8
|
var Tooltip = require('./Tooltip');
|
|
9
9
|
var react = require('react');
|
|
10
|
+
var colours = require('./utils/colours');
|
|
10
11
|
|
|
11
12
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
13
|
|
|
@@ -25,10 +26,9 @@ const Banner = ({
|
|
|
25
26
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
26
27
|
react$1.motion.div,
|
|
27
28
|
{
|
|
29
|
+
style: { color: colours.BRAND_COLOURS[variant ?? "Secondary"] },
|
|
28
30
|
className: classNames__default.default(
|
|
29
31
|
"flex items-center gap-x-2 bg-current/8 border-current/15 border relative text-sm font-mono px-4 py-2",
|
|
30
|
-
variant === "primary" && "text-brand-primary",
|
|
31
|
-
variant === "secondary" && "text-shade-tertiary",
|
|
32
32
|
className
|
|
33
33
|
),
|
|
34
34
|
...animation,
|
package/dist/Banner.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Banner.tsx"],"names":["useState","jsxs","motion","classNames","jsx","CrosshairCorners","Icon","Tooltip"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../src/Banner.tsx"],"names":["useState","jsxs","motion","BRAND_COLOURS","classNames","jsx","CrosshairCorners","Icon","Tooltip"],"mappings":";;;;;;;;;;;;;;;AAkBO,MAAM,SAAS,CAAC;AAAA,EACrB,KAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,KAAmB;AACjB,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAIA,eAAS,KAAK,CAAA;AACxD,EAAA,uBACEC,eAAA;AAAA,IAACC,cAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,OAAO,EAAE,KAAA,EAAOC,qBAAA,CAAc,OAAA,IAAW,WAAW,CAAA,EAAE;AAAA,MACtD,SAAA,EAAWC,2BAAA;AAAA,QACT,sGAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,SAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAACC,0BAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAM,CAAA;AAAA,YACN,OAAA,EAAQ,UAAA;AAAA,YACR,cAAA,EAAgB,CAAA;AAAA,YAChB,iBAAA,EAAmB,CAAA;AAAA,YACnB,QAAA,EAAU;AAAA;AAAA,SACZ;AAAA,QACC,IAAA,mCAASC,SAAA,EAAA,EAAK,IAAA,EAAM,KAAK,IAAA,EAAM,IAAA,EAAM,IAAA,CAAK,IAAA,IAAQ,EAAA,EAAI,CAAA;AAAA,wBACvDF,cAAA,CAAC,UAAM,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,QACZ,OAAA,oBACCJ,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,UAAA,EACb,QAAA,EAAA;AAAA,0BAAAI,cAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,YAAA,EAAc,MAAM,gBAAA,CAAiB,IAAI,CAAA;AAAA,cACzC,YAAA,EAAc,MAAM,gBAAA,CAAiB,KAAK,CAAA;AAAA,cAE1C,QAAA,kBAAAA,cAAA,CAACE,SAAA,EAAA,EAAK,IAAA,EAAK,MAAA,EAAO,MAAM,EAAA,EAAI;AAAA;AAAA,WAC9B;AAAA,UACC,2BAAWF,cAAA,CAACG,eAAA,EAAA,EAAQ,MAAA,EAAQ,aAAA,EAAgB,GAAG,OAAA,EAAS;AAAA,SAAA,EAC3D,CAAA;AAAA,QAED,QAAA,IAAY;AAAA;AAAA;AAAA,GACf;AAEJ","file":"Banner.js","sourcesContent":["import { motion, MotionProps } from \"motion/react\";\nimport { Icon, IconProps } from \"./Icon\";\nimport classNames from \"classnames\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { TooltipProps, Tooltip } from \"./Tooltip\";\nimport { useState } from \"react\";\nimport { BRAND_COLOURS, BrandColour } from \"./utils/colours\";\n\nexport type BannerProps = {\n title: string;\n variant: BrandColour;\n icon?: IconProps;\n tooltip?: TooltipProps;\n className?: string;\n animation?: MotionProps;\n children?: React.ReactNode;\n};\n\nexport const Banner = ({\n title,\n variant,\n tooltip,\n className,\n animation,\n icon,\n children,\n}: BannerProps) => {\n const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n return (\n <motion.div\n style={{ color: BRAND_COLOURS[variant ?? \"Secondary\"] }}\n className={classNames(\n \"flex items-center gap-x-2 bg-current/8 border-current/15 border relative text-sm font-mono px-4 py-2\",\n className,\n )}\n {...animation}\n >\n <CrosshairCorners\n size={6}\n variant=\"bordered\"\n animationDelay={0}\n animationDuration={0}\n spacingX={1}\n />\n {icon && <Icon name={icon.name} size={icon.size || 14} />}\n <span>{title}</span>\n {tooltip && (\n <div className=\"relative\">\n <div\n onMouseEnter={() => setIsTooltipOpen(true)}\n onMouseLeave={() => setIsTooltipOpen(false)}\n >\n <Icon name=\"Info\" size={14} />\n </div>\n {tooltip && <Tooltip isOpen={isTooltipOpen} {...tooltip} />}\n </div>\n )}\n {children && children}\n </motion.div>\n );\n};\n"]}
|
package/dist/Banner.mjs
CHANGED
|
@@ -5,6 +5,7 @@ import classNames from 'classnames';
|
|
|
5
5
|
import { CrosshairCorners } from './CrossHair';
|
|
6
6
|
import { Tooltip } from './Tooltip';
|
|
7
7
|
import { useState } from 'react';
|
|
8
|
+
import { BRAND_COLOURS } from './utils/colours';
|
|
8
9
|
|
|
9
10
|
const Banner = ({
|
|
10
11
|
title,
|
|
@@ -19,10 +20,9 @@ const Banner = ({
|
|
|
19
20
|
return /* @__PURE__ */ jsxs(
|
|
20
21
|
motion.div,
|
|
21
22
|
{
|
|
23
|
+
style: { color: BRAND_COLOURS[variant ?? "Secondary"] },
|
|
22
24
|
className: classNames(
|
|
23
25
|
"flex items-center gap-x-2 bg-current/8 border-current/15 border relative text-sm font-mono px-4 py-2",
|
|
24
|
-
variant === "primary" && "text-brand-primary",
|
|
25
|
-
variant === "secondary" && "text-shade-tertiary",
|
|
26
26
|
className
|
|
27
27
|
),
|
|
28
28
|
...animation,
|
package/dist/Banner.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Banner.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../src/Banner.tsx"],"names":[],"mappings":";;;;;;;;;AAkBO,MAAM,SAAS,CAAC;AAAA,EACrB,KAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,KAAmB;AACjB,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,KAAK,CAAA;AACxD,EAAA,uBACE,IAAA;AAAA,IAAC,MAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,OAAO,EAAE,KAAA,EAAO,aAAA,CAAc,OAAA,IAAW,WAAW,CAAA,EAAE;AAAA,MACtD,SAAA,EAAW,UAAA;AAAA,QACT,sGAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,SAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAM,CAAA;AAAA,YACN,OAAA,EAAQ,UAAA;AAAA,YACR,cAAA,EAAgB,CAAA;AAAA,YAChB,iBAAA,EAAmB,CAAA;AAAA,YACnB,QAAA,EAAU;AAAA;AAAA,SACZ;AAAA,QACC,IAAA,wBAAS,IAAA,EAAA,EAAK,IAAA,EAAM,KAAK,IAAA,EAAM,IAAA,EAAM,IAAA,CAAK,IAAA,IAAQ,EAAA,EAAI,CAAA;AAAA,wBACvD,GAAA,CAAC,UAAM,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,QACZ,OAAA,oBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,UAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,YAAA,EAAc,MAAM,gBAAA,CAAiB,IAAI,CAAA;AAAA,cACzC,YAAA,EAAc,MAAM,gBAAA,CAAiB,KAAK,CAAA;AAAA,cAE1C,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,MAAA,EAAO,MAAM,EAAA,EAAI;AAAA;AAAA,WAC9B;AAAA,UACC,2BAAW,GAAA,CAAC,OAAA,EAAA,EAAQ,MAAA,EAAQ,aAAA,EAAgB,GAAG,OAAA,EAAS;AAAA,SAAA,EAC3D,CAAA;AAAA,QAED,QAAA,IAAY;AAAA;AAAA;AAAA,GACf;AAEJ","file":"Banner.mjs","sourcesContent":["import { motion, MotionProps } from \"motion/react\";\nimport { Icon, IconProps } from \"./Icon\";\nimport classNames from \"classnames\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { TooltipProps, Tooltip } from \"./Tooltip\";\nimport { useState } from \"react\";\nimport { BRAND_COLOURS, BrandColour } from \"./utils/colours\";\n\nexport type BannerProps = {\n title: string;\n variant: BrandColour;\n icon?: IconProps;\n tooltip?: TooltipProps;\n className?: string;\n animation?: MotionProps;\n children?: React.ReactNode;\n};\n\nexport const Banner = ({\n title,\n variant,\n tooltip,\n className,\n animation,\n icon,\n children,\n}: BannerProps) => {\n const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n return (\n <motion.div\n style={{ color: BRAND_COLOURS[variant ?? \"Secondary\"] }}\n className={classNames(\n \"flex items-center gap-x-2 bg-current/8 border-current/15 border relative text-sm font-mono px-4 py-2\",\n className,\n )}\n {...animation}\n >\n <CrosshairCorners\n size={6}\n variant=\"bordered\"\n animationDelay={0}\n animationDuration={0}\n spacingX={1}\n />\n {icon && <Icon name={icon.name} size={icon.size || 14} />}\n <span>{title}</span>\n {tooltip && (\n <div className=\"relative\">\n <div\n onMouseEnter={() => setIsTooltipOpen(true)}\n onMouseLeave={() => setIsTooltipOpen(false)}\n >\n <Icon name=\"Info\" size={14} />\n </div>\n {tooltip && <Tooltip isOpen={isTooltipOpen} {...tooltip} />}\n </div>\n )}\n {children && children}\n </motion.div>\n );\n};\n"]}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
|
|
5
|
+
const PathIcon = ({ className, size = 18 }) => {
|
|
6
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
7
|
+
"svg",
|
|
8
|
+
{
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
width: size,
|
|
11
|
+
height: size,
|
|
12
|
+
viewBox: "0 0 18 18",
|
|
13
|
+
className,
|
|
14
|
+
fill: "none",
|
|
15
|
+
children: [
|
|
16
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
17
|
+
"path",
|
|
18
|
+
{
|
|
19
|
+
fillRule: "evenodd",
|
|
20
|
+
clipRule: "evenodd",
|
|
21
|
+
d: "M4.5 3.25C4.5 2.83579 4.83579 2.5 5.25 2.5H12.875C14.6012 2.5 16 3.89879 16 5.625C16 7.35121 14.6012 8.75 12.875 8.75H5.125C4.22721 8.75 3.5 9.47721 3.5 10.375C3.5 11.2728 4.22721 12 5.125 12H8.75C9.16421 12 9.5 12.3358 9.5 12.75C9.5 13.1642 9.16421 13.5 8.75 13.5H5.125C3.39879 13.5 2 12.1012 2 10.375C2 8.64879 3.39879 7.25 5.125 7.25H12.875C13.7728 7.25 14.5 6.52279 14.5 5.625C14.5 4.72721 13.7728 4 12.875 4H5.25C4.83579 4 4.5 3.66421 4.5 3.25Z",
|
|
22
|
+
fill: "currentColor",
|
|
23
|
+
fillOpacity: "0.4"
|
|
24
|
+
}
|
|
25
|
+
),
|
|
26
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
27
|
+
"path",
|
|
28
|
+
{
|
|
29
|
+
fillRule: "evenodd",
|
|
30
|
+
clipRule: "evenodd",
|
|
31
|
+
d: "M10.5 12.75C10.5 11.2307 11.7313 10 13.25 10C14.7687 10 16 11.2307 16 12.75C16 14.2693 14.7687 15.5 13.25 15.5C11.7313 15.5 10.5 14.2693 10.5 12.75Z",
|
|
32
|
+
fill: "currentColor"
|
|
33
|
+
}
|
|
34
|
+
)
|
|
35
|
+
]
|
|
36
|
+
}
|
|
37
|
+
);
|
|
38
|
+
};
|
|
39
|
+
|
|
40
|
+
exports.PathIcon = PathIcon;
|
|
41
|
+
//# sourceMappingURL=Path.js.map
|
|
42
|
+
//# sourceMappingURL=Path.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/icons/Path.tsx"],"names":["jsxs","jsx"],"mappings":";;;;AAEO,MAAM,WAAW,CAAC,EAAE,SAAA,EAAW,IAAA,GAAO,IAAG,KAAiB;AAC/D,EAAA,uBACEA,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,4BAAA;AAAA,MACN,KAAA,EAAO,IAAA;AAAA,MACP,MAAA,EAAQ,IAAA;AAAA,MACR,OAAA,EAAQ,WAAA;AAAA,MACR,SAAA;AAAA,MACA,IAAA,EAAK,MAAA;AAAA,MAEL,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,QAAA,EAAS,SAAA;AAAA,YACT,QAAA,EAAS,SAAA;AAAA,YACT,CAAA,EAAE,mcAAA;AAAA,YACF,IAAA,EAAK,cAAA;AAAA,YACL,WAAA,EAAY;AAAA;AAAA,SACd;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,QAAA,EAAS,SAAA;AAAA,YACT,QAAA,EAAS,SAAA;AAAA,YACT,CAAA,EAAE,sJAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA;AACP;AAAA;AAAA,GACF;AAEJ","file":"Path.js","sourcesContent":["import { IconProps } from \"../Icon\";\n\nexport const PathIcon = ({ className, size = 18 }: IconProps) => {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={size}\n height={size}\n viewBox=\"0 0 18 18\"\n className={className}\n fill=\"none\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M4.5 3.25C4.5 2.83579 4.83579 2.5 5.25 2.5H12.875C14.6012 2.5 16 3.89879 16 5.625C16 7.35121 14.6012 8.75 12.875 8.75H5.125C4.22721 8.75 3.5 9.47721 3.5 10.375C3.5 11.2728 4.22721 12 5.125 12H8.75C9.16421 12 9.5 12.3358 9.5 12.75C9.5 13.1642 9.16421 13.5 8.75 13.5H5.125C3.39879 13.5 2 12.1012 2 10.375C2 8.64879 3.39879 7.25 5.125 7.25H12.875C13.7728 7.25 14.5 6.52279 14.5 5.625C14.5 4.72721 13.7728 4 12.875 4H5.25C4.83579 4 4.5 3.66421 4.5 3.25Z\"\n fill=\"currentColor\"\n fillOpacity=\"0.4\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M10.5 12.75C10.5 11.2307 11.7313 10 13.25 10C14.7687 10 16 11.2307 16 12.75C16 14.2693 14.7687 15.5 13.25 15.5C11.7313 15.5 10.5 14.2693 10.5 12.75Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\n"]}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
|
|
3
|
+
const PathIcon = ({ className, size = 18 }) => {
|
|
4
|
+
return /* @__PURE__ */ jsxs(
|
|
5
|
+
"svg",
|
|
6
|
+
{
|
|
7
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
8
|
+
width: size,
|
|
9
|
+
height: size,
|
|
10
|
+
viewBox: "0 0 18 18",
|
|
11
|
+
className,
|
|
12
|
+
fill: "none",
|
|
13
|
+
children: [
|
|
14
|
+
/* @__PURE__ */ jsx(
|
|
15
|
+
"path",
|
|
16
|
+
{
|
|
17
|
+
fillRule: "evenodd",
|
|
18
|
+
clipRule: "evenodd",
|
|
19
|
+
d: "M4.5 3.25C4.5 2.83579 4.83579 2.5 5.25 2.5H12.875C14.6012 2.5 16 3.89879 16 5.625C16 7.35121 14.6012 8.75 12.875 8.75H5.125C4.22721 8.75 3.5 9.47721 3.5 10.375C3.5 11.2728 4.22721 12 5.125 12H8.75C9.16421 12 9.5 12.3358 9.5 12.75C9.5 13.1642 9.16421 13.5 8.75 13.5H5.125C3.39879 13.5 2 12.1012 2 10.375C2 8.64879 3.39879 7.25 5.125 7.25H12.875C13.7728 7.25 14.5 6.52279 14.5 5.625C14.5 4.72721 13.7728 4 12.875 4H5.25C4.83579 4 4.5 3.66421 4.5 3.25Z",
|
|
20
|
+
fill: "currentColor",
|
|
21
|
+
fillOpacity: "0.4"
|
|
22
|
+
}
|
|
23
|
+
),
|
|
24
|
+
/* @__PURE__ */ jsx(
|
|
25
|
+
"path",
|
|
26
|
+
{
|
|
27
|
+
fillRule: "evenodd",
|
|
28
|
+
clipRule: "evenodd",
|
|
29
|
+
d: "M10.5 12.75C10.5 11.2307 11.7313 10 13.25 10C14.7687 10 16 11.2307 16 12.75C16 14.2693 14.7687 15.5 13.25 15.5C11.7313 15.5 10.5 14.2693 10.5 12.75Z",
|
|
30
|
+
fill: "currentColor"
|
|
31
|
+
}
|
|
32
|
+
)
|
|
33
|
+
]
|
|
34
|
+
}
|
|
35
|
+
);
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
export { PathIcon };
|
|
39
|
+
//# sourceMappingURL=Path.mjs.map
|
|
40
|
+
//# sourceMappingURL=Path.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/icons/Path.tsx"],"names":[],"mappings":";;AAEO,MAAM,WAAW,CAAC,EAAE,SAAA,EAAW,IAAA,GAAO,IAAG,KAAiB;AAC/D,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,4BAAA;AAAA,MACN,KAAA,EAAO,IAAA;AAAA,MACP,MAAA,EAAQ,IAAA;AAAA,MACR,OAAA,EAAQ,WAAA;AAAA,MACR,SAAA;AAAA,MACA,IAAA,EAAK,MAAA;AAAA,MAEL,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,QAAA,EAAS,SAAA;AAAA,YACT,QAAA,EAAS,SAAA;AAAA,YACT,CAAA,EAAE,mcAAA;AAAA,YACF,IAAA,EAAK,cAAA;AAAA,YACL,WAAA,EAAY;AAAA;AAAA,SACd;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,QAAA,EAAS,SAAA;AAAA,YACT,QAAA,EAAS,SAAA;AAAA,YACT,CAAA,EAAE,sJAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA;AACP;AAAA;AAAA,GACF;AAEJ","file":"Path.mjs","sourcesContent":["import { IconProps } from \"../Icon\";\n\nexport const PathIcon = ({ className, size = 18 }: IconProps) => {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={size}\n height={size}\n viewBox=\"0 0 18 18\"\n className={className}\n fill=\"none\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M4.5 3.25C4.5 2.83579 4.83579 2.5 5.25 2.5H12.875C14.6012 2.5 16 3.89879 16 5.625C16 7.35121 14.6012 8.75 12.875 8.75H5.125C4.22721 8.75 3.5 9.47721 3.5 10.375C3.5 11.2728 4.22721 12 5.125 12H8.75C9.16421 12 9.5 12.3358 9.5 12.75C9.5 13.1642 9.16421 13.5 8.75 13.5H5.125C3.39879 13.5 2 12.1012 2 10.375C2 8.64879 3.39879 7.25 5.125 7.25H12.875C13.7728 7.25 14.5 6.52279 14.5 5.625C14.5 4.72721 13.7728 4 12.875 4H5.25C4.83579 4 4.5 3.66421 4.5 3.25Z\"\n fill=\"currentColor\"\n fillOpacity=\"0.4\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M10.5 12.75C10.5 11.2307 11.7313 10 13.25 10C14.7687 10 16 11.2307 16 12.75C16 14.2693 14.7687 15.5 13.25 15.5C11.7313 15.5 10.5 14.2693 10.5 12.75Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\n"]}
|
package/dist/utils/colours.d.mts
CHANGED
package/dist/utils/colours.d.ts
CHANGED
package/dist/utils/colours.js
CHANGED
|
@@ -6,6 +6,7 @@ const BRAND_COLOURS = {
|
|
|
6
6
|
Typescript: "var(--color-brand-typescript)",
|
|
7
7
|
Assembly: "var(--color-brand-assembly)",
|
|
8
8
|
General: "var(--color-brand-primary)",
|
|
9
|
+
Brand: "var(--color-brand-primary)",
|
|
9
10
|
Error: "var(--color-state-error)",
|
|
10
11
|
Success: "var(--color-accent-2)",
|
|
11
12
|
Beginner: "var(--color-accent-1)",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/colours.ts"],"names":[],"mappings":";;AAAO,MAAM,aAAA,GAAgB;AAAA,EAC3B,IAAA,EAAM,yBAAA;AAAA,EACN,MAAA,EAAQ,2BAAA;AAAA,EACR,UAAA,EAAY,+BAAA;AAAA,EACZ,QAAA,EAAU,6BAAA;AAAA,EACV,OAAA,EAAS,4BAAA;AAAA,EACT,KAAA,EAAO,0BAAA;AAAA,EACP,OAAA,EAAS,uBAAA;AAAA,EACT,QAAA,EAAU,uBAAA;AAAA,EACV,YAAA,EAAc,uBAAA;AAAA,EACd,QAAA,EAAU,uBAAA;AAAA,EACV,MAAA,EAAQ,uBAAA;AAAA,EACR,SAAA,EAAW,8BAAA;AAAA,EACX,KAAA,EAAO;AACT;AAEO,MAAM,gBAAA,GAAmB;AAAA,EAC9B,CAAA,EAAG,UAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,UAAA;AAAA,EACH,CAAA,EAAG;AACL;AAEO,MAAM,gBAAA,GAAmB;AAAA,EAC9B,CAAA,EAAG,SAAA;AAAA,EACH,CAAA,EAAG,SAAA;AAAA,EACH,CAAA,EAAG,SAAA;AAAA,EACH,CAAA,EAAG;AACL","file":"colours.js","sourcesContent":["export const BRAND_COLOURS = {\n Rust: \"var(--color-brand-rust)\",\n Anchor: \"var(--color-brand-anchor)\",\n Typescript: \"var(--color-brand-typescript)\",\n Assembly: \"var(--color-brand-assembly)\",\n General: \"var(--color-brand-primary)\",\n Error: \"var(--color-state-error)\",\n Success: \"var(--color-accent-2)\",\n Beginner: \"var(--color-accent-1)\",\n Intermediate: \"var(--color-accent-2)\",\n Advanced: \"var(--color-accent-3)\",\n Expert: \"var(--color-accent-4)\",\n Secondary: \"var(--color-shade-secondary)\",\n Muted: \"var(--color-shade-mute)\",\n};\n\nexport const courseDifficulty = {\n 1: \"Beginner\",\n 2: \"Intermediate\",\n 3: \"Advanced\",\n 4: \"Expert\",\n} as const;\n\nexport const difficultyColors = {\n 1: \"#00C7E6\",\n 2: \"#00E66B\",\n 3: \"#E6D700\",\n 4: \"#FF285A\",\n} as const;\n\nexport type BrandColour = keyof typeof BRAND_COLOURS;\n"]}
|
|
1
|
+
{"version":3,"sources":["../../src/utils/colours.ts"],"names":[],"mappings":";;AAAO,MAAM,aAAA,GAAgB;AAAA,EAC3B,IAAA,EAAM,yBAAA;AAAA,EACN,MAAA,EAAQ,2BAAA;AAAA,EACR,UAAA,EAAY,+BAAA;AAAA,EACZ,QAAA,EAAU,6BAAA;AAAA,EACV,OAAA,EAAS,4BAAA;AAAA,EACT,KAAA,EAAO,4BAAA;AAAA,EACP,KAAA,EAAO,0BAAA;AAAA,EACP,OAAA,EAAS,uBAAA;AAAA,EACT,QAAA,EAAU,uBAAA;AAAA,EACV,YAAA,EAAc,uBAAA;AAAA,EACd,QAAA,EAAU,uBAAA;AAAA,EACV,MAAA,EAAQ,uBAAA;AAAA,EACR,SAAA,EAAW,8BAAA;AAAA,EACX,KAAA,EAAO;AACT;AAEO,MAAM,gBAAA,GAAmB;AAAA,EAC9B,CAAA,EAAG,UAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,UAAA;AAAA,EACH,CAAA,EAAG;AACL;AAEO,MAAM,gBAAA,GAAmB;AAAA,EAC9B,CAAA,EAAG,SAAA;AAAA,EACH,CAAA,EAAG,SAAA;AAAA,EACH,CAAA,EAAG,SAAA;AAAA,EACH,CAAA,EAAG;AACL","file":"colours.js","sourcesContent":["export const BRAND_COLOURS = {\n Rust: \"var(--color-brand-rust)\",\n Anchor: \"var(--color-brand-anchor)\",\n Typescript: \"var(--color-brand-typescript)\",\n Assembly: \"var(--color-brand-assembly)\",\n General: \"var(--color-brand-primary)\",\n Brand: \"var(--color-brand-primary)\",\n Error: \"var(--color-state-error)\",\n Success: \"var(--color-accent-2)\",\n Beginner: \"var(--color-accent-1)\",\n Intermediate: \"var(--color-accent-2)\",\n Advanced: \"var(--color-accent-3)\",\n Expert: \"var(--color-accent-4)\",\n Secondary: \"var(--color-shade-secondary)\",\n Muted: \"var(--color-shade-mute)\",\n};\n\nexport const courseDifficulty = {\n 1: \"Beginner\",\n 2: \"Intermediate\",\n 3: \"Advanced\",\n 4: \"Expert\",\n} as const;\n\nexport const difficultyColors = {\n 1: \"#00C7E6\",\n 2: \"#00E66B\",\n 3: \"#E6D700\",\n 4: \"#FF285A\",\n} as const;\n\nexport type BrandColour = keyof typeof BRAND_COLOURS;\n"]}
|
package/dist/utils/colours.mjs
CHANGED
|
@@ -4,6 +4,7 @@ const BRAND_COLOURS = {
|
|
|
4
4
|
Typescript: "var(--color-brand-typescript)",
|
|
5
5
|
Assembly: "var(--color-brand-assembly)",
|
|
6
6
|
General: "var(--color-brand-primary)",
|
|
7
|
+
Brand: "var(--color-brand-primary)",
|
|
7
8
|
Error: "var(--color-state-error)",
|
|
8
9
|
Success: "var(--color-accent-2)",
|
|
9
10
|
Beginner: "var(--color-accent-1)",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/colours.ts"],"names":[],"mappings":"AAAO,MAAM,aAAA,GAAgB;AAAA,EAC3B,IAAA,EAAM,yBAAA;AAAA,EACN,MAAA,EAAQ,2BAAA;AAAA,EACR,UAAA,EAAY,+BAAA;AAAA,EACZ,QAAA,EAAU,6BAAA;AAAA,EACV,OAAA,EAAS,4BAAA;AAAA,EACT,KAAA,EAAO,0BAAA;AAAA,EACP,OAAA,EAAS,uBAAA;AAAA,EACT,QAAA,EAAU,uBAAA;AAAA,EACV,YAAA,EAAc,uBAAA;AAAA,EACd,QAAA,EAAU,uBAAA;AAAA,EACV,MAAA,EAAQ,uBAAA;AAAA,EACR,SAAA,EAAW,8BAAA;AAAA,EACX,KAAA,EAAO;AACT;AAEO,MAAM,gBAAA,GAAmB;AAAA,EAC9B,CAAA,EAAG,UAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,UAAA;AAAA,EACH,CAAA,EAAG;AACL;AAEO,MAAM,gBAAA,GAAmB;AAAA,EAC9B,CAAA,EAAG,SAAA;AAAA,EACH,CAAA,EAAG,SAAA;AAAA,EACH,CAAA,EAAG,SAAA;AAAA,EACH,CAAA,EAAG;AACL","file":"colours.mjs","sourcesContent":["export const BRAND_COLOURS = {\n Rust: \"var(--color-brand-rust)\",\n Anchor: \"var(--color-brand-anchor)\",\n Typescript: \"var(--color-brand-typescript)\",\n Assembly: \"var(--color-brand-assembly)\",\n General: \"var(--color-brand-primary)\",\n Error: \"var(--color-state-error)\",\n Success: \"var(--color-accent-2)\",\n Beginner: \"var(--color-accent-1)\",\n Intermediate: \"var(--color-accent-2)\",\n Advanced: \"var(--color-accent-3)\",\n Expert: \"var(--color-accent-4)\",\n Secondary: \"var(--color-shade-secondary)\",\n Muted: \"var(--color-shade-mute)\",\n};\n\nexport const courseDifficulty = {\n 1: \"Beginner\",\n 2: \"Intermediate\",\n 3: \"Advanced\",\n 4: \"Expert\",\n} as const;\n\nexport const difficultyColors = {\n 1: \"#00C7E6\",\n 2: \"#00E66B\",\n 3: \"#E6D700\",\n 4: \"#FF285A\",\n} as const;\n\nexport type BrandColour = keyof typeof BRAND_COLOURS;\n"]}
|
|
1
|
+
{"version":3,"sources":["../../src/utils/colours.ts"],"names":[],"mappings":"AAAO,MAAM,aAAA,GAAgB;AAAA,EAC3B,IAAA,EAAM,yBAAA;AAAA,EACN,MAAA,EAAQ,2BAAA;AAAA,EACR,UAAA,EAAY,+BAAA;AAAA,EACZ,QAAA,EAAU,6BAAA;AAAA,EACV,OAAA,EAAS,4BAAA;AAAA,EACT,KAAA,EAAO,4BAAA;AAAA,EACP,KAAA,EAAO,0BAAA;AAAA,EACP,OAAA,EAAS,uBAAA;AAAA,EACT,QAAA,EAAU,uBAAA;AAAA,EACV,YAAA,EAAc,uBAAA;AAAA,EACd,QAAA,EAAU,uBAAA;AAAA,EACV,MAAA,EAAQ,uBAAA;AAAA,EACR,SAAA,EAAW,8BAAA;AAAA,EACX,KAAA,EAAO;AACT;AAEO,MAAM,gBAAA,GAAmB;AAAA,EAC9B,CAAA,EAAG,UAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,UAAA;AAAA,EACH,CAAA,EAAG;AACL;AAEO,MAAM,gBAAA,GAAmB;AAAA,EAC9B,CAAA,EAAG,SAAA;AAAA,EACH,CAAA,EAAG,SAAA;AAAA,EACH,CAAA,EAAG,SAAA;AAAA,EACH,CAAA,EAAG;AACL","file":"colours.mjs","sourcesContent":["export const BRAND_COLOURS = {\n Rust: \"var(--color-brand-rust)\",\n Anchor: \"var(--color-brand-anchor)\",\n Typescript: \"var(--color-brand-typescript)\",\n Assembly: \"var(--color-brand-assembly)\",\n General: \"var(--color-brand-primary)\",\n Brand: \"var(--color-brand-primary)\",\n Error: \"var(--color-state-error)\",\n Success: \"var(--color-accent-2)\",\n Beginner: \"var(--color-accent-1)\",\n Intermediate: \"var(--color-accent-2)\",\n Advanced: \"var(--color-accent-3)\",\n Expert: \"var(--color-accent-4)\",\n Secondary: \"var(--color-shade-secondary)\",\n Muted: \"var(--color-shade-mute)\",\n};\n\nexport const courseDifficulty = {\n 1: \"Beginner\",\n 2: \"Intermediate\",\n 3: \"Advanced\",\n 4: \"Expert\",\n} as const;\n\nexport const difficultyColors = {\n 1: \"#00C7E6\",\n 2: \"#00E66B\",\n 3: \"#E6D700\",\n 4: \"#FF285A\",\n} as const;\n\nexport type BrandColour = keyof typeof BRAND_COLOURS;\n"]}
|