@casinogate/ui 1.3.7 → 1.5.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 (136) hide show
  1. package/README.md +4 -9
  2. package/dist/assets/css/root.css +428 -21
  3. package/dist/assets/css/theme.css +38 -0
  4. package/dist/components/badge/badge.stories.svelte +81 -0
  5. package/dist/components/badge/badge.stories.svelte.d.ts +19 -0
  6. package/dist/components/badge/badge.svelte +30 -0
  7. package/dist/components/badge/badge.svelte.d.ts +4 -0
  8. package/dist/components/badge/exports.d.ts +1 -0
  9. package/dist/components/badge/exports.js +1 -0
  10. package/dist/components/badge/index.d.ts +2 -0
  11. package/dist/components/badge/index.js +1 -0
  12. package/dist/components/badge/styles.d.ts +99 -0
  13. package/dist/components/badge/styles.js +126 -0
  14. package/dist/components/badge/types.d.ts +8 -0
  15. package/dist/components/badge/types.js +1 -0
  16. package/dist/components/breadcrumb/breadcrumb.stories.svelte +60 -0
  17. package/dist/components/breadcrumb/breadcrumb.stories.svelte.d.ts +19 -0
  18. package/dist/components/breadcrumb/breadcrumb.svelte +32 -0
  19. package/dist/components/breadcrumb/breadcrumb.svelte.d.ts +4 -0
  20. package/dist/components/breadcrumb/components/breadcrumb.item.svelte +16 -0
  21. package/dist/components/breadcrumb/components/breadcrumb.item.svelte.d.ts +4 -0
  22. package/dist/components/breadcrumb/components/breadcrumb.link.svelte +29 -0
  23. package/dist/components/breadcrumb/components/breadcrumb.link.svelte.d.ts +4 -0
  24. package/dist/components/breadcrumb/components/breadcrumb.list.svelte +16 -0
  25. package/dist/components/breadcrumb/components/breadcrumb.list.svelte.d.ts +4 -0
  26. package/dist/components/breadcrumb/components/breadcrumb.page.svelte +19 -0
  27. package/dist/components/breadcrumb/components/breadcrumb.page.svelte.d.ts +4 -0
  28. package/dist/components/breadcrumb/components/breadcrumb.root.svelte +22 -0
  29. package/dist/components/breadcrumb/components/breadcrumb.root.svelte.d.ts +4 -0
  30. package/dist/components/breadcrumb/components/breadcrumb.separator.svelte +24 -0
  31. package/dist/components/breadcrumb/components/breadcrumb.separator.svelte.d.ts +4 -0
  32. package/dist/components/breadcrumb/exports-primitive.d.ts +6 -0
  33. package/dist/components/breadcrumb/exports-primitive.js +6 -0
  34. package/dist/components/breadcrumb/exports.d.ts +1 -0
  35. package/dist/components/breadcrumb/exports.js +1 -0
  36. package/dist/components/breadcrumb/index.d.ts +3 -0
  37. package/dist/components/breadcrumb/index.js +2 -0
  38. package/dist/components/breadcrumb/styles.d.ts +62 -0
  39. package/dist/components/breadcrumb/styles.js +18 -0
  40. package/dist/components/breadcrumb/types.d.ts +19 -0
  41. package/dist/components/breadcrumb/types.js +1 -0
  42. package/dist/components/collapsible/components/collapsaible.svelte.d.ts +11 -0
  43. package/dist/components/collapsible/components/collapsaible.svelte.js +16 -0
  44. package/dist/components/collapsible/components/collapsaible.trigger.svelte +17 -5
  45. package/dist/components/collapsible/types.d.ts +5 -2
  46. package/dist/components/icons/caret-down.svelte +3 -3
  47. package/dist/components/icons/caret-up.svelte +3 -3
  48. package/dist/components/icons/check.svelte +3 -3
  49. package/dist/components/icons/checkmark.svelte +12 -0
  50. package/dist/components/icons/checkmark.svelte.d.ts +3 -0
  51. package/dist/components/icons/chevron-down.svelte +3 -3
  52. package/dist/components/icons/chevron-left.svelte +3 -3
  53. package/dist/components/icons/chevron-right.svelte +3 -3
  54. package/dist/components/icons/chevron-small-down.svelte +3 -3
  55. package/dist/components/icons/chevron-small-left.svelte +3 -3
  56. package/dist/components/icons/chevron-small-right.svelte +3 -3
  57. package/dist/components/icons/chevron-small-up.svelte +3 -3
  58. package/dist/components/icons/chevron-up.svelte +3 -3
  59. package/dist/components/icons/dots.svelte +5 -5
  60. package/dist/components/icons/error.svelte +3 -3
  61. package/dist/components/icons/exports.d.ts +2 -0
  62. package/dist/components/icons/exports.js +2 -0
  63. package/dist/components/icons/eye-crossed.svelte +3 -3
  64. package/dist/components/icons/eye.svelte +3 -3
  65. package/dist/components/icons/info.svelte +3 -3
  66. package/dist/components/icons/minus.svelte +3 -3
  67. package/dist/components/icons/sidebar-toggle.svelte +4 -4
  68. package/dist/components/icons/slash.svelte +9 -0
  69. package/dist/components/icons/slash.svelte.d.ts +3 -0
  70. package/dist/components/icons/sort.svelte +4 -4
  71. package/dist/components/icons/spinner.svelte +3 -3
  72. package/dist/components/icons/success.svelte +3 -3
  73. package/dist/components/icons/warning.svelte +3 -3
  74. package/dist/components/index.d.ts +2 -0
  75. package/dist/components/index.js +2 -0
  76. package/dist/components/navigation/components/navigation.content.svelte +2 -2
  77. package/dist/components/navigation/components/navigation.root.svelte +3 -1
  78. package/dist/components/navigation/components/navigation.root.svelte.d.ts +1 -1
  79. package/dist/components/navigation/components/navigation.sub-content.svelte +12 -5
  80. package/dist/components/navigation/components/navigation.svelte.d.ts +8 -2
  81. package/dist/components/navigation/components/navigation.svelte.js +8 -4
  82. package/dist/components/navigation/components/navigation.trigger.svelte +83 -25
  83. package/dist/components/navigation/exports.d.ts +1 -1
  84. package/dist/components/navigation/exports.js +1 -1
  85. package/dist/components/navigation/index.d.ts +2 -2
  86. package/dist/components/navigation/index.js +1 -1
  87. package/dist/components/navigation/navigation.stories.svelte +34 -20
  88. package/dist/components/navigation/navigation.stories.svelte.d.ts +1 -0
  89. package/dist/components/navigation/navigation.svelte +35 -2
  90. package/dist/components/navigation/navigation.svelte.d.ts +3 -17
  91. package/dist/components/navigation/styles.d.ts +3 -3
  92. package/dist/components/navigation/styles.js +5 -4
  93. package/dist/components/navigation/types.d.ts +35 -4
  94. package/dist/components/popover/styles.d.ts +3 -3
  95. package/dist/components/popover/styles.js +1 -1
  96. package/dist/components/select/components/select.content.svelte +31 -0
  97. package/dist/components/select/components/select.content.svelte.d.ts +3 -25
  98. package/dist/components/select/components/select.group-heading.svelte +19 -0
  99. package/dist/components/select/components/select.group-heading.svelte.d.ts +4 -0
  100. package/dist/components/select/components/select.group.svelte +8 -0
  101. package/dist/components/select/components/select.group.svelte.d.ts +4 -0
  102. package/dist/components/select/components/select.item.svelte +38 -0
  103. package/dist/components/select/components/select.item.svelte.d.ts +3 -25
  104. package/dist/components/select/components/select.portal.svelte +10 -0
  105. package/dist/components/select/components/select.portal.svelte.d.ts +3 -0
  106. package/dist/components/select/components/select.trigger.svelte +28 -27
  107. package/dist/components/select/components/select.viewport.svelte +24 -0
  108. package/dist/components/select/components/select.viewport.svelte.d.ts +3 -25
  109. package/dist/components/select/exports-primitive.d.ts +6 -0
  110. package/dist/components/select/exports-primitive.js +6 -0
  111. package/dist/components/select/exports.d.ts +1 -0
  112. package/dist/components/select/exports.js +1 -0
  113. package/dist/components/select/index.d.ts +2 -1
  114. package/dist/components/select/index.js +1 -0
  115. package/dist/components/select/select.stories.svelte +178 -15
  116. package/dist/components/select/select.stories.svelte.d.ts +3 -17
  117. package/dist/components/select/select.svelte +141 -0
  118. package/dist/components/select/select.svelte.d.ts +4 -0
  119. package/dist/components/select/styles.d.ts +15 -3
  120. package/dist/components/select/styles.js +24 -8
  121. package/dist/components/select/types.d.ts +42 -4
  122. package/dist/components/textarea/exports.d.ts +1 -0
  123. package/dist/components/textarea/exports.js +1 -0
  124. package/dist/components/textarea/index.d.ts +2 -0
  125. package/dist/components/textarea/index.js +1 -0
  126. package/dist/components/textarea/styles.d.ts +54 -0
  127. package/dist/components/textarea/styles.js +39 -0
  128. package/dist/components/textarea/textarea.stories.svelte +36 -0
  129. package/dist/components/textarea/textarea.stories.svelte.d.ts +19 -0
  130. package/dist/components/textarea/textarea.svelte +22 -0
  131. package/dist/components/textarea/textarea.svelte.d.ts +4 -0
  132. package/dist/components/textarea/types.d.ts +6 -0
  133. package/dist/components/textarea/types.js +1 -0
  134. package/dist/internal/types/html-attributes.d.ts +2 -1
  135. package/dist/internal/utils/tailwindcss.js +16 -0
  136. package/package.json +2 -1
@@ -0,0 +1,19 @@
1
+ import { Textarea } from './index.js';
2
+ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
3
+ new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
4
+ $$bindings?: Bindings;
5
+ } & Exports;
6
+ (internal: unknown, props: {
7
+ $$events?: Events;
8
+ $$slots?: Slots;
9
+ }): Exports & {
10
+ $set?: any;
11
+ $on?: any;
12
+ };
13
+ z_$$bindings?: Bindings;
14
+ }
15
+ declare const Textarea: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
16
+ [evt: string]: CustomEvent<any>;
17
+ }, {}, {}, string>;
18
+ type Textarea = InstanceType<typeof Textarea>;
19
+ export default Textarea;
@@ -0,0 +1,22 @@
1
+ <script lang="ts">
2
+ import { cn } from '../../internal/utils/common.js';
3
+ import { textareaVariants } from './styles.js';
4
+ import type { TextareaProps } from './types.js';
5
+
6
+ let {
7
+ ref = $bindable(null),
8
+ class: className,
9
+ rounded = 'sm',
10
+ resizable = false,
11
+ variant = 'primary',
12
+ ...restProps
13
+ }: TextareaProps = $props();
14
+ </script>
15
+
16
+ <textarea
17
+ bind:this={ref}
18
+ class={cn(textareaVariants({ rounded, resizable, variant }), className)}
19
+ data-slot="textarea"
20
+ {...restProps}
21
+ >
22
+ </textarea>
@@ -0,0 +1,4 @@
1
+ import type { TextareaProps } from './types.js';
2
+ declare const Textarea: import("svelte").Component<TextareaProps, {}, "ref">;
3
+ type Textarea = ReturnType<typeof Textarea>;
4
+ export default Textarea;
@@ -0,0 +1,6 @@
1
+ import type { PrimitiveTextareaAttributes } from '../../internal/types/html-attributes.js';
2
+ import type { WithElementRef, Without } from 'svelte-toolbelt';
3
+ import type { TextareaVariantsProps } from './styles.js';
4
+ type TextarePropsWithoutHTML = WithElementRef<{}> & TextareaVariantsProps;
5
+ export type TextareaProps = TextarePropsWithoutHTML & Without<PrimitiveTextareaAttributes, TextarePropsWithoutHTML>;
6
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -1,4 +1,4 @@
1
- import type { HTMLAnchorAttributes, HTMLAttributes, HTMLButtonAttributes, HTMLImgAttributes, HTMLInputAttributes, HTMLLabelAttributes, HTMLLiAttributes, HTMLTableAttributes, HTMLTdAttributes, HTMLTextareaAttributes, HTMLThAttributes, SVGAttributes } from 'svelte/elements';
1
+ import type { HTMLAnchorAttributes, HTMLAttributes, HTMLButtonAttributes, HTMLImgAttributes, HTMLInputAttributes, HTMLLabelAttributes, HTMLLiAttributes, HTMLOlAttributes, HTMLTableAttributes, HTMLTdAttributes, HTMLTextareaAttributes, HTMLThAttributes, SVGAttributes } from 'svelte/elements';
2
2
  export type DivAttributes = HTMLAttributes<HTMLDivElement>;
3
3
  export type SpanAttributes = HTMLAttributes<HTMLSpanElement>;
4
4
  export type HeadingAttributes = HTMLAttributes<HTMLHeadingElement>;
@@ -31,6 +31,7 @@ export type PrimitiveAnchorAttributes = Primitive<HTMLAnchorAttributes>;
31
31
  export type PrimitiveLiAttributes = Primitive<HTMLLiAttributes>;
32
32
  export type PrimitiveElementAttributes = Primitive<ElementAttributes>;
33
33
  export type PrimitiveUListAttributes = Primitive<UListAttributes>;
34
+ export type PrimitiveOListAttributes = Primitive<HTMLOlAttributes>;
34
35
  export type PrimitiveTdAttributes = Primitive<HTMLTdAttributes>;
35
36
  export type PrimitiveThAttributes = Primitive<HTMLThAttributes>;
36
37
  export type PrimitiveTableAttributes = Primitive<HTMLTableAttributes>;
@@ -18,6 +18,22 @@ const tailwindMergeConfig = {
18
18
  'rounded-2xxl',
19
19
  'rounded-max',
20
20
  ],
21
+ 'border-color': [
22
+ 'border-stroke-default',
23
+ 'border-stroke-minimum',
24
+ 'border-stroke-focus',
25
+ 'border-stroke-primary',
26
+ 'border-stroke-divider',
27
+ 'border-stroke-error',
28
+ 'border-state-error',
29
+ 'border-state-error-light',
30
+ 'border-state-warning',
31
+ 'border-state-warning-light',
32
+ 'border-state-success',
33
+ 'border-state-success-light',
34
+ 'border-state-info',
35
+ 'border-state-info-light',
36
+ ],
21
37
  blur: ['blur-xxs', 'blur-xs', 'blur-sm', 'blur-md', 'blur-lg', 'blur-xl', 'blur-2xl'],
22
38
  },
23
39
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@casinogate/ui",
3
- "version": "1.3.7",
3
+ "version": "1.5.0",
4
4
  "svelte": "./dist/index.js",
5
5
  "types": "./dist/index.d.ts",
6
6
  "type": "module",
@@ -49,6 +49,7 @@
49
49
  "svelte-check": "^4.3.0",
50
50
  "tailwind-scrollbar": "^4.0.2",
51
51
  "tailwindcss": "^4.1.11",
52
+ "tw-animate-css": "^1.4.0",
52
53
  "typescript": "^5.9.3",
53
54
  "vite": "^7.2.2"
54
55
  },