sakana-element 2.1.5 → 2.3.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 (157) hide show
  1. package/README.md +95 -19
  2. package/dist/es/{Alert-C76ZWSVk.js → Alert-BwTsp4X3.js} +2 -2
  3. package/dist/es/Avatar-CJu6JYV3.js +9 -0
  4. package/dist/es/Badge-BmxZXX8k.js +14 -0
  5. package/dist/es/Breadcrumb-BP8MSklj.js +15 -0
  6. package/dist/es/{Button-fW_ZOLmT.js → Button-BJHtN7gh.js} +5 -5
  7. package/dist/es/Card-DJHkCmsz.js +16 -0
  8. package/dist/es/Checkbox-DX8L3fyp.js +51 -0
  9. package/dist/es/Collapse-Ir3V9CuO.js +53 -0
  10. package/dist/es/ConfigProvider-CsbSqwwi.js +44 -0
  11. package/dist/es/Divider-C7PtODSK.js +9 -0
  12. package/dist/es/Drawer-C2eVmvUp.js +40 -0
  13. package/dist/es/Dropdown-CVg_c2fB.js +104 -0
  14. package/dist/es/FileInput-BE26BmXm.js +33 -0
  15. package/dist/es/Form-7lZt5ehf.js +122 -0
  16. package/dist/es/{Icon-DpJyuj7c.js → Icon-BLDDdSU-.js} +1 -1
  17. package/dist/es/Indicator-B-en-MgG.js +9 -0
  18. package/dist/es/{Input-DBPpvf0Y.js → Input-C5HuVehE.js} +4 -4
  19. package/dist/es/Link-Av9RdcFv.js +11 -0
  20. package/dist/es/Loading-CBNDUWQd.js +92 -0
  21. package/dist/es/Message-DgnyyuXn.js +152 -0
  22. package/dist/es/Notification-LYRXnVAf.js +69 -0
  23. package/dist/es/{Overlay-BRDSWspM.js → Overlay-CpvMhnuU.js} +1 -1
  24. package/dist/es/Pixelate-BPypBgJU.js +67 -0
  25. package/dist/es/Popconfirm-DvxFdLrw.js +23 -0
  26. package/dist/es/Progress-Bc5INMhJ.js +12 -0
  27. package/dist/es/Radio-263_rtRl.js +33 -0
  28. package/dist/es/Select-7ZxUCS8z.js +133 -0
  29. package/dist/es/Switch-DiCsMJT3.js +34 -0
  30. package/dist/es/Table-BvA_xzDe.js +10 -0
  31. package/dist/es/Tooltip-J3ji6weH.js +74 -0
  32. package/dist/es/hooks-BqobYUzS.js +171 -0
  33. package/dist/es/index.js +94 -64
  34. package/dist/{theme → es/theme}/Alert.css +1 -1
  35. package/dist/es/theme/Avatar.css +86 -0
  36. package/dist/{theme → es/theme}/Badge.css +36 -30
  37. package/dist/es/theme/Breadcrumb.css +192 -0
  38. package/dist/{theme → es/theme}/Button.css +216 -216
  39. package/dist/es/theme/Card.css +347 -0
  40. package/dist/es/theme/Checkbox.css +484 -0
  41. package/dist/{theme → es/theme}/Collapse.css +214 -54
  42. package/dist/es/theme/Divider.css +111 -0
  43. package/dist/es/theme/Drawer.css +206 -0
  44. package/dist/es/theme/Dropdown.css +471 -0
  45. package/dist/es/theme/FileInput.css +365 -0
  46. package/dist/es/theme/Form.css +83 -0
  47. package/dist/es/theme/Indicator.css +159 -0
  48. package/dist/{theme → es/theme}/Input.css +1 -0
  49. package/dist/es/theme/Link.css +69 -0
  50. package/dist/es/theme/Loading.css +266 -0
  51. package/dist/es/theme/Message.css +565 -0
  52. package/dist/es/theme/Notification.css +316 -0
  53. package/dist/es/theme/Popconfirm.css +46 -0
  54. package/dist/es/theme/Progress.css +278 -0
  55. package/dist/es/theme/Radio.css +426 -0
  56. package/dist/{theme → es/theme}/Select.css +78 -78
  57. package/dist/es/theme/Table.css +680 -0
  58. package/dist/es/theme/Tooltip.css +235 -0
  59. package/dist/es/utils-BS5vsvlM.js +101 -0
  60. package/dist/index.css +1 -1
  61. package/dist/types/components/Avatar/index.d.ts +30 -0
  62. package/dist/types/components/Avatar/types.d.ts +8 -0
  63. package/dist/types/components/Badge/types.d.ts +1 -0
  64. package/dist/types/components/Breadcrumb/constants.d.ts +3 -0
  65. package/dist/types/components/Breadcrumb/index.d.ts +45 -0
  66. package/dist/types/components/Breadcrumb/types.d.ts +13 -0
  67. package/dist/types/components/Card/types.d.ts +6 -0
  68. package/dist/types/components/Checkbox/constants.d.ts +5 -0
  69. package/dist/types/components/Checkbox/index.d.ts +94 -0
  70. package/dist/types/components/Checkbox/types.d.ts +46 -0
  71. package/dist/types/components/Collapse/constants.d.ts +3 -0
  72. package/dist/types/components/Collapse/index.d.ts +14 -8
  73. package/dist/types/components/Collapse/types.d.ts +12 -0
  74. package/dist/types/components/Divider/index.d.ts +30 -0
  75. package/dist/types/components/Divider/types.d.ts +10 -0
  76. package/dist/types/components/Drawer/constants.d.ts +1 -0
  77. package/dist/types/components/Drawer/index.d.ts +72 -0
  78. package/dist/types/components/Drawer/types.d.ts +20 -0
  79. package/dist/types/components/Dropdown/index.d.ts +11 -1
  80. package/dist/types/components/Dropdown/types.d.ts +3 -0
  81. package/dist/types/components/Dropdown/useDropdownKeyboard.d.ts +8 -0
  82. package/dist/types/components/FileInput/constants.d.ts +3 -0
  83. package/dist/types/components/FileInput/index.d.ts +58 -0
  84. package/dist/types/components/FileInput/types.d.ts +24 -0
  85. package/dist/types/components/Form/types.d.ts +17 -7
  86. package/dist/types/components/Indicator/constants.d.ts +2 -0
  87. package/dist/types/components/Indicator/index.d.ts +28 -0
  88. package/dist/types/components/Indicator/types.d.ts +10 -0
  89. package/dist/types/components/Input/index.d.ts +10 -10
  90. package/dist/types/components/Link/index.d.ts +34 -0
  91. package/dist/types/components/Link/types.d.ts +10 -0
  92. package/dist/types/components/Loading/index.d.ts +25 -0
  93. package/dist/types/components/Loading/types.d.ts +9 -0
  94. package/dist/types/components/Message/methods.d.ts +2 -0
  95. package/dist/types/components/Message/types.d.ts +9 -3
  96. package/dist/types/components/MessageBox/types.d.ts +16 -4
  97. package/dist/types/components/Notification/index.d.ts +1 -1
  98. package/dist/types/components/Notification/methods.d.ts +6 -1
  99. package/dist/types/components/Notification/types.d.ts +10 -4
  100. package/dist/types/components/Pixelate/constants.d.ts +2 -0
  101. package/dist/types/components/Pixelate/index.d.ts +71 -0
  102. package/dist/types/components/Pixelate/types.d.ts +23 -0
  103. package/dist/types/components/Popconfirm/index.d.ts +16 -7
  104. package/dist/types/components/Popconfirm/types.d.ts +2 -1
  105. package/dist/types/components/Progress/constants.d.ts +2 -0
  106. package/dist/types/components/Progress/index.d.ts +50 -0
  107. package/dist/types/components/Progress/types.d.ts +22 -0
  108. package/dist/types/components/Radio/constants.d.ts +5 -0
  109. package/dist/types/components/Radio/index.d.ts +88 -0
  110. package/dist/types/components/Radio/types.d.ts +43 -0
  111. package/dist/types/components/Select/constants.d.ts +2 -1
  112. package/dist/types/components/Select/index.d.ts +35 -26
  113. package/dist/types/components/Switch/index.d.ts +5 -5
  114. package/dist/types/components/Table/index.d.ts +27 -0
  115. package/dist/types/components/Table/types.d.ts +20 -0
  116. package/dist/types/components/Tooltip/index.d.ts +6 -0
  117. package/dist/types/components/Tooltip/types.d.ts +7 -0
  118. package/dist/types/components/index.d.ts +12 -0
  119. package/dist/types/hooks/index.d.ts +3 -1
  120. package/dist/types/hooks/useDraggable.d.ts +7 -0
  121. package/dist/types/hooks/useFocusTrap.d.ts +5 -0
  122. package/dist/types/hooks/vitest.setup.d.ts +4 -0
  123. package/dist/types/utils/index.d.ts +1 -0
  124. package/dist/types/utils/instance-management.d.ts +40 -0
  125. package/dist/umd/index.css +1 -1
  126. package/dist/umd/index.css.gz +0 -0
  127. package/dist/umd/index.umd.cjs +5 -14
  128. package/dist/umd/index.umd.cjs.gz +0 -0
  129. package/package.json +5 -6
  130. package/dist/es/Badge-BG-vYP8Y.js +0 -13
  131. package/dist/es/Card-BCBnlVi_.js +0 -12
  132. package/dist/es/Collapse-B08VhCVq.js +0 -38
  133. package/dist/es/ConfigProvider-DZO1d5Eq.js +0 -44
  134. package/dist/es/Dropdown-49nf6F8P.js +0 -40
  135. package/dist/es/Form-CGiTDSGI.js +0 -108
  136. package/dist/es/Loading-DlygqGOv.js +0 -88
  137. package/dist/es/Message-ganFfLeU.js +0 -123
  138. package/dist/es/Notification-D4RYHV9o.js +0 -58
  139. package/dist/es/Popconfirm-Cop44KwQ.js +0 -22
  140. package/dist/es/Select-Blw_iO2r.js +0 -133
  141. package/dist/es/Switch-CHjcLtHs.js +0 -34
  142. package/dist/es/Tooltip-HWx_i2FA.js +0 -74
  143. package/dist/es/hooks-CYdEHUVd.js +0 -105
  144. package/dist/es/utils-bsCscZfS.js +0 -84
  145. package/dist/theme/Card.css +0 -112
  146. package/dist/theme/Dropdown.css +0 -187
  147. package/dist/theme/Form.css +0 -52
  148. package/dist/theme/Loading.css +0 -78
  149. package/dist/theme/Message.css +0 -353
  150. package/dist/theme/Notification.css +0 -126
  151. package/dist/theme/Popconfirm.css +0 -30
  152. package/dist/theme/Tooltip.css +0 -111
  153. /package/dist/{theme → es/theme}/Icon.css +0 -0
  154. /package/dist/{theme → es/theme}/Overlay.css +0 -0
  155. /package/dist/{theme → es/theme}/Switch.css +0 -0
  156. /package/dist/{theme → es/theme}/fonts/zpix.woff2 +0 -0
  157. /package/dist/{theme → es/theme}/index.css +0 -0
