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

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 (4) hide show
  1. package/dist/css/psui_styles_output.css +5 -5
  2. package/package.json +1 -1
  3. package/src/assets/scss/components/PsChips.scss +1 -1
  4. package/src/components/chips/PsChips.vue +2 -2
package/dist/css/psui_styles_output.css CHANGED
@@ -567,21 +567,21 @@ 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 {
570
+ .psui-el-chips.type-checkbox input:checked + label.layout-disabled, .psui-el-chips.type-radio input:checked + label.layout-disabled {
571
571
  cursor: default;
572
572
  }
573
- .psui-el-chips.type-checkbox input:checked + label.status-disabled, .psui-el-chips.type-radio input:checked + label.status-disabled {
573
+ .psui-el-chips.type-checkbox input:checked + label.layout-disabled, .psui-el-chips.type-radio input:checked + label.layout-disabled {
574
574
  --tw-bg-opacity: 1;
575
575
  background-color: rgb(230 236 242/var(--tw-bg-opacity));
576
576
  }
577
- .psui-el-chips.type-checkbox input:checked + label.status-disabled, .psui-el-chips.type-radio input:checked + label.status-disabled {
577
+ .psui-el-chips.type-checkbox input:checked + label.layout-disabled, .psui-el-chips.type-radio input:checked + label.layout-disabled {
578
578
  --tw-text-opacity: 1;
579
579
  color: rgb(162 172 183/var(--tw-text-opacity));
580
580
  }
581
- .psui-el-chips.type-checkbox input:checked + label.status-disabled:before, .psui-el-chips.type-radio input:checked + label.status-disabled:before {
581
+ .psui-el-chips.type-checkbox input:checked + label.layout-disabled:before, .psui-el-chips.type-radio input:checked + label.layout-disabled:before {
582
582
  cursor: default;
583
583
  }
584
- .psui-el-chips.type-checkbox input:checked + label.status-disabled:before, .psui-el-chips.type-radio input:checked + label.status-disabled:before {
584
+ .psui-el-chips.type-checkbox input:checked + label.layout-disabled:before, .psui-el-chips.type-radio input:checked + label.layout-disabled:before {
585
585
  --tw-text-opacity: 1;
586
586
  color: rgb(214 221 229/var(--tw-text-opacity));
587
587
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@policystudio/policy-studio-ui-vue",
3
- "version": "1.1.90-beta.47",
3
+ "version": "1.1.90-beta.48",
4
4
  "description": "Policy Studio UI",
5
5
  "author": "Policy Studio Team",
6
6
  "scripts": {
package/src/assets/scss/components/PsChips.scss CHANGED
@@ -20,7 +20,7 @@
20
20
  + label {
21
21
  @apply psui-text-blue-60 psui-bg-blue-20;
22
22
 
23
- &.status-disabled {
23
+ &.layout-disabled {
24
24
  @apply psui-bg-gray-20 psui-text-gray-40 psui-cursor-default;
25
25
 
26
26
  &:before {
package/src/components/chips/PsChips.vue CHANGED
@@ -14,7 +14,7 @@
14
14
  <label
15
15
  :disabled="disabled"
16
16
  :for="getInputId"
17
- :class="{'checked': checked && type === 'button', 'status-disabled': disabled }"
17
+ :class="{'checked': checked && type === 'button', 'layout-disabled': layout === 'disabled'}"
18
18
  >
19
19
  <i
20
20
  v-if="icon"
@@ -61,7 +61,7 @@ const props = defineProps({
61
61
  layout: {
62
62
  type: String,
63
63
  default: 'simple',
64
- validator: (value) => ['simple', 'with-icon', 'rich'].includes(value),
64
+ validator: (value) => ['simple', 'with-icon', 'rich', 'disabled'].includes(value),
65
65
  },
66
66
  /**
67
67
  * It sets the text key which will retrieve a icon from Google Fonts. Make sure to get the right description of your icon on https://fonts.google.com/.