tokenizer-ui-kit 0.2.28 → 0.2.30
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/VARIABLES-BUTTON.md +22 -0
- package/dist/tokenizer-ui-kit.css +2 -2
- package/dist/tokenizer-ui-kit.es.js +2050 -2065
- package/dist/tokenizer-ui-kit.umd.js +1 -1
- package/dist/types/components/Select/Select.vue.d.ts +2 -6
- package/dist/types/components/Select/Select.vue.d.ts.map +1 -1
- package/dist/types/components/ui/CButton/CButton.vue.d.ts.map +1 -1
- package/dist/types/components/ui/CButton/types.d.ts +1 -1
- package/dist/types/components/ui/CButton/types.d.ts.map +1 -1
- package/package.json +1 -1
package/VARIABLES-BUTTON.md
CHANGED
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
- [success](#variant-success)
|
|
10
10
|
- [success-outline](#variant-success-outline)
|
|
11
11
|
- [primary](#variant-primary)
|
|
12
|
+
- [primary-outline](#variant-primary-outline)
|
|
12
13
|
- [secondary](#variant-secondary)
|
|
13
14
|
- [default](#variant-default)
|
|
14
15
|
- [error](#variant-error)
|
|
@@ -73,6 +74,19 @@
|
|
|
73
74
|
| `--ui-kit-button-primary-border` | Цвет границы | `transparent` |
|
|
74
75
|
| `--ui-kit-button-primary-hover-border` | Цвет границы при наведении | `var(--ui-kit-color-text-secondary)` |
|
|
75
76
|
|
|
77
|
+
### Variant: primary-outline
|
|
78
|
+
|
|
79
|
+
Темно-серая/черная кнопка с обводкой.
|
|
80
|
+
|
|
81
|
+
| Переменная | Описание | Значение по умолчанию |
|
|
82
|
+
| -------------------------------------------- | -------------------------- | ------------------------------------ |
|
|
83
|
+
| `--ui-kit-button-primary-outline-bg` | Фон кнопки | `transparent` |
|
|
84
|
+
| `--ui-kit-button-primary-outline-text` | Цвет текста | `var(--ui-kit-color-text-primary)` |
|
|
85
|
+
| `--ui-kit-button-primary-outline-border` | Цвет границы | `var(--ui-kit-color-text-primary)` |
|
|
86
|
+
| `--ui-kit-button-primary-outline-hover-bg` | Фон при наведении | `transparent` |
|
|
87
|
+
| `--ui-kit-button-primary-outline-hover-text` | Цвет текста при наведении | `var(--ui-kit-color-text-secondary)` |
|
|
88
|
+
| `--ui-kit-button-primary-outline-hover-border` | Цвет границы при наведении | `var(--ui-kit-color-text-secondary)` |
|
|
89
|
+
|
|
76
90
|
### Variant: secondary
|
|
77
91
|
|
|
78
92
|
Средне-серая кнопка с заполненным фоном.
|
|
@@ -215,6 +229,14 @@
|
|
|
215
229
|
--ui-kit-button-primary-border: transparent;
|
|
216
230
|
--ui-kit-button-primary-hover-border: var(--ui-kit-color-text-secondary);
|
|
217
231
|
|
|
232
|
+
/* Variant: primary-outline */
|
|
233
|
+
--ui-kit-button-primary-outline-bg: transparent;
|
|
234
|
+
--ui-kit-button-primary-outline-text: var(--ui-kit-color-text-primary);
|
|
235
|
+
--ui-kit-button-primary-outline-border: var(--ui-kit-color-text-primary);
|
|
236
|
+
--ui-kit-button-primary-outline-hover-bg: transparent;
|
|
237
|
+
--ui-kit-button-primary-outline-hover-text: var(--ui-kit-color-text-secondary);
|
|
238
|
+
--ui-kit-button-primary-outline-hover-border: var(--ui-kit-color-text-secondary);
|
|
239
|
+
|
|
218
240
|
/* Variant: secondary */
|
|
219
241
|
--ui-kit-button-secondary-bg: var(--ui-kit-color-text-secondary);
|
|
220
242
|
--ui-kit-button-secondary-text: var(--ui-kit-color-bg-white);
|