@policystudio/policy-studio-ui-vue 1.1.90-beta.68 → 1.1.90-beta.69

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 +12 -0
  2. package/package.json +1 -1
  3. package/src/assets/scss/components/PsDialog.scss +7 -0
  4. package/src/components/notifications/PsDialog.vue +1 -1
package/dist/css/psui_styles_output.css CHANGED
@@ -3511,6 +3511,18 @@ video {
3511
3511
  --tw-text-opacity: 1;
3512
3512
  color: rgb(184, 115, 5, var(--tw-text-opacity, 1));
3513
3513
  }
3514
+ .psui-el-dialog.theme-gray {
3515
+ --tw-bg-opacity: 1;
3516
+ background-color: rgb(243, 246, 249, var(--tw-bg-opacity, 1));
3517
+ }
3518
+ .psui-el-dialog.theme-gray {
3519
+ --tw-text-opacity: 1;
3520
+ color: rgb(121, 132, 144, var(--tw-text-opacity, 1));
3521
+ }
3522
+ .psui-el-dialog.theme-gray .psui-el-dialog-message {
3523
+ --tw-text-opacity: 1;
3524
+ color: rgb(52, 64, 74, var(--tw-text-opacity, 1));
3525
+ }
3514
3526
 
3515
3527
  .psui-el-dotloader {
3516
3528
  display: flex;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@policystudio/policy-studio-ui-vue",
3
- "version": "1.1.90-beta.68",
3
+ "version": "1.1.90-beta.69",
4
4
  "description": "Policy Studio UI",
5
5
  "author": "Policy Studio Team",
6
6
  "scripts": {
package/src/assets/scss/components/PsDialog.scss CHANGED
@@ -79,5 +79,12 @@
79
79
  @apply psui-text-yellow-70;
80
80
  }
81
81
  }
82
+
83
+ &.theme-gray {
84
+ @apply psui-bg-gray-10 psui-text-gray-50;
85
+ .psui-el-dialog-message {
86
+ @apply psui-text-gray-70;
87
+ }
88
+ }
82
89
  }
83
90
  }
package/src/components/notifications/PsDialog.vue CHANGED
@@ -40,7 +40,7 @@ const props = defineProps({
40
40
  theme: {
41
41
  type: String,
42
42
  default: 'informative',
43
- validator: (value) => ['informative', 'success', 'alert'].includes(value),
43
+ validator: (value) => ['informative', 'success', 'alert', 'disabled'].includes(value),
44
44
  },
45
45
  /**
46
46
  * It set the which will be displayed when component is rendered.