@designcrowd/library.brand-page 5.17.17 → 5.17.18-ast-btn-styles

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 (37) hide show
  1. package/lib/src/{CreatedOnBrandCrowd-de-de-C9P2zdPv.js → CreatedOnBrandCrowd-de-de-D2OCuUBR.js} +1 -1
  2. package/lib/src/{CreatedOnBrandCrowd-en-us-DBtTxqeM.js → CreatedOnBrandCrowd-en-us-CeQE2mrH.js} +1 -1
  3. package/lib/src/{CreatedOnBrandCrowd-es-es-DC5aFDcN.js → CreatedOnBrandCrowd-es-es-GCt5DXs8.js} +1 -1
  4. package/lib/src/{CreatedOnBrandCrowd-fr-fr-CNiUorYS.js → CreatedOnBrandCrowd-fr-ca-CX2-IOfY.js} +1 -1
  5. package/lib/src/{CreatedOnBrandCrowd-fr-ca-CNiUorYS.js → CreatedOnBrandCrowd-fr-fr-CX2-IOfY.js} +1 -1
  6. package/lib/src/{CreatedOnBrandCrowd-pt-pt-CuqWCZLB.js → CreatedOnBrandCrowd-pt-br-BjTeqtuz.js} +1 -1
  7. package/lib/src/{CreatedOnBrandCrowd-pt-br-CuqWCZLB.js → CreatedOnBrandCrowd-pt-pt-BjTeqtuz.js} +1 -1
  8. package/lib/src/{CreatedOnDcom-de-de-DRyCl_4J.js → CreatedOnDcom-de-de-LJRZhI9w.js} +1 -1
  9. package/lib/src/{CreatedOnDcom-en-us-CV2aCrWr.js → CreatedOnDcom-en-us-CSy4jVVQ.js} +1 -1
  10. package/lib/src/{CreatedOnDcom-es-es-2db-EVNQ.js → CreatedOnDcom-es-es-BhFkRbVC.js} +1 -1
  11. package/lib/src/{CreatedOnDcom-fr-ca-hK0aCeAJ.js → CreatedOnDcom-fr-ca-bhu0hPDU.js} +1 -1
  12. package/lib/src/{CreatedOnDcom-fr-fr-cXZK46sf.js → CreatedOnDcom-fr-fr-B1whVvQJ.js} +1 -1
  13. package/lib/src/{CreatedOnDcom-pt-br-DxjyLWyi.js → CreatedOnDcom-pt-br-DtLVtfZK.js} +1 -1
  14. package/lib/src/{CreatedOnDcom-pt-pt-C4KIe_Nv.js → CreatedOnDcom-pt-pt-5CMzJm82.js} +1 -1
  15. package/lib/src/brand-page/components/button/Button.mixin.d.ts +0 -7
  16. package/lib/src/brand-page/components/button/Button.mixin.js +0 -41
  17. package/lib/src/brand-page/constants/font.constants.js +1 -1
  18. package/lib/src/brand-page-maker/composables/rich-text-editor/useRichTextEditor.js +3 -2
  19. package/lib/src/brand-page-maker/models/button-styles-config.js +11 -12
  20. package/lib/src/css/library.brand-page-brandCrowd.min.css +53 -75
  21. package/lib/src/css/library.brand-page-brandPage.min.css +53 -75
  22. package/lib/src/css/library.brand-page-designCom.min.css +53 -75
  23. package/lib/src/css/library.brand-page-preview.min.css +53 -75
  24. package/lib/src/index.mjs +1 -1
  25. package/lib/src/{lib-DD0QNGsz.js → lib-DdgsfoxJ.js} +7344 -7333
  26. package/lib/src/shared/font-family-selector/FontFamilySelector.mixin.js +2 -1
  27. package/package.json +1 -1
  28. package/src/brand-page/components/button/Button.mixin.ts +0 -37
  29. package/src/brand-page/components/button/Button.vue +104 -178
  30. package/src/brand-page/components/button/ButtonStyleWrapper.vue +122 -0
  31. package/src/brand-page/components/shop/ProductDetailModal.vue +3 -1
  32. package/src/brand-page/constants/font.constants.ts +1 -1
  33. package/src/brand-page-maker/composables/rich-text-editor/useRichTextEditor.ts +4 -2
  34. package/src/brand-page-maker/models/button-styles-config.ts +11 -12
  35. package/src/shared/font-family-selector/FontFamilySelector.mixin.ts +5 -1
  36. package/src/shared/font-family-selector/FontPicker.vue +4 -3
  37. package/src/shared/style-settings/components/StyleSettings.vue +2 -7
package/lib/src/{CreatedOnBrandCrowd-de-de-C9P2zdPv.js → CreatedOnBrandCrowd-de-de-D2OCuUBR.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-DD0QNGsz.js";
2
+ import { _ as t } from "./lib-DdgsfoxJ.js";
3
3
  const i = {}, h = {
4
4
  width: "275",
5
5
  height: "36",
package/lib/src/{CreatedOnBrandCrowd-en-us-DBtTxqeM.js → CreatedOnBrandCrowd-en-us-CeQE2mrH.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-DD0QNGsz.js";
2
+ import { _ as t } from "./lib-DdgsfoxJ.js";
3
3
  const i = {}, h = {
4
4
  width: "251",
5
5
  height: "36",
package/lib/src/{CreatedOnBrandCrowd-es-es-DC5aFDcN.js → CreatedOnBrandCrowd-es-es-GCt5DXs8.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-DD0QNGsz.js";
2
+ import { _ as t } from "./lib-DdgsfoxJ.js";
3
3
  const i = {}, h = {
4
4
  width: "250",
5
5
  height: "36",
package/lib/src/{CreatedOnBrandCrowd-fr-fr-CNiUorYS.js → CreatedOnBrandCrowd-fr-ca-CX2-IOfY.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-DD0QNGsz.js";
2
+ import { _ as t } from "./lib-DdgsfoxJ.js";
3
3
  const i = {}, h = {
4
4
  width: "237",
5
5
  height: "36",
package/lib/src/{CreatedOnBrandCrowd-fr-ca-CNiUorYS.js → CreatedOnBrandCrowd-fr-fr-CX2-IOfY.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-DD0QNGsz.js";
2
+ import { _ as t } from "./lib-DdgsfoxJ.js";
3
3
  const i = {}, h = {
4
4
  width: "237",
5
5
  height: "36",
package/lib/src/{CreatedOnBrandCrowd-pt-pt-CuqWCZLB.js → CreatedOnBrandCrowd-pt-br-BjTeqtuz.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-DD0QNGsz.js";
2
+ import { _ as t } from "./lib-DdgsfoxJ.js";
3
3
  const i = {}, h = {
4
4
  width: "263",
5
5
  height: "36",
package/lib/src/{CreatedOnBrandCrowd-pt-br-CuqWCZLB.js → CreatedOnBrandCrowd-pt-pt-BjTeqtuz.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-DD0QNGsz.js";
2
+ import { _ as t } from "./lib-DdgsfoxJ.js";
3
3
  const i = {}, h = {
4
4
  width: "263",
5
5
  height: "36",
package/lib/src/{CreatedOnDcom-de-de-DRyCl_4J.js → CreatedOnDcom-de-de-LJRZhI9w.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-DD0QNGsz.js";
2
+ import { _ as e } from "./lib-DdgsfoxJ.js";
3
3
  const M = {}, Z = {
4
4
  width: "242",
5
5
  height: "36",
package/lib/src/{CreatedOnDcom-en-us-CV2aCrWr.js → CreatedOnDcom-en-us-CSy4jVVQ.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-DD0QNGsz.js";
2
+ import { _ as e } from "./lib-DdgsfoxJ.js";
3
3
  const i = {}, M = {
4
4
  width: "231",
5
5
  height: "36",
package/lib/src/{CreatedOnDcom-es-es-2db-EVNQ.js → CreatedOnDcom-es-es-BhFkRbVC.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-DD0QNGsz.js";
2
+ import { _ as e } from "./lib-DdgsfoxJ.js";
3
3
  const M = {}, Z = {
4
4
  width: "230",
5
5
  height: "36",
package/lib/src/{CreatedOnDcom-fr-ca-hK0aCeAJ.js → CreatedOnDcom-fr-ca-bhu0hPDU.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-DD0QNGsz.js";
2
+ import { _ as e } from "./lib-DdgsfoxJ.js";
3
3
  const i = {}, l = {
4
4
  width: "216",
5
5
  height: "36",
package/lib/src/{CreatedOnDcom-fr-fr-cXZK46sf.js → CreatedOnDcom-fr-fr-B1whVvQJ.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-DD0QNGsz.js";
2
+ import { _ as e } from "./lib-DdgsfoxJ.js";
3
3
  const i = {}, l = {
4
4
  width: "216",
5
5
  height: "36",
package/lib/src/{CreatedOnDcom-pt-br-DxjyLWyi.js → CreatedOnDcom-pt-br-DtLVtfZK.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as M } from "./lib-DD0QNGsz.js";
2
+ import { _ as M } from "./lib-DdgsfoxJ.js";
3
3
  const Z = {}, e = {
4
4
  width: "232",
5
5
  height: "36",
package/lib/src/{CreatedOnDcom-pt-pt-C4KIe_Nv.js → CreatedOnDcom-pt-pt-5CMzJm82.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as M } from "./lib-DD0QNGsz.js";
2
+ import { _ as M } from "./lib-DdgsfoxJ.js";
3
3
  const Z = {}, e = {
4
4
  width: "232",
5
5
  height: "36",
package/lib/src/brand-page/components/button/Button.mixin.d.ts CHANGED
@@ -25,14 +25,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
25
25
  iconStyle(): BrandPageCssStyle;
26
26
  isModalUrl(): boolean;
27
27
  isModalImageUrlValid(): boolean;
28
- isPaperIcon(): boolean;
29
- isArrowIcon(): boolean;
30
28
  isBrushStrokeIcon(): boolean;
31
- isShowIcon(): boolean;
32
- isTopLeftIconName(): string;
33
- isBottomRightIconName(): string;
34
- isTopLeftIconViewBox(): string;
35
- isBottomRightIconViewBox(): string;
36
29
  href(): string | undefined;
37
30
  isValidUrl(): boolean;
38
31
  url(): string;
package/lib/src/brand-page/components/button/Button.mixin.js CHANGED
@@ -54,50 +54,9 @@ export default defineComponent({
54
54
  isModalImageUrlValid() {
55
55
  return isURL(this.viewModel.modalImageUrl);
56
56
  },
57
- isPaperIcon() {
58
- return this.viewModel.styles.selectedButtonStyleId === 'BUTTON_STYLE_21';
59
- },
60
- isArrowIcon() {
61
- return this.viewModel.styles.selectedButtonStyleId === 'BUTTON_STYLE_20';
62
- },
63
57
  isBrushStrokeIcon() {
64
58
  return this.viewModel.styles.selectedButtonStyleId === 'BUTTON_STYLE_19';
65
59
  },
66
- isShowIcon() {
67
- return this.isBrushStrokeIcon || this.isPaperIcon;
68
- },
69
- isTopLeftIconName() {
70
- if (this.viewModel.styles.selectedButtonStyleId === 'BUTTON_STYLE_19') {
71
- return 'button-brushstroke-left';
72
- }
73
- else {
74
- return 'button-paper-top';
75
- }
76
- },
77
- isBottomRightIconName() {
78
- if (this.viewModel.styles.selectedButtonStyleId === 'BUTTON_STYLE_19') {
79
- return 'button-brushstroke-right';
80
- }
81
- else {
82
- return 'button-paper-bottom';
83
- }
84
- },
85
- isTopLeftIconViewBox() {
86
- if (this.viewModel.styles.selectedButtonStyleId === 'BUTTON_STYLE_19') {
87
- return '0 0 12 20';
88
- }
89
- else {
90
- return '41 0 120 16';
91
- }
92
- },
93
- isBottomRightIconViewBox() {
94
- if (this.viewModel.styles.selectedButtonStyleId === 'BUTTON_STYLE_19') {
95
- return '2 0 12 20';
96
- }
97
- else {
98
- return '41 0 120 16';
99
- }
100
- },
101
60
  href() {
102
61
  if (this.isModalUrl) {
103
62
  return undefined;
package/lib/src/brand-page/constants/font.constants.js CHANGED
@@ -1343,7 +1343,7 @@ export const FONT_FAMILY_CONFIGS = {
1343
1343
  categories: [FONT_FAMILY_CATEGORIES().unique.key],
1344
1344
  },
1345
1345
  playwriteOsterreich: {
1346
- name: 'Playwrite Österreich',
1346
+ name: 'Playwrite AT',
1347
1347
  family: 'Playwrite AT',
1348
1348
  isPremiumFont: false,
1349
1349
  type: 'google',
package/lib/src/brand-page-maker/composables/rich-text-editor/useRichTextEditor.js CHANGED
@@ -271,8 +271,9 @@ export const useRichTextEditor = (model, props, emit, fontSettings, fontStyleDro
271
271
  // TODO: resolve the issue of missing style on text between empty lines
272
272
  // retainStyleOnEmptyLine(editor, selection);
273
273
  if (textStyleAttributes && textStyleAttributes.fontFamily) {
274
- selectedFont.value = textStyleAttributes.fontFamily;
275
- fontSettings.selectedFont = textStyleAttributes.fontFamily;
274
+ const font = textStyleAttributes.fontFamily.replace(/^['"]|['"]$/g, '');
275
+ selectedFont.value = font;
276
+ fontSettings.selectedFont = font;
276
277
  }
277
278
  else {
278
279
  selectedFont.value = 'Lato';
package/lib/src/brand-page-maker/models/button-styles-config.js CHANGED
@@ -1,4 +1,3 @@
1
- import { BRAND_PAGE_TYPES } from '@brand-page';
2
1
  import { ButtonBoxShadowSize, ButtonSoftBoxShadowSize } from '@brand-page';
3
2
  export const ButtonStyleConfigOptions = [
4
3
  'buttonBorderColor',
@@ -57,7 +56,7 @@ export const availableButtonStyleConfigs = [
57
56
  iconName: undefined,
58
57
  iconViewBox: undefined,
59
58
  options: ['buttonFillColor', 'buttonIconColor'],
60
- brandPageType: [BRAND_PAGE_TYPES.default, BRAND_PAGE_TYPES.brandContact],
59
+ brandPageType: undefined,
61
60
  },
62
61
  {
63
62
  id: 'BUTTON_STYLE_4',
@@ -108,7 +107,7 @@ export const availableButtonStyleConfigs = [
108
107
  iconName: undefined,
109
108
  iconViewBox: undefined,
110
109
  options: ['buttonFillColor', 'buttonBorderColor', 'buttonIconColor'],
111
- brandPageType: [BRAND_PAGE_TYPES.default, BRAND_PAGE_TYPES.brandContact],
110
+ brandPageType: undefined,
112
111
  },
113
112
  {
114
113
  id: 'BUTTON_STYLE_7',
@@ -131,7 +130,7 @@ export const availableButtonStyleConfigs = [
131
130
  'buttonShadowColor',
132
131
  'buttonIconColor',
133
132
  ],
134
- brandPageType: [BRAND_PAGE_TYPES.default, BRAND_PAGE_TYPES.brandContact],
133
+ brandPageType: undefined,
135
134
  },
136
135
  {
137
136
  id: 'BUTTON_STYLE_8',
@@ -154,7 +153,7 @@ export const availableButtonStyleConfigs = [
154
153
  'buttonShadowColor',
155
154
  'buttonIconColor',
156
155
  ],
157
- brandPageType: [BRAND_PAGE_TYPES.default, BRAND_PAGE_TYPES.brandContact],
156
+ brandPageType: undefined,
158
157
  },
159
158
  {
160
159
  id: 'BUTTON_STYLE_9',
@@ -177,7 +176,7 @@ export const availableButtonStyleConfigs = [
177
176
  'buttonShadowColor',
178
177
  'buttonIconColor',
179
178
  ],
180
- brandPageType: [BRAND_PAGE_TYPES.default, BRAND_PAGE_TYPES.brandContact],
179
+ brandPageType: undefined,
181
180
  },
182
181
  {
183
182
  id: 'BUTTON_STYLE_10',
@@ -228,7 +227,7 @@ export const availableButtonStyleConfigs = [
228
227
  iconName: 'button-dashed-oval',
229
228
  iconViewBox: '0 0 60 20',
230
229
  options: ['buttonFillColor', 'buttonBorderColor', 'buttonIconColor'],
231
- brandPageType: [BRAND_PAGE_TYPES.default, BRAND_PAGE_TYPES.brandContact],
230
+ brandPageType: undefined,
232
231
  },
233
232
  {
234
233
  id: 'BUTTON_STYLE_13',
@@ -279,7 +278,7 @@ export const availableButtonStyleConfigs = [
279
278
  iconName: 'button-doubleline-oval',
280
279
  iconViewBox: '0 0 60 20',
281
280
  options: ['buttonFillColor', 'buttonBorderColor', 'buttonIconColor'],
282
- brandPageType: [BRAND_PAGE_TYPES.default, BRAND_PAGE_TYPES.brandContact],
281
+ brandPageType: undefined,
283
282
  },
284
283
  {
285
284
  id: 'BUTTON_STYLE_16',
@@ -336,7 +335,7 @@ export const availableButtonStyleConfigs = [
336
335
  iconName: 'button-softshadow-oval',
337
336
  iconViewBox: '0 0 60 20',
338
337
  options: ['buttonFillColor', 'buttonSoftShadowColor', 'buttonIconColor'],
339
- brandPageType: [BRAND_PAGE_TYPES.default, BRAND_PAGE_TYPES.brandContact],
338
+ brandPageType: undefined,
340
339
  },
341
340
  {
342
341
  id: 'BUTTON_STYLE_19',
@@ -353,7 +352,7 @@ export const availableButtonStyleConfigs = [
353
352
  iconName: 'button-brushstroke',
354
353
  iconViewBox: '0 0 60 20',
355
354
  options: ['buttonFillColor', 'buttonIconColor'],
356
- brandPageType: [BRAND_PAGE_TYPES.default, BRAND_PAGE_TYPES.brandContact],
355
+ brandPageType: undefined,
357
356
  },
358
357
  {
359
358
  id: 'BUTTON_STYLE_20',
@@ -370,7 +369,7 @@ export const availableButtonStyleConfigs = [
370
369
  iconName: 'button-arrow',
371
370
  iconViewBox: '0 0 60 20',
372
371
  options: ['buttonFillColor', 'buttonIconColor'],
373
- brandPageType: [BRAND_PAGE_TYPES.default, BRAND_PAGE_TYPES.brandContact],
372
+ brandPageType: undefined,
374
373
  },
375
374
  {
376
375
  id: 'BUTTON_STYLE_21',
@@ -387,6 +386,6 @@ export const availableButtonStyleConfigs = [
387
386
  iconName: 'button-paper',
388
387
  iconViewBox: '0 0 60 20',
389
388
  options: ['buttonFillColor', 'buttonIconColor'],
390
- brandPageType: [BRAND_PAGE_TYPES.default, BRAND_PAGE_TYPES.brandContact],
389
+ brandPageType: undefined,
391
390
  },
392
391
  ];
package/lib/src/css/library.brand-page-brandCrowd.min.css CHANGED
@@ -1406,21 +1406,6 @@ a.maker-anchor {
1406
1406
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1407
1407
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
1408
1408
  }
1409
- .tw-translate-x-\[-4\%\] {
1410
- --tw-translate-x: -4%;
1411
- -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1412
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
1413
- }
1414
- .tw-translate-x-\[-99\%\] {
1415
- --tw-translate-x: -99%;
1416
- -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1417
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
1418
- }
1419
- .tw-translate-x-\[101\%\] {
1420
- --tw-translate-x: 101%;
1421
- -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1422
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
1423
- }
1424
1409
  .tw-translate-y-0 {
1425
1410
  --tw-translate-y: 0px;
1426
1411
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -5586,6 +5571,41 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5586
5571
  height: 2rem;
5587
5572
  }
5588
5573
 
5574
+ .bp-button-paper-top[data-v-075a9270] {
5575
+ --tw-translate-y: -10%;
5576
+ -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
5577
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
5578
+ color: var(--icon-color);
5579
+ }
5580
+ .bp-button-paper-bottom[data-v-075a9270] {
5581
+ --tw-translate-y: -4%;
5582
+ -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
5583
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
5584
+ color: var(--icon-color);
5585
+ }
5586
+ .bp-button-paper-top[data-v-075a9270] svg,
5587
+ .bp-button-paper-bottom[data-v-075a9270] svg {
5588
+ width: 100%;
5589
+ height: auto;
5590
+ }
5591
+ .bp-icon-brush-left[data-v-075a9270] svg {
5592
+ -webkit-transform: translateX(-99%);
5593
+ transform: translateX(-99%);
5594
+ width: auto;
5595
+ }
5596
+ .bp-icon-brush-right[data-v-075a9270] svg {
5597
+ width: auto;
5598
+ }
5599
+ .bp-button-arrow[data-v-075a9270],
5600
+ .device-wrapper--mobile .bp-button-arrow[data-v-075a9270] {
5601
+ clip-path: polygon(5% 100%, 0% 50%, 5% 0%, 95% 0%, 100% 50%, 95% 100%);
5602
+ }
5603
+ @media (min-width: 767px) {
5604
+ .bp-button-arrow[data-v-075a9270] {
5605
+ clip-path: polygon(3% 100%, 0% 50%, 3% 0%, 97% 0%, 100% 50%, 97% 100%);
5606
+ }
5607
+ }
5608
+
5589
5609
  .c-shape[data-v-c999aec0] {
5590
5610
  fill: currentColor;
5591
5611
  }
@@ -5675,7 +5695,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5675
5695
  content: '\00A0';
5676
5696
  }
5677
5697
 
5678
- .c-button[data-v-e08f0a53] {
5698
+ .c-button[data-v-2bff325b] {
5679
5699
  --icon-h: 1.5rem;
5680
5700
  --icon-m-r: 2rem;
5681
5701
  --icon-m-icon: 0.5rem;
@@ -5686,7 +5706,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5686
5706
  text-align: center;
5687
5707
  text-decoration: none;
5688
5708
  }
5689
- .bp-button[data-v-e08f0a53] .c-button__icon-img img {
5709
+ .bp-button[data-v-2bff325b] .c-button__icon-img img {
5690
5710
  max-width: none;
5691
5711
  -o-object-fit: cover;
5692
5712
  object-fit: cover;
@@ -5698,91 +5718,49 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5698
5718
  width: var(--icon-img-size);
5699
5719
  height: var(--icon-img-size);
5700
5720
  }
5701
- .c-button--disabled[data-v-e08f0a53] {
5721
+ .c-button--disabled[data-v-2bff325b] {
5702
5722
  pointer-events: none;
5703
5723
  }
5704
- .c-button:hover .c-button__label[data-v-e08f0a53] {
5724
+ .c-button:hover .c-button__label[data-v-2bff325b] {
5705
5725
  text-decoration: underline;
5706
5726
  }
5707
- .c-button__icon[data-v-e08f0a53] {
5727
+ .c-button__icon[data-v-2bff325b] {
5708
5728
  margin-right: var(--icon-m-r);
5709
5729
  }
5710
- .bp-button[data-v-e08f0a53] .c-button__icon-img {
5730
+ .bp-button[data-v-2bff325b] .c-button__icon-img {
5711
5731
  margin-right: var(--icon-m-r);
5712
5732
  width: var(--icon-w);
5713
5733
  height: var(--icon-h);
5714
5734
  }
5715
- .c-button__label[data-v-e08f0a53] {
5735
+ .c-button__label[data-v-2bff325b] {
5716
5736
  margin: 0 auto;
5717
5737
  word-break: break-word;
5718
5738
  overflow-wrap: anywhere;
5719
5739
  width: auto;
5720
5740
  }
5721
- .c-button__label--offset-sm[data-v-e08f0a53] {
5741
+ .c-button__label--offset-sm[data-v-2bff325b] {
5722
5742
  -webkit-transform: translateX(-1.5rem);
5723
5743
  transform: translateX(-1.5rem);
5724
5744
  }
5725
- .c-button__label--offset-md[data-v-e08f0a53] {
5745
+ .c-button__label--offset-md[data-v-2bff325b] {
5726
5746
  -webkit-transform: translateX(-1.75rem);
5727
5747
  transform: translateX(-1.75rem);
5728
5748
  }
5729
- .c-button__label--offset-lg[data-v-e08f0a53] {
5749
+ .c-button__label--offset-lg[data-v-2bff325b] {
5730
5750
  -webkit-transform: translateX(-1.5rem);
5731
5751
  transform: translateX(-1.5rem);
5732
5752
  }
5733
- .c-button__no-icon[data-v-e08f0a53] {
5753
+ .c-button__no-icon[data-v-2bff325b] {
5734
5754
  margin-right: var(--icon-m-r);
5735
5755
  width: var(--icon-w);
5736
5756
  height: var(--icon-h);
5737
5757
  }
5738
- .bp-button-paper-bottom[data-v-e08f0a53] {
5739
- --tw-translate-y: -4%;
5740
- -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
5741
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
5742
- color: var(--icon-color);
5743
- }
5744
- .bp-button-paper-top[data-v-e08f0a53] {
5745
- --tw-translate-y: -10%;
5746
- -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
5747
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
5748
- color: var(--icon-color);
5749
- }
5750
- .bp-icon-brush-left[data-v-e08f0a53] {
5751
- width: 2rem;
5752
- --tw-translate-x: 101%;
5753
- -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
5754
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
5755
- color: var(--icon-color);
5756
- }
5757
- .bp-icon-brush-right[data-v-e08f0a53] {
5758
- width: 2rem;
5759
- --tw-translate-x: -4%;
5760
- -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
5761
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
5762
- color: var(--icon-color);
5763
- }
5764
- .bp-icon-brush-left[data-v-e08f0a53] svg {
5765
- width: auto;
5766
- --tw-translate-x: -99%;
5767
- -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
5768
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
5769
- }
5770
- .bp-icon-brush-right[data-v-e08f0a53] svg {
5771
- width: auto;
5772
- }
5773
- .bp-button-arrow[data-v-e08f0a53],
5774
- .device-wrapper--mobile .bp-button-arrow[data-v-e08f0a53] {
5775
- clip-path: polygon(5% 100%, 0% 50%, 5% 0%, 95% 0%, 100% 50%, 95% 100%);
5776
- }
5777
- .device-wrapper--mobile .c-button__icon[data-v-e08f0a53] {
5758
+ .device-wrapper--mobile .c-button__icon[data-v-2bff325b] {
5778
5759
  margin: 0;
5779
5760
  margin-right: var(--icon-m-r);
5780
5761
  }
5781
5762
  @media (min-width: 767px) {
5782
- .bp-button-arrow[data-v-e08f0a53] {
5783
- clip-path: polygon(3% 100%, 0% 50%, 3% 0%, 97% 0%, 100% 50%, 97% 100%);
5784
- }
5785
- .c-button__icon[data-v-e08f0a53] {
5763
+ .c-button__icon[data-v-2bff325b] {
5786
5764
  margin: 0 var(--icon-m-icon);
5787
5765
  }
5788
5766
  }
@@ -6818,18 +6796,18 @@ select[data-v-534cad39] {
6818
6796
  margin-bottom: 0.5rem
6819
6797
  }
6820
6798
 
6821
- .form-error[data-v-9668f66d] {
6799
+ .form-error[data-v-4e641ae0] {
6822
6800
  font-size: 0.875rem;
6823
6801
  line-height: 1.25rem;
6824
6802
  color: #f21b3f
6825
6803
  }
6826
6804
  @media (max-width: 767px) {
6827
- .product-detail[data-v-9668f66d] {
6805
+ .product-detail[data-v-4e641ae0] {
6828
6806
  grid-template-columns: repeat(1, minmax(0, 1fr))
6829
6807
  }
6830
6808
  }
6831
6809
  @media (min-width: 767px) {
6832
- .product-detail[data-v-9668f66d] {
6810
+ .product-detail[data-v-4e641ae0] {
6833
6811
  grid-template-columns: repeat(2, minmax(0, 1fr))
6834
6812
  }
6835
6813
  }
@@ -8784,11 +8762,11 @@ body {
8784
8762
  min-width: 33.333333%
8785
8763
  }
8786
8764
 
8787
- .font-list[data-v-584b8d39] {
8765
+ .font-list[data-v-65616ad0] {
8788
8766
  scrollbar-width: none; /* Firefox */
8789
8767
  -ms-overflow-style: none; /* IE/Edge */
8790
8768
  }
8791
- .font-list[data-v-584b8d39]::-webkit-scrollbar {
8769
+ .font-list[data-v-65616ad0]::-webkit-scrollbar {
8792
8770
  display: none; /* Chrome, Safari, Opera */
8793
8771
  }
8794
8772