@surrealdb/ui 1.0.93 → 1.0.95

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 (12) hide show
  1. package/CLAUDE.md +1 -1
  2. package/dist/icons.d.ts +480 -0
  3. package/dist/icons.js +173 -0
  4. package/dist/icons.js.map +1 -0
  5. package/dist/ui.css +1 -1
  6. package/dist/ui.d.ts +69 -53
  7. package/dist/ui.js +4797 -4768
  8. package/dist/ui.js.map +1 -1
  9. package/dist/yoopta.css +1 -1
  10. package/dist/yoopta.d.ts +14 -14
  11. package/package.json +5 -1
  12. package/tools/icon-parser.ts +9 -4
package/dist/yoopta.css CHANGED
@@ -1 +1 @@
1
- :root[data-mantine-color-scheme=dark]{--yoopta-ui-background: 250 20% 7%;--yoopta-ui-foreground: 240 7% 96%;--yoopta-ui-muted: 252 16% 14%;--yoopta-ui-muted-foreground: 255 5% 59%;--yoopta-ui-border: 252 16% 14%;--yoopta-ui-ring: 240 7% 96%;--yoopta-ui-accent: 255 17% 14%;--yoopta-ui-accent-foreground: 240 7% 96%;--yoopta-ui-primary: 255 86% 63%;--yoopta-ui-primary-foreground: 0 0% 100%;--yoopta-ui-destructive: 0 84% 60%;--yoopta-ui-destructive-foreground: 0 0% 100%;--yoopta-ui-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--yoopta-ui-shadow: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--yoopta-ui-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .3);--yoopta-ui-shadow-xl: 0 16px 48px -12px rgba(0, 0, 0, .5), 0 4px 16px -4px rgba(0, 0, 0, .3)}:root[data-mantine-color-scheme=light]{--yoopta-ui-background: 240 7% 96%;--yoopta-ui-foreground: 250 20% 7%;--yoopta-ui-muted: 245 7% 90%;--yoopta-ui-muted-foreground: 255 5% 59%;--yoopta-ui-border: 248 7% 88%;--yoopta-ui-ring: 250 20% 7%;--yoopta-ui-accent: 245 7% 90%;--yoopta-ui-accent-foreground: 250 20% 7%;--yoopta-ui-primary: 255 86% 63%;--yoopta-ui-primary-foreground: 0 0% 100%;--yoopta-ui-destructive: 0 84% 60%;--yoopta-ui-destructive-foreground: 0 0% 100%}:root{--yoopta-ui-radius-sm: var(--mantine-radius-xs);--yoopta-ui-radius: var(--mantine-radius-sm);--yoopta-ui-radius-lg: var(--mantine-radius-md)}.yoopta-block[data-hovered-block=true],.yoopta-block:hover{background:transparent!important}.yoopta-block:last-child{margin-bottom:0}.yoopta-block p,.yoopta-block h1,.yoopta-block h2,.yoopta-block h3,.yoopta-block blockquote,.yoopta-block ul,.yoopta-block ol,.yoopta-block li{margin:var(--mantine-spacing-xs) 0}.yoopta-block h1,.yoopta-block h2,.yoopta-block h3{margin-bottom:0;margin-top:var(--mantine-spacing-lg);color:var(--mantine-color-bright)}.yoopta-slate{outline:none;border-radius:var(--mantine-radius-xs);box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .25s ease;padding:var(--mantine-spacing-xs)}.yoopta-block[data-block-selected=true]>.yoopta-slate{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mantine-color-violet-3) 75%,var(--surreal-glass-subtle))}.yoopta-placeholder{position:relative}.yoopta-placeholder:before{content:attr(data-placeholder);color:var(--mantine-color-text);opacity:var(--surreal-opacity-strong);position:absolute;top:0;left:0;pointer-events:none;white-space:nowrap}.yoopta-ui-slash-command-group-heading{padding-left:6px!important}.brandsafe-image-overlay-input{background-color:#ffffff26!important;border-color:#ffffff40!important;color:#fff!important}.brandsafe-image-overlay-input::placeholder{color:#ffffff80!important}.brandsafe-image-overlay-input:focus{border-color:#ffffff80!important}.brandsafe-image-overlay-label{color:#fff!important}.yoopta-heading-link{opacity:0;transition:opacity .15s ease}h1:hover>.yoopta-heading-link,h2:hover>.yoopta-heading-link,h3:hover>.yoopta-heading-link{opacity:1}
1
+ :root[data-mantine-color-scheme=dark]{--yoopta-ui-background: 250 20% 7%;--yoopta-ui-foreground: 240 7% 96%;--yoopta-ui-muted: 252 16% 14%;--yoopta-ui-muted-foreground: 255 5% 59%;--yoopta-ui-border: 252 16% 14%;--yoopta-ui-ring: 240 7% 96%;--yoopta-ui-accent: 255 17% 14%;--yoopta-ui-accent-foreground: 240 7% 96%;--yoopta-ui-primary: 255 86% 63%;--yoopta-ui-primary-foreground: 0 0% 100%;--yoopta-ui-destructive: 0 84% 60%;--yoopta-ui-destructive-foreground: 0 0% 100%;--yoopta-ui-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--yoopta-ui-shadow: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--yoopta-ui-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .3);--yoopta-ui-shadow-xl: 0 16px 48px -12px rgba(0, 0, 0, .5), 0 4px 16px -4px rgba(0, 0, 0, .3)}:root[data-mantine-color-scheme=light]{--yoopta-ui-background: 240 7% 96%;--yoopta-ui-foreground: 250 20% 7%;--yoopta-ui-muted: 245 7% 90%;--yoopta-ui-muted-foreground: 255 5% 59%;--yoopta-ui-border: 248 7% 88%;--yoopta-ui-ring: 250 20% 7%;--yoopta-ui-accent: 245 7% 90%;--yoopta-ui-accent-foreground: 250 20% 7%;--yoopta-ui-primary: 255 86% 63%;--yoopta-ui-primary-foreground: 0 0% 100%;--yoopta-ui-destructive: 0 84% 60%;--yoopta-ui-destructive-foreground: 0 0% 100%}:root{--yoopta-ui-radius-sm: var(--mantine-radius-xs);--yoopta-ui-radius: var(--mantine-radius-sm);--yoopta-ui-radius-lg: var(--mantine-radius-md)}.yoopta-block[data-hovered-block=true],.yoopta-block:hover{background:transparent!important}.yoopta-block:last-child{margin-bottom:0}.yoopta-block p,.yoopta-block h1,.yoopta-block h2,.yoopta-block h3,.yoopta-block blockquote,.yoopta-block ul,.yoopta-block ol,.yoopta-block li{margin:var(--mantine-spacing-xs) 0}.yoopta-block h1,.yoopta-block h2,.yoopta-block h3{margin-bottom:0;margin-top:var(--mantine-spacing-lg);color:var(--mantine-color-bright)}.yoopta-slate{outline:none;border-radius:var(--mantine-radius-xs);box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .25s ease;padding:var(--mantine-spacing-xs)}.yoopta-block[data-block-selected=true]>.yoopta-slate{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mantine-color-violet-3) 75%,var(--surreal-glass-subtle))}.yoopta-placeholder{position:relative}.yoopta-placeholder:before{content:attr(data-placeholder);color:var(--mantine-color-text);opacity:var(--surreal-opacity-strong);position:absolute;top:0;left:0;pointer-events:none;white-space:nowrap}.yoopta-ui-slash-command-group-heading{padding-left:6px!important}.cdn-image-overlay-input{background-color:#ffffff26!important;border-color:#ffffff40!important;color:#fff!important}.cdn-image-overlay-input::placeholder{color:#ffffff80!important}.cdn-image-overlay-input:focus{border-color:#ffffff80!important}.cdn-image-overlay-label{color:#fff!important}.yoopta-heading-link{opacity:0;transition:opacity .15s ease}h1:hover>.yoopta-heading-link,h2:hover>.yoopta-heading-link,h3:hover>.yoopta-heading-link{opacity:1}
package/dist/yoopta.d.ts CHANGED
@@ -1,19 +1,5 @@
1
1
  export { }
2
2
 
3
- declare module "@mantine/core" {
4
- type ExtendedCustomColors = "obsidian" | "slate" | import("@mantine/core").DefaultMantineColor;
5
- interface MantineThemeColorsOverride {
6
- colors: Record<ExtendedCustomColors, import("@mantine/core").MantineColorsTuple>;
7
- }
8
- }
9
-
10
- declare module "@mantine/core" {
11
- type ExtendedCustomSizes = import("@mantine/core").DefaultMantineSize | "2xl" | "3xl";
12
- interface MantineThemeSizesOverride {
13
- spacing: Record<ExtendedCustomSizes, string>;
14
- }
15
- }
16
-
17
3
  declare module "@mantine/core" {
18
4
  type SurrealVariant = "surreal";
19
5
  type SurrealInputVariant = SurrealVariant | "gradient";
@@ -132,3 +118,17 @@ declare module "@mantine/core" {
132
118
  variant?: SurrealVariant | "spaced";
133
119
  }
134
120
  }
121
+
122
+ declare module "@mantine/core" {
123
+ type ExtendedCustomSizes = import("@mantine/core").DefaultMantineSize | "2xl" | "3xl";
124
+ interface MantineThemeSizesOverride {
125
+ spacing: Record<ExtendedCustomSizes, string>;
126
+ }
127
+ }
128
+
129
+ declare module "@mantine/core" {
130
+ type ExtendedCustomColors = "obsidian" | "slate" | import("@mantine/core").DefaultMantineColor;
131
+ interface MantineThemeColorsOverride {
132
+ colors: Record<ExtendedCustomColors, import("@mantine/core").MantineColorsTuple>;
133
+ }
134
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@surrealdb/ui",
3
- "version": "1.0.93",
3
+ "version": "1.0.95",
4
4
  "type": "module",
5
5
  "sideEffects": false,
6
6
  "exports": {
@@ -8,6 +8,10 @@
8
8
  "types": "./dist/index.d.ts",
9
9
  "import": "./dist/ui.js"
10
10
  },
11
+ "./icons": {
12
+ "types": "./dist/icons.d.ts",
13
+ "import": "./dist/icons.js"
14
+ },
11
15
  "./styles.css": {
12
16
  "import": "./dist/ui.css"
13
17
  },
package/tools/icon-parser.ts CHANGED
@@ -30,7 +30,8 @@ try {
30
30
  // Read all SVG files in the icons directory
31
31
  const files = (await readdir(iconsDir)).filter((file) => file.endsWith(".svg")).sort();
32
32
 
33
- let code = "// Generated by SurrealDB UI Kit. Do not modify manually.\n\n";
33
+ let bundleCode = "// Generated by SurrealDB UI Kit. Do not modify manually.\n\n";
34
+ let pureCode = "// Generated by SurrealDB UI Kit. Do not modify manually.\n\n";
34
35
 
35
36
  for (const file of files) {
36
37
  const inputPath = join(iconsDir, file);
@@ -59,14 +60,18 @@ for (const file of files) {
59
60
  throw new Error(`Icon ${name} has ${paths.length} paths, expected 1`);
60
61
  }
61
62
 
62
- code += `export const icon${name}: string = "${paths[0].getAttribute("d")}";\n`;
63
+ const iconPath = paths[0].getAttribute("d");
64
+
65
+ bundleCode += `export const icon${name}: string = "${iconPath}";\n`;
66
+ pureCode += `export { icon${name} as ${name} } from "./icons";\n`;
63
67
 
64
68
  console.log(`🔄 Converted ${name}`);
65
69
  }
66
70
 
67
- await writeFile("./src/constants/icons.ts", code);
71
+ await writeFile("./src/constants/icons.ts", bundleCode);
72
+ await writeFile("./src/constants/icons-pure.ts", pureCode);
68
73
 
69
- console.log("✅ Updated icons.ts!");
74
+ console.log("✅ Updated icons.ts and icons-pure.ts!");
70
75
 
71
76
  await rm(iconsDir, { recursive: true });
72
77
  await rm(interDir, { recursive: true });