@policystudio/policy-studio-ui-vue 1.1.90-beta.46 → 1.1.90-beta.47

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,6 +1,6 @@
1
1
  @import url("https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Round");
2
2
  /*
3
- ! tailwindcss v3.4.7 | MIT License | https://tailwindcss.com
3
+ ! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com
4
4
  */
5
5
  /*
6
6
  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
@@ -567,6 +567,24 @@ video {
567
567
  --tw-text-opacity: 1;
568
568
  color: rgb(49 143 172/var(--tw-text-opacity));
569
569
  }
570
+ .psui-el-chips.type-checkbox input:checked + label.status-disabled, .psui-el-chips.type-radio input:checked + label.status-disabled {
571
+ cursor: default;
572
+ }
573
+ .psui-el-chips.type-checkbox input:checked + label.status-disabled, .psui-el-chips.type-radio input:checked + label.status-disabled {
574
+ --tw-bg-opacity: 1;
575
+ background-color: rgb(230 236 242/var(--tw-bg-opacity));
576
+ }
577
+ .psui-el-chips.type-checkbox input:checked + label.status-disabled, .psui-el-chips.type-radio input:checked + label.status-disabled {
578
+ --tw-text-opacity: 1;
579
+ color: rgb(162 172 183/var(--tw-text-opacity));
580
+ }
581
+ .psui-el-chips.type-checkbox input:checked + label.status-disabled:before, .psui-el-chips.type-radio input:checked + label.status-disabled:before {
582
+ cursor: default;
583
+ }
584
+ .psui-el-chips.type-checkbox input:checked + label.status-disabled:before, .psui-el-chips.type-radio input:checked + label.status-disabled:before {
585
+ --tw-text-opacity: 1;
586
+ color: rgb(214 221 229/var(--tw-text-opacity));
587
+ }
570
588
  .psui-el-chips.type-checkbox input:checked + label:before, .psui-el-chips.type-radio input:checked + label:before {
571
589
  --tw-text-opacity: 1;
572
590
  color: rgb(100 181 206/var(--tw-text-opacity));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@policystudio/policy-studio-ui-vue",
3
- "version": "1.1.90-beta.46",
3
+ "version": "1.1.90-beta.47",
4
4
  "description": "Policy Studio UI",
5
5
  "author": "Policy Studio Team",
6
6
  "scripts": {
@@ -19,7 +19,15 @@
19
19
  &:checked {
20
20
  + label {
21
21
  @apply psui-text-blue-60 psui-bg-blue-20;
22
-
22
+
23
+ &.status-disabled {
24
+ @apply psui-bg-gray-20 psui-text-gray-40 psui-cursor-default;
25
+
26
+ &:before {
27
+ @apply psui-text-gray-30 psui-cursor-default;
28
+ }
29
+ }
30
+
23
31
  &:before {
24
32
  @apply psui-text-blue-50;
25
33
  }
@@ -82,8 +90,6 @@
82
90
  }
83
91
 
84
92
  &.type-button {
85
-
86
-
87
93
  label {
88
94
  @apply psui-flex psui-items-center psui-justify-center psui-text-gray-60 psui-transition-all psui-cursor-pointer psui-rounded psui-py-1 psui-px-3 psui-text-small;
89
95
  background-color: #F6F7F8;
@@ -14,7 +14,7 @@
14
14
  <label
15
15
  :disabled="disabled"
16
16
  :for="getInputId"
17
- :class="{'checked': checked && type === 'button' }"
17
+ :class="{'checked': checked && type === 'button', 'status-disabled': disabled }"
18
18
  >
19
19
  <i
20
20
  v-if="icon"