@pocketprep/ui-kit 3.0.26 → 3.0.28
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/@pocketprep/ui-kit.js +2085 -2084
- package/dist/@pocketprep/ui-kit.js.map +1 -1
- package/dist/@pocketprep/ui-kit.umd.cjs +7 -7
- package/dist/@pocketprep/ui-kit.umd.cjs.map +1 -1
- package/lib/components/Forms/Radio.vue +6 -5
- package/lib/components/Icons/IconLevelUp.vue +4 -4
- package/package.json +1 -1
|
@@ -28,16 +28,16 @@
|
|
|
28
28
|
v-dark="isDarkMode"
|
|
29
29
|
class="uikit-radio__item"
|
|
30
30
|
:data-value="item.value"
|
|
31
|
-
:tabindex="disabled ? -1 : 0"
|
|
31
|
+
:tabindex="(disabled || item.disabled) ? -1 : 0"
|
|
32
32
|
:class="{
|
|
33
33
|
'uikit-radio__item--selected': modelValue && item.value === modelValue.value,
|
|
34
|
-
'uikit-radio__item--disabled': disabled,
|
|
34
|
+
'uikit-radio__item--disabled': disabled || item.disabled,
|
|
35
35
|
'uikit-radio__item--has-helper-text': !!(item.helperText)
|
|
36
36
|
}"
|
|
37
37
|
role="radio"
|
|
38
38
|
:aria-checked="modelValue && item.value === modelValue.value"
|
|
39
39
|
:aria-label="`${item.label}${ item.helperText ? ` ${item.helperText}` : '' }`"
|
|
40
|
-
@click="!disabled && selectItem(item)"
|
|
40
|
+
@click="!(disabled || item.disabled) && selectItem(item)"
|
|
41
41
|
@keydown.enter.space="keyPressedItem"
|
|
42
42
|
@mousedown.prevent
|
|
43
43
|
>
|
|
@@ -47,8 +47,8 @@
|
|
|
47
47
|
class="uikit-radio__item-btn"
|
|
48
48
|
:class="{
|
|
49
49
|
'uikit-radio__item-btn--selected': modelValue && item.value === modelValue.value,
|
|
50
|
-
'uikit-radio__item-btn--disabled': disabled,
|
|
51
|
-
'uikit-radio__item-btn--selected--disabled': disabled && modelValue
|
|
50
|
+
'uikit-radio__item-btn--disabled': disabled || item.disabled,
|
|
51
|
+
'uikit-radio__item-btn--selected--disabled': (disabled || item.disabled) && modelValue
|
|
52
52
|
&& item.value === modelValue.value,
|
|
53
53
|
}"
|
|
54
54
|
aria-hidden="true"
|
|
@@ -78,6 +78,7 @@ interface IItem {
|
|
|
78
78
|
value: string
|
|
79
79
|
label: string
|
|
80
80
|
helperText?: string
|
|
81
|
+
disabled?: boolean
|
|
81
82
|
}
|
|
82
83
|
|
|
83
84
|
@Component({
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<!-- eslint-disable -->
|
|
3
|
-
<svg width="
|
|
3
|
+
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
4
4
|
<title>{{ title }}</title>
|
|
5
|
-
<path d="
|
|
6
|
-
<path d="
|
|
7
|
-
<path d="
|
|
5
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.49998 13.4C3.89246 13.4 3.39998 13.8925 3.39998 14.5V19.5C3.39998 20.1075 3.89246 20.6 4.49998 20.6C5.10749 20.6 5.59998 20.1075 5.59998 19.5V14.5C5.59998 13.8925 5.10749 13.4 4.49998 13.4ZM1.59998 14.5C1.59998 12.8984 2.89835 11.6 4.49998 11.6C6.1016 11.6 7.39998 12.8984 7.39998 14.5V19.5C7.39998 21.1016 6.1016 22.4 4.49998 22.4C2.89835 22.4 1.59998 21.1016 1.59998 19.5V14.5Z" fill="currentColor"/>
|
|
6
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 9.4C11.8925 9.4 11.4 9.89249 11.4 10.5V19.5C11.4 20.1075 11.8925 20.6 12.5 20.6C13.1075 20.6 13.6 20.1075 13.6 19.5V10.5C13.6 9.89249 13.1075 9.4 12.5 9.4ZM9.59998 10.5C9.59998 8.89837 10.8983 7.6 12.5 7.6C14.1016 7.6 15.4 8.89837 15.4 10.5V19.5C15.4 21.1016 14.1016 22.4 12.5 22.4C10.8983 22.4 9.59998 21.1016 9.59998 19.5V10.5Z" fill="currentColor"/>
|
|
7
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 5.4C19.8925 5.4 19.4 5.89249 19.4 6.5V19.5C19.4 20.1075 19.8925 20.6 20.5 20.6C21.1075 20.6 21.6 20.1075 21.6 19.5V6.5C21.6 5.89249 21.1075 5.4 20.5 5.4ZM17.6 6.5C17.6 4.89837 18.8983 3.6 20.5 3.6C22.1016 3.6 23.4 4.89837 23.4 6.5V19.5C23.4 21.1016 22.1016 22.4 20.5 22.4C18.8983 22.4 17.6 21.1016 17.6 19.5V6.5Z" fill="currentColor"/>
|
|
8
8
|
</svg>
|
|
9
9
|
<!-- eslint-enable -->
|
|
10
10
|
</template>
|