@sumaq/site-kit 0.2.0

package/src/tokens/class-inventory.json

@@ -0,0 +1,284 @@
+{
+	"$comment": "Generated by scripts/build-class-inventory.mjs — do not edit by hand. `sq-*` is the kit's namespace; site-local components must use their own prefix.",
+	"version": "0.2.0",
+	"classes": [
+		"sq-about",
+		"sq-about__body",
+		"sq-about__body--reverse",
+		"sq-about__copy",
+		"sq-about__identity",
+		"sq-about__media",
+		"sq-about__name",
+		"sq-about__qualifications",
+		"sq-about__role",
+		"sq-accent",
+		"sq-audience",
+		"sq-audience__body",
+		"sq-audience__card",
+		"sq-audience__grid",
+		"sq-banner",
+		"sq-banner__content",
+		"sq-banner__lede",
+		"sq-banner__overlay",
+		"sq-banner__title",
+		"sq-btn",
+		"sq-btn--block",
+		"sq-btn--ghost",
+		"sq-btn--outline-light",
+		"sq-btn--primary",
+		"sq-btn--sm",
+		"sq-btn--spaced",
+		"sq-card",
+		"sq-card__badge",
+		"sq-card__body",
+		"sq-card__icon",
+		"sq-card__list",
+		"sq-card__media",
+		"sq-card__text",
+		"sq-card__title",
+		"sq-center",
+		"sq-contact",
+		"sq-contact-details",
+		"sq-contact-details__body",
+		"sq-contact-details__icon",
+		"sq-contact-details__label",
+		"sq-contact-details__row",
+		"sq-contact-details__value",
+		"sq-contact__card",
+		"sq-contact__grid",
+		"sq-contact__grid--single",
+		"sq-contact__item-action",
+		"sq-contact__item-desc",
+		"sq-contact__item-info",
+		"sq-contact__item-title",
+		"sq-contact__item-value",
+		"sq-contact__list--narrow",
+		"sq-contact__role",
+		"sq-container",
+		"sq-container--narrow",
+		"sq-cta",
+		"sq-cta__actions",
+		"sq-cta__inner",
+		"sq-cta__title",
+		"sq-emergency__card",
+		"sq-emergency__grid",
+		"sq-emergency__headline",
+		"sq-emergency__hours",
+		"sq-emergency__item",
+		"sq-emergency__item-desc",
+		"sq-emergency__item-name",
+		"sq-emergency__item-number",
+		"sq-emergency__phone",
+		"sq-emergency__phone-label",
+		"sq-emergency__phone-number",
+		"sq-emergency__title",
+		"sq-eyebrow",
+		"sq-eyebrow--emergency",
+		"sq-faq",
+		"sq-faq__answer",
+		"sq-faq__body",
+		"sq-faq__item",
+		"sq-faq__question",
+		"sq-feature-list",
+		"sq-feature-list--centered",
+		"sq-feature-list__icon",
+		"sq-feature-list__text",
+		"sq-feature-list__title",
+		"sq-features",
+		"sq-footer",
+		"sq-footer__bottom",
+		"sq-footer__brand",
+		"sq-footer__inner",
+		"sq-footer__nav",
+		"sq-footer__nav-title",
+		"sq-footer__tagline",
+		"sq-gallery",
+		"sq-gallery__body",
+		"sq-gallery__caption",
+		"sq-gallery__item",
+		"sq-gallery__trigger",
+		"sq-generic",
+		"sq-header",
+		"sq-header__actions",
+		"sq-header__bar",
+		"sq-header__inner",
+		"sq-hero",
+		"sq-hero__actions",
+		"sq-hero__actions--center",
+		"sq-hero__content",
+		"sq-hero__lede",
+		"sq-hero__media",
+		"sq-hero__overlay",
+		"sq-hero__stats",
+		"sq-hero__title",
+		"sq-intro-cta",
+		"sq-legal",
+		"sq-legal__head",
+		"sq-legal__meta",
+		"sq-lightbox",
+		"sq-lightbox__close",
+		"sq-lightbox__image",
+		"sq-lightbox__next",
+		"sq-lightbox__prev",
+		"sq-location__address",
+		"sq-location__body",
+		"sq-location__card",
+		"sq-location__card--reverse",
+		"sq-location__desc",
+		"sq-location__foot",
+		"sq-location__gallery",
+		"sq-location__index",
+		"sq-location__main",
+		"sq-location__name",
+		"sq-location__stack",
+		"sq-location__thumb",
+		"sq-location__thumbs",
+		"sq-locations-overview",
+		"sq-logo",
+		"sq-logo--footer",
+		"sq-logo__image",
+		"sq-logo__name",
+		"sq-nav",
+		"sq-nav__emergency",
+		"sq-nav__list",
+		"sq-nav__toggle",
+		"sq-nav__toggle-bar",
+		"sq-not-found",
+		"sq-not-found__code",
+		"sq-notice",
+		"sq-notice--danger",
+		"sq-notice--info",
+		"sq-notice--warning",
+		"sq-notice__body",
+		"sq-notice__title",
+		"sq-pricing",
+		"sq-pricing__badge",
+		"sq-pricing__card",
+		"sq-pricing__card--featured",
+		"sq-pricing__desc",
+		"sq-pricing__grid",
+		"sq-pricing__list",
+		"sq-pricing__tag",
+		"sq-profile",
+		"sq-profile__grid",
+		"sq-profile__info-label",
+		"sq-profile__info-list",
+		"sq-profile__info-value",
+		"sq-profile__main",
+		"sq-profile__photo",
+		"sq-profile__quote",
+		"sq-profile__return",
+		"sq-profile__section",
+		"sq-profile__section-title",
+		"sq-profile__sidebar",
+		"sq-profile__sidebar-name",
+		"sq-profile__sidebar-title",
+		"sq-profile__tags",
+		"sq-profile__timeline",
+		"sq-profile__timeline-item",
+		"sq-projects",
+		"sq-projects__body",
+		"sq-projects__desc",
+		"sq-projects__details",
+		"sq-projects__item",
+		"sq-projects__link",
+		"sq-projects__media",
+		"sq-projects__name",
+		"sq-projects__tags",
+		"sq-prose",
+		"sq-quote",
+		"sq-quote__author",
+		"sq-quote__author-role",
+		"sq-quote__body",
+		"sq-quote__media",
+		"sq-quote__text",
+		"sq-room__dot",
+		"sq-room__slides",
+		"sq-scroll-top",
+		"sq-scroll-top__icon",
+		"sq-scroll-top__label",
+		"sq-section",
+		"sq-section--light",
+		"sq-section--loose",
+		"sq-section--muted",
+		"sq-section--tight",
+		"sq-section__actions",
+		"sq-section__head",
+		"sq-section__label",
+		"sq-section__lede",
+		"sq-section__lede--sm",
+		"sq-section__note",
+		"sq-section__title",
+		"sq-section__title--compact",
+		"sq-section__title--spaced",
+		"sq-services",
+		"sq-services__card",
+		"sq-services__grid",
+		"sq-services__icon",
+		"sq-skills",
+		"sq-skills__body",
+		"sq-skills__group",
+		"sq-skills__label",
+		"sq-skills__tags",
+		"sq-skip-link",
+		"sq-split",
+		"sq-split__copy",
+		"sq-split__visual",
+		"sq-stack-end",
+		"sq-stats",
+		"sq-stats__body",
+		"sq-stats__item",
+		"sq-stats__label",
+		"sq-stats__value",
+		"sq-steps",
+		"sq-steps__body",
+		"sq-steps__icon",
+		"sq-steps__item",
+		"sq-steps__note",
+		"sq-steps__num",
+		"sq-steps__text",
+		"sq-steps__title",
+		"sq-tag",
+		"sq-team-directory",
+		"sq-team-teaser",
+		"sq-team-teaser__badge",
+		"sq-team-teaser__badge-label",
+		"sq-team-teaser__badge-num",
+		"sq-team-teaser__frame",
+		"sq-team__body",
+		"sq-team__card",
+		"sq-team__counter",
+		"sq-team__desc",
+		"sq-team__empty",
+		"sq-team__filter",
+		"sq-team__filters",
+		"sq-team__grid",
+		"sq-team__name",
+		"sq-team__photo",
+		"sq-team__role",
+		"sq-team__search",
+		"sq-team__search-icon",
+		"sq-team__search-input",
+		"sq-team__search-wrap",
+		"sq-testimonials",
+		"sq-testimonials__author",
+		"sq-testimonials__author-role",
+		"sq-testimonials__body",
+		"sq-testimonials__card",
+		"sq-testimonials__photo",
+		"sq-testimonials__text",
+		"sq-timeline",
+		"sq-timeline__body",
+		"sq-timeline__dot",
+		"sq-timeline__item",
+		"sq-timeline__period",
+		"sq-timeline__text",
+		"sq-timeline__title",
+		"sq-to-top"
+	],
+	"patterns": {
+		"sq-services__icon--*": "services.items[].icon",
+		"sq-feature-list--*": "FeatureList `columns` prop",
+		"sq-tag--*": "ProfileDetail tagSections[].modifier"
+	}
+}

package/src/tokens/index.css

@@ -0,0 +1,83 @@
+/* @sumaq/site-kit tokens — reset + scales (no colors, no fonts).
+   Site-specific design stays in the client's site.css. */
+
+*,
+*::before,
+*::after {
+	box-sizing: border-box;
+}
+
+html {
+	-webkit-text-size-adjust: 100%;
+}
+
+body {
+	margin: 0;
+}
+
+img,
+picture,
+video,
+canvas,
+svg {
+	display: block;
+	max-width: 100%;
+}
+
+input,
+button,
+textarea,
+select {
+	font: inherit;
+}
+
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+	overflow-wrap: break-word;
+}
+
+/* --------------------------------------------------------------------------
+   Vocabulario CMS (whitelist)
+   --------------------------------------------------------------------------
+   Las únicas clases que el editor puede emitir dentro de un campo de texto.
+   Viven aquí, y no en el repo del sitio, para que el inventario de `sq-*` tenga
+   un solo dueño: `class-map-1to1.json` de este paquete. Ampliar con criterio —
+   esto no es una capa de utilidades a lo Tailwind.
+
+   `--color-muted` lo define el `site.css` de cada cliente; si falta, el texto
+   simplemente hereda el color del cuerpo.
+   -------------------------------------------------------------------------- */
+
+.sq-align-left {
+	text-align: left;
+}
+
+.sq-align-center {
+	text-align: center;
+}
+
+.sq-align-right {
+	text-align: right;
+}
+
+.sq-strong {
+	font-weight: 700;
+}
+
+.sq-em {
+	font-style: italic;
+}
+
+.sq-muted {
+	color: var(--color-muted, inherit);
+}
+
+.sq-underline {
+	text-decoration: underline;
+	text-underline-offset: 0.2em;
+}