@@ -1,126 +0,0 @@
1
- /* Notification Variables */
2
- .px-notification[data-v-2111f4f7] {
3
- --px-notification-width: 330px;
4
- --px-notification-padding: 14px 20px;
5
- --px-notification-border-color: var(--px-border-color);
6
- --px-notification-icon-size: 24px;
7
- --px-notification-close-font-size: var(--px-font-size-base);
8
- --px-notification-content-font-size: var(--px-font-size-base);
9
- --px-notification-content-color: var(--px-text-color-regular);
10
- --px-notification-title-font-size: var(--px-font-size-large);
11
- --px-notification-title-color: var(--px-text-color-primary);
12
- --px-notification-close-color: var(--px-text-color-secondary);
13
- --px-notification-close-hover-color: var(--px-text-color-primary);
14
- --px-notification-shadow-color: var(--px-shadow-color);
15
- }
16
- /* Base Notification Styles - Pixel Game Style */
17
- .px-notification[data-v-2111f4f7] {
18
- display: flex;
19
- width: var(--px-notification-width);
20
- padding: var(--px-notification-padding);
21
- box-sizing: border-box;
22
- position: fixed;
23
- background-color: var(--px-bg-color-overlay);
24
- overflow-wrap: anywhere;
25
- overflow: hidden;
26
- z-index: 9999;
27
- font-family: var(--px-font-family);
28
-
29
- /* Pixel-style border */
30
- border: var(--px-border-width) solid var(--px-notification-border-color);
31
- border-radius: 0;
32
-
33
- /* Pixel shadow */
34
- box-shadow:
35
- var(--px-shadow-offset-x) var(--px-shadow-offset-y) 0 0 var(--px-notification-shadow-color),
36
- var(--px-box-shadow-inset-light);
37
-
38
- /* No smooth transitions */
39
- transition: none;
40
- }
41
- .px-notification.right[data-v-2111f4f7] {
42
- right: 16px;
43
- }
44
- .px-notification.left[data-v-2111f4f7] {
45
- left: 16px;
46
- }
47
- .px-notification .px-notification__text[data-v-2111f4f7] {
48
- margin: 0 10px;
49
- flex: 1;
50
- }
51
- .px-notification .px-notification__icon[data-v-2111f4f7] {
52
- height: var(--px-notification-icon-size);
53
- width: var(--px-notification-icon-size);
54
- font-size: var(--px-notification-icon-size);
55
- color: var(--px-notification-icon-color);
56
- flex-shrink: 0;
57
- }
58
- .px-notification .px-notification__title[data-v-2111f4f7] {
59
- font-weight: 500;
60
- font-size: var(--px-notification-title-font-size);
61
- font-family: var(--px-font-family);
62
- line-height: var(--px-notification-icon-size);
63
- color: var(--px-notification-title-color);
64
- margin: 0;
65
- }
66
- .px-notification .px-notification__content[data-v-2111f4f7] {
67
- font-size: var(--px-notification-content-font-size);
68
- font-family: var(--px-font-family);
69
- line-height: 1.5;
70
- margin: 8px 0 0;
71
- color: var(--px-notification-content-color);
72
- text-align: left;
73
- }
74
- .px-notification .px-notification__close[data-v-2111f4f7] {
75
- position: absolute;
76
- top: 14px;
77
- right: 14px;
78
- cursor: pointer;
79
- color: var(--px-notification-close-color);
80
- font-size: var(--px-notification-close-font-size);
81
- }
82
- .px-notification .px-notification__close[data-v-2111f4f7]:hover {
83
- color: var(--px-notification-close-hover-color);
84
- }
85
- /* Type variants with colored shadows */
86
- .px-notification--info[data-v-2111f4f7] {
87
- --px-notification-icon-color: var(--px-color-info);
88
- --px-notification-border-color: var(--px-color-info);
89
- --px-notification-shadow-color: var(--px-color-info-dark);
90
- }
91
- .px-notification--success[data-v-2111f4f7] {
92
- --px-notification-icon-color: var(--px-color-success);
93
- --px-notification-border-color: var(--px-color-success);
94
- --px-notification-shadow-color: var(--px-color-success-dark);
95
- }
96
- .px-notification--warning[data-v-2111f4f7] {
97
- --px-notification-icon-color: var(--px-color-warning);
98
- --px-notification-border-color: var(--px-color-warning);
99
- --px-notification-shadow-color: var(--px-color-warning-dark);
100
- }
101
- .px-notification--danger[data-v-2111f4f7] {
102
- --px-notification-icon-color: var(--px-color-danger);
103
- --px-notification-border-color: var(--px-color-danger);
104
- --px-notification-shadow-color: var(--px-color-danger-dark);
105
- }
106
- .px-notification--error[data-v-2111f4f7] {
107
- --px-notification-icon-color: var(--px-color-danger);
108
- --px-notification-border-color: var(--px-color-danger);
109
- --px-notification-shadow-color: var(--px-color-danger-dark);
110
- }
111
- /* Animation */
112
- .px-notification-fade-enter-from.right[data-v-2111f4f7] {
113
- right: 0;
114
- transform: translateX(100%);
115
- }
116
- .px-notification-fade-enter-from.left[data-v-2111f4f7] {
117
- left: 0;
118
- transform: translateX(-100%);
119
- }
120
- .px-notification-fade-leave-to[data-v-2111f4f7] {
121
- opacity: 0;
122
- }
123
- .px-notification-fade-enter-active[data-v-2111f4f7],
124
- .px-notification-fade-leave-active[data-v-2111f4f7] {
125
- transition: opacity 0.1s, transform 0.1s;
126
- }
@@ -1,30 +0,0 @@
1
- /* Popconfirm Variables */
2
- .px-popconfirm[data-v-72e03259] {
3
- --px-popconfirm-icon-size: 16px;
4
- --px-popconfirm-font-size: var(--px-font-size-base);
5
- }
6
- /* Base Popconfirm Styles - Pixel Dialog */
7
- .px-popconfirm[data-v-72e03259] {
8
- font-family: var(--px-font-family);
9
- }
10
- .px-popconfirm .px-popconfirm__main[data-v-72e03259] {
11
- display: flex;
12
- align-items: flex-start;
13
- gap: 8px;
14
- font-size: var(--px-popconfirm-font-size);
15
- color: var(--px-text-color-primary);
16
- line-height: 1.5;
17
- }
18
- .px-popconfirm .px-popconfirm__main i[data-v-72e03259] {
19
- font-size: var(--px-popconfirm-icon-size);
20
- flex-shrink: 0;
21
- margin-top: 2px;
22
- }
23
- .px-popconfirm .px-popconfirm__action[data-v-72e03259] {
24
- display: flex;
25
- justify-content: flex-end;
26
- gap: 8px;
27
- margin-top: 12px;
28
- padding-top: 12px;
29
- border-top: var(--px-border-width-thin) dashed var(--px-border-color-lighter);
30
- }
@@ -1,111 +0,0 @@
1
- /* Tooltip Variables */
2
- .px-tooltip[data-v-4e2bfb45] {
3
- --px-popover-bg-color: var(--px-bg-color);
4
- --px-popover-font-size: var(--px-font-size-base);
5
- --px-popover-border-color: var(--px-border-color-dark);
6
- --px-popover-padding: 10px 14px;
7
- --px-popover-shadow-color: var(--px-shadow-color);
8
- display: inline-block;
9
- }
10
- /* Base Tooltip Styles - Pixel Game Style */
11
- /* No smooth transitions for pixel feel */
12
- .px-tooltip .fade-enter-active[data-v-4e2bfb45],
13
- .px-tooltip .fade-leave-active[data-v-4e2bfb45] {
14
- transition: none;
15
- }
16
- .px-tooltip .fade-enter-from[data-v-4e2bfb45],
17
- .px-tooltip .fade-leave-to[data-v-4e2bfb45] {
18
- opacity: 0;
19
- }
20
- /* Popper container - Pixel style box */
21
- .px-tooltip .px-tooltip__popper[data-v-4e2bfb45] {
22
- background: transparent;
23
- padding: var(--px-popover-padding);
24
- color: var(--px-text-color-primary);
25
- line-height: 1.5;
26
- font-size: var(--px-popover-font-size);
27
- font-family: var(--px-font-family);
28
- word-break: break-all;
29
- box-sizing: border-box;
30
- z-index: 1000;
31
- position: relative;
32
-
33
- /* Remove traditional border */
34
- border: none;
35
-
36
- /* Pixel shadow via drop-shadow (respects clip-path shape) */
37
- filter: drop-shadow(
38
- var(--px-shadow-offset-x) var(--px-shadow-offset-y) 0px var(--px-popover-shadow-color)
39
- );
40
- }
41
- /* Border layer — filled with border color, clipped to pixel shape */
42
- .px-tooltip .px-tooltip__popper[data-v-4e2bfb45]::before {
43
- content: "";
44
- position: absolute;
45
- inset: 0;
46
- background: var(--px-popover-border-color);
47
- clip-path: polygon(
48
- 0 4px,
49
- 2px 4px,
50
- 2px 2px,
51
- 4px 2px,
52
- 4px 0,
53
- calc(100% - 4px) 0,
54
- calc(100% - 4px) 2px,
55
- calc(100% - 2px) 2px,
56
- calc(100% - 2px) 4px,
57
- 100% 4px,
58
- 100% calc(100% - 4px),
59
- calc(100% - 2px) calc(100% - 4px),
60
- calc(100% - 2px) calc(100% - 2px),
61
- calc(100% - 4px) calc(100% - 2px),
62
- calc(100% - 4px) 100%,
63
- 4px 100%,
64
- 4px calc(100% - 2px),
65
- 2px calc(100% - 2px),
66
- 2px calc(100% - 4px),
67
- 0 calc(100% - 4px)
68
- );
69
- z-index: -1;
70
- }
71
- /* Fill layer — inset by border width, filled with bg color */
72
- .px-tooltip .px-tooltip__popper[data-v-4e2bfb45]::after {
73
- content: "";
74
- position: absolute;
75
- inset: 2px;
76
- background: var(--px-popover-bg-color);
77
- clip-path: polygon(
78
- 0 4px,
79
- 2px 4px,
80
- 2px 2px,
81
- 4px 2px,
82
- 4px 0,
83
- calc(100% - 4px) 0,
84
- calc(100% - 4px) 2px,
85
- calc(100% - 2px) 2px,
86
- calc(100% - 2px) 4px,
87
- 100% 4px,
88
- 100% calc(100% - 4px),
89
- calc(100% - 2px) calc(100% - 4px),
90
- calc(100% - 2px) calc(100% - 2px),
91
- calc(100% - 4px) calc(100% - 2px),
92
- calc(100% - 4px) 100%,
93
- 4px 100%,
94
- 4px calc(100% - 2px),
95
- 2px calc(100% - 2px),
96
- 2px calc(100% - 4px),
97
- 0 calc(100% - 4px)
98
- );
99
- z-index: -1;
100
- }
101
- /* Hide arrow for pixel style - pixel boxes don't need arrows */
102
- .px-tooltip .px-tooltip__popper #arrow[data-v-4e2bfb45] {
103
- display: none;
104
- }
105
- /* Dark tooltip variant */
106
- .px-tooltip--dark .px-tooltip__popper[data-v-4e2bfb45] {
107
- --px-popover-bg-color: var(--px-text-color-primary);
108
- --px-popover-border-color: var(--px-text-color-primary);
109
- --px-popover-shadow-color: rgba(0, 0, 0, 0.4);
110
- color: var(--px-bg-color);
111
- }
File without changes
File without changes
File without changes
File without changes
File without changes