@designcrowd/fe-shared-lib 1.2.0-ml-jj-4 → 1.2.0-ml-jj-5

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 (2) hide show
  1. package/package.json +1 -1
  2. package/src/experiences/components/PublishBrandPageModal/PublishBrandPageCard.vue +11 -7
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@designcrowd/fe-shared-lib",
3
- "version": "1.2.0-ml-jj-4",
3
+ "version": "1.2.0-ml-jj-5",
4
4
  "scripts": {
5
5
  "start": "npm run storybook",
6
6
  "build": "npm run build:css --production",
package/src/experiences/components/PublishBrandPageModal/PublishBrandPageCard.vue CHANGED
@@ -12,10 +12,10 @@
12
12
  {{ title }}
13
13
  </p>
14
14
  <span
15
- v-if="showLabel"
15
+ v-if="pillLabel"
16
16
  class="tw-text-xs tw-h-4 tw-w-fit tw-text-primary-500 tw-border tw-border-solid tw-border-primary-500 tw-rounded-full tw-px-2 tw-font-sans tw-uppercase"
17
17
  >
18
- Recommended
18
+ {{ pillLabel }}
19
19
  </span>
20
20
  </div>
21
21
  <p class="tw-mt-2 md:tw-mt-0 tw-text-grayscale-600 tw-text-sm">
@@ -27,7 +27,7 @@
27
27
  </div>
28
28
  <div v-if="hasSearchButton" class="tw-w-full md:tw-w-auto md:tw-justify-end md:tw-pl-4 desktop-cta">
29
29
  <Button
30
- label="Search"
30
+ :label="searchButtonLabel"
31
31
  class="tw-flex tw-items-center tw-justify-center md:tw-ml-2 tw-mt-2 md:tw-mt-0 tw-font-sans tw-font-bold tw-transition-colors tw-duration-300 tw-text-sm tw-w-full tw-rounded tw-cursor-pointer tw-w-full md:tw-w-24"
32
32
  data-test-brand-page-search-button
33
33
  variant="primary"
@@ -47,7 +47,7 @@
47
47
  </div>
48
48
  <div v-if="hasSearchButton" class="tw-w-full md:tw-w-auto md:tw-justify-end md:tw-pl-4 mobile-cta tw-mt-2">
49
49
  <Button
50
- label="Search"
50
+ :label="searchButtonLabel"
51
51
  class="tw-flex tw-items-center tw-justify-center md:tw-ml-2 tw-mt-2 md:tw-mt-0 tw-font-sans tw-font-bold tw-transition-colors tw-duration-300 tw-text-sm tw-w-full tw-rounded tw-cursor-pointer tw-w-full md:tw-w-24"
52
52
  data-test-brand-page-search-button
53
53
  variant="primary"
@@ -86,9 +86,13 @@ const props = defineProps({
86
86
  type: Boolean,
87
87
  default: true,
88
88
  },
89
- showLabel: {
90
- type: Boolean,
91
- default: false,
89
+ searchButtonLabel: {
90
+ type: String,
91
+ default: () => 'Search',
92
+ },
93
+ pillLabel: {
94
+ type: String,
95
+ default: null,
92
96
  },
93
97
  });
94
98