@arcanejs/toolkit-frontend 0.9.0 → 0.10.0

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 (33) hide show
  1. package/README.md +129 -28
  2. package/dist/{chunk-PTANIWKR.mjs → chunk-2HBLGAG3.mjs} +5 -8
  3. package/dist/chunk-7P6ASYW6.mjs +9 -0
  4. package/dist/{chunk-TMN35K5Y.js → chunk-GBYIEWGN.js} +6 -9
  5. package/dist/{chunk-UHFE2X4V.js → chunk-LXNJPBVT.js} +23 -21
  6. package/dist/chunk-MLKGABMK.js +9 -0
  7. package/dist/{chunk-GMPDVDSW.mjs → chunk-TOVGDMHN.mjs} +24 -22
  8. package/dist/components/core/index.js +4 -3
  9. package/dist/components/core/index.mjs +3 -2
  10. package/dist/components/index.d.mts +18 -12
  11. package/dist/components/index.d.ts +18 -12
  12. package/dist/components/index.js +437 -615
  13. package/dist/components/index.mjs +440 -618
  14. package/dist/styles/base.css +68 -0
  15. package/dist/styles/core.css +712 -0
  16. package/dist/styles/index.d.mts +5 -0
  17. package/dist/styles/index.d.ts +5 -0
  18. package/dist/styles/index.js +11 -0
  19. package/dist/styles/index.mjs +11 -0
  20. package/dist/styles/theme.css +115 -0
  21. package/dist/styling.d.mts +5 -53
  22. package/dist/styling.d.ts +5 -53
  23. package/dist/styling.js +26 -31
  24. package/dist/styling.mjs +23 -28
  25. package/dist/types.d.mts +2 -1
  26. package/dist/types.d.ts +2 -1
  27. package/dist/util/index.d.mts +6 -3
  28. package/dist/util/index.d.ts +6 -3
  29. package/dist/util/index.js +5 -2
  30. package/dist/util/index.mjs +4 -1
  31. package/package.json +29 -9
  32. package/dist/chunk-6XOE7F7U.mjs +0 -216
  33. package/dist/chunk-ZHJBPEPY.js +0 -216
package/dist/styles/base.css ADDED
@@ -0,0 +1,68 @@
1
+ @tailwind utilities;
2
+
3
+ @theme inline {
4
+ --color-arcane-btn-border: var(--arcane-border-dark);
5
+ --color-arcane-btn-text: var(--arcane-text-normal);
6
+ --color-arcane-btn-err: var(--arcane-color-red);
7
+ --color-arcane-bg: var(--arcane-bg);
8
+ --color-arcane-bg-dark-1: var(--arcane-bg-dark-1);
9
+ --color-arcane-bg-light-1: var(--arcane-bg-light-1);
10
+ --color-arcane-text: var(--arcane-text-normal);
11
+ --color-arcane-text-muted: var(--arcane-text-muted);
12
+ --color-arcane-hint: var(--arcane-hint);
13
+ --color-arcane-hint-soft: rgba(var(--val-arcane-hint-rgb), 0.2);
14
+ --val-arcane-hint-rgb: var(--arcane-hint-rgb);
15
+ --background-image-arcane-grad-btn: var(--arcane-gradient-button);
16
+ --background-image-arcane-grad-btn-hover: var(--arcane-gradient-button-hover);
17
+ --background-image-arcane-grad-btn-active: var(--arcane-gradient-button-active);
18
+ --background-image-arcane-grad-hint-pressed: var(
19
+ --arcane-gradient-hint-pressed
20
+ );
21
+ --shadow-arcane-btn: inset 0 1px 0 rgba(255, 255, 255, 0.15),
22
+ 0 1px 0 0 rgba(0, 0, 0, 0.25);
23
+ --shadow-arcane-btn-active: inset 0 1px 2px rgba(0, 0, 0, 0.2),
24
+ 0 1px 0 0 rgba(255, 255, 255, 0.15);
25
+ --shadow-arcane-box-inset: var(--arcane-shadow-box-inset);
26
+ --text-shadow-arcane-btn: var(--arcane-shadow-text);
27
+ --text-shadow-arcane-btn-active: var(--arcane-shadow-text-active);
28
+ --font-arcane-icon: 'Material Symbols Outlined', sans-serif;
29
+ --font-weight-normal: 400;
30
+ --font-weight-bold: 700;
31
+ --tracking-normal: 0em;
32
+ --text-arcane-icon: 22px;
33
+ --text-arcane-normal: 1em;
34
+ --text-arcane-title: 1.5em;
35
+ --text-arcane-subtitle: 1em;
36
+ --text-arcane-timeline-indicator: 40px;
37
+ --leading-arcane-switch-label: 28px;
38
+ --leading-arcane-slider-value: 30px;
39
+ --spacing-arcane: var(--arcane-spacing);
40
+ --spacing-arcane-half: calc(var(--arcane-spacing) / 2);
41
+ --spacing-arcane-btn: 30px;
42
+ --spacing-arcane-rect: 30px;
43
+ --spacing-arcane-touch-indicator: 6px;
44
+ --spacing-arcane-tabs-item: calc(var(--arcane-spacing) * 3);
45
+ --spacing-arcane-timeline-bar: 10px;
46
+ --spacing-arcane-switch-track: 70px;
47
+ --spacing-arcane-switch-knob: 30px;
48
+ --spacing-arcane-switch-label: 40px;
49
+ --spacing-arcane-switch-off-left: 28px;
50
+ --spacing-arcane-slider-min: 100px;
51
+ --spacing-arcane-slider-open: 400px;
52
+ --spacing-arcane-slider-pad: 7.5px;
53
+ --spacing-arcane-slider-value: 60px;
54
+ --spacing-arcane-slider-display: 4px;
55
+ --spacing-arcane-slider-gradient-display: 10px;
56
+ --spacing-arcane-slider-input-px: 5px;
57
+ --spacing-arcane-slider-input-hidden: 9px;
58
+ --spacing-arcane-slider-value-hidden: 30px;
59
+ --spacing-0: 0px;
60
+ --spacing-0_5: calc(var(--arcane-spacing) / 4);
61
+ --spacing-1: calc(var(--arcane-spacing) / 2);
62
+ --spacing-1_5: calc(var(--arcane-spacing) / 2 * 3);
63
+ --spacing-2: calc(var(--arcane-spacing));
64
+ --radius-arcane-btn: 3px;
65
+ --radius-arcane-touch-indicator: 6px;
66
+ --radius-md: calc(var(--arcane-spacing) * 6 / 15);
67
+ --z-index-arcane-slider-touching: 100;
68
+ }