@meistrari/tela-build 1.57.1 → 1.57.2
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.
|
@@ -49,7 +49,7 @@ const variantStyle = computed(() => (({
|
|
|
49
49
|
focus-visible:ring-0.5px focus-visible:ring-cyan-600
|
|
50
50
|
`,
|
|
51
51
|
'secondary': fold`
|
|
52
|
-
bg-btn-secondary text-contrast border border-0.5px
|
|
52
|
+
bg-btn-secondary text-contrast border border-[0.5px]
|
|
53
53
|
[box-shadow:0_1px_6px_0_rgba(103,127,148,0.05)]
|
|
54
54
|
hover:bg-btn-secondary-hover hover:border-strong
|
|
55
55
|
active:bg-btn-secondary-active active:border-neutral-400/60
|
|
@@ -72,12 +72,12 @@ const variantStyle = computed(() => (({
|
|
|
72
72
|
focus:outline-red-600
|
|
73
73
|
`,
|
|
74
74
|
'ghost-danger': fold`
|
|
75
|
-
bg-transparent border-0.5px border-transparent text-red-600
|
|
75
|
+
bg-transparent border-[0.5px] border-transparent text-red-600
|
|
76
76
|
hover:bg-red-50 hover:text-red-700
|
|
77
77
|
focus:outline-red-600
|
|
78
78
|
`,
|
|
79
79
|
'dark': fold`
|
|
80
|
-
bg-btn-dark text-white border-0.5px border-white/16
|
|
80
|
+
bg-btn-dark text-white border-[0.5px] border-white/16
|
|
81
81
|
hover:bg-btn-dark-hover active:bg-btn-dark-active
|
|
82
82
|
focus-visible:ring-0.5px focus-visible:ring-cyan-600
|
|
83
83
|
`,
|
|
@@ -150,7 +150,7 @@ function iconSrc(option: PreviewVariableOption): string {
|
|
|
150
150
|
<TelaComboboxTrigger
|
|
151
151
|
as="button"
|
|
152
152
|
tabindex="0"
|
|
153
|
-
class="w-full bg border-0.5px border-strong rounded-10px px-12px py-7px flex items-center justify-between gap-10px"
|
|
153
|
+
class="w-full bg border-[0.5px] border-strong rounded-10px px-12px py-7px flex items-center justify-between gap-10px"
|
|
154
154
|
>
|
|
155
155
|
<div class="grid items-center gap-22px w-full min-w-0 grid-cols-[var(--first-col-width,minmax(82px,auto))_1fr]">
|
|
156
156
|
<p body-14-semibold text-start text-primary min-w-0>
|
|
@@ -87,7 +87,7 @@ onBeforeUnmount(() => {
|
|
|
87
87
|
<template>
|
|
88
88
|
<div
|
|
89
89
|
ref="wrapperRef"
|
|
90
|
-
relative rounded-full select-none p-2px min-w-68px bg-
|
|
90
|
+
relative rounded-full select-none p-2px min-w-68px bg-lowered
|
|
91
91
|
:class="[
|
|
92
92
|
props.size === 'small' ? 'min-h-24px' : 'min-h-28px',
|
|
93
93
|
props.disabled && 'opacity-50 pointer-events-none cursor-not-allowed',
|
|
@@ -105,7 +105,7 @@ onBeforeUnmount(() => {
|
|
|
105
105
|
:disabled="props.disabled"
|
|
106
106
|
@click="selectTab(option.value)"
|
|
107
107
|
>
|
|
108
|
-
<span text-
|
|
108
|
+
<span text-secondary>{{ option.label }}</span>
|
|
109
109
|
</button>
|
|
110
110
|
</div>
|
|
111
111
|
|