@marianmeres/stuic 3.82.0 → 3.83.1

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 (5) hide show
  1. package/dist/components/Accordion/README.md +1 -0
  2. package/dist/components/Accordion/index.css +7 -3
  3. package/dist/components/CronInput/index.css +1 -1
  4. package/dist/components/Input/index.css +3 -2
  5. package/package.json +6 -6
package/dist/components/Accordion/README.md CHANGED
@@ -97,6 +97,7 @@ Only one item can be open at a time:
97
97
  | --------------------------------------- | ---------------------- | ----------------------------- |
98
98
  | `--stuic-accordion-border-color` | `--stuic-color-border` | Item separator color |
99
99
  | `--stuic-accordion-border-width` | `1px` | Separator width |
100
+ | `--stuic-accordion-divider-inset` | `0` | Inset of divider from L/R edges (e.g. `16px`) |
100
101
  | `--stuic-accordion-radius` | `--radius-md` | Corner rounding |
101
102
  | `--stuic-accordion-transition` | `200ms` | Open/close animation duration |
102
103
  | `--stuic-accordion-trigger-padding-x` | `1rem` | Trigger horizontal padding |
package/dist/components/Accordion/index.css CHANGED
@@ -7,6 +7,7 @@
7
7
  :root {
8
8
  /* Border & shape */
9
9
  --stuic-accordion-border-color: var(--stuic-color-border);
10
+ --stuic-accordion-divider-inset: 0;
10
11
 
11
12
  /* Animation */
12
13
 
@@ -49,9 +50,12 @@
49
50
  ITEM
50
51
  ============================================================================ */
51
52
 
52
- .stuic-accordion-item + .stuic-accordion-item {
53
- border-top: var(--stuic-accordion-border-width, var(--stuic-border-width)) solid
54
- var(--stuic-accordion-border-color);
53
+ .stuic-accordion-item + .stuic-accordion-item::before {
54
+ content: "";
55
+ display: block;
56
+ height: var(--stuic-accordion-border-width, var(--stuic-border-width));
57
+ background: var(--stuic-accordion-border-color);
58
+ margin-inline: var(--stuic-accordion-divider-inset);
55
59
  }
56
60
 
57
61
  /* ============================================================================
package/dist/components/CronInput/index.css CHANGED
@@ -151,7 +151,7 @@
151
151
 
152
152
  .stuic-cron-input-field-input::placeholder {
153
153
  color: var(--stuic-input-placeholder);
154
- opacity: 0.5;
154
+ /* opacity: 0.5; */
155
155
  font-family: var(--stuic-input-font-family);
156
156
  }
157
157
 
package/dist/components/Input/index.css CHANGED
@@ -22,7 +22,7 @@
22
22
  --stuic-input-border: var(--stuic-color-border);
23
23
  --stuic-input-border-focus: var(--stuic-input-accent);
24
24
  --stuic-input-text: var(--stuic-color-foreground);
25
- --stuic-input-placeholder: var(--stuic-color-muted-foreground);
25
+ --stuic-input-placeholder: color-mix(in oklab, var(--stuic-color-muted-foreground) 75%, transparent);
26
26
 
27
27
  /* Size: sm */
28
28
  --stuic-input-padding-x-sm: calc(var(--spacing) * 2.5);
@@ -598,7 +598,8 @@
598
598
  color: var(--stuic-field-phone-trigger-text);
599
599
  background: var(--stuic-field-phone-trigger-bg);
600
600
  border-right: 1px solid var(--stuic-field-phone-trigger-border);
601
- border-radius: var(--stuic-input-radius, var(--stuic-radius)) 0 0 var(--stuic-input-radius, var(--stuic-radius));
601
+ border-radius: var(--stuic-input-radius, var(--stuic-radius)) 0 0
602
+ var(--stuic-input-radius, var(--stuic-radius));
602
603
  transition:
603
604
  background var(--stuic-input-transition, var(--stuic-transition)),
604
605
  color var(--stuic-input-transition, var(--stuic-transition));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@marianmeres/stuic",
3
- "version": "3.82.0",
3
+ "version": "3.83.1",
4
4
  "scripts": {
5
5
  "dev": "vite dev",
6
6
  "build": "vite build && pnpm run prepack",
@@ -62,24 +62,24 @@
62
62
  "@tailwindcss/forms": "^0.5.11",
63
63
  "@tailwindcss/typography": "^0.5.19",
64
64
  "@tailwindcss/vite": "^4.3.0",
65
- "@types/node": "^25.6.2",
65
+ "@types/node": "^25.7.0",
66
66
  "dotenv": "^16.6.1",
67
67
  "eslint": "^9.39.4",
68
68
  "globals": "^16.5.0",
69
69
  "prettier": "^3.8.3",
70
- "prettier-plugin-svelte": "^3.5.1",
71
- "publint": "^0.3.20",
70
+ "prettier-plugin-svelte": "^3.5.2",
71
+ "publint": "^0.3.21",
72
72
  "svelte": "^5.55.5",
73
73
  "svelte-check": "^4.4.8",
74
74
  "tailwindcss": "^4.3.0",
75
75
  "tsx": "^4.21.0",
76
76
  "typescript": "^5.9.3",
77
- "typescript-eslint": "^8.59.2",
77
+ "typescript-eslint": "^8.59.3",
78
78
  "vite": "^7.3.3",
79
79
  "vitest": "^3.2.4"
80
80
  },
81
81
  "dependencies": {
82
- "@marianmeres/clog": "^3.19.0",
82
+ "@marianmeres/clog": "^3.19.1",
83
83
  "@marianmeres/cron": "^2.0.0",
84
84
  "@marianmeres/design-tokens": "^1.4.1",
85
85
  "@marianmeres/icons-fns": "^5.0.0",