@invopop/popui 0.0.70 → 0.0.71
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.
- package/dist/BaseButton.svelte +8 -7
- package/dist/tw.theme.d.ts +3 -1
- package/dist/tw.theme.js +2 -1
- package/dist/types.d.ts +1 -1
- package/package.json +1 -1
package/dist/BaseButton.svelte
CHANGED
|
@@ -32,6 +32,7 @@ $:
|
|
|
32
32
|
{ "bg-workspace-accent": variant === "primary" },
|
|
33
33
|
{ "bg-neutral-100 hover:bg-neutral-200 focus:bg-neutral-300": variant === "secondary" },
|
|
34
34
|
{ "bg-danger-500": variant === "danger" },
|
|
35
|
+
{ "bg-warning-500": variant === "warning" },
|
|
35
36
|
{ "text-sm rounded": small },
|
|
36
37
|
{ "text-base rounded-md": !small },
|
|
37
38
|
{ "p-1": small && !$$slots.default },
|
|
@@ -45,7 +46,7 @@ $:
|
|
|
45
46
|
{ "pl-2 pr-1.5": !small && !big && $$slots.default && icon && iconPosition === "right" },
|
|
46
47
|
{ "py-1.5": big && $$slots.default },
|
|
47
48
|
{ "py-1": !big && $$slots.default },
|
|
48
|
-
{ "text-white": ["primary", "danger", "dark"].includes(variant) },
|
|
49
|
+
{ "text-white": ["primary", "danger", "dark", "warning"].includes(variant) },
|
|
49
50
|
{ "text-neutral-800": ["default", "secondary"].includes(variant) },
|
|
50
51
|
{ "border border-white-10 hover:border-white-20 focus:border-white-40": variant === "dark" },
|
|
51
52
|
{
|
|
@@ -73,9 +74,11 @@ $:
|
|
|
73
74
|
overlayClasses = clsx({
|
|
74
75
|
"rounded-md": !small,
|
|
75
76
|
rounded: small,
|
|
76
|
-
"group-hover:bg-black/[.16] group-active:bg-black/[.32]": [
|
|
77
|
-
|
|
78
|
-
|
|
77
|
+
"group-hover:bg-black/[.16] group-active:bg-black/[.32]": [
|
|
78
|
+
"primary",
|
|
79
|
+
"danger",
|
|
80
|
+
"warning"
|
|
81
|
+
].includes(variant)
|
|
79
82
|
});
|
|
80
83
|
function handleClick(event) {
|
|
81
84
|
if (event instanceof CustomEvent)
|
|
@@ -103,9 +106,7 @@ function handleClick(event) {
|
|
|
103
106
|
<Icon src={resolvedIcon} theme={iconTheme} class="{iconStyles} h-4 w-4 z-10" />
|
|
104
107
|
{/if}
|
|
105
108
|
{#if notification}
|
|
106
|
-
<span
|
|
107
|
-
class="absolute top-0 right-0 w-1.5 h-1.5 bg-danger-500 rounded-full z-20"
|
|
108
|
-
/>
|
|
109
|
+
<span class="absolute top-0 right-0 w-1.5 h-1.5 bg-danger-500 rounded-full z-20" />
|
|
109
110
|
{/if}
|
|
110
111
|
</div>
|
|
111
112
|
{/if}
|
package/dist/tw.theme.d.ts
CHANGED
|
@@ -118,7 +118,9 @@ declare namespace _default {
|
|
|
118
118
|
};
|
|
119
119
|
}
|
|
120
120
|
namespace boxShadow {
|
|
121
|
-
let active: string;
|
|
121
|
+
export let active: string;
|
|
122
|
+
let warning_1: string;
|
|
123
|
+
export { warning_1 as warning };
|
|
122
124
|
}
|
|
123
125
|
namespace letterSpacing {
|
|
124
126
|
let tightest: string;
|
package/dist/tw.theme.js
CHANGED
|
@@ -124,7 +124,8 @@ export default {
|
|
|
124
124
|
|
|
125
125
|
boxShadow: {
|
|
126
126
|
active:
|
|
127
|
-
'0px 0px 0px 2px color-mix(in lab, transparent 88%, var(--workspace-accent-color, #169958))'
|
|
127
|
+
'0px 0px 0px 2px color-mix(in lab, transparent 88%, var(--workspace-accent-color, #169958))',
|
|
128
|
+
warning: '0px 0px 0px 2px rgba(215, 135, 0, 0.12)'
|
|
128
129
|
},
|
|
129
130
|
|
|
130
131
|
letterSpacing: {
|
package/dist/types.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { IconSource } from '@steeze-ui/svelte-icon';
|
|
2
2
|
export type IconTheme = 'default' | 'solid' | 'mini';
|
|
3
3
|
export type IconPosition = 'right' | 'left';
|
|
4
|
-
export type ButtonVariant = 'default' | 'primary' | 'secondary' | 'danger' | 'dark';
|
|
4
|
+
export type ButtonVariant = 'default' | 'primary' | 'secondary' | 'warning' | 'danger' | 'dark';
|
|
5
5
|
export type StatusType = 'grey' | 'green' | 'yellow' | 'red' | 'orange' | 'blue' | 'purple' | 'empty';
|
|
6
6
|
export type AnyProp = string | number | object | boolean;
|
|
7
7
|
export type SidebarIcon = {
|