@rotki/ui-library 3.1.0 → 3.1.1
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/components/alerts/RuiAlert.js.map +1 -1
- package/dist/components/alerts/RuiAlert.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/buttons/button/button-styles.js.map +1 -1
- package/dist/components/chips/RuiChip.js.map +1 -1
- package/dist/components/chips/RuiChip.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/components/chips/RuiChip.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/forms/check-control-styles.js.map +1 -1
- package/dist/components/forms/file-upload/RuiFileUpload.js.map +1 -1
- package/dist/components/forms/file-upload/RuiFileUpload.vue_vue_type_script_setup_true_lang.js +8 -3
- package/dist/components/forms/file-upload/RuiFileUpload.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/forms/select/RuiMenuSelect.js.map +1 -1
- package/dist/components/forms/select/RuiMenuSelect.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/forms/text-area/text-area-styles.js +6 -6
- package/dist/components/forms/text-area/text-area-styles.js.map +1 -1
- package/dist/components/forms/text-field/text-field-styles.js +6 -6
- package/dist/components/forms/text-field/text-field-styles.js.map +1 -1
- package/dist/components/tables/RuiDataTable.js.map +1 -1
- package/dist/components/tables/RuiDataTable.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/tables/RuiTableHead.js.map +1 -1
- package/dist/components/tables/RuiTableHead.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/components/tables/RuiTableHead.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/tables/data-table/RuiDataTableAppendRow.js.map +1 -1
- package/dist/components/tables/data-table/RuiDataTableAppendRow.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/tables/data-table-styles.d.ts +2 -1
- package/dist/components/tables/data-table-styles.js +3 -2
- package/dist/components/tables/data-table-styles.js.map +1 -1
- package/dist/composables/forms/auto-complete/keyboard-navigation.js.map +1 -1
- package/dist/composables/tables/data-table/columns.js.map +1 -1
- package/dist/composables/tables/data-table/selection.js +23 -21
- package/dist/composables/tables/data-table/selection.js.map +1 -1
- package/dist/icons/icons_1.js.map +1 -1
- package/dist/icons/icons_2.js.map +1 -1
- package/dist/icons/icons_3.js.map +1 -1
- package/dist/icons/icons_4.js.map +1 -1
- package/dist/icons/icons_5.js.map +1 -1
- package/dist/style.css +50 -19
- package/dist/styles/colors.css +4 -0
- package/dist/theme/theme.css +1 -1
- package/dist/theme.css +1 -1
- package/dist/vite-plugin/types.d.ts +1 -1
- package/dist/web-types.json +1 -1
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -539,6 +539,7 @@
|
|
|
539
539
|
--rui-surface-muted: var(--rui-light-surface-muted);
|
|
540
540
|
--rui-surface-sunken: var(--rui-light-surface-sunken);
|
|
541
541
|
--rui-link: var(--rui-light-link);
|
|
542
|
+
--rui-focus: var(--rui-light-primary-main);
|
|
542
543
|
--rui-chart-1: var(--rui-light-chart-1);
|
|
543
544
|
--rui-chart-2: var(--rui-light-chart-2);
|
|
544
545
|
--rui-chart-3: var(--rui-light-chart-3);
|
|
@@ -592,6 +593,7 @@
|
|
|
592
593
|
--rui-surface-muted: var(--rui-light-surface-muted);
|
|
593
594
|
--rui-surface-sunken: var(--rui-light-surface-sunken);
|
|
594
595
|
--rui-link: var(--rui-light-link);
|
|
596
|
+
--rui-focus: var(--rui-primary-main);
|
|
595
597
|
--rui-chart-1: var(--rui-light-chart-1);
|
|
596
598
|
--rui-chart-2: var(--rui-light-chart-2);
|
|
597
599
|
--rui-chart-3: var(--rui-light-chart-3);
|
|
@@ -647,6 +649,7 @@
|
|
|
647
649
|
--rui-surface-muted: var(--rui-dark-surface-muted);
|
|
648
650
|
--rui-surface-sunken: var(--rui-dark-surface-sunken);
|
|
649
651
|
--rui-link: var(--rui-dark-link);
|
|
652
|
+
--rui-focus: var(--rui-primary-lighter);
|
|
650
653
|
--rui-chart-1: var(--rui-dark-chart-1);
|
|
651
654
|
--rui-chart-2: var(--rui-dark-chart-2);
|
|
652
655
|
--rui-chart-3: var(--rui-dark-chart-3);
|
|
@@ -3621,10 +3624,6 @@
|
|
|
3621
3624
|
opacity: .2;
|
|
3622
3625
|
}
|
|
3623
3626
|
|
|
3624
|
-
.opacity-30 {
|
|
3625
|
-
opacity: .3;
|
|
3626
|
-
}
|
|
3627
|
-
|
|
3628
3627
|
.opacity-50 {
|
|
3629
3628
|
opacity: .5;
|
|
3630
3629
|
}
|
|
@@ -3633,6 +3632,14 @@
|
|
|
3633
3632
|
opacity: .6;
|
|
3634
3633
|
}
|
|
3635
3634
|
|
|
3635
|
+
.opacity-75 {
|
|
3636
|
+
opacity: .75;
|
|
3637
|
+
}
|
|
3638
|
+
|
|
3639
|
+
.opacity-80 {
|
|
3640
|
+
opacity: .8;
|
|
3641
|
+
}
|
|
3642
|
+
|
|
3636
3643
|
.opacity-100 {
|
|
3637
3644
|
opacity: 1;
|
|
3638
3645
|
}
|
|
@@ -4298,8 +4305,8 @@
|
|
|
4298
4305
|
color: rgb(var(--rui-neutral-700));
|
|
4299
4306
|
}
|
|
4300
4307
|
|
|
4301
|
-
.group-hover\/sort\:opacity-
|
|
4302
|
-
opacity:
|
|
4308
|
+
.group-hover\/sort\:opacity-100:is(:where(.group\/sort):hover *) {
|
|
4309
|
+
opacity: 1;
|
|
4303
4310
|
}
|
|
4304
4311
|
|
|
4305
4312
|
.group-hover\/switch\:bg-rui-neutral-500:is(:where(.group\/switch):hover *) {
|
|
@@ -4307,8 +4314,8 @@
|
|
|
4307
4314
|
}
|
|
4308
4315
|
}
|
|
4309
4316
|
|
|
4310
|
-
.group-focus-visible\/sort\:opacity-
|
|
4311
|
-
opacity:
|
|
4317
|
+
.group-focus-visible\/sort\:opacity-100:is(:where(.group\/sort):focus-visible *) {
|
|
4318
|
+
opacity: 1;
|
|
4312
4319
|
}
|
|
4313
4320
|
|
|
4314
4321
|
.first-letter\:uppercase:first-letter {
|
|
@@ -4666,7 +4673,7 @@
|
|
|
4666
4673
|
}
|
|
4667
4674
|
|
|
4668
4675
|
.focus-visible\:focus-ring:focus-visible {
|
|
4669
|
-
outline: 2px solid rgb(var(--rui-
|
|
4676
|
+
outline: 2px solid rgb(var(--rui-focus));
|
|
4670
4677
|
outline-offset: 2px;
|
|
4671
4678
|
}
|
|
4672
4679
|
|
|
@@ -5731,7 +5738,7 @@
|
|
|
5731
5738
|
}
|
|
5732
5739
|
|
|
5733
5740
|
.peer-focus-visible\:\[\&_\[data-id\=slider-thumb\]\]\:focus-ring:is(:where(.peer):focus-visible ~ *) [data-id="slider-thumb"] {
|
|
5734
|
-
outline: 2px solid rgb(var(--rui-
|
|
5741
|
+
outline: 2px solid rgb(var(--rui-focus));
|
|
5735
5742
|
outline-offset: 2px;
|
|
5736
5743
|
}
|
|
5737
5744
|
|
|
@@ -5794,7 +5801,7 @@
|
|
|
5794
5801
|
}
|
|
5795
5802
|
|
|
5796
5803
|
.peer-focus-visible\:\[\&\>\[data-mark\]\]\:focus-ring:is(:where(.peer):focus-visible ~ *) > [data-mark] {
|
|
5797
|
-
outline: 2px solid rgb(var(--rui-
|
|
5804
|
+
outline: 2px solid rgb(var(--rui-focus));
|
|
5798
5805
|
outline-offset: 2px;
|
|
5799
5806
|
}
|
|
5800
5807
|
|
|
@@ -6010,6 +6017,16 @@
|
|
|
6010
6017
|
}
|
|
6011
6018
|
}
|
|
6012
6019
|
|
|
6020
|
+
[data-id="row-expanded"] .\[\[data-id\=row-expanded\]_\&\]\:border-rui-neutral-950\/\[0\.16\] {
|
|
6021
|
+
border-color: rgb(var(--rui-neutral-950));
|
|
6022
|
+
}
|
|
6023
|
+
|
|
6024
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
6025
|
+
[data-id="row-expanded"] .\[\[data-id\=row-expanded\]_\&\]\:border-rui-neutral-950\/\[0\.16\] {
|
|
6026
|
+
border-color: color-mix(in oklab, rgb(var(--rui-neutral-950)) 16%, transparent);
|
|
6027
|
+
}
|
|
6028
|
+
}
|
|
6029
|
+
|
|
6013
6030
|
[data-id="row-expanded"] .\[\[data-id\=row-expanded\]_\&\]\:bg-rui-neutral-950\/\[0\.11\] {
|
|
6014
6031
|
background-color: rgb(var(--rui-neutral-950));
|
|
6015
6032
|
}
|
|
@@ -6030,6 +6047,10 @@
|
|
|
6030
6047
|
}
|
|
6031
6048
|
}
|
|
6032
6049
|
|
|
6050
|
+
[data-id="row-expanded"] .\[\[data-id\=row-expanded\]_\&\]\:bg-clip-padding {
|
|
6051
|
+
background-clip: padding-box;
|
|
6052
|
+
}
|
|
6053
|
+
|
|
6033
6054
|
@media (hover: hover) {
|
|
6034
6055
|
[data-id="row-expanded"] .\[\[data-id\=row-expanded\]_\&\]\:hover\:bg-rui-neutral-950\/\[0\.11\]:hover {
|
|
6035
6056
|
background-color: rgb(var(--rui-neutral-950));
|
|
@@ -6042,23 +6063,33 @@
|
|
|
6042
6063
|
}
|
|
6043
6064
|
}
|
|
6044
6065
|
|
|
6045
|
-
[data-id="row-expanded"] .dark\:\[\[data-id\=row-expanded\]_\&\]\:
|
|
6046
|
-
|
|
6066
|
+
[data-id="row-expanded"] .dark\:\[\[data-id\=row-expanded\]_\&\]\:border-white\/\[0\.12\]:is(.dark *, [data-theme="dark"] *) {
|
|
6067
|
+
border-color: #ffffff1f;
|
|
6047
6068
|
}
|
|
6048
6069
|
|
|
6049
6070
|
@supports (color: color-mix(in lab, red, red)) {
|
|
6050
|
-
[data-id="row-expanded"] .dark\:\[\[data-id\=row-expanded\]_\&\]\:
|
|
6051
|
-
|
|
6071
|
+
[data-id="row-expanded"] .dark\:\[\[data-id\=row-expanded\]_\&\]\:border-white\/\[0\.12\]:is(.dark *, [data-theme="dark"] *) {
|
|
6072
|
+
border-color: color-mix(in oklab, var(--color-white) 12%, transparent);
|
|
6052
6073
|
}
|
|
6053
6074
|
}
|
|
6054
6075
|
|
|
6055
|
-
[data-id="row-expanded"] .dark\:\[\[data-id\=row-expanded\]_\&\]\:bg-white\/\[0\.
|
|
6056
|
-
background-color: #
|
|
6076
|
+
[data-id="row-expanded"] .dark\:\[\[data-id\=row-expanded\]_\&\]\:bg-white\/\[0\.13\]:is(.dark *, [data-theme="dark"] *) {
|
|
6077
|
+
background-color: #ffffff21;
|
|
6057
6078
|
}
|
|
6058
6079
|
|
|
6059
6080
|
@supports (color: color-mix(in lab, red, red)) {
|
|
6060
|
-
[data-id="row-expanded"] .dark\:\[\[data-id\=row-expanded\]_\&\]\:bg-white\/\[0\.
|
|
6061
|
-
background-color: color-mix(in oklab, var(--color-white)
|
|
6081
|
+
[data-id="row-expanded"] .dark\:\[\[data-id\=row-expanded\]_\&\]\:bg-white\/\[0\.13\]:is(.dark *, [data-theme="dark"] *) {
|
|
6082
|
+
background-color: color-mix(in oklab, var(--color-white) 13%, transparent);
|
|
6083
|
+
}
|
|
6084
|
+
}
|
|
6085
|
+
|
|
6086
|
+
[data-id="row-expanded"] .dark\:\[\[data-id\=row-expanded\]_\&\]\:bg-white\/\[0\.14\]:is(.dark *, [data-theme="dark"] *) {
|
|
6087
|
+
background-color: #ffffff24;
|
|
6088
|
+
}
|
|
6089
|
+
|
|
6090
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
6091
|
+
[data-id="row-expanded"] .dark\:\[\[data-id\=row-expanded\]_\&\]\:bg-white\/\[0\.14\]:is(.dark *, [data-theme="dark"] *) {
|
|
6092
|
+
background-color: color-mix(in oklab, var(--color-white) 14.0%, transparent);
|
|
6062
6093
|
}
|
|
6063
6094
|
}
|
|
6064
6095
|
|
package/dist/styles/colors.css
CHANGED
|
@@ -187,6 +187,8 @@
|
|
|
187
187
|
--rui-surface-muted: var(--rui-light-surface-muted);
|
|
188
188
|
--rui-surface-sunken: var(--rui-light-surface-sunken);
|
|
189
189
|
--rui-link: var(--rui-light-link);
|
|
190
|
+
/* The focus ring: primary in light, its lighter tone in dark, where `main` falls to 3:1 on raised surfaces. */
|
|
191
|
+
--rui-focus: var(--rui-light-primary-main);
|
|
190
192
|
--rui-chart-1: var(--rui-light-chart-1);
|
|
191
193
|
--rui-chart-2: var(--rui-light-chart-2);
|
|
192
194
|
--rui-chart-3: var(--rui-light-chart-3);
|
|
@@ -242,6 +244,7 @@ html.light {
|
|
|
242
244
|
--rui-surface-muted: var(--rui-light-surface-muted);
|
|
243
245
|
--rui-surface-sunken: var(--rui-light-surface-sunken);
|
|
244
246
|
--rui-link: var(--rui-light-link);
|
|
247
|
+
--rui-focus: var(--rui-primary-main);
|
|
245
248
|
--rui-chart-1: var(--rui-light-chart-1);
|
|
246
249
|
--rui-chart-2: var(--rui-light-chart-2);
|
|
247
250
|
--rui-chart-3: var(--rui-light-chart-3);
|
|
@@ -298,6 +301,7 @@ html.dark {
|
|
|
298
301
|
--rui-surface-muted: var(--rui-dark-surface-muted);
|
|
299
302
|
--rui-surface-sunken: var(--rui-dark-surface-sunken);
|
|
300
303
|
--rui-link: var(--rui-dark-link);
|
|
304
|
+
--rui-focus: var(--rui-primary-lighter);
|
|
301
305
|
--rui-chart-1: var(--rui-dark-chart-1);
|
|
302
306
|
--rui-chart-2: var(--rui-dark-chart-2);
|
|
303
307
|
--rui-chart-3: var(--rui-dark-chart-3);
|
package/dist/theme/theme.css
CHANGED
package/dist/theme.css
CHANGED
|
@@ -7,7 +7,7 @@ export interface RuiIconsPluginOptions {
|
|
|
7
7
|
/**
|
|
8
8
|
* Icon names the app registers itself (via `createRui({ theme: { icons } })`)
|
|
9
9
|
* that are NOT part of the library's generated set, e.g. brand logos the
|
|
10
|
-
* library no longer ships. These are treated as valid
|
|
10
|
+
* library no longer ships. These are treated as valid: they are neither
|
|
11
11
|
* reported as invalid nor imported from `@rotki/ui-library` (the app supplies
|
|
12
12
|
* the data). Use this for icons like `lu-github` sourced from simple-icons.
|
|
13
13
|
* @example ['lu-github']
|
package/dist/web-types.json
CHANGED