@globalbrain/sefirot 4.18.0 → 4.19.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.
|
@@ -1,12 +1,18 @@
|
|
|
1
1
|
<script setup lang="ts">
|
|
2
2
|
import IconCaretDown from '~icons/ph/caret-down-bold'
|
|
3
3
|
import IconCaretUp from '~icons/ph/caret-up-bold'
|
|
4
|
-
import {
|
|
5
|
-
import { type
|
|
6
|
-
|
|
4
|
+
import { computed, ref } from 'vue'
|
|
5
|
+
import SInputBase, { type Props as BaseProps } from './SInputBase.vue'
|
|
6
|
+
|
|
7
|
+
export interface Props extends BaseProps {
|
|
8
|
+
placeholder?: string
|
|
9
|
+
options: Option[]
|
|
10
|
+
nullable?: boolean
|
|
11
|
+
disabled?: boolean
|
|
12
|
+
value?: Value
|
|
13
|
+
modelValue?: Value
|
|
14
|
+
}
|
|
7
15
|
|
|
8
|
-
export type Size = 'mini' | 'small' | 'medium'
|
|
9
|
-
export type Color = 'neutral' | 'mute' | 'info' | 'success' | 'warning' | 'danger'
|
|
10
16
|
export type Value = any
|
|
11
17
|
|
|
12
18
|
export interface Option {
|
|
@@ -15,24 +21,7 @@ export interface Option {
|
|
|
15
21
|
disabled?: boolean
|
|
16
22
|
}
|
|
17
23
|
|
|
18
|
-
const props = withDefaults(defineProps<{
|
|
19
|
-
size?: Size
|
|
20
|
-
label?: string
|
|
21
|
-
info?: string
|
|
22
|
-
note?: string
|
|
23
|
-
help?: string
|
|
24
|
-
placeholder?: string
|
|
25
|
-
checkIcon?: Component
|
|
26
|
-
checkText?: string
|
|
27
|
-
checkColor?: Color
|
|
28
|
-
options: Option[]
|
|
29
|
-
nullable?: boolean
|
|
30
|
-
disabled?: boolean
|
|
31
|
-
value?: Value
|
|
32
|
-
modelValue?: Value
|
|
33
|
-
validation?: Validatable
|
|
34
|
-
hideError?: boolean
|
|
35
|
-
}>(), {
|
|
24
|
+
const props = withDefaults(defineProps<Props>(), {
|
|
36
25
|
value: undefined,
|
|
37
26
|
modelValue: undefined
|
|
38
27
|
})
|
|
@@ -80,15 +69,16 @@ function emitChange(e: any): void {
|
|
|
80
69
|
<SInputBase
|
|
81
70
|
class="SInputSelect"
|
|
82
71
|
:class="classes"
|
|
83
|
-
:
|
|
84
|
-
:
|
|
85
|
-
:
|
|
86
|
-
:
|
|
87
|
-
:
|
|
88
|
-
:check-
|
|
89
|
-
:check-
|
|
90
|
-
:
|
|
91
|
-
:
|
|
72
|
+
:size
|
|
73
|
+
:label
|
|
74
|
+
:note
|
|
75
|
+
:info
|
|
76
|
+
:help
|
|
77
|
+
:check-icon
|
|
78
|
+
:check-text
|
|
79
|
+
:check-color
|
|
80
|
+
:hide-error
|
|
81
|
+
:validation
|
|
92
82
|
>
|
|
93
83
|
<div class="box" :class="{ focus: isFocused }">
|
|
94
84
|
<select
|
|
@@ -28,10 +28,10 @@ const classes = computed(() => [
|
|
|
28
28
|
.SState {
|
|
29
29
|
display: inline-flex;
|
|
30
30
|
align-items: center;
|
|
31
|
-
border: 1px solid var(--c-
|
|
31
|
+
border: 1px solid var(--c-divider);
|
|
32
32
|
font-weight: 500;
|
|
33
33
|
white-space: nowrap;
|
|
34
|
-
background-color:
|
|
34
|
+
background-color: transparent;
|
|
35
35
|
}
|
|
36
36
|
|
|
37
37
|
.SState.mini {
|
package/lib/styles/variables.css
CHANGED
|
@@ -229,6 +229,10 @@
|
|
|
229
229
|
* -------------------------------------------------------------------------- */
|
|
230
230
|
|
|
231
231
|
:root {
|
|
232
|
+
--c-bg-1: var(--c-white);
|
|
233
|
+
--c-bg-2: var(--c-gray-3);
|
|
234
|
+
--c-bg-3: var(--c-gray-4);
|
|
235
|
+
|
|
232
236
|
--c-bg-elv-1: #ffffff;
|
|
233
237
|
--c-bg-elv-2: #f5f5f7;
|
|
234
238
|
--c-bg-elv-3: #ffffff;
|
|
@@ -264,6 +268,10 @@
|
|
|
264
268
|
}
|
|
265
269
|
|
|
266
270
|
.dark {
|
|
271
|
+
--c-bg-1: var(--c-gray-1);
|
|
272
|
+
--c-bg-2: var(--c-gray-3);
|
|
273
|
+
--c-bg-3: var(--c-gray-4);
|
|
274
|
+
|
|
267
275
|
--c-bg-elv-1: #000000;
|
|
268
276
|
--c-bg-elv-2: #151517;
|
|
269
277
|
--c-bg-elv-3: #1b1b1f;
|
|
@@ -719,17 +727,17 @@
|
|
|
719
727
|
* -------------------------------------------------------------------------- */
|
|
720
728
|
|
|
721
729
|
:root {
|
|
722
|
-
--pill-dimm-default-border-color: var(--c-
|
|
730
|
+
--pill-dimm-default-border-color: var(--c-divider);
|
|
723
731
|
--pill-dimm-default-text-color: var(--c-text-1);
|
|
724
|
-
--pill-dimm-default-bg-color:
|
|
725
|
-
--pill-dimm-default-hover-bg-color: var(--c-bg-
|
|
726
|
-
--pill-dimm-default-active-bg-color: var(--c-bg-
|
|
732
|
+
--pill-dimm-default-bg-color: transparent;
|
|
733
|
+
--pill-dimm-default-hover-bg-color: var(--c-bg-2);
|
|
734
|
+
--pill-dimm-default-active-bg-color: var(--c-bg-3);
|
|
727
735
|
|
|
728
|
-
--pill-dimm-mute-border-color: var(--c-
|
|
736
|
+
--pill-dimm-mute-border-color: var(--c-divider);
|
|
729
737
|
--pill-dimm-mute-text-color: var(--c-text-2);
|
|
730
|
-
--pill-dimm-mute-bg-color:
|
|
731
|
-
--pill-dimm-mute-hover-bg-color: var(--c-bg-
|
|
732
|
-
--pill-dimm-mute-active-bg-color: var(--c-bg-
|
|
738
|
+
--pill-dimm-mute-bg-color: transparent;
|
|
739
|
+
--pill-dimm-mute-hover-bg-color: var(--c-bg-2);
|
|
740
|
+
--pill-dimm-mute-active-bg-color: var(--c-bg-3);
|
|
733
741
|
|
|
734
742
|
--pill-dimm-neutral-border-color: var(--c-neutral-1);
|
|
735
743
|
--pill-dimm-neutral-text-color: var(--c-text-inverse-1);
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@globalbrain/sefirot",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "4.
|
|
4
|
+
"version": "4.19.0",
|
|
5
5
|
"packageManager": "pnpm@9.15.4",
|
|
6
6
|
"description": "Vue Components for Global Brain Design System.",
|
|
7
7
|
"author": "Kia Ishii <ka.ishii@globalbrains.com>",
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
"lodash-es": "^4.17.21",
|
|
59
59
|
"markdown-it": "^14.1.0",
|
|
60
60
|
"normalize.css": "^8.0.1",
|
|
61
|
-
"pinia": "^3.0.
|
|
61
|
+
"pinia": "^3.0.2",
|
|
62
62
|
"postcss": "^8.5.3",
|
|
63
63
|
"postcss-nested": "^7.0.2",
|
|
64
64
|
"v-calendar": "3.0.1",
|
|
@@ -66,8 +66,8 @@
|
|
|
66
66
|
"vue-router": "^4.5.0"
|
|
67
67
|
},
|
|
68
68
|
"dependencies": {
|
|
69
|
-
"@sentry/browser": "^9.
|
|
70
|
-
"@sentry/vue": "^9.
|
|
69
|
+
"@sentry/browser": "^9.14.0",
|
|
70
|
+
"@sentry/vue": "^9.14.0",
|
|
71
71
|
"@tanstack/vue-virtual": "3.0.0-beta.62",
|
|
72
72
|
"@tinyhttp/content-disposition": "^2.2.2",
|
|
73
73
|
"@tinyhttp/cookie": "^2.1.1",
|
|
@@ -87,13 +87,13 @@
|
|
|
87
87
|
"@histoire/plugin-vue": "0.16.5",
|
|
88
88
|
"@iconify-json/ph": "^1.2.2",
|
|
89
89
|
"@iconify-json/ri": "^1.2.5",
|
|
90
|
-
"@release-it/conventional-changelog": "^10.0.
|
|
90
|
+
"@release-it/conventional-changelog": "^10.0.1",
|
|
91
91
|
"@types/body-scroll-lock": "^3.1.2",
|
|
92
92
|
"@types/lodash-es": "^4.17.12",
|
|
93
93
|
"@types/markdown-it": "^14.1.2",
|
|
94
|
-
"@types/node": "^22.
|
|
95
|
-
"@vitejs/plugin-vue": "^5.2.
|
|
96
|
-
"@vitest/coverage-v8": "^3.
|
|
94
|
+
"@types/node": "^22.14.1",
|
|
95
|
+
"@vitejs/plugin-vue": "^5.2.3",
|
|
96
|
+
"@vitest/coverage-v8": "^3.1.2",
|
|
97
97
|
"@vue/reactivity": "^3.5.13",
|
|
98
98
|
"@vue/test-utils": "^2.4.6",
|
|
99
99
|
"@vuelidate/core": "^2.0.3",
|
|
@@ -108,18 +108,18 @@
|
|
|
108
108
|
"lodash-es": "^4.17.21",
|
|
109
109
|
"markdown-it": "^14.1.0",
|
|
110
110
|
"normalize.css": "^8.0.1",
|
|
111
|
-
"pinia": "^3.0.
|
|
111
|
+
"pinia": "^3.0.2",
|
|
112
112
|
"postcss": "^8.5.3",
|
|
113
113
|
"postcss-nested": "^7.0.2",
|
|
114
114
|
"punycode": "^2.3.1",
|
|
115
|
-
"release-it": "^
|
|
116
|
-
"typescript": "~5.8.
|
|
115
|
+
"release-it": "^19.0.1",
|
|
116
|
+
"typescript": "~5.8.3",
|
|
117
117
|
"v-calendar": "3.0.1",
|
|
118
|
-
"vite": "^6.
|
|
118
|
+
"vite": "^6.3.3",
|
|
119
119
|
"vitepress": ">=2.0.0-alpha.3",
|
|
120
|
-
"vitest": "^3.
|
|
120
|
+
"vitest": "^3.1.2",
|
|
121
121
|
"vue": "^3.5.13",
|
|
122
122
|
"vue-router": "^4.5.0",
|
|
123
|
-
"vue-tsc": "^2.2.
|
|
123
|
+
"vue-tsc": "^2.2.10"
|
|
124
124
|
}
|
|
125
125
|
}
|