@flanksource/clicky-ui 0.2.18 → 0.2.19

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 (50) hide show
  1. package/dist/components.cjs +6 -0
  2. package/dist/components.cjs.map +1 -1
  3. package/dist/components.d.ts +3 -0
  4. package/dist/components.d.ts.map +1 -1
  5. package/dist/components.js +6 -0
  6. package/dist/components.js.map +1 -1
  7. package/dist/data/TabButton.cjs +17 -2
  8. package/dist/data/TabButton.cjs.map +1 -1
  9. package/dist/data/TabButton.d.ts +5 -1
  10. package/dist/data/TabButton.d.ts.map +1 -1
  11. package/dist/data/TabButton.js +17 -2
  12. package/dist/data/TabButton.js.map +1 -1
  13. package/dist/data/version-info.cjs +3 -3
  14. package/dist/data/version-info.js +3 -3
  15. package/dist/data.d.ts +1 -1
  16. package/dist/data.d.ts.map +1 -1
  17. package/dist/index.cjs +6 -0
  18. package/dist/index.cjs.map +1 -1
  19. package/dist/index.js +6 -0
  20. package/dist/index.js.map +1 -1
  21. package/dist/layout/AppShell.cjs +182 -0
  22. package/dist/layout/AppShell.cjs.map +1 -0
  23. package/dist/layout/AppShell.d.ts +75 -0
  24. package/dist/layout/AppShell.d.ts.map +1 -0
  25. package/dist/layout/AppShell.js +182 -0
  26. package/dist/layout/AppShell.js.map +1 -0
  27. package/dist/layout/Panel.cjs +66 -0
  28. package/dist/layout/Panel.cjs.map +1 -0
  29. package/dist/layout/Panel.d.ts +34 -0
  30. package/dist/layout/Panel.d.ts.map +1 -0
  31. package/dist/layout/Panel.js +66 -0
  32. package/dist/layout/Panel.js.map +1 -0
  33. package/dist/layout/Tabs.cjs +36 -0
  34. package/dist/layout/Tabs.cjs.map +1 -0
  35. package/dist/layout/Tabs.d.ts +36 -0
  36. package/dist/layout/Tabs.d.ts.map +1 -0
  37. package/dist/layout/Tabs.js +36 -0
  38. package/dist/layout/Tabs.js.map +1 -0
  39. package/dist/styles.cjs +1 -0
  40. package/dist/styles.cjs.map +1 -1
  41. package/dist/styles.css +1 -1
  42. package/dist/styles.d.ts.map +1 -1
  43. package/dist/styles.js +1 -0
  44. package/dist/styles.js.map +1 -1
  45. package/dist/tailwind-preset.cjs +36 -19
  46. package/dist/tailwind-preset.cjs.map +1 -1
  47. package/dist/tailwind-preset.d.ts.map +1 -1
  48. package/dist/tailwind-preset.js +36 -19
  49. package/dist/tailwind-preset.js.map +1 -1
  50. package/package.json +1 -1
package/dist/tailwind-preset.js CHANGED
@@ -2,39 +2,56 @@ const preset = {
2
2
  darkMode: ["selector", '[data-theme="dark"]'],
3
3
  theme: {
4
4
  extend: {
5
+ // Tokens are full-color aliases of the Flanksource fs-tokens (see
6
+ // styles/tokens.css), so they are referenced directly with var(--token)
7
+ // — no hsl() wrapper. Tailwind v4 applies opacity modifiers via color-mix.
5
8
  colors: {
6
- border: "hsl(var(--border))",
7
- input: "hsl(var(--input))",
8
- ring: "hsl(var(--ring))",
9
- background: "hsl(var(--background))",
10
- foreground: "hsl(var(--foreground))",
9
+ border: "var(--border)",
10
+ input: "var(--input)",
11
+ ring: "var(--ring)",
12
+ background: "var(--background)",
13
+ foreground: "var(--foreground)",
11
14
  primary: {
12
- DEFAULT: "hsl(var(--primary))",
13
- foreground: "hsl(var(--primary-foreground))"
15
+ DEFAULT: "var(--primary)",
16
+ foreground: "var(--primary-foreground)"
14
17
  },
15
18
  secondary: {
16
- DEFAULT: "hsl(var(--secondary))",
17
- foreground: "hsl(var(--secondary-foreground))"
19
+ DEFAULT: "var(--secondary)",
20
+ foreground: "var(--secondary-foreground)"
18
21
  },
19
22
  destructive: {
20
- DEFAULT: "hsl(var(--destructive))",
21
- foreground: "hsl(var(--destructive-foreground))"
23
+ DEFAULT: "var(--destructive)",
24
+ foreground: "var(--destructive-foreground)"
22
25
  },
23
26
  muted: {
24
- DEFAULT: "hsl(var(--muted))",
25
- foreground: "hsl(var(--muted-foreground))"
27
+ DEFAULT: "var(--muted)",
28
+ foreground: "var(--muted-foreground)"
26
29
  },
27
30
  accent: {
28
- DEFAULT: "hsl(var(--accent))",
29
- foreground: "hsl(var(--accent-foreground))"
31
+ DEFAULT: "var(--accent)",
32
+ foreground: "var(--accent-foreground)"
30
33
  },
31
34
  popover: {
32
- DEFAULT: "hsl(var(--popover))",
33
- foreground: "hsl(var(--popover-foreground))"
35
+ DEFAULT: "var(--popover)",
36
+ foreground: "var(--popover-foreground)"
34
37
  },
35
38
  card: {
36
- DEFAULT: "hsl(var(--card))",
37
- foreground: "hsl(var(--card-foreground))"
39
+ DEFAULT: "var(--card)",
40
+ foreground: "var(--card-foreground)"
41
+ },
42
+ sidebar: {
43
+ DEFAULT: "var(--sidebar)",
44
+ foreground: "var(--sidebar-foreground)",
45
+ border: "var(--sidebar-border)",
46
+ ring: "var(--sidebar-ring)",
47
+ accent: {
48
+ DEFAULT: "var(--sidebar-accent)",
49
+ foreground: "var(--sidebar-accent-foreground)"
50
+ },
51
+ primary: {
52
+ DEFAULT: "var(--sidebar-primary)",
53
+ foreground: "var(--sidebar-primary-foreground)"
54
+ }
38
55
  }
39
56
  },
40
57
  borderRadius: {
package/dist/tailwind-preset.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tailwind-preset.js","sources":["../src/tailwind-preset.ts"],"sourcesContent":["import type { Config } from \"tailwindcss\";\n\nconst preset: Partial<Config> = {\n darkMode: [\"selector\", '[data-theme=\"dark\"]'],\n theme: {\n extend: {\n colors: {\n border: \"hsl(var(--border))\",\n input: \"hsl(var(--input))\",\n ring: \"hsl(var(--ring))\",\n background: \"hsl(var(--background))\",\n foreground: \"hsl(var(--foreground))\",\n primary: {\n DEFAULT: \"hsl(var(--primary))\",\n foreground: \"hsl(var(--primary-foreground))\",\n },\n secondary: {\n DEFAULT: \"hsl(var(--secondary))\",\n foreground: \"hsl(var(--secondary-foreground))\",\n },\n destructive: {\n DEFAULT: \"hsl(var(--destructive))\",\n foreground: \"hsl(var(--destructive-foreground))\",\n },\n muted: {\n DEFAULT: \"hsl(var(--muted))\",\n foreground: \"hsl(var(--muted-foreground))\",\n },\n accent: {\n DEFAULT: \"hsl(var(--accent))\",\n foreground: \"hsl(var(--accent-foreground))\",\n },\n popover: {\n DEFAULT: \"hsl(var(--popover))\",\n foreground: \"hsl(var(--popover-foreground))\",\n },\n card: {\n DEFAULT: \"hsl(var(--card))\",\n foreground: \"hsl(var(--card-foreground))\",\n },\n },\n borderRadius: {\n lg: \"var(--radius)\",\n md: \"calc(var(--radius) - 2px)\",\n sm: \"calc(var(--radius) - 4px)\",\n },\n spacing: {\n \"control-h\": \"var(--control-height)\",\n \"control-px\": \"var(--control-padding-x)\",\n \"density-1\": \"var(--spacing-unit)\",\n \"density-2\": \"calc(var(--spacing-unit) * 2)\",\n \"density-3\": \"calc(var(--spacing-unit) * 3)\",\n \"density-4\": \"calc(var(--spacing-unit) * 4)\",\n },\n fontSize: {\n \"density-base\": \"var(--font-size-base)\",\n },\n },\n },\n plugins: [\n ({ addVariant }: { addVariant: (name: string, selector: string) => void }) => {\n addVariant(\"density-compact\", '[data-density=\"compact\"] &');\n addVariant(\"density-comfortable\", '[data-density=\"comfortable\"] &');\n addVariant(\"density-spacious\", '[data-density=\"spacious\"] &');\n },\n ],\n};\n\nexport default preset;\n"],"names":[],"mappings":"AAEA,MAAM,SAA0B;AAAA,EAC9B,UAAU,CAAC,YAAY,qBAAqB;AAAA,EAC5C,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,QAAQ;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,MAAM;AAAA,QACN,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,SAAS;AAAA,UACP,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,WAAW;AAAA,UACT,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,aAAa;AAAA,UACX,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,OAAO;AAAA,UACL,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,QAAQ;AAAA,UACN,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,SAAS;AAAA,UACP,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,MACd;AAAA,MAEF,cAAc;AAAA,QACZ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,SAAS;AAAA,QACP,aAAa;AAAA,QACb,cAAc;AAAA,QACd,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,MAAA;AAAA,MAEf,UAAU;AAAA,QACR,gBAAgB;AAAA,MAAA;AAAA,IAClB;AAAA,EACF;AAAA,EAEF,SAAS;AAAA,IACP,CAAC,EAAE,WAAA,MAA2E;AAC5E,iBAAW,mBAAmB,4BAA4B;AAC1D,iBAAW,uBAAuB,gCAAgC;AAClE,iBAAW,oBAAoB,6BAA6B;AAAA,IAC9D;AAAA,EAAA;AAEJ;"}
1
+ {"version":3,"file":"tailwind-preset.js","sources":["../src/tailwind-preset.ts"],"sourcesContent":["import type { Config } from \"tailwindcss\";\n\nconst preset: Partial<Config> = {\n darkMode: [\"selector\", '[data-theme=\"dark\"]'],\n theme: {\n extend: {\n // Tokens are full-color aliases of the Flanksource fs-tokens (see\n // styles/tokens.css), so they are referenced directly with var(--token)\n // — no hsl() wrapper. Tailwind v4 applies opacity modifiers via color-mix.\n colors: {\n border: \"var(--border)\",\n input: \"var(--input)\",\n ring: \"var(--ring)\",\n background: \"var(--background)\",\n foreground: \"var(--foreground)\",\n primary: {\n DEFAULT: \"var(--primary)\",\n foreground: \"var(--primary-foreground)\",\n },\n secondary: {\n DEFAULT: \"var(--secondary)\",\n foreground: \"var(--secondary-foreground)\",\n },\n destructive: {\n DEFAULT: \"var(--destructive)\",\n foreground: \"var(--destructive-foreground)\",\n },\n muted: {\n DEFAULT: \"var(--muted)\",\n foreground: \"var(--muted-foreground)\",\n },\n accent: {\n DEFAULT: \"var(--accent)\",\n foreground: \"var(--accent-foreground)\",\n },\n popover: {\n DEFAULT: \"var(--popover)\",\n foreground: \"var(--popover-foreground)\",\n },\n card: {\n DEFAULT: \"var(--card)\",\n foreground: \"var(--card-foreground)\",\n },\n sidebar: {\n DEFAULT: \"var(--sidebar)\",\n foreground: \"var(--sidebar-foreground)\",\n border: \"var(--sidebar-border)\",\n ring: \"var(--sidebar-ring)\",\n accent: {\n DEFAULT: \"var(--sidebar-accent)\",\n foreground: \"var(--sidebar-accent-foreground)\",\n },\n primary: {\n DEFAULT: \"var(--sidebar-primary)\",\n foreground: \"var(--sidebar-primary-foreground)\",\n },\n },\n },\n borderRadius: {\n lg: \"var(--radius)\",\n md: \"calc(var(--radius) - 2px)\",\n sm: \"calc(var(--radius) - 4px)\",\n },\n spacing: {\n \"control-h\": \"var(--control-height)\",\n \"control-px\": \"var(--control-padding-x)\",\n \"density-1\": \"var(--spacing-unit)\",\n \"density-2\": \"calc(var(--spacing-unit) * 2)\",\n \"density-3\": \"calc(var(--spacing-unit) * 3)\",\n \"density-4\": \"calc(var(--spacing-unit) * 4)\",\n },\n fontSize: {\n \"density-base\": \"var(--font-size-base)\",\n },\n },\n },\n plugins: [\n ({ addVariant }: { addVariant: (name: string, selector: string) => void }) => {\n addVariant(\"density-compact\", '[data-density=\"compact\"] &');\n addVariant(\"density-comfortable\", '[data-density=\"comfortable\"] &');\n addVariant(\"density-spacious\", '[data-density=\"spacious\"] &');\n },\n ],\n};\n\nexport default preset;\n"],"names":[],"mappings":"AAEA,MAAM,SAA0B;AAAA,EAC9B,UAAU,CAAC,YAAY,qBAAqB;AAAA,EAC5C,OAAO;AAAA,IACL,QAAQ;AAAA;AAAA;AAAA;AAAA,MAIN,QAAQ;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,MAAM;AAAA,QACN,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,SAAS;AAAA,UACP,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,WAAW;AAAA,UACT,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,aAAa;AAAA,UACX,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,OAAO;AAAA,UACL,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,QAAQ;AAAA,UACN,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,SAAS;AAAA,UACP,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,SAAS;AAAA,UACP,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,QAAQ;AAAA,YACN,SAAS;AAAA,YACT,YAAY;AAAA,UAAA;AAAA,UAEd,SAAS;AAAA,YACP,SAAS;AAAA,YACT,YAAY;AAAA,UAAA;AAAA,QACd;AAAA,MACF;AAAA,MAEF,cAAc;AAAA,QACZ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,SAAS;AAAA,QACP,aAAa;AAAA,QACb,cAAc;AAAA,QACd,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,MAAA;AAAA,MAEf,UAAU;AAAA,QACR,gBAAgB;AAAA,MAAA;AAAA,IAClB;AAAA,EACF;AAAA,EAEF,SAAS;AAAA,IACP,CAAC,EAAE,WAAA,MAA2E;AAC5E,iBAAW,mBAAmB,4BAA4B;AAC1D,iBAAW,uBAAuB,gCAAgC;AAClE,iBAAW,oBAAoB,6BAA6B;AAAA,IAC9D;AAAA,EAAA;AAEJ;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@flanksource/clicky-ui",
3
- "version": "0.2.18",
3
+ "version": "0.2.19",
4
4
  "description": "Flanksource Clicky UI — React component library built on shadcn/ui with light/dark and density theming.",
5
5
  "homepage": "https://github.com/flanksource/clicky-ui#readme",
6
6
  "bugs": "https://github.com/flanksource/clicky-ui/issues",