@policystudio/policy-studio-ui-vue 1.1.90-rc.1 → 1.1.90-rc.3

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.
Files changed (3) hide show
  1. package/dist/css/psui_styles_output.css +15 -2
  2. package/package.json +1 -1
  3. package/src/assets/scss/components/PsChips.scss +8 -3
package/dist/css/psui_styles_output.css CHANGED
@@ -615,6 +615,9 @@ video {
615
615
  --tw-bg-opacity: 1;
616
616
  background-color: rgb(236, 247, 251, var(--tw-bg-opacity, 1));
617
617
  }
618
+ .psui-el-chips label.checked {
619
+ font-weight: 700;
620
+ }
618
621
  .psui-el-chips label.checked {
619
622
  --tw-text-opacity: 1;
620
623
  color: rgb(0, 70, 95, var(--tw-text-opacity, 1));
@@ -622,6 +625,9 @@ video {
622
625
  .psui-el-chips label.icon-position-right {
623
626
  flex-direction: row-reverse;
624
627
  }
628
+ .psui-el-chips label.icon-position-right {
629
+ padding: 5px 6px 5px 8px;
630
+ }
625
631
  .psui-el-chips label.icon-position-right .psui-el-chips-icon {
626
632
  margin-left: 0.25rem;
627
633
  }
@@ -672,9 +678,12 @@ video {
672
678
  --tw-bg-opacity: 1;
673
679
  background-color: rgb(224, 239, 246, var(--tw-bg-opacity, 1));
674
680
  }
681
+ .psui-el-chips.type-checkbox input:checked + label, .psui-el-chips.type-radio input:checked + label {
682
+ font-weight: 700;
683
+ }
675
684
  .psui-el-chips.type-checkbox input:checked + label, .psui-el-chips.type-radio input:checked + label {
676
685
  --tw-text-opacity: 1;
677
- color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
686
+ color: rgb(0, 70, 95, var(--tw-text-opacity, 1));
678
687
  }
679
688
  .psui-el-chips.type-checkbox input:checked + label.layout-disabled, .psui-el-chips.type-radio input:checked + label.layout-disabled {
680
689
  cursor: default;
@@ -696,7 +705,11 @@ video {
696
705
  }
697
706
  .psui-el-chips.type-checkbox input:checked + label:before, .psui-el-chips.type-radio input:checked + label:before {
698
707
  --tw-text-opacity: 1;
699
- color: rgb(100, 181, 206, var(--tw-text-opacity, 1));
708
+ color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
709
+ }
710
+ .psui-el-chips.type-checkbox input:checked + label:hover, .psui-el-chips.type-radio input:checked + label:hover {
711
+ --tw-text-opacity: 1;
712
+ color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
700
713
  }
701
714
  .psui-el-chips.type-checkbox label:before, .psui-el-chips.type-radio label:before {
702
715
  display: inline-block;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@policystudio/policy-studio-ui-vue",
3
- "version": "1.1.90-rc.1",
3
+ "version": "1.1.90-rc.3",
4
4
  "description": "Policy Studio UI",
5
5
  "author": "Policy Studio Team",
6
6
  "scripts": {
package/src/assets/scss/components/PsChips.scss CHANGED
@@ -21,11 +21,12 @@
21
21
  }
22
22
 
23
23
  &.checked {
24
- @apply psui-text-blue-70 psui-bg-blue-10 psui-border-blue-60;
24
+ @apply psui-text-blue-70 psui-bg-blue-10 psui-border-blue-60 psui-font-bold;
25
25
  }
26
26
 
27
27
  &.icon-position-right {
28
28
  @apply psui-flex-row-reverse;
29
+ padding: 5px 6px 5px 8px;
29
30
 
30
31
  .psui-el-chips-icon {
31
32
  @apply psui-ml-1;
@@ -54,7 +55,7 @@
54
55
 
55
56
  &:checked {
56
57
  + label {
57
- @apply psui-text-blue-60 psui-bg-blue-20 psui-border-blue-60;
58
+ @apply psui-text-blue-70 psui-bg-blue-20 psui-border-blue-60 psui-font-bold;
58
59
 
59
60
  &.layout-disabled {
60
61
  @apply psui-bg-gray-20 psui-text-gray-40 psui-cursor-default;
@@ -65,7 +66,11 @@
65
66
  }
66
67
 
67
68
  &:before {
68
- @apply psui-text-blue-50;
69
+ @apply psui-text-blue-60;
70
+ }
71
+
72
+ &:hover {
73
+ @apply psui-text-blue-60;
69
74
  }
70
75
  }
71
76
  }