@vibes.diy/use-vibes-base 0.18.16-dev → 0.18.18-dev
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/components/BrutalistCard/BrutalistCard.d.ts +0 -1
- package/components/BrutalistCard/BrutalistCard.js +13 -4
- package/components/BrutalistCard/BrutalistCard.js.map +1 -1
- package/components/BrutalistCard/BrutalistCard.styles.js +4 -4
- package/components/BrutalistCard/BrutalistCard.styles.js.map +1 -1
- package/components/HiddenMenuWrapper/HiddenMenuWrapper.styles.js +2 -28
- package/components/HiddenMenuWrapper/HiddenMenuWrapper.styles.js.map +1 -1
- package/components/ImgGen.css +675 -0
- package/components/ImgGen.js.map +1 -1
- package/components/VibesButton/VibesButton.d.ts +2 -10
- package/components/VibesButton/VibesButton.js +24 -34
- package/components/VibesButton/VibesButton.js.map +1 -1
- package/components/VibesButton/VibesButton.styles.d.ts +6 -7
- package/components/VibesButton/VibesButton.styles.js +9 -75
- package/components/VibesButton/VibesButton.styles.js.map +1 -1
- package/components/{VibesPanel.d.ts → VibesPanel/VibesPanel.d.ts} +0 -1
- package/components/VibesPanel/VibesPanel.js +119 -0
- package/components/VibesPanel/VibesPanel.js.map +1 -0
- package/components/VibesPanel/index.d.ts +1 -0
- package/components/VibesPanel/index.js +2 -0
- package/components/VibesPanel/index.js.map +1 -0
- package/components/VibesSwitch/VibesSwitch.d.ts +1 -4
- package/components/VibesSwitch/VibesSwitch.js +3 -17
- package/components/VibesSwitch/VibesSwitch.js.map +1 -1
- package/components/VibesSwitch/VibesSwitch.styles.js +2 -2
- package/components/VibesSwitch/VibesSwitch.styles.js.map +1 -1
- package/constants.d.ts +3 -0
- package/constants.js +3 -0
- package/constants.js.map +1 -1
- package/events.d.ts +7 -0
- package/events.js +4 -0
- package/events.js.map +1 -0
- package/hooks/image-gen/use-image-gen.js +1 -0
- package/hooks/image-gen/use-image-gen.js.map +1 -1
- package/hooks/use-image-gen.d.ts +1 -0
- package/hooks/use-image-gen.js +2 -0
- package/hooks/use-image-gen.js.map +1 -0
- package/hooks/vibes-gen/use-vibes.js +2 -0
- package/hooks/vibes-gen/use-vibes.js.map +1 -1
- package/index.d.ts +2 -6
- package/index.js +109 -12
- package/index.js.map +1 -1
- package/package.json +26 -12
- package/tsconfig.json +0 -2
- package/utils/vibe-control-styles.js +11 -52
- package/utils/vibe-control-styles.js.map +1 -1
- package/vibe-app-mount.js +1 -1
- package/vibe-app-mount.js.map +1 -1
- package/components/LabelContainer/LabelContainer.d.ts +0 -9
- package/components/LabelContainer/LabelContainer.js +0 -10
- package/components/LabelContainer/LabelContainer.js.map +0 -1
- package/components/LabelContainer/LabelContainer.styles.d.ts +0 -7
- package/components/LabelContainer/LabelContainer.styles.js +0 -159
- package/components/LabelContainer/LabelContainer.styles.js.map +0 -1
- package/components/LabelContainer/index.d.ts +0 -2
- package/components/LabelContainer/index.js +0 -2
- package/components/LabelContainer/index.js.map +0 -1
- package/components/VibesButton/index.d.ts +0 -1
- package/components/VibesButton/index.js +0 -2
- package/components/VibesButton/index.js.map +0 -1
- package/components/VibesPanel.js +0 -97
- package/components/VibesPanel.js.map +0 -1
- package/components/VibesPanel.styles.d.ts +0 -14
- package/components/VibesPanel.styles.js +0 -137
- package/components/VibesPanel.styles.js.map +0 -1
- package/components/icons/BackIcon.d.ts +0 -9
- package/components/icons/BackIcon.js +0 -7
- package/components/icons/BackIcon.js.map +0 -1
- package/components/icons/InviteIcon.d.ts +0 -9
- package/components/icons/InviteIcon.js +0 -7
- package/components/icons/InviteIcon.js.map +0 -1
- package/components/icons/LoginIcon.d.ts +0 -9
- package/components/icons/LoginIcon.js +0 -7
- package/components/icons/LoginIcon.js.map +0 -1
- package/components/icons/RemixIcon.d.ts +0 -9
- package/components/icons/RemixIcon.js +0 -7
- package/components/icons/RemixIcon.js.map +0 -1
- package/components/icons/SettingsIcon.d.ts +0 -9
- package/components/icons/SettingsIcon.js +0 -7
- package/components/icons/SettingsIcon.js.map +0 -1
- package/components/icons/index.d.ts +0 -5
- package/components/icons/index.js +0 -6
- package/components/icons/index.js.map +0 -1
- package/hooks/useMobile.d.ts +0 -1
- package/hooks/useMobile.js +0 -20
- package/hooks/useMobile.js.map +0 -1
- package/hooks/useThemeDetection.d.ts +0 -1
- package/hooks/useThemeDetection.js +0 -15
- package/hooks/useThemeDetection.js.map +0 -1
- package/styles/colors.css +0 -198
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { BrutalistCardVariant, BrutalistCardSize } from './BrutalistCard.styles.js';
|
|
3
|
-
import '../../styles/colors.css';
|
|
4
3
|
export interface BrutalistCardProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
5
4
|
children: React.ReactNode;
|
|
6
5
|
variant?: BrutalistCardVariant;
|
|
@@ -1,12 +1,21 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { getBrutalistCardStyle } from './BrutalistCard.styles.js';
|
|
3
|
-
import '../../styles/colors.css';
|
|
4
3
|
export const BrutalistCard = React.forwardRef(({ children, variant = 'default', size = 'md', messageType, style, className, ...divProps }, ref) => {
|
|
4
|
+
const [isDark, setIsDark] = React.useState(false);
|
|
5
|
+
React.useEffect(() => {
|
|
6
|
+
const checkDarkMode = () => {
|
|
7
|
+
setIsDark(window.matchMedia('(prefers-color-scheme: dark)').matches);
|
|
8
|
+
};
|
|
9
|
+
checkDarkMode();
|
|
10
|
+
const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
|
|
11
|
+
mediaQuery.addEventListener('change', checkDarkMode);
|
|
12
|
+
return () => mediaQuery.removeEventListener('change', checkDarkMode);
|
|
13
|
+
}, []);
|
|
5
14
|
const cardStyle = {
|
|
6
15
|
...getBrutalistCardStyle(variant, size, messageType),
|
|
7
|
-
background: '
|
|
8
|
-
color: '
|
|
9
|
-
border: '3px solid
|
|
16
|
+
background: isDark ? '#1a1a1a' : '#fff',
|
|
17
|
+
color: isDark ? '#fff' : '#1a1a1a',
|
|
18
|
+
border: isDark ? '3px solid #555' : '3px solid #1a1a1a',
|
|
10
19
|
...style,
|
|
11
20
|
};
|
|
12
21
|
return (React.createElement("div", { ref: ref, style: cardStyle, className: className, ...divProps }, children));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BrutalistCard.js","sourceRoot":"","sources":["../../../jsr/components/BrutalistCard/BrutalistCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"BrutalistCard.js","sourceRoot":"","sources":["../../../jsr/components/BrutalistCard/BrutalistCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AA+BlE,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAC3C,CACE,EACE,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,WAAW,EACX,KAAK,EACL,SAAS,EACT,GAAG,QAAQ,EACQ,EACrB,GAAG,EACH,EAAE,CAAC;IAEH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;QACpB,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC;YAC1B,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,CAAC,CAAC;QAAA,CACtE,CAAC;QAEF,aAAa,EAAE,CAAC;QAChB,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC;QACrE,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;QAErD,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,mBAAmB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;IAAA,CACtE,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,SAAS,GAAG;QAChB,GAAG,qBAAqB,CAAC,OAAO,EAAE,IAAI,EAAE,WAAW,CAAC;QACpD,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;QACvC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QAClC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,mBAAmB;QACvD,GAAG,KAAK;KACc,CAAC;IAEzB,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,KAAM,QAAQ,IAChE,QAAQ,CACL,CACP,CAAC;AAAA,CACH,CACF,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
function getShadowColor(variant) {
|
|
2
2
|
switch (variant) {
|
|
3
3
|
case 'success':
|
|
4
|
-
return '
|
|
4
|
+
return '#51cf66';
|
|
5
5
|
case 'error':
|
|
6
|
-
return '
|
|
6
|
+
return '#DA291C';
|
|
7
7
|
case 'warning':
|
|
8
|
-
return '
|
|
8
|
+
return '#FEDD00';
|
|
9
9
|
case 'default':
|
|
10
10
|
default:
|
|
11
|
-
return '
|
|
11
|
+
return '#1a1a1a';
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
14
|
function getPadding(size) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BrutalistCard.styles.js","sourceRoot":"","sources":["../../../jsr/components/BrutalistCard/BrutalistCard.styles.ts"],"names":[],"mappings":"AAQA,SAAS,cAAc,CAAC,OAA6B,EAAU;IAC7D,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS;YACZ,OAAO,
|
|
1
|
+
{"version":3,"file":"BrutalistCard.styles.js","sourceRoot":"","sources":["../../../jsr/components/BrutalistCard/BrutalistCard.styles.ts"],"names":[],"mappings":"AAQA,SAAS,cAAc,CAAC,OAA6B,EAAU;IAC7D,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,OAAO;YACV,OAAO,SAAS,CAAC;QACnB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,SAAS,CAAC;QACf;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AAAA,CACF;AAKD,SAAS,UAAU,CAAC,IAAuB,EAAU;IACnD,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,IAAI;YACP,OAAO,cAAc,CAAC;QACxB,KAAK,IAAI;YACP,OAAO,MAAM,CAAC;QAChB,KAAK,IAAI;YACP,OAAO,WAAW,CAAC;QACrB;YACE,OAAO,MAAM,CAAC;IAClB,CAAC;AAAA,CACF;AAKD,SAAS,WAAW,CAAC,IAAuB,EAAU;IACpD,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,IAAI;YACP,OAAO,UAAU,CAAC;QACpB,KAAK,IAAI;YACP,OAAO,MAAM,CAAC;QAChB,KAAK,IAAI;YACP,OAAO,MAAM,CAAC;QAChB;YACE,OAAO,MAAM,CAAC;IAClB,CAAC;AAAA,CACF;AAKD,SAAS,YAAY,CAAC,IAAuB,EAAE,OAA6B,EAAU;IACpF,MAAM,KAAK,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IAEtC,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,IAAI;YACP,OAAO,mBAAmB,KAAK,EAAE,CAAC;QACpC,KAAK,IAAI;YACP,OAAO,mBAAmB,KAAK,EAAE,CAAC;QACpC,KAAK,IAAI;YACP,OAAO,mBAAmB,KAAK,EAAE,CAAC;QACpC;YACE,OAAO,mBAAmB,KAAK,EAAE,CAAC;IACtC,CAAC;AAAA,CACF;AAKD,SAAS,eAAe,CAAC,WAA2B,EAAU;IAC5D,QAAQ,WAAW,EAAE,CAAC;QACpB,KAAK,MAAM;YACT,OAAO,kBAAkB,CAAC;QAC5B,KAAK,IAAI;YACP,OAAO,kBAAkB,CAAC;QAC5B;YACE,OAAO,MAAM,CAAC;IAClB,CAAC;AAAA,CACF;AAKD,MAAM,UAAU,qBAAqB,CACnC,OAAO,GAAyB,SAAS,EACzC,IAAI,GAAsB,IAAI,EAC9B,WAA2B,EACZ;IACf,OAAO;QAEL,YAAY,EAAE,eAAe,CAAC,WAAW,CAAC;QAC1C,OAAO,EAAE,UAAU,CAAC,IAAI,CAAC;QACzB,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC;QAC3B,UAAU,EAAE,GAAG;QACf,aAAa,EAAE,QAAQ;QACvB,SAAS,EAAE,YAAY,CAAC,IAAI,EAAE,OAAO,CAAC;QACtC,UAAU,EAAE,6CAA6C;QACzD,SAAS,EAAE,YAAqB;KACjC,CAAC;AAAA,CACH"}
|
|
@@ -1,33 +1,7 @@
|
|
|
1
|
-
if (typeof document !== 'undefined') {
|
|
2
|
-
const styleId = 'hidden-menu-wrapper-vars';
|
|
3
|
-
if (!document.getElementById(styleId)) {
|
|
4
|
-
const style = document.createElement('style');
|
|
5
|
-
style.id = styleId;
|
|
6
|
-
style.textContent = `
|
|
7
|
-
:root {
|
|
8
|
-
--hm-menu-bg: var(--vibes-gray-lightest);
|
|
9
|
-
--hm-menu-text: var(--vibes-white);
|
|
10
|
-
--hm-content-bg: #1e1e1e;
|
|
11
|
-
--hm-shadow: rgba(0, 0, 0, 0.3);
|
|
12
|
-
--hm-grid-line: rgba(255, 255, 255, 0.5);
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
@media (prefers-color-scheme: dark) {
|
|
16
|
-
:root {
|
|
17
|
-
--hm-menu-bg: #2a2a2a;
|
|
18
|
-
--hm-menu-text: var(--vibes-gray-ultralight);
|
|
19
|
-
--hm-content-bg: var(--vibes-near-black);
|
|
20
|
-
--hm-shadow: rgba(255, 255, 255, 0.1);
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
`;
|
|
24
|
-
document.head.appendChild(style);
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
1
|
export const hiddenMenuTheme = {
|
|
28
2
|
colors: {
|
|
29
|
-
menuBg: 'var(--hm-menu-bg,
|
|
30
|
-
menuText: 'var(--hm-menu-text,
|
|
3
|
+
menuBg: 'var(--hm-menu-bg, #d4d4d4)',
|
|
4
|
+
menuText: 'var(--hm-menu-text, white)',
|
|
31
5
|
contentBg: 'var(--hm-content-bg, #1e1e1e)',
|
|
32
6
|
shadow: 'var(--hm-shadow, rgba(0, 0, 0, 0.3))',
|
|
33
7
|
gridLineColor: 'var(--hm-grid-line, rgba(255, 255, 255, 0.5))',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HiddenMenuWrapper.styles.js","sourceRoot":"","sources":["../../../jsr/components/HiddenMenuWrapper/HiddenMenuWrapper.styles.ts"],"names":[],"mappings":"AAoBA,
|
|
1
|
+
{"version":3,"file":"HiddenMenuWrapper.styles.js","sourceRoot":"","sources":["../../../jsr/components/HiddenMenuWrapper/HiddenMenuWrapper.styles.ts"],"names":[],"mappings":"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"}
|