https://www.visitasilomar.com/blocks/cta/tokens.js

1export const CTA_TOKENS = {
2  STYLE: {
3    FILLED: 'filled',
4    OUTLINED: 'outlined',
5    TEXT_ONLY: 'text-only',
6  },
7  COLOR: {
8    PRIMARY: 'color-primary',
9    SECONDARY: 'color-secondary',
10    TERTIARY: 'color-tertiary',
11    BLACK: 'color-black',
12    WHITE: 'color-white',
13  },
14  SIZE: {
15    LARGE: 'size-large',
16    MEDIUM: 'size-medium',
17    SMALL: 'size-small',
18  },
19  SHAPE: {
20    RECTANGULAR: 'shape-rectangular',
21  },
22};
23
24export const CTA_STYLE_CLASSES = Object.values(CTA_TOKENS.STYLE);
25export const CTA_COLOR_CLASSES = Object.values(CTA_TOKENS.COLOR);
26export const CTA_SIZE_CLASSES = Object.values(CTA_TOKENS.SIZE);
27export const CTA_SHAPE_CLASSES = Object.values(CTA_TOKENS.SHAPE);
28
29export const CTA_DEFAULTS = {
30  STYLE: CTA_TOKENS.STYLE.FILLED,
31  COLOR: CTA_TOKENS.COLOR.PRIMARY,
32  SIZE: CTA_TOKENS.SIZE.LARGE,
33  SHAPE: CTA_TOKENS.SHAPE.RECTANGULAR,
34};