winduum 2.0.0-next.26 → 2.0.0-next.27

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 (28) hide show
  1. package/dist/main.css +1 -1
  2. package/dist/tailwind.css +1 -1
  3. package/dist/test.css +1 -1
  4. package/package.json +1 -1
  5. package/src/base/config/spacing.css +37 -0
  6. package/src/base/config.css +1 -0
  7. package/src/base/defaults.css +2 -2
  8. package/src/components/badge/props/default.css +1 -1
  9. package/src/components/breadcrumb/props/default.css +1 -1
  10. package/src/components/button/interactive.css +4 -4
  11. package/src/components/button/props/default.css +1 -1
  12. package/src/components/card/props/default.css +2 -2
  13. package/src/components/check/props/default.css +1 -1
  14. package/src/components/field/default.css +1 -1
  15. package/src/components/pagination/default.css +1 -1
  16. package/src/components/popover/props/content.css +2 -2
  17. package/src/components/tabs/list.css +2 -2
  18. package/src/components/text/props/default.css +1 -1
  19. package/src/components/toast/props/content.css +3 -3
  20. package/src/components/toaster/props/default.css +2 -2
  21. package/src/components/tooltip/props/default.css +4 -4
  22. package/src/utilities/container/default.css +2 -2
  23. package/src/utilities/container/props/default.css +2 -2
  24. package/src/utilities/divider.css +1 -1
  25. package/tailwindcss/utilities/animation.css +0 -0
  26. package/tailwindcss/utilities/divide-gap.css +0 -0
  27. package/types/index.d.ts +13 -4
  28. package/types/index.d.ts.map +2 -2
package/src/components/button/interactive.css CHANGED
@@ -1,7 +1,7 @@
1
1
  .x-button {
2
- transition-property: var(--default-transition-property);
3
- transition-timing-function: var(--transition-timing-function-in-out);
4
- transition-duration: var(--default-transition-duration);
2
+ transition-property: var(--x-button-transition-property, var(--default-transition-property));
3
+ transition-timing-function: var(--x-button-timing-function, var(--transition-timing-function-in-out));
4
+ transition-duration: var(--x-button-transition-duration, var(--default-transition-duration));
5
5
 
6
6
  &:where(.accent-primary),
7
7
  &:where(.accent-body),
@@ -32,7 +32,7 @@
32
32
  }
33
33
 
34
34
  &:active, &:checked, &.active {
35
- --x-button-background-color: var(--x-button-hover-background-color, var(--color-accent));
35
+ --x-button-background-color: var(--x-button-active-background-color, var(--color-accent));
36
36
  --x-button-background-color-mix: var(--x-button-active-background-color-mix);
37
37
  --x-button-background-color-opacity: var(--x-button-active-background-color-opacity);
38
38
  --x-button-border-color: var(--x-button-active-border-color, var(--color-accent));
package/src/components/button/props/default.css CHANGED
@@ -4,7 +4,7 @@
4
4
  --x-button-border-radius: var(--radius);
5
5
  --x-button-font-size: var(--font-size-sm);
6
6
  --x-button-font-weight: var(--font-weight-medium);
7
- --x-button-gap: var(--spacing-sm);
7
+ --x-button-gap: var(--spacing-2);
8
8
  --x-button-block-size: 2.25rem;
9
9
  --x-button-padding-block: 0.375rem;
10
10
  --x-button-padding-inline: 0.75rem;
package/src/components/card/props/default.css CHANGED
@@ -1,6 +1,6 @@
1
1
  :root, :host {
2
2
  --x-card-background-color: var(--color-body-primary);
3
3
  --x-card-border-radius: var(--radius-2xl);
4
- --x-card-padding-block: var(--spacing-2xl);
5
- --x-card-padding-inline: var(--spacing-3xl);
4
+ --x-card-padding-block: var(--spacing-6);
5
+ --x-card-padding-inline: var(--spacing-7);
6
6
  }
package/src/components/check/props/default.css CHANGED
@@ -2,7 +2,7 @@
2
2
  --x-check-size: 1.25rem;
3
3
  --x-check-icon-size: 1.125rem;
4
4
  --x-check-icon: var(--mask-check);
5
- --x-check-gap: var(--spacing-md);
5
+ --x-check-gap: var(--spacing-3);
6
6
  --x-check-font-size: var(--font-size-sm);
7
7
  --x-check-line-height: calc(1em + 0.25rem);
8
8
  --x-check-border-radius: var(--radius-md);
package/src/components/field/default.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .x-field {
2
- gap: var(--x-field-gap, var(--spacing-sm));
2
+ gap: var(--x-field-gap, var(--spacing-2));
3
3
  display: flex;
4
4
  flex-direction: column;
5
5
 
package/src/components/pagination/default.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .x-pagination {
2
- gap: var(--x-pagination-gap, var(--spacing-xs));
2
+ gap: var(--x-pagination-gap, var(--spacing-1));
3
3
  display: flex;
4
4
  align-items: center;
5
5
  }
package/src/components/popover/props/content.css CHANGED
@@ -1,8 +1,8 @@
1
1
  :root, :host {
2
2
  --x-popover-content-background-color: var(--color-body-primary);
3
3
  --x-popover-content-border-radius: var(--radius);
4
- --x-popover-content-padding-block: var(--spacing-sm);
5
- --x-popover-content-padding-inline: var(--spacing-sm);
4
+ --x-popover-content-padding-block: var(--spacing-2);
5
+ --x-popover-content-padding-inline: var(--spacing-2);
6
6
  --x-popover-content-scale-y: 0.75;
7
7
  --x-popover-content-scale-x: 0.75;
8
8
  }
package/src/components/tabs/list.css CHANGED
@@ -1,7 +1,7 @@
1
1
  .x-tabs-list {
2
2
  background-color: var(--x-tabs-list-background-color, var(--color-body-secondary));
3
- gap: var(--x-tabs-list-gap, var(--spacing-xs));
4
- padding: var(--x-tabs-list-padding, var(--spacing-xs));
3
+ gap: var(--x-tabs-list-gap, var(--spacing-1));
4
+ padding: var(--x-tabs-list-padding, var(--spacing-1));
5
5
  border-radius: var(--x-tabs-list-border-radius, var(--radius));
6
6
  display: flex;
7
7
  inline-size: max-content;
package/src/components/text/props/default.css CHANGED
@@ -1,6 +1,6 @@
1
1
  :root, :host {
2
2
  --x-text-content-bold: var(--font-weight-semibold);
3
- --x-text-content-margin-block: var(--spacing-xl);
3
+ --x-text-content-margin-block: var(--spacing-5);
4
4
  --x-text-list-marker-size: 0.375em;
5
5
  --x-text-line-height: calc(1em + 0.75rem);
6
6
  --x-text-hr-margin-block: 3em;
package/src/components/toast/props/content.css CHANGED
@@ -1,7 +1,7 @@
1
1
  :root, :host {
2
2
  --x-toast-content-border-radius: var(--radius-2xl);
3
- --x-toast-content-padding-block: var(--spacing-md);
4
- --x-toast-content-padding-inline: var(--spacing-lg);
5
- --x-toast-content-gap: var(--spacing-xl);
3
+ --x-toast-content-padding-block: var(--spacing-3);
4
+ --x-toast-content-padding-inline: var(--spacing-4);
5
+ --x-toast-content-gap: var(--spacing-5);
6
6
  --x-toast-content-background-color: var(--color-body-primary);
7
7
  }
package/src/components/toaster/props/default.css CHANGED
@@ -1,4 +1,4 @@
1
1
  :root, :host {
2
- --x-toaster-padding: var(--spacing-xl);
3
- --x-toaster-margin-block: var(--spacing-xs);
2
+ --x-toaster-padding: var(--spacing-5);
3
+ --x-toaster-margin-block: var(--spacing-1);
4
4
  }
package/src/components/tooltip/props/default.css CHANGED
@@ -3,10 +3,10 @@
3
3
  --x-tooltip-color: var(--color-main-foreground);
4
4
  --x-tooltip-border-radius: var(--radius-md);
5
5
  --x-tooltip-font-size: var(--font-size-sm);
6
- --x-tooltip-padding-block: var(--spacing-xs);
7
- --x-tooltip-padding-inline: var(--spacing-sm);
8
- --x-tooltip-margin-block: var(--spacing-xs);
9
- --x-tooltip-margin-inline: var(--spacing-xs);
6
+ --x-tooltip-padding-block: var(--spacing-1);
7
+ --x-tooltip-padding-inline: var(--spacing-2);
8
+ --x-tooltip-margin-block: var(--spacing-1);
9
+ --x-tooltip-margin-inline: var(--spacing-1);
10
10
  --x-tooltip-scale-x: 0.75;
11
11
  --x-tooltip-scale-y: 0.75;
12
12
  }
package/src/utilities/container/default.css CHANGED
@@ -1,9 +1,9 @@
1
1
  .grid-cols-container {
2
2
  grid-template-columns:
3
3
  [container-full-start] minmax(var(--container-padding), 1fr)
4
- [container-lg-start] minmax(0, calc((var(--container-lg-width) - var(--container-width)) / 2))
4
+ [container-breakout-start] minmax(0, calc((var(--container-breakout-width) - var(--container-width)) / 2))
5
5
  [container-start] min(100% - (var(--container-padding) * 2), var(--container-width)) [container-end]
6
- minmax(0, calc((var(--container-lg-width) - var(--container-width)) / 2)) [container-lg-end]
6
+ minmax(0, calc((var(--container-breakout-width) - var(--container-width)) / 2)) [container-breakout-end]
7
7
  minmax(var(--container-padding), 1fr) [container-full-end];
8
8
 
9
9
  & > :where(*) {
package/src/utilities/container/props/default.css CHANGED
@@ -1,8 +1,8 @@
1
1
  :root, :host {
2
2
  --container: min(100% - (var(--container-padding) * 2), var(--container-width));
3
- --container-lg: min(100% - (var(--container-padding) * 2), var(--container-lg-width));
3
+ --container-breakout: min(100% - (var(--container-padding) * 2), var(--container-breakout-width));
4
4
  --container-width: 80rem;
5
- --container-lg-width: 90rem;
5
+ --container-breakout-width: calc(var(--container-width) + 10rem);
6
6
  --container-padding: 5vw;
7
7
  --container-padding-calc: max(calc(50vw - (var(--container-width) / 2)), var(--container-padding));
8
8
  }
package/src/utilities/divider.css CHANGED
@@ -6,7 +6,7 @@
6
6
  align-self: stretch;
7
7
 
8
8
  &:where(:not(:empty)) {
9
- gap: var(--divider-gap, var(--spacing-md));
9
+ gap: var(--divider-gap, var(--spacing-3));
10
10
  }
11
11
 
12
12
  &::before, &::after {
package/tailwindcss/utilities/animation.css ADDED
File without changes
package/tailwindcss/utilities/divide-gap.css ADDED
File without changes
package/types/index.d.ts CHANGED
@@ -78,9 +78,9 @@ declare module 'winduum/src/components/compare' {
78
78
  positionProperty?: string
79
79
  }
80
80
 
81
- export function setPosition(event: Event, options?: SetPositionOptions): void
82
- export function setKeyboardStep(event: KeyboardEvent, step?: string): void
83
- export function setMouseStep(event: MouseEvent, step?: string): void
81
+ export function setPosition(element: HTMLInputElement, options?: SetPositionOptions): void
82
+ export function setKeyboardStep(element: HTMLInputElement, key: string, step?: string): void
83
+ export function setMouseStep(element: HTMLInputElement, step?: string): void
84
84
 
85
85
  export {};
86
86
  }
@@ -103,6 +103,7 @@ declare module 'winduum/src/components/dialog' {
103
103
  export interface DefaultOptions {
104
104
  remove?: boolean | null
105
105
  closable?: boolean | null
106
+ modal?: boolean
106
107
  openAttribute?: string
107
108
  closedAttribute?: string
108
109
  contentSelector?: string
@@ -139,6 +140,7 @@ declare module 'winduum/src/components/form' {
139
140
  export interface ValidateFormOptions {
140
141
  validateSelectors?: string
141
142
  validateOptions?: ValidateFieldOptions
143
+ scrollOptions?: ScrollIntoViewOptions
142
144
  submitterLoadingAttribute?: string
143
145
  }
144
146
 
@@ -200,6 +202,7 @@ declare module 'winduum/src/components/toaster' {
200
202
  declare module 'winduum/src/components/popover' {
201
203
  import type { FlipOptions, Middleware, OffsetOptions, Placement, ShiftOptions } from '@floating-ui/dom';
202
204
  export interface ShowPopoverOptions {
205
+ anchorSelector: string,
203
206
  openAttribute?: string
204
207
  compute?: boolean
205
208
  placement?: Placement
@@ -245,7 +248,13 @@ declare module 'winduum/src/components/range' {
245
248
  }
246
249
 
247
250
  declare module 'winduum/src/utilities/ripple' {
248
- export function showRipple(event: MouseEvent, element?: HTMLElement): void
251
+ export interface ShowRippleOptions {
252
+ element: HTMLElement | Element
253
+ x: number
254
+ y: number
255
+ }
256
+
257
+ export function showRipple(options: ShowRippleOptions, element?: HTMLElement): void
249
258
 
250
259
  export {};
251
260
  }
package/types/index.d.ts.map CHANGED
@@ -55,6 +55,7 @@
55
55
  "setTrackProperty",
56
56
  "setValue",
57
57
  "setOutputValue",
58
+ "ShowRippleOptions",
58
59
  "showRipple",
59
60
  "toggleSwap"
60
61
  ],
@@ -88,6 +89,5 @@
88
89
  null,
89
90
  null
90
91
  ],
91
- "mappings": ";;kBAEiBA,aAAaA;;;;;;;;;;;;;;;;;;;;cAoBjBC,aAAaA;;;;;;;;kBCtBTC,sBAAsBA;;;;;;;;kBAQtBC,yBAAyBA;;;;;;kBAMzBC,qBAAqBA;;;;;;;;kBAQrBC,uBAAuBA;;;;;kBAKvBC,mBAAmBA;;;;iBAIpBC,UAAUA;iBACVC,UAAUA;iBACVC,QAAQA;iBACRC,YAAYA;iBACZC,eAAeA;iBACfC,cAAcA;iBACdC,kBAAkBA;iBAClBC,gBAAgBA;iBAChBC,YAAYA;;;;;;kBCvCXC,kBAAkBA;;;;;iBAKnBC,WAAWA;iBACXC,eAAeA;iBACfC,YAAYA;;;;;;kBCPXC,cAAcA;;;;;cAKlBC,cAAcA;iBACXC,WAAWA;iBACXC,YAAYA;iBACZC,aAAaA;;;;;;kBCRZJ,cAAcA;;;;;;;;;cASlBC,cAAcA;iBACXI,UAAUA;iBACVC,WAAWA;;;;;;kBCXVC,mBAAmBA;;;;;;;;;;iBAUpBC,UAAUA;iBACVC,WAAWA;iBACXC,gBAAgBA;iBAChBC,YAAYA;;;;;;kBCbXC,mBAAmBA;;;;;;kBAMnBC,oBAAoBA;;;;;;;;;;;;;;;;;;iBAkBrBC,YAAYA;iBACZC,aAAaA;;;;;;;;;;;iBCpBbC,SAASA;;;;;;kBCLRC,gBAAgBA;;;;;;;kBAOhBC,iBAAiBA;;;;;iBAKlBC,UAAUA;iBACVC,SAASA;iBACTC,YAAYA;;;;;;;kBCZXC,kBAAkBA;;;;;;;;;;kBAUlBC,kBAAkBA;;;;iBAInBC,WAAWA;iBACXC,WAAWA;iBACXC,aAAaA;;;;;;kBClBZC,uBAAuBA;;;;;;kBAMvBC,eAAeA;;;;;kBAKfC,gBAAgBA;;;;;iBAKjBC,gBAAgBA;iBAChBC,QAAQA;iBACRC,cAAcA;;;;;;iBClBdC,UAAUA;;;;;;iBCAVC,UAAUA",
92
- "ignoreList": []
92
+ "mappings": ";;kBAEiBA,aAAaA;;;;;;;;;;;;;;;;;;;;cAoBjBC,aAAaA;;;;;;;;kBCtBTC,sBAAsBA;;;;;;;;kBAQtBC,yBAAyBA;;;;;;kBAMzBC,qBAAqBA;;;;;;;;kBAQrBC,uBAAuBA;;;;;kBAKvBC,mBAAmBA;;;;iBAIpBC,UAAUA;iBACVC,UAAUA;iBACVC,QAAQA;iBACRC,YAAYA;iBACZC,eAAeA;iBACfC,cAAcA;iBACdC,kBAAkBA;iBAClBC,gBAAgBA;iBAChBC,YAAYA;;;;;;kBCvCXC,kBAAkBA;;;;;iBAKnBC,WAAWA;iBACXC,eAAeA;iBACfC,YAAYA;;;;;;kBCPXC,cAAcA;;;;;cAKlBC,cAAcA;iBACXC,WAAWA;iBACXC,YAAYA;iBACZC,aAAaA;;;;;;kBCRZJ,cAAcA;;;;;;;;;;cAUlBC,cAAcA;iBACXI,UAAUA;iBACVC,WAAWA;;;;;;kBCZVC,mBAAmBA;;;;;;;;;;iBAUpBC,UAAUA;iBACVC,WAAWA;iBACXC,gBAAgBA;iBAChBC,YAAYA;;;;;;kBCbXC,mBAAmBA;;;;;;;kBAOnBC,oBAAoBA;;;;;;;;;;;;;;;;;;iBAkBrBC,YAAYA;iBACZC,aAAaA;;;;;;;;;;;iBCrBbC,SAASA;;;;;;kBCLRC,gBAAgBA;;;;;;;kBAOhBC,iBAAiBA;;;;;iBAKlBC,UAAUA;iBACVC,SAASA;iBACTC,YAAYA;;;;;;;kBCZXC,kBAAkBA;;;;;;;;;;;kBAWlBC,kBAAkBA;;;;iBAInBC,WAAWA;iBACXC,WAAWA;iBACXC,aAAaA;;;;;;kBCnBZC,uBAAuBA;;;;;;kBAMvBC,eAAeA;;;;;kBAKfC,gBAAgBA;;;;;iBAKjBC,gBAAgBA;iBAChBC,QAAQA;iBACRC,cAAcA;;;;;;kBClBbC,iBAAiBA;;;;;;iBAMlBC,UAAUA;;;;;;iBCNVC,UAAUA"
93
93
  }