@policystudio/policy-studio-ui-vue 1.1.90-beta.67 → 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 (5) hide show
  1. package/dist/css/psui_styles_output.css +12 -10
  2. package/package.json +1 -1
  3. package/src/assets/scss/components/PsDialog.scss +7 -0
  4. package/src/assets/scss/components/PsTooltip.scss +2 -3
  5. 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;
@@ -5051,12 +5063,6 @@ video {
5051
5063
  .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-red .psui-el-tooltip-content-wrapper {
5052
5064
  font-weight: 400;
5053
5065
  }
5054
- .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-green {
5055
- display: flex;
5056
- }
5057
- .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-green {
5058
- flex-direction: column;
5059
- }
5060
5066
  .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-green {
5061
5067
  align-items: center;
5062
5068
  }
@@ -5066,7 +5072,6 @@ video {
5066
5072
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
5067
5073
  }
5068
5074
  .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-green {
5069
- width: 180px;
5070
5075
  padding: 10px 16px 12px 16px;
5071
5076
  gap: 4px;
5072
5077
  border-radius: 6px;
@@ -5081,9 +5086,6 @@ video {
5081
5086
  --tw-text-opacity: 1;
5082
5087
  color: rgb(255, 255, 255, var(--tw-text-opacity, 1));
5083
5088
  }
5084
- .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-green .psui-el-tooltip-content-wrapper {
5085
- text-align: center;
5086
- }
5087
5089
  .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-green .psui-el-tooltip-content-wrapper {
5088
5090
  font-weight: 400;
5089
5091
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@policystudio/policy-studio-ui-vue",
3
- "version": "1.1.90-beta.67",
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/assets/scss/components/PsTooltip.scss CHANGED
@@ -56,8 +56,7 @@
56
56
  }
57
57
 
58
58
  &-green {
59
- @apply psui-flex psui-flex-col psui-items-center psui-shadow-none;
60
- width: 180px;
59
+ @apply psui-items-center psui-shadow-none;
61
60
  padding: 10px 16px 12px 16px;
62
61
  gap: 4px;
63
62
  border-radius: 6px;
@@ -70,7 +69,7 @@
70
69
  }
71
70
 
72
71
  .psui-el-tooltip-content-wrapper {
73
- @apply psui-text-white psui-font-normal psui-text-center;
72
+ @apply psui-text-white psui-font-normal;
74
73
  }
75
74
  }
76
75
 
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.