@urbicon-ui/blocks 6.19.1 → 6.19.3

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 (20) hide show
  1. package/dist/components/Calendar/Calendar.svelte +5 -0
  2. package/dist/components/Calendar/CalendarGrid.svelte +19 -77
  3. package/dist/components/Calendar/calendar.context.d.ts +2 -0
  4. package/dist/components/Calendar/calendar.variants.d.ts +62 -62
  5. package/dist/components/CurrencyInput/CurrencyInput.svelte +10 -4
  6. package/dist/components/CurrencyInput/index.d.ts +13 -11
  7. package/dist/i18n/index.d.ts +372 -2
  8. package/dist/primitives/Alert/alert.variants.d.ts +7 -7
  9. package/dist/primitives/Checkbox/Checkbox.svelte +7 -4
  10. package/dist/primitives/Combobox/Combobox.svelte +8 -1
  11. package/dist/primitives/Combobox/combobox.variants.d.ts +29 -0
  12. package/dist/primitives/Combobox/combobox.variants.js +22 -7
  13. package/dist/primitives/JourneyTimeline/journey-timeline.variants.d.ts +21 -21
  14. package/dist/primitives/Select/Select.svelte +0 -1
  15. package/dist/primitives/Spinner/spinner.variants.d.ts +15 -15
  16. package/dist/primitives/Stepper/stepper.variants.d.ts +10 -10
  17. package/dist/primitives/Toast/toast.variants.d.ts +8 -8
  18. package/dist/primitives/Toggle/Toggle.svelte +7 -4
  19. package/dist/primitives/Tooltip/tooltip.variants.d.ts +2 -2
  20. package/package.json +3 -3
package/dist/primitives/Toast/toast.variants.d.ts CHANGED
@@ -54,56 +54,56 @@ export declare const toastVariants: (props?: import("../../utils/variants.js").T
54
54
  };
55
55
  }> | undefined) => {
56
56
  container: (props?: ({
57
- intent?: "primary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
57
+ intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
58
58
  placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
59
59
  } & {
60
60
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
61
61
  className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
62
62
  }) | undefined) => string;
63
63
  toast: (props?: ({
64
- intent?: "primary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
64
+ intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
65
65
  placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
66
66
  } & {
67
67
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
68
68
  className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
69
69
  }) | undefined) => string;
70
70
  icon: (props?: ({
71
- intent?: "primary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
71
+ intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
72
72
  placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
73
73
  } & {
74
74
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
75
75
  className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
76
76
  }) | undefined) => string;
77
77
  content: (props?: ({
78
- intent?: "primary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
78
+ intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
79
79
  placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
80
80
  } & {
81
81
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
82
82
  className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
83
83
  }) | undefined) => string;
84
84
  title: (props?: ({
85
- intent?: "primary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
85
+ intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
86
86
  placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
87
87
  } & {
88
88
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
89
89
  className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
90
90
  }) | undefined) => string;
91
91
  description: (props?: ({
92
- intent?: "primary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
92
+ intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
93
93
  placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
94
94
  } & {
95
95
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
96
96
  className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
97
97
  }) | undefined) => string;
98
98
  dismissButton: (props?: ({
99
- intent?: "primary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
99
+ intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
100
100
  placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
101
101
  } & {
102
102
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
103
103
  className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
104
104
  }) | undefined) => string;
105
105
  progress: (props?: ({
106
- intent?: "primary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
106
+ intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
107
107
  placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
108
108
  } & {
109
109
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
package/dist/primitives/Toggle/Toggle.svelte CHANGED
@@ -43,7 +43,7 @@
43
43
  const blocksConfig = getBlocksConfig();
44
44
  const unstyled = $derived(unstyledProp || blocksConfig?.unstyled || false);
45
45
 
46
- let rootEl = $state<HTMLElement>();
46
+ let trackElement = $state<HTMLElement>();
47
47
 
48
48
  // Tier precedence (closest wins): own prop → TierContext (Toolbar / ButtonGroup)
49
49
  // → 'commit' default. A bare Toggle is a Pill switch; a Toolbar tier="modify"
@@ -72,9 +72,12 @@
72
72
 
73
73
  const dataState = $derived(checked ? 'checked' : 'unchecked');
74
74
 
75
+ // Mint targets the directional switch track, not the enclosing <label> that
76
+ // also wraps the text — a hover/scale effect belongs to the control surface,
77
+ // mirroring SegmentItem/Button (XC-1).
75
78
  $effect(() => {
76
- if (rootEl && mint && mint !== 'none' && !disabled) {
77
- return mintRegistry.apply(rootEl, mint);
79
+ if (trackElement && mint && mint !== 'none' && !disabled) {
80
+ return mintRegistry.apply(trackElement, mint);
78
81
  }
79
82
  });
80
83
 
@@ -93,7 +96,6 @@
93
96
  class={unstyled
94
97
  ? (slotClasses?.control ?? '')
95
98
  : styles.control({ class: slotClasses?.control })}
96
- bind:this={rootEl}
97
99
  for={ff.fieldId}
98
100
  >
99
101
  <input
@@ -115,6 +117,7 @@
115
117
 
116
118
  <span
117
119
  class={unstyled ? (slotClasses?.track ?? '') : styles.track({ class: slotClasses?.track })}
120
+ bind:this={trackElement}
118
121
  aria-hidden="true"
119
122
  data-state={dataState}
120
123
  >
package/dist/primitives/Tooltip/tooltip.variants.d.ts CHANGED
@@ -45,7 +45,7 @@ export declare const tooltipVariants: (props?: import("../../utils/variants.js")
45
45
  }> | undefined) => {
46
46
  base: (props?: ({
47
47
  visible?: boolean | undefined;
48
- intent?: "primary" | "secondary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
48
+ intent?: "info" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
49
49
  size?: "sm" | "md" | "lg" | undefined;
50
50
  } & {
51
51
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
@@ -53,7 +53,7 @@ export declare const tooltipVariants: (props?: import("../../utils/variants.js")
53
53
  }) | undefined) => string;
54
54
  arrow: (props?: ({
55
55
  visible?: boolean | undefined;
56
- intent?: "primary" | "secondary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
56
+ intent?: "info" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
57
57
  size?: "sm" | "md" | "lg" | undefined;
58
58
  } & {
59
59
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@urbicon-ui/blocks",
3
- "version": "6.19.1",
3
+ "version": "6.19.3",
4
4
  "description": "Svelte 5 UI component library with Tailwind CSS 4, OKLCH design tokens and zero runtime dependencies",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -91,8 +91,8 @@
91
91
  "@sveltejs/package": "^2.5.8",
92
92
  "@sveltejs/vite-plugin-svelte": "^7.0.0",
93
93
  "@tailwindcss/vite": "^4.3.1",
94
- "@urbicon-ui/i18n": "6.19.1",
95
- "@urbicon-ui/shared-types": "6.19.1",
94
+ "@urbicon-ui/i18n": "6.19.3",
95
+ "@urbicon-ui/shared-types": "6.19.3",
96
96
  "prettier": "^3.8.4",
97
97
  "prettier-plugin-svelte": "^4.1.1",
98
98
  "prettier-plugin-tailwindcss": "^0.8.0",