@policystudio/policy-studio-ui-vue 1.1.90-access.0 → 1.1.90-access.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.
- package/dist/css/psui_styles_output.css +21 -0
- package/package.json +1 -1
- package/src/assets/scss/components/PsAccordion.scss +10 -0
- package/src/assets/scss/components/PsInput.scss +1 -0
- package/src/assets/scss/components/PsSwitch.scss +10 -0
- package/src/assets/scss/components/PsTabHeader.scss +7 -0
- package/src/components/accordion/PsAccordionItem.vue +1 -0
- package/src/components/controls/PsSwitch.vue +1 -0
|
@@ -961,6 +961,11 @@ video {
|
|
|
961
961
|
.psui-el-tab-header button:focus {
|
|
962
962
|
outline: none;
|
|
963
963
|
}
|
|
964
|
+
.psui-el-tab-header button:focus-visible {
|
|
965
|
+
outline: 2px solid #2563EB;
|
|
966
|
+
outline-offset: 2px;
|
|
967
|
+
border-radius: 6px;
|
|
968
|
+
}
|
|
964
969
|
.psui-el-tab-header.status-disabled .psui-el-input-wrapper {
|
|
965
970
|
--tw-border-opacity: 1;
|
|
966
971
|
border-color: rgb(230, 236, 242, var(--tw-border-opacity, 1));
|
|
@@ -1186,6 +1191,14 @@ video {
|
|
|
1186
1191
|
.psui-el-accordion-item {
|
|
1187
1192
|
border-bottom: 1px solid #e6ecf2;
|
|
1188
1193
|
}
|
|
1194
|
+
.psui-el-accordion-item:focus {
|
|
1195
|
+
outline: none;
|
|
1196
|
+
}
|
|
1197
|
+
.psui-el-accordion-item:focus-visible {
|
|
1198
|
+
outline: 2px solid #2563EB;
|
|
1199
|
+
outline-offset: 2px;
|
|
1200
|
+
border-radius: 6px;
|
|
1201
|
+
}
|
|
1189
1202
|
.psui-el-accordion-item.disabled .psui-el-accordion-item-header .psui-el-accordion-item-header-wrapper {
|
|
1190
1203
|
pointer-events: none;
|
|
1191
1204
|
}
|
|
@@ -3718,6 +3731,14 @@ video {
|
|
|
3718
3731
|
display: inline-block;
|
|
3719
3732
|
border-radius: 1.5rem;
|
|
3720
3733
|
}
|
|
3734
|
+
.psui-el-switch:focus {
|
|
3735
|
+
outline: none;
|
|
3736
|
+
}
|
|
3737
|
+
.psui-el-switch:focus-visible {
|
|
3738
|
+
outline: 2px solid #2563EB;
|
|
3739
|
+
outline-offset: 2px;
|
|
3740
|
+
border-radius: 6px;
|
|
3741
|
+
}
|
|
3721
3742
|
.psui-el-switch.disabled {
|
|
3722
3743
|
pointer-events: none;
|
|
3723
3744
|
}
|
package/package.json
CHANGED
|
@@ -5,6 +5,16 @@
|
|
|
5
5
|
&-item {
|
|
6
6
|
border-bottom: 1px solid #e6ecf2;
|
|
7
7
|
|
|
8
|
+
&:focus {
|
|
9
|
+
outline: none;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
&:focus-visible {
|
|
13
|
+
outline: 2px solid #2563EB;
|
|
14
|
+
outline-offset: 2px;
|
|
15
|
+
border-radius: 6px;
|
|
16
|
+
}
|
|
17
|
+
|
|
8
18
|
&.disabled {
|
|
9
19
|
.psui-el-accordion-item-header {
|
|
10
20
|
.psui-el-accordion-item-header-wrapper {
|
|
@@ -2,6 +2,16 @@
|
|
|
2
2
|
.psui-el-switch {
|
|
3
3
|
@apply psui-relative psui-inline-block psui-rounded-3xl;
|
|
4
4
|
|
|
5
|
+
&:focus {
|
|
6
|
+
outline: none;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
&:focus-visible {
|
|
10
|
+
outline: 2px solid #2563EB;
|
|
11
|
+
outline-offset: 2px;
|
|
12
|
+
border-radius: 6px;
|
|
13
|
+
}
|
|
14
|
+
|
|
5
15
|
&.disabled {
|
|
6
16
|
pointer-events: none;
|
|
7
17
|
.psui-el-switch-button {
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
button {
|
|
7
7
|
@apply transition-default psui-text-small;
|
|
8
|
+
|
|
8
9
|
&.status-disabled {
|
|
9
10
|
@apply psui-cursor-not-allowed;
|
|
10
11
|
}
|
|
@@ -12,6 +13,12 @@
|
|
|
12
13
|
&:focus {
|
|
13
14
|
outline: none;
|
|
14
15
|
}
|
|
16
|
+
|
|
17
|
+
&:focus-visible {
|
|
18
|
+
outline: 2px solid #2563EB;
|
|
19
|
+
outline-offset: 2px;
|
|
20
|
+
border-radius: 6px;
|
|
21
|
+
}
|
|
15
22
|
}
|
|
16
23
|
|
|
17
24
|
&.status-disabled {
|