@prefecthq/prefect-ui-library 3.2.4 → 3.2.6

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,11 +1,11 @@
1
1
  <template>
2
- <div class="marketing-banner p-background" :class="classes">
3
- <div class="marketing-banner__content">
2
+ <p-card class="marketing-banner" :class="classes.root">
3
+ <div class="marketing-banner__content" :class="classes.content">
4
4
  <slot>
5
5
  <div class="marketing-banner__message">
6
- <div v-if="title" class="marketing-banner__title">
6
+ <p-heading v-if="title" :heading="2" class="marketing-banner__title">
7
7
  {{ title }}
8
- </div>
8
+ </p-heading>
9
9
  <div v-if="subtitle" class="marketing-banner__subtitle">
10
10
  {{ subtitle }}
11
11
  </div>
@@ -15,7 +15,7 @@
15
15
  <slot name="actions" />
16
16
  </div>
17
17
  </div>
18
- </div>
18
+ </p-card>
19
19
  </template>
20
20
 
21
21
  <script lang="ts" setup>
@@ -25,10 +25,16 @@
25
25
  title?: string,
26
26
  subtitle?: string,
27
27
  alternate?: boolean,
28
+ centered?: boolean,
28
29
  }>()
29
30
 
30
31
  const classes = computed(() => ({
31
- 'marketing-banner--alternate': props.alternate,
32
+ root: {
33
+ 'marketing-banner--alternate': props.alternate,
34
+ },
35
+ content: {
36
+ 'marketing-banner__content--centered': props.centered,
37
+ },
32
38
  }))
33
39
  </script>
34
40
 
@@ -36,11 +42,10 @@
36
42
  .marketing-banner { @apply
37
43
  relative
38
44
  overflow-hidden
39
- rounded-default
40
45
  bg-[url('/marketing-banner-bg-light.svg')]
41
46
  dark:bg-[url('/marketing-banner-bg-dark.svg')];
42
47
  background-size: auto 100%;
43
- background-position: top 0px right 0px;
48
+ background-position: top right;
44
49
  background-repeat: no-repeat;
45
50
  }
46
51
 
@@ -62,11 +67,7 @@
62
67
  .marketing-banner__message { @apply
63
68
  flex
64
69
  flex-col
65
- gap-1
66
- }
67
-
68
- .marketing-banner__title { @apply
69
- text-xl
70
+ gap-2
70
71
  }
71
72
 
72
73
  .marketing-banner__subtitle { @apply
@@ -85,4 +86,12 @@
85
86
  bg-floating
86
87
  shadow-lg
87
88
  }
89
+
90
+ .marketing-banner__content--centered { @apply
91
+ text-center
92
+ flex-col
93
+ items-center
94
+ justify-center
95
+ gap-8
96
+ }
88
97
  </style>
@@ -20,7 +20,7 @@ export const mapDeploymentResponseToDeployment: MapFunction<DeploymentResponse,
20
20
  paused: source.paused,
21
21
  schedules: source.schedules.map(schedule => this.map('DeploymentScheduleResponse', schedule, 'DeploymentSchedule')),
22
22
  parameters: source.parameters,
23
- parameterOpenApiSchema: schemaV2Mapper.map('SchemaResponse', source.parameter_openapi_schema, 'Schema'),
23
+ parameterOpenApiSchema: schemaV2Mapper.map('SchemaResponse', source.parameter_openapi_schema ?? {}, 'Schema'),
24
24
  tags: source.tags ? sortStringArray(source.tags) : null,
25
25
  manifestPath: source.manifest_path,
26
26
  path: source.path,
@@ -24,7 +24,7 @@ export type DeploymentResponse = {
24
24
  manifest_path: string | null,
25
25
  path: string | null,
26
26
  entrypoint: string | null,
27
- parameter_openapi_schema: SchemaResponseV2,
27
+ parameter_openapi_schema: SchemaResponseV2 | null,
28
28
  storage_document_id: string | null,
29
29
  infrastructure_document_id: string | null,
30
30
  /** Formerly known as infra_overrides in prefect<3 */