@multiplatform.one/keycloak-theme 7.83.0 → 7.83.2

package/dist/esm/css.native.js

@@ -0,0 +1,531 @@
+import { accent, caption, field, fontFamily as defaultFontFamily, icon, ink, plate, status, trigger, wallpaperColors, wallpaperLayers } from "./tokens.native.js";
+function cssString(value) {
+  return JSON.stringify(value);
+}
+function customProperties() {
+  return [
+  // Surfaces.
+  `--kc-page-bg: ${wallpaperColors.base};`, `--kc-card-bg: ${plate.fill};`, `--kc-input-bg: ${field.background};`,
+  // Ink.
+  `--kc-text: ${ink.primary};`, `--kc-muted: ${ink.muted};`, `--kc-placeholder: ${ink.faint};`,
+  // Hairlines.
+  `--kc-border: ${field.border};`, `--kc-border-hover: ${field.borderHover};`, `--kc-border-focus: ${field.borderFocus};`, `--kc-border-strong: ${field.borderHover};`, `--kc-divider: ${field.divider};`,
+  // Interaction.
+  `--kc-hover-bg: ${field.ghost};`, `--kc-press-bg: ${field.ghostHover};`, `--kc-ring: ${accent.sky};`, `--kc-link: ${accent.sky};`,
+  // Call to action.
+  `--kc-cta-bg: ${accent.indigo};`, `--kc-cta-fg: ${ink.primary};`, `--kc-cta-hover: ${accent.indigoHover};`, `--kc-cta-press: ${accent.indigoPress};`,
+  // Disabled — washed chrome, lowest legible ink.
+  `--kc-disabled-bg: ${field.ghost};`, `--kc-disabled-border: ${field.border};`, `--kc-disabled-text: ${ink.faint};`,
+  // Feedback.
+  `--kc-error-text: ${status.error};`, `--kc-error-border: ${status.error};`, `--kc-warning-border: ${status.warning};`, `--kc-success-border: ${status.success};`, `--kc-info-border: ${status.info};`, `--kc-menu-shadow: rgba(0,0,0,0.45);`,
+  // Springboard's own, consumed only by this sheet.
+  `--sb-plate-fill: ${plate.fill};`, `--sb-plate-highlight: ${plate.highlight};`, `--sb-plate-radius: ${plate.radius}px;`, `--sb-icon-size: ${icon.size}px;`, `--sb-icon-radius: ${icon.radius}px;`, `--sb-caption-size: ${caption.fontSize}px;`, `--sb-caption-line: ${caption.lineHeight}px;`].join("\n  ");
+}
+var onWallpaperShadow = `0 ${caption.shadowOffsetY}px ${caption.shadowBlur}px ${wallpaperColors.textShadow}`;
+var plateShadow = `0 ${trigger.shadowOffsetY}px ${trigger.shadowBlur}px rgba(0,0,0,0.45)`;
+var iconShadow = `0 ${icon.shadowOffsetY}px ${icon.shadowBlur}px ${icon.shadowColor}`;
+function markRules(scope, mark) {
+  var monogramSize = Math.round(icon.size * 0.34);
+  var monogramLine = Math.round(icon.size * 0.4);
+  return `
+/* \u2500\u2500 the estate's glyph: the springboard's own squircle \u2500\u2500\u2500\u2500\u2500\u2500 */
+${scope} .login-pf-page #kc-page-title,
+${scope} .login-pf-page #kc-username {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: ${caption.marginTop}px;
+}
+${scope} .login-pf-page #kc-page-title::before,
+${scope} .login-pf-page #kc-username::before {
+  content: ${cssString(mark.monogram)};
+  box-sizing: border-box;
+  width: var(--sb-icon-size);
+  height: var(--sb-icon-size);
+  border-radius: var(--sb-icon-radius);
+  background: ${mark.background};
+  color: ${mark.foreground};
+  box-shadow: ${iconShadow};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: ${monogramSize}px;
+  line-height: ${monogramLine}px;
+  font-weight: 800;
+  letter-spacing: 0.5px;
+  user-select: none;
+}`;
+}
+function buildSpringboardCss() {
+  var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+  var {
+    mark,
+    fontFamily = defaultFontFamily,
+    focusRingWidthPx = 2,
+    focusRingOffsetPx = 2,
+    minPressTargetPx = 44,
+    cardMaxWidthPx = 420
+  } = options;
+  var scope = "html.login-pf";
+  var vars = customProperties();
+  var cardPadY = plate.paddingVertical + 12;
+  var cardPadX = plate.paddingHorizontal + 8;
+  return `
+/* \u2500\u2500 springboard tokens, both colour schemes \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+/* One dark surface in light and dark alike \u2014 see ./tokens.ts. */
+${scope},
+${scope}.t_dark {
+  ${vars}
+}
+
+/* \u2500\u2500 the wallpaper \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+${scope} {
+  background-color: ${wallpaperColors.base};
+  background-image: ${wallpaperLayers};
+  /* Fixed so the glows stay anchored to the viewport instead of tiling
+     down a page that grew a scrollbar (a long consent screen, a locale
+     list). The springboard's wallpaper is a layer behind everything, not
+     a background that scrolls with content. */
+  background-attachment: fixed;
+  background-repeat: no-repeat;
+  background-size: cover;
+  min-height: 100%;
+}
+${scope} body {
+  background: transparent none;
+  color: ${ink.primary};
+  font-family: ${fontFamily};
+  -webkit-font-smoothing: antialiased;
+}
+${scope} .login-pf-page {
+  background: transparent;
+  padding-bottom: 40px;
+}
+
+/* \u2500\u2500 the realm title, sitting straight on the wallpaper \u2500\u2500\u2500\u2500\u2500\u2500 */
+/* Caption anatomy from the launcher: white with a halo, because this
+   text has no plate under it and may land on either glow. */
+${scope} .login-pf-page #kc-header-wrapper {
+  color: ${wallpaperColors.text};
+  text-shadow: ${onWallpaperShadow};
+  font-weight: 700;
+  font-size: 22px;
+  line-height: 1.3;
+  letter-spacing: normal;
+  text-transform: none;
+  padding: 44px 16px 18px;
+}
+
+/* \u2500\u2500 the card: the dock's glass shelf, grown to hold a form \u2500\u2500 */
+${scope} .login-pf-page .card-pf {
+  max-width: ${cardMaxWidthPx}px;
+  margin: 0 auto;
+  background: var(--sb-plate-fill);
+  border: 1px solid var(--sb-plate-highlight);
+  border-radius: var(--sb-plate-radius);
+  /* The shelf's top-edge inner highlight ('inset 0 1px 0 #fff4' in the
+     launcher payload) plus the trigger's elevation under the slab. */
+  box-shadow:
+    inset 0 1px 0 ${plate.highlight},
+    ${plateShadow};
+  /* "blur-ish" is the launcher's own word for the dock material. Where
+     backdrop-filter is unsupported the fill alone still reads as a slab,
+     so this degrades rather than breaks. */
+  backdrop-filter: blur(22px) saturate(140%);
+  -webkit-backdrop-filter: blur(22px) saturate(140%);
+  padding: ${cardPadY}px ${cardPadX}px;
+  overflow: hidden;
+}
+${scope} .login-pf-page .login-pf-header h1,
+${scope} .login-pf-page #kc-page-title {
+  color: ${ink.primary};
+  font-weight: 700;
+  font-size: 20px;
+  line-height: 1.3;
+  margin: 0 0 ${plate.gap}px;
+}
+${mark ? markRules(scope, mark) : ""}
+
+/* \u2500\u2500 labels and prose \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+${scope} .login-pf-page label,
+${scope} .login-pf-page .pf-c-form__label,
+${scope} .login-pf-page .pf-c-form__label-text {
+  color: ${ink.secondary};
+  font-weight: 500;
+  font-size: 14px;
+}
+${scope} .login-pf-page .instruction,
+${scope} .login-pf-page .subtitle,
+${scope} .login-pf-page .pf-c-form__helper-text,
+${scope} .login-pf-page #kc-info,
+${scope} .login-pf-page .login-pf-signup {
+  color: ${ink.muted};
+}
+${scope} .login-pf-page #kc-attempted-username {
+  color: ${ink.primary};
+  font-weight: 600;
+}
+
+/* \u2500\u2500 fields: inset into the slab, not laid on top of it \u2500\u2500\u2500\u2500\u2500\u2500 */
+${scope} .login-pf-page .pf-c-form-control,
+${scope} .login-pf-page input[type="text"],
+${scope} .login-pf-page input[type="password"],
+${scope} .login-pf-page input[type="email"],
+${scope} .login-pf-page input[type="tel"],
+${scope} .login-pf-page input[type="number"],
+${scope} .login-pf-page select,
+${scope} .login-pf-page textarea {
+  min-height: ${minPressTargetPx}px;
+  background-color: ${field.background};
+  color: ${ink.primary};
+  border: 1px solid ${field.border};
+  box-shadow: none;
+}
+${scope} .login-pf-page .pf-c-form-control:hover,
+${scope} .login-pf-page select:hover,
+${scope} .login-pf-page textarea:hover {
+  border-color: ${field.borderHover};
+}
+${scope} .login-pf-page .pf-c-form-control:focus,
+${scope} .login-pf-page select:focus,
+${scope} .login-pf-page textarea:focus {
+  border-color: ${field.borderFocus};
+  background-color: ${field.background};
+}
+${scope} .login-pf-page .pf-c-form-control::placeholder,
+${scope} .login-pf-page input::placeholder {
+  color: ${ink.faint};
+}
+${scope} .login-pf-page .pf-c-form-control[aria-invalid="true"] {
+  border-color: ${status.error};
+}
+/* \u2605 THE INPUT GROUP IS OPAQUE WHITE IN PATTERNFLY, and that one fact
+   defeats the whole field treatment above. '.pf-c-input-group' wraps the
+   password field and its visibility toggle; both of those are painted in
+   TRANSLUCENT springboard colours, so over a white parent the field
+   composites to mid-grey and the toggle to near-white \u2014 which is exactly
+   how it rendered before this rule existed. Clearing the parent is what
+   makes the two translucent children land on the slab instead. */
+/* LC-149 FIELD-TRAILING-ACTION: the reveal sits inside the password field
+   as a chromeless trailing eye, not a bordered button beside it. The field
+   keeps the end cap clear, and PatternFly's in-field invalid glyph steps
+   aside for it. */
+${scope} .login-pf-page .pf-c-input-group {
+  background: transparent;
+  position: relative;
+  display: flex;
+  align-items: stretch;
+}
+${scope} .login-pf-page .pf-c-input-group .pf-c-form-control,
+${scope} .login-pf-page .pf-c-input-group .pf-c-form-control[aria-invalid="true"] {
+  flex: 1 1 auto;
+  padding-inline-end: ${minPressTargetPx}px;
+  background-image: none;
+}
+${scope} .login-pf-page .pf-c-input-group .pf-c-button.pf-m-control,
+${scope} .login-pf-page .pf-c-input-group .pf-c-button.pf-m-control:hover,
+${scope} .login-pf-page .pf-c-input-group .pf-c-button.pf-m-control:active {
+  position: absolute;
+  inset-block: 0;
+  inset-inline-end: 0;
+  z-index: 1;
+  width: ${minPressTargetPx}px;
+  min-width: ${minPressTargetPx}px;
+  min-height: 0;
+  padding: 0;
+  background-color: transparent;
+  border-color: transparent;
+  box-shadow: none;
+  color: ${ink.secondary};
+}
+${scope} .login-pf-page .pf-c-input-group .pf-c-button.pf-m-control:hover {
+  color: ${ink.primary};
+}
+
+/* Chrome paints autofilled inputs a fixed pale yellow that no colour
+   property overrides \u2014 the inset shadow is the documented way to repaint
+   the field, and without it a remembered username lands as a white bar in
+   the middle of the slab. */
+${scope} .login-pf-page input:-webkit-autofill,
+${scope} .login-pf-page input:-webkit-autofill:hover,
+${scope} .login-pf-page input:-webkit-autofill:focus {
+  -webkit-box-shadow: 0 0 0 1000px ${field.background} inset;
+  -webkit-text-fill-color: ${ink.primary};
+  caret-color: ${ink.primary};
+}
+
+/* \u2500\u2500 buttons \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+${scope} .login-pf-page .pf-c-button {
+  min-height: ${minPressTargetPx}px;
+  font-weight: 600;
+}
+${scope} .login-pf-page .pf-c-button.pf-m-primary,
+${scope} .login-pf-page input.pf-m-primary[type="submit"],
+${scope} .login-pf-page input.pf-m-primary[type="button"] {
+  background-color: ${accent.indigo};
+  border-color: ${accent.indigo};
+  color: ${ink.primary};
+  box-shadow: ${iconShadow};
+}
+${scope} .login-pf-page .pf-c-button.pf-m-primary:hover,
+${scope} .login-pf-page input.pf-m-primary[type="submit"]:hover {
+  background-color: ${accent.indigoHover};
+  border-color: ${accent.indigoHover};
+}
+${scope} .login-pf-page .pf-c-button.pf-m-primary:active,
+${scope} .login-pf-page input.pf-m-primary[type="submit"]:active {
+  background-color: ${accent.indigoPress};
+  border-color: ${accent.indigoPress};
+}
+${scope} .login-pf-page .pf-c-button.pf-m-primary:disabled,
+${scope} .login-pf-page input.pf-m-primary[type="submit"]:disabled {
+  background-color: ${field.ghost};
+  border-color: ${field.border};
+  color: ${ink.faint};
+  box-shadow: none;
+}
+${scope} .login-pf-page .pf-c-button.pf-m-control,
+${scope} .login-pf-page .pf-c-button.pf-m-secondary,
+${scope} .login-pf-page .pf-c-button.btn-default:not(.pf-m-primary) {
+  background-color: ${field.ghost};
+  border-color: ${field.border};
+  color: ${ink.primary};
+}
+${scope} .login-pf-page .pf-c-button.pf-m-control:hover,
+${scope} .login-pf-page .pf-c-button.pf-m-secondary:hover,
+${scope} .login-pf-page .pf-c-button.btn-default:not(.pf-m-primary):hover {
+  background-color: ${field.ghostHover};
+  border-color: ${field.borderHover};
+  color: ${ink.primary};
+}
+/* PatternFly draws control-button borders on an ::after overlay and
+   accents its bottom edge on interaction; on the slab that reads as a
+   stray underline beneath the password-visibility toggle. */
+${scope} .login-pf-page .pf-c-button::after,
+${scope} .login-pf-page .pf-c-button:hover::after,
+${scope} .login-pf-page .pf-c-button:focus::after,
+${scope} .login-pf-page .pf-c-button:active::after {
+  content: none;
+}
+
+/* \u2500\u2500 the remember-me checkbox \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+/* \u2605 THE RESET IS PART OF THE SKIN, not borrowed from the house sheet.
+   A native checkbox is a 13px white box drawn by the platform: no colour
+   property reaches it, so on the slab it reads as a bright chip with no
+   relationship to anything around it. 'appearance: none' is what makes it
+   paintable at all. The visual square stays 22px inside a transparent
+   border that pads the hit box out to the press-target floor, so the
+   control is small and the target is not (DG-A11Y-01).
+
+   The house sheet bakes its tick glyph as a data-URI at build time from
+   the ramp's CTA foreground, so the springboard's tick is restated here
+   rather than inherited through a custom property. */
+${scope} .login-pf-page input[type="checkbox"] {
+  appearance: none;
+  -webkit-appearance: none;
+  position: static;
+  box-sizing: content-box;
+  width: 22px;
+  height: 22px;
+  border: ${Math.round((minPressTargetPx - 22) / 2)}px solid transparent;
+  border-radius: ${Math.round((minPressTargetPx - 22) / 2) + 8}px;
+  background-clip: padding-box;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 15px 15px;
+  margin: 0 4px 0 0;
+  flex: 0 0 auto;
+  cursor: pointer;
+  background-color: ${field.background};
+  box-shadow: inset 0 0 0 1.5px ${field.borderHover};
+}
+${scope} .login-pf-page .checkbox label,
+${scope} .login-pf-page .pf-c-check {
+  display: inline-flex;
+  align-items: center;
+  min-height: ${minPressTargetPx}px;
+  padding-left: 0;
+  margin: 0;
+  cursor: pointer;
+}
+${scope} .login-pf-page input[type="checkbox"]:checked,
+${scope}.t_dark .login-pf-page input[type="checkbox"]:checked {
+  background-color: ${accent.indigo};
+  box-shadow: inset 0 0 0 1.5px ${accent.indigo};
+  background-image: url("data:image/svg+xml,${encodeURIComponent(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="${ink.primary}" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>`)}");
+}
+
+/* \u2500\u2500 links \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+${scope} .login-pf-page a {
+  color: ${accent.sky};
+}
+${scope} .login-pf-page a:hover {
+  color: ${accent.sky};
+}
+
+/* \u2500\u2500 alerts \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+${scope} .login-pf-page .pf-c-alert.pf-m-inline {
+  background: ${field.background};
+  border: 1px solid ${field.border};
+  border-left-width: 3px;
+  border-left-color: ${status.info};
+}
+${scope} .login-pf-page .pf-c-alert.pf-m-inline.pf-m-danger {
+  border-left-color: ${status.error};
+}
+${scope} .login-pf-page .pf-c-alert.pf-m-inline.pf-m-warning {
+  border-left-color: ${status.warning};
+}
+${scope} .login-pf-page .pf-c-alert.pf-m-inline.pf-m-success {
+  border-left-color: ${status.success};
+}
+${scope} .login-pf-page .pf-c-alert__title {
+  color: ${ink.primary};
+}
+${scope} .login-pf-page .pf-c-alert__icon {
+  color: ${ink.muted};
+}
+${scope} .login-pf-page span#input-error,
+${scope} .login-pf-page [id^="input-error"],
+${scope} .login-pf-page .pf-m-error,
+${scope} .login-pf-page .required {
+  color: ${status.error};
+}
+
+/* \u2500\u2500 identity providers: the SSO buttons \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+/* \u2605 CHROME ONLY. Every provider row is an <a href={p.loginUrl}> that
+   keycloakify renders from social.providers; nothing here changes what
+   it points at, what it is called, or whether it appears. */
+${scope} .login-pf-page #kc-social-providers h2 {
+  color: ${ink.muted};
+  font-size: 13px;
+  font-weight: 500;
+}
+${scope} .login-pf-page hr,
+${scope} .login-pf-page #kc-social-providers hr {
+  border-top: 1px solid ${field.divider};
+  opacity: 1;
+}
+${scope} .login-pf-page .kc-social-item,
+${scope} .login-pf-page .kc-social-links a,
+${scope} .login-pf-page #kc-social-providers li a {
+  min-height: ${minPressTargetPx}px;
+  background: ${field.ghost};
+  border: 1px solid ${field.border};
+  border-radius: var(--sb-icon-radius);
+  color: ${ink.primary};
+  text-decoration: none;
+}
+${scope} .login-pf-page .kc-social-item:hover,
+${scope} .login-pf-page .kc-social-links a:hover,
+${scope} .login-pf-page #kc-social-providers li a:hover {
+  background: ${field.ghostHover};
+  border-color: ${field.borderHover};
+  color: ${ink.primary};
+}
+${scope} .login-pf-page .kc-social-provider-name,
+${scope} .login-pf-page .kc-social-icon-text {
+  color: ${ink.primary};
+}
+
+/* \u2500\u2500 the OTP credential tiles (login-otp.ftl) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+${scope} .login-pf-page .pf-c-tile {
+  background: ${field.background};
+  border: 1px solid ${field.border};
+  border-radius: var(--sb-icon-radius);
+  color: ${ink.primary};
+}
+${scope} .login-pf-page .pf-c-tile__input:checked + .pf-c-tile,
+${scope} .login-pf-page .pf-c-tile__input:checked + label {
+  border-color: ${accent.indigo};
+  background: ${field.ghostHover};
+}
+${scope} .login-pf-page .pf-c-tile__title,
+${scope} .login-pf-page .pf-c-tile__icon {
+  color: ${ink.primary};
+}
+
+/* \u2500\u2500 the registration / back-to-app footer band \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+/* The stock sheet bleeds #kc-info to the card edge as a #f0f0f0 band.
+   On the slab it becomes the dock's own darker step. */
+${scope} .login-pf-page #kc-info {
+  margin: ${plate.gap}px -${cardPadX}px -${cardPadY}px;
+  padding: 0;
+  color: ${ink.muted};
+}
+${scope} .login-pf-page #kc-info-wrapper {
+  background: rgba(8, 11, 20, 0.42);
+  border-top: 1px solid ${field.divider};
+  border-radius: 0 0 ${plate.radius - 1}px ${plate.radius - 1}px;
+  padding: 14px ${cardPadX}px;
+  color: ${ink.muted};
+  text-align: center;
+}
+${scope} .login-pf-page #kc-info-wrapper a {
+  color: ${accent.sky};
+}
+
+/* \u2500\u2500 the locale menu \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+${scope} .login-pf-page #kc-current-locale-link {
+  color: ${ink.muted};
+}
+${scope} .login-pf-page #kc-current-locale-link:hover {
+  background: ${field.ghost};
+  color: ${ink.primary};
+}
+${scope} .login-pf-page .pf-c-dropdown__menu {
+  background: ${wallpaperColors.base};
+  border: 1px solid ${plate.highlight};
+  box-shadow: ${plateShadow};
+}
+${scope} .login-pf-page .pf-c-dropdown__menu-item {
+  color: ${ink.primary};
+}
+${scope} .login-pf-page .pf-c-dropdown__menu-item:hover {
+  background: ${field.ghost};
+  color: ${ink.primary};
+}
+
+/* \u2500\u2500 focus ring (DG-A11Y-01: non-removable) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+/* !important outranks both PatternFly's focus styles and the house
+   ThemeProvider's global outline reset. The keyboard ring is the one
+   affordance a skin must never take away. */
+${scope} a:focus-visible,
+${scope} button:focus-visible,
+${scope} input:focus-visible,
+${scope} select:focus-visible,
+${scope} textarea:focus-visible,
+${scope} [tabindex]:focus-visible {
+  outline: ${focusRingWidthPx}px solid ${accent.sky} !important;
+  outline-offset: ${focusRingOffsetPx}px !important;
+  box-shadow: none !important;
+}
+/* LC-133 FOCUS-IS-BORDER (FZ-7717): a text field is the exception. It
+   focuses with its own border in the accent, at the width it already has,
+   so it changes colour and never size. */
+${scope} .login-pf-page .pf-c-form-control:focus,
+${scope} .login-pf-page .pf-c-form-control:focus-visible {
+  border-color: ${field.borderFocus};
+  outline: none !important;
+}
+
+/* \u2500\u2500 small screens keep the slab \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+@media (max-width: 767px) {
+  ${scope} .login-pf-page .card-pf {
+    margin: 0 12px;
+    background: var(--sb-plate-fill);
+    border: 1px solid var(--sb-plate-highlight);
+    border-radius: var(--sb-plate-radius);
+    box-shadow:
+      inset 0 1px 0 ${plate.highlight},
+      ${plateShadow};
+  }
+  ${scope} .login-pf-page #kc-header-wrapper {
+    padding: 28px 16px 14px;
+    font-size: 19px;
+  }
+}
+`;
+}
+export { buildSpringboardCss };
+//# sourceMappingURL=css.native.js.map

package/dist/esm/css.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["accent","caption","field","fontFamily","defaultFontFamily","icon","ink","plate","status","trigger","wallpaperColors","wallpaperLayers","cssString","value","JSON","stringify","customProperties","base","fill","background","primary","muted","faint","border","borderHover","borderFocus","divider","ghost","ghostHover","sky","indigo","indigoHover","indigoPress","error","warning","success","info","highlight","radius","size","fontSize","lineHeight","join","onWallpaperShadow","shadowOffsetY","shadowBlur","textShadow","plateShadow","iconShadow","shadowColor","markRules","scope","mark","monogramSize","Math","round","monogramLine","marginTop","monogram","foreground","buildSpringboardCss","options","arguments","length","focusRingWidthPx","focusRingOffsetPx","minPressTargetPx","cardMaxWidthPx","vars","cardPadY","paddingVertical","cardPadX","paddingHorizontal","text","gap","secondary","encodeURIComponent"],"sources":["../../src/css.ts"],"sourcesContent":[null],"mappings":"AA8CA,SAAAA,MAAA,EAAAC,OAAA,EAAAC,KAAA,EAAAC,UAAA,IAAAC,iBAAA,EAAAC,IAAA,EAAAC,GAAA,EAAAC,KAAA,EAAAC,MAAA,EAAAC,OAAA,EAAAC,eAAA,EAAAC,eAAA;AAAA,SACEC,UAAAC,KAAA;EACA,OAAAC,IAAA,CAAAC,SAAA,CAAAF,KAAA;AAAA;AACA,SACAG,gBAAcA,CAAA;EACd;EACA;EACA,iBAAAN,eAAA,CAAAO,IAAA,KACA,iBAAAV,KAAA,CAAAW,IAAA,KACA,kBAAAhB,KAAA,CAAAiB,UAAA;EACA;EACA,cAAAb,GAAA,CAAAc,OAAA,oBACKd,GAAA,CAAAe,KAAA,KA4BP,qBAAmBf,GAAuB,CAAAgB,KAAA;EACxC;EACF,gBAAApB,KAAA,CAAAqB,MAAA,KAQA,sBAASrB,KAA2B,CAAAsB,WAAA,KAClC,sBAAOtB,KAAA,CAAAuB,WAAA,4BAAAvB,KAAA,CAAAsB,WAAA,KAEL,iBAAiBtB,KAAA,CAAAwB,OAAA,GAAgB;EACjC;EACA,kBAAkBxB,KAAA,CAAMyB,KAAA,KAAU,kBAAAzB,KAAA,CAAA0B,UAAA,KAElC,cAAc5B,MAAI,CAAA6B,GAAA,GAAO,EACzB,cAAA7B,MAAmB,CAAA6B,GAAK;EACxB;EAA8B,gBAAA7B,MAAA,CAAA8B,MAAA,KAE9B,gBAAgBxB,GAAA,CAAAc,OAAM,GAAM,EAC5B,mBAAApB,MAAsB,CAAA+B,WAAM,GAAW,EACvC,mBAAA/B,MAAsB,CAAAgC,WAAM,GAAW;EACvC;EACA,qBAAiB9B,KAAM,CAAAyB,KAAO,8BAAAzB,KAAA,CAAAqB,MAAA,KAE9B,uBAAkBjB,GAAM,CAAAgB,KAAK;EAC7B;EACA,oBAAcd,MAAU,CAAAyB,KAAA,KACxB,sBAAqBzB,MAAG,CAAAyB,KAAA,6BAAAzB,MAAA,CAAA0B,OAAA,KAExB,wBAAuB1B,MAAM,CAAA2B,OAAA,KAC7B,qBAAoB3B,MAAO,CAAA4B,IAAA,KAC3B,qCAAqC;EACrC;EAAqC,oBAAA7B,KAAA,CAAAW,IAAA,KAErC,yBAAqBX,KAAM,CAAA8B,SAAK,KAChC,sBAAA9B,KAAyB,CAAA+B,MAAM,KAAM,EACrC,mBAAAjC,IAAuB,CAAAkC,IAAI,KAAK,uBAAAlC,IAAA,CAAAiC,MAAA,OAEhC,sBAAoBrC,OAAO,CAAAuC,QAAK,OAChC,sBAAsBvC,OAAO,CAAAwC,UAAK,OAClCC,IAAA;AAAsC;AACA,IACtCC,iBAAA,QAAqB1C,OAAW,CAAA2C,aAAA,MAAA3C,OAAA,CAAA4C,UAAA,MAAAnC,eAAA,CAAAoC,UAAA;AAAA,IAChCC,WAAA,QAAAtC,OAAA,CAAAmC,aAAA,MAAAnC,OAAA,CAAAoC,UAAA;AAAA,IAAAG,UAAA,QAAA3C,IAAA,CAAAuC,aAAA,MAAAvC,IAAA,CAAAwC,UAAA,MAAAxC,IAAA,CAAA4C,WAAA;AAAA,SAEAC,UAAAC,KAAoB,EAAAC,IAAM;EAAI,IAC9BC,YAAA,GAAAC,IAAA,CAAAC,KAAyB,CAAAlD,IAAM,CAAAkC,IAAA,GAAS;EAAA,IACxCiB,YAAA,GAAAF,IAAA,CAAsBC,KAAA,CAAMlD,IAAA,CAAAkC,IAAM;EAAA,OAClC;AAA4B;AACI,EAAAY,KAChC;AAAsC,EAAAA,KACtC;AAAwC;AAE5C;AAGA;AAGA,SAAMlD,OAAA,CAAAwD,SAAmB;AAGzB;AAuBA,EAAAN,KAAA;AACE,EAAAA,KAAA;AACA,aAAMvC,SAAA,CAAewC,IAAA,CAAKM,QAAM;AAChC;AAAO;AAAA;AAEF;AACA,gBAAAN,IAAA,CAAAjC,UAAA;AAAA,WAAAiC,IAAA,CAAAO,UAAA;AAAA,gBAAAX,UAAA;AAAA;AAImB;AAAA;AAEnB,eACAK,YAAA;AAAA,iBACMG,YAAe;AAAS;AAAA;AAAA;AAAA;AAAA;AAKN,SAAAI,mBACLA,CAAA;EAAA,IAAAC,OAAA,GACVC,SAAA,CAAUC,MAAA,QAAAD,SAAA,iBAAAA,SAAA;EAAA;IAAAV,IAAA;IAAAjD,UAAA,GAAAC,iBAAA;IAAA4D,gBAAA;IAAAC,iBAAA;IAAAC,gBAAA;IAAAC,cAAA;EAAA,IAAAN,OAAA;EAAA,IAAAV,KAAA;EAAA,IAAAiB,IAAA,GAAApD,gBAAA;EAAA,IAAAqD,QAAA,GAIX9D,KAAA,CAAA+D,eAAY;EAAA,IAAAC,QAAA,GACVhE,KAAA,CAAAiE,iBAAY;EAAA;AAAA;AAAA;AAAA,EAAArB,KAAA;AAK7B,EAAAA,KAAA;AAGO,IAAAiB,IAAA;AACL;AAAM;AACJ;AACa,EAAAjB,KACb;AAAmB,sBACnBzC,eAAoB,CAAAO,IAAA;AAAA,sBACpBN,eAAmB;AAAA;AACF;AAGnB;AACA;AAKA;AACA;AAEA;AAAO;AAAA;AAAA,EAGPwC,KAAK;AAAA;AACA,WACC7C,GAAA,CAAAc,OAAA;AAAA,iBAAAjB,UAAA;AAAA;AAAA;AAAA,EAINgD,KAAK;AAAA;AACmC;AACL;AAAA;AAAA;AAAA;AAAA;AAAA,EAAAA,KAAA;AAAA,WAAAzC,eAAA,CAAA+D,IAAA;AAAA,iBAAA9B,iBAAA;AAAA;AAAA;AAU9B;AAAA;AAEe;AACK;AAAA;AAAA;AAGpB;AAAA,EAAAQ,KAAA;AAAA,eAAAgB,cAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;AACwB;AACG,oBAAA5D,KAAA,CAAA8B,SAAA;AAAA,MAAAU,WAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAAAsB,QAAA,MAAAE,QAAA;AAAA;AAAA;AAU3B,EAAApB,KAAA;AACsB,EAAAA,KAAA;AAAA,WAAA7C,GAAA,CAAAc,OAAA;AAAA;AAAA;AAAA;AAAA,gBAAAb,KAAA,CAAAmE,GAAA;AAAA;AAAA,EAAAtB,IAAA,GAAAF,SAAA,CAAAC,KAQT,EAAMC,IAAA,MAAS;AAAA;AAClB;AAAA,EAAAD,KAAA;AAAA,EAAAA,KAAA;AAAA,EAAAA,KAAA;AAAA,WAAA7C,GAAA,CAAAqE,SAAA;AAAA;AAMkB;AAAA;AAAA,EAGjCxB,KAAK;AAAA,EACLA,KAAK;AAAA,EAAAA,KAAA;AACe,EAAAA,KAAA;AAAA,EAAAA,KAAA;AAAA,WAAA7C,GAAA,CAAAe,KAAA;AAAA;AAIG,EAAA8B,KAAA;AAAA,WAEhB7C,GAAA,CAAAc,OAAU;AAAiB;AAAA;AAAA;AAG7B;AACA,EACL+B,KAAK;AAAA,EAAAA,KAAA;AACiB,EAAAA,KAAA;AAAA,EAAAA,KAAA;AAAA,EAAAA,KAAA;AAAA,EAItBA,KAAK;AAAA,EACLA,KAAK;AAAA,EACLA,KAAK;AAAA,gBACAe,gBAAA;AAAA,sBACAhE,KAAA,CAAAiB,UAAA;AAAA,WACIb,GAAA,CAAIc,OAAK;AAAA,sBAAAlB,KAAA,CAAAqB,MAAA;AAAA;AAEb;AACe,EAAA4B,KAAA;AAAA,EAAAA,KAAA;AAAA,EAAAA,KAAA;AAAA,kBAAAjD,KAAA,CAAAsB,WAAA;AAAA;AAKf,EACL2B,KAAK;AAAA,EACLA,KAAK;AAAA,EACLA,KAAK;AAAA,kBACAjD,KAAA,CAAAuB,WAAA;AAAA,sBACAvB,KAAA,CAAAiB,UAAA;AAAA;AACA,EACLgC,KAAK;AAAA,EAAAA,KAAA;AACyB,WAAA7C,GAAA,CAAAgB,KAAA;AACM;AAChB,EAAA6B,KAAA;AACY,kBAAA3C,MAAA,CAAAyB,KAAA;AAAA;AAAA;AAG3B;AACA;AACA;AAC4B;AAAA;AAE5B;AACA;AACA;AAC4B;AACG;AAAA,EAEpCkB,KAAK;AAAA;AACA;AACa;AAAA;AAEb;AACuB,EAAAA,KAAA;AAAA,EAAAA,KAAA;AAAA;AAAA,wBAAAe,gBAAA;AAAA;AAAA;AAAA,EAAAf,KAAA;AAAA,EAAAA,KAAA;AAAA,EAAAA,KAAA;AAAA;AAAA;AAAA;AAAA;AAavB,WAAAe,gBAAA;AAAA,eAAAA,gBAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACA,WAAA5D,GAAA,CAAAqE,SAAA;AAAA;AAEiC,EAAAxB,KAAA;AAAA,WAAA7C,GAAA,CAAAc,OAAA;AAAA;AAGjC;AACA;AACA;AAAA;AAAA;AAAA,EAAA+B,KAAA;AAAA,EAAAA,KAAA;AAKoB,EAAAA,KAAA;AACI,qCAAAjD,KAAA,CAAAiB,UAAA;AAAA,6BAAAb,GAAA,CAAAc,OAAA;AAAA,iBAAAd,GAAA,CAAAc,OAAA;AAAA;AAAA;AAAA;AAMP,EAAA+B,KAAA;AAAA,gBAEjBe,gBAAA;AAAA;AACe;AAAA,EAAAf,KAAA;AAAA,EAAAA,KAAA;AAAA,EAAAA,KAAA;AAAA,sBAAAnD,MAAA,CAAA8B,MAAA;AAAA,kBAAA9B,MAAA,CAAA8B,MAAA;AAAA,WAOfxB,GAAA,CAAAc,OAAA;AAAA,gBACA4B,UAAA;AAAA;AACA,EAAAG,KAAA;AAC8C,EAAAA,KAAA;AACb,sBACnBnD,MAAO,CAAA+B,WAAA;AAAA,kBAAA/B,MAAA,CAAA+B,WAAA;AAAA;AAAA,EAAAoB,KAAA;AAAA,EAI1BA,KAAK;AAAA,sBACSnD,MAAA,CAAAgC,WAAgB;AAAA,kBAAAhC,MAAA,CAAAgC,WAAA;AAAA;AAAA,EAG9BmB,KAAK;AAAA,EACLA,KAAK;AAAA,sBACAjD,KAAA,CAAAyB,KAAA;AAAA,kBAAAzB,KACe,CAAAqB,MAAO;AAAM,WAAAjB,GAAA,CAAAgB,KACjB;AAAa;AACT;AACI,EAAA6B,KAAA;AAAA,EAExBA,KAAK;AAAA,EACLA,KAAK;AAAA,sBACejD,KAAA,CAAAyB,KAAO;AAAW,kBACtBzB,KAAA,CAAAqB,MAAO;AAAW,WAAAjB,GAAA,CAAAc,OAAA;AAAA;AAE7B,EACL+B,KAAK;AAAA,EAAAA,KAAA;AACiC,EAAAA,KAAA;AACJ,sBAAAjD,KAAA,CAAA0B,UAAA;AAAA,kBAE7B1B,KAAA,CAAAsB,WAAA;AAAA,WACAlB,GAAA,CAAAc,OAAA;AAAA;AAC0B;AACH;AACV;AAAA,EAAA+B,KAAA;AAAA,EAGlBA,KAAK;AAAA,EACLA,KAAK;AAAA,EACLA,KAAK;AAAA;AAC0B;AACH;AACR;AAAA;AAEf;AACA;AACA;AAC+B;AACH;AACb;AAAA;AAAA;AAAA;AAAA;AAKf,EACLA,KAAK;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA,YAAAG,IAAA,CAAAC,KAAA,EAAAW,gBAAA;AAAA,mBAAAZ,IAAA,CAAAC,KAAA,EAAAW,gBAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAAhE,KAAA,CAAAiB,UAAA;AAAA,kCAAAjB,KAAA,CAAAsB,WAAA;AAAA;AAgBA,EAAA2B,KAAA;AAAA,EAAAA,KAAA;AAAA;AAAA;AAAA,gBAAAe,gBAAA;AAAA;AAAA;AAO4C;AACW;AAAA,EAAAf,KAAA;AAAA,EAAAA,KAAA;AAAA,sBAAAnD,MAAA,CAAA8B,MAAA;AAAA,kCAAA9B,MAAA,CAAA8B,MAAA;AAAA,8CAAA8C,kBAAA,oFAAAtE,GAAA,CAAAc,OAAA;AAAA;AAAA;AAQxB;AACa,EAAA+B,KAAA;AAAA,WAE5CnD,MAAA,CAAA6B,GAAA;AAAA;AACA,EAAAsB,KAAA;AAAA,WAAAnD,MAAA,CAAA6B,GAAA;AAAA;AAGyB;AAAA;AAAA,EAAAsB,KAAA;AAAA,gBAAAjD,KAAA,CAAAiB,UAAA;AAAA,sBAKzBjB,KAAA,CAAAqB,MAAA;AAAA;AACA,uBACef,MAAO,CAAA4B,IAAA;AAAM;AACY,EAAAe,KAAA;AACD,uBAC1C3C,MAAA,CAAAyB,KAAA;AAA8F;AAC/F,EAAAkB,KAAA;AAAA,uBAAA3C,MAAA,CAAA0B,OAAA;AAAA;AAAA,EAIDiB,KAAK;AAAA,uBACc3C,MAAA,CAAA2B,OAAA;AAAA;AAAA,EAEnBgB,KAAK;AAAA,WACI7C,GAAA,CAAAc,OAAU;AAAA;AAAA,EAAA+B,KAAA;AAAA,WAAA7C,GAAA,CAAAe,KAAA;AAAA;AAId,EAAA8B,KAAA;AACyB,EAAAA,KAAA;AACE,EAAAA,KAAA;AAAA,EAAAA,KAAA;AAEA,WAAA3C,MAAA,CAAAyB,KAAA;AAAA;AAE3B;AAC4B;AAAA;AAE5B;AAC8B;AAAA,EAEnCkB,KAAK;AAAA,WAAA7C,GAAA,CAAAe,KAAA;AAC8B;AAAA;AAE9B;AACe,EAAA8B,KAAA;AAAA,EAEpBA,KAAK;AAAA,0BACajD,KAAA,CAAAwB,OAAA;AAAA;AAAA;AAEb,EACLyB,KAAK;AAAA,EACLA,KAAK;AAAA,EACLA,KAAK;AAAA,gBACIe,gBAAY;AAAA,gBAAAhE,KAAA,CAAAyB,KAAA;AAAA,sBAAAzB,KAAA,CAAAqB,MAAA;AAAA;AAAA,WAAAjB,GAAA,CAAAc,OAAA;AAAA;AAAA;AAAA,EAOrB+B,KAAK;AAAA,EAAAA,KAAA;AACa,EAAAA,KAAA;AAAA,gBAAAjD,KAAA,CAAA0B,UAAA;AAAA,kBAAA1B,KAAA,CAAAsB,WAAA;AAAA,WAIblB,GAAA,CAAAc,OAAA;AAAA;AACA,EAAA+B,KAAA;AACgC,EAAAA,KAAA;AAAA,WAAA7C,GAAA,CAAAc,OAAA;AAAA;AAGhC;AACA;AACA,EAAA+B,KAAA;AACyB,gBAChBjD,KAAA,CAAMiB,UAAK;AAAA,sBACLjB,KAAA,CAAMqB,MAAM;AAAA;AAAA,WAEvBjB,GAAA,CAAIc,OAAO;AAAA;AAAA,EAAA+B,KAAA;AAAA,EAGpBA,KAAK;AAAA,kBACAnD,MAAA,CAAA8B,MAAA;AAAA,gBACA5B,KAAA,CAAA0B,UAAA;AAAA;AACyB,EAAAuB,KAAA;AACG,EAAAA,KAAA;AACb,WAAA7C,GAAA,CAAAc,OAAA;AAAA;AAEf;AACA;AACe;AAAA;AAAA,EAAA+B,KAAA;AAAA,YAIf5C,KAAA,CAAAmE,GAAA,OAAAH,QAAA,OAAAF,QAAA;AAAA;AACyB,WAAA/D,GAAA,CAAAe,KAAA;AACE;AAAA,EAAA8B,KAAA;AAEZ;AAAA,0BAEfjD,KAAA,CAAAwB,OAAA;AAAA,uBACAnB,KAAA,CAAA+B,MAAA,UAAA/B,KAAA,CAAA+B,MAAA;AAAA,kBACWiC,QAAO;AAAM,WAAAjE,GAAA,CAAAe,KACf;AAAgB;AAAA;AAEzB,EACL8B,KAAK;AAAA,WACInD,MAAI,CAAA6B,GAAA;AAAO;AAAA;AAAA;AAAA,EAAAsB,KAAA;AAAA,WAAA7C,GAAA,CAAAe,KAAA;AAAA;AAMf,EAAA8B,KAAA;AAC4C,gBAAAjD,KAAA,CAAAyB,KAAA;AAAA,WAExCrB,GAAA,CAAIc,OAAK;AAAA;AAAA,EAElB+B,KAAK;AAAA,gBAAAzC,eAAA,CAAAO,IAAA;AAAA,sBAAAV,KAEmB,CAAA8B,SAAM;AAAO,gBAAAU,WAChB;AAAsC;AACnC,EAAAI,KAAA;AACN,WAAA7C,GAAA,CAAAc,OAAA;AAAA;AAAA,EAGlB+B,KAAK;AAAA,gBACIjD,KAAU,CAAAyB,KAAA;AAAA,WAAArB,GAAA,CAAAc,OAAA;AAAA;AAAA;AAAA;AAId;AACa;AAAA;AAEb,EAAA+B,KAAA;AACoB,EAAAA,KAAA;AACL,EAAAA,KAAA;AAAA,EAEpBA,KAAK;AAAA,EAAAA,KAAA;AAC6B,EAAAA,KAAA;AACC,aAAAa,gBACV,YAAAhE,MAAA,CAAA6B,GAAA;AAAA,oBAAAoC,iBAAA;AAAA;AAEpB;AACe;AAAA;AAEf;AACoB,EAAAd,KAAA;AACL,EAAAA,KAAA;AAAA,kBAAAjD,KAAA,CAAAuB,WAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOf,IACL0B,KAAK;AAAA;AACA;AACA;AACA;AACA;AAC4C,sBAC/B5C,KAAA,CAAA8B,SAAiB;AAAA,QAAAU,WAAA;AAAA;AAAA,IAAAI,KAAA;AAAA;AAAA;AAAA;AAM9B;AACA;AAC4B;AAAA,SAAAS,mBAAA","ignoreList":[]}

package/dist/esm/glyph.mjs

@@ -0,0 +1,42 @@
+function stableHash(seed) {
+  let hash = 2166136261;
+  for (let i = 0; i < seed.length; i++) {
+    hash ^= seed.charCodeAt(i);
+    hash = Math.imul(hash, 16777619) >>> 0;
+  }
+  return hash >>> 0;
+}
+function glyphHue(seed) {
+  return stableHash(seed) % 360;
+}
+function glyphMonogram(name) {
+  const trimmed = name.trim();
+  if (!trimmed) return "?";
+  const words = trimmed.split(/[\s\-_.]+/).filter(Boolean);
+  if (words.length >= 2) {
+    return `${words[0][0] ?? ""}${words[1][0] ?? ""}`.toUpperCase();
+  }
+  return trimmed.slice(0, 2).toUpperCase();
+}
+function glyphColors(seed) {
+  const hue = glyphHue(seed);
+  return {
+    background: `hsl(${hue}, 62%, 42%)`,
+    foreground: "hsl(0, 0%, 98%)"
+  };
+}
+function glyphMark(params) {
+  const {
+    name,
+    displayName
+  } = params;
+  const seed = name.trim() || displayName?.trim() || "";
+  const label = displayName?.trim() || name;
+  return {
+    ...glyphColors(seed),
+    monogram: glyphMonogram(label),
+    hue: glyphHue(seed)
+  };
+}
+export { glyphColors, glyphHue, glyphMark, glyphMonogram, stableHash };
+//# sourceMappingURL=glyph.mjs.map

package/dist/esm/glyph.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["stableHash","seed","hash","i","length","charCodeAt","Math","imul","glyphHue","glyphMonogram","name","trimmed","trim","words","split","filter","Boolean","toUpperCase","slice","glyphColors","hue","background","foreground","glyphMark","params","displayName","label","monogram"],"sources":["../../src/glyph.ts"],"sourcesContent":[null],"mappings":"AA6BO,SAASA,WAAWC,IAAA,EAAsB;EAC/C,IAAIC,IAAA,GAAO;EACX,SAASC,CAAA,GAAI,GAAGA,CAAA,GAAIF,IAAA,CAAKG,MAAA,EAAQD,CAAA,IAAK;IACpCD,IAAA,IAAQD,IAAA,CAAKI,UAAA,CAAWF,CAAC;IAEzBD,IAAA,GAAOI,IAAA,CAAKC,IAAA,CAAKL,IAAA,EAAM,QAAU,MAAM;EACzC;EACA,OAAOA,IAAA,KAAS;AAClB;AAGO,SAASM,SAASP,IAAA,EAAsB;EAC7C,OAAOD,UAAA,CAAWC,IAAI,IAAI;AAC5B;AAOO,SAASQ,cAAcC,IAAA,EAAsB;EAClD,MAAMC,OAAA,GAAUD,IAAA,CAAKE,IAAA,CAAK;EAC1B,IAAI,CAACD,OAAA,EAAS,OAAO;EACrB,MAAME,KAAA,GAAQF,OAAA,CAAQG,KAAA,CAAM,WAAW,EAAEC,MAAA,CAAOC,OAAO;EACvD,IAAIH,KAAA,CAAMT,MAAA,IAAU,GAAG;IACrB,OAAO,GAAGS,KAAA,CAAM,CAAC,EAAG,CAAC,KAAK,EAAE,GAAGA,KAAA,CAAM,CAAC,EAAG,CAAC,KAAK,EAAE,GAAGI,WAAA,CAAY;EAClE;EACA,OAAON,OAAA,CAAQO,KAAA,CAAM,GAAG,CAAC,EAAED,WAAA,CAAY;AACzC;AAaO,SAASE,YAAYlB,IAAA,EAA2B;EACrD,MAAMmB,GAAA,GAAMZ,QAAA,CAASP,IAAI;EACzB,OAAO;IACLoB,UAAA,EAAY,OAAOD,GAAG;IACtBE,UAAA,EAAY;EACd;AACF;AAuBO,SAASC,UAAUC,MAAA,EAA2D;EACnF,MAAM;IAAEd,IAAA;IAAMe;EAAY,IAAID,MAAA;EAC9B,MAAMvB,IAAA,GAAOS,IAAA,CAAKE,IAAA,CAAK,KAAKa,WAAA,EAAab,IAAA,CAAK,KAAK;EACnD,MAAMc,KAAA,GAAQD,WAAA,EAAab,IAAA,CAAK,KAAKF,IAAA;EACrC,OAAO;IACL,GAAGS,WAAA,CAAYlB,IAAI;IACnB0B,QAAA,EAAUlB,aAAA,CAAciB,KAAK;IAC7BN,GAAA,EAAKZ,QAAA,CAASP,IAAI;EACpB;AACF","ignoreList":[]}

package/dist/esm/glyph.native.js

@@ -0,0 +1,43 @@
+function stableHash(seed) {
+  var hash = 2166136261;
+  for (var i = 0; i < seed.length; i++) {
+    hash ^= seed.charCodeAt(i);
+    hash = Math.imul(hash, 16777619) >>> 0;
+  }
+  return hash >>> 0;
+}
+function glyphHue(seed) {
+  return stableHash(seed) % 360;
+}
+function glyphMonogram(name) {
+  var trimmed = name.trim();
+  if (!trimmed) return "?";
+  var words = trimmed.split(/[\s\-_.]+/).filter(Boolean);
+  if (words.length >= 2) {
+    var _words__, _words__1;
+    return `${(_words__ = words[0][0]) !== null && _words__ !== void 0 ? _words__ : ""}${(_words__1 = words[1][0]) !== null && _words__1 !== void 0 ? _words__1 : ""}`.toUpperCase();
+  }
+  return trimmed.slice(0, 2).toUpperCase();
+}
+function glyphColors(seed) {
+  var hue = glyphHue(seed);
+  return {
+    background: `hsl(${hue}, 62%, 42%)`,
+    foreground: "hsl(0, 0%, 98%)"
+  };
+}
+function glyphMark(params) {
+  var {
+    name,
+    displayName
+  } = params;
+  var seed = name.trim() || (displayName === null || displayName === void 0 ? void 0 : displayName.trim()) || "";
+  var label = (displayName === null || displayName === void 0 ? void 0 : displayName.trim()) || name;
+  return {
+    ...glyphColors(seed),
+    monogram: glyphMonogram(label),
+    hue: glyphHue(seed)
+  };
+}
+export { glyphColors, glyphHue, glyphMark, glyphMonogram, stableHash };
+//# sourceMappingURL=glyph.native.js.map

package/dist/esm/glyph.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stableHash","seed","hash","i","length","charCodeAt","Math","imul","glyphHue","glyphMonogram","name","trimmed","trim","words","split","filter","Boolean","_words__","_words__1","toUpperCase","slice","glyphColors","hue","background","foreground","glyphMark","params","displayName","label","monogram"],"sources":["../../src/glyph.ts"],"sourcesContent":[null],"mappings":"AA6BO,SAASA,WAAWC,IAAA,EAAsB;EAC/C,IAAIC,IAAA,GAAO;EACX,SAASC,CAAA,GAAI,GAAGA,CAAA,GAAIF,IAAA,CAAKG,MAAA,EAAQD,CAAA,IAAK;IACpCD,IAAA,IAAQD,IAAA,CAAKI,UAAA,CAAWF,CAAC;IAEzBD,IAAA,GAAOI,IAAA,CAAKC,IAAA,CAAKL,IAAA,EAAM,QAAU,MAAM;EACzC;EACA,OAAOA,IAAA,KAAS;AAClB;AAGO,SAASM,SAASP,IAAA,EAAsB;EAC7C,OAAOD,UAAA,CAAWC,IAAI,IAAI;AAC5B;AAOO,SAASQ,cAAcC,IAAA,EAAsB;EAClD,IAAAC,OAAM,GAAAD,IAAU,CAAAE,IAAK;EACrB,IAAI,CAACD,OAAA,EAAS,OAAO;EACrB,IAAAE,KAAM,GAAAF,OAAQ,CAAAG,KAAQ,YAAM,EAAWC,MAAE,CAAAC,OAAO;EAChD,IAAIH,KAAA,CAAMT,MAAA,IAAU,GAAG;IACrB,IAAAa,QAAU,EAAAC,SAAW;IACvB,WAAAD,QAAA,GAAAJ,KAAA,oBAAAI,QAAA,cAAAA,QAAA,SAAAC,SAAA,GAAAL,KAAA,oBAAAK,SAAA,cAAAA,SAAA,QAAAC,WAAA;EACA;EACF,OAAAR,OAAA,CAAAS,KAAA,OAAAD,WAAA;AAaO;AACL,SAAME,WAAMA,CAAApB,IAAS,EAAI;EACzB,IAAAqB,GAAO,GAAAd,QAAA,CAAAP,IAAA;EAAA,OACL;IACAsB,UAAA,EAAY,OAAAD,GAAA;IACdE,UAAA;EACF;AAuBO;AACL,SAAMC,SAAQA,CAAAC,MAAA;EACd;IAAMhB,IAAA;IAAAiB;EAAiB,IAAKD,MAAA;EAC5B,IAAAzB,IAAM,GAAAS,IAAQ,CAAAE,IAAA,OAAae,WAAU,aAAAA,WAAA,uBAAAA,WAAA,CAAAf,IAAA;EACrC,IAAAgB,KAAO,IAAAD,WAAA,aAAAA,WAAA,uBAAAA,WAAA,CAAAf,IAAA,OAAAF,IAAA;EAAA,OACF;IACH,GAAAW,WAAU,CAAApB,IAAA;IACV4B,QAAK,EAAApB,aAAa,CAAAmB,KAAA;IACpBN,GAAA,EAAAd,QAAA,CAAAP,IAAA;EACF","ignoreList":[]}

package/dist/esm/index.mjs

@@ -0,0 +1,7 @@
+import { buildSpringboardCss } from "./css.mjs";
+import { glyphColors, glyphHue, glyphMark, glyphMonogram, stableHash } from "./glyph.mjs";
+import { resolveMark, SpringboardStyles } from "./SpringboardStyles.mjs";
+import { houseThemeName, isSpringboardTheme, springboardThemeName } from "./themeName.mjs";
+import { accent, caption, field, fontFamily, icon, ink, plate, status, trigger, wallpaperColors, wallpaperLayers } from "./tokens.mjs";
+export { SpringboardStyles, accent, buildSpringboardCss, caption, field, fontFamily, glyphColors, glyphHue, glyphMark, glyphMonogram, houseThemeName, icon, ink, isSpringboardTheme, plate, resolveMark, springboardThemeName, stableHash, status, trigger, wallpaperColors, wallpaperLayers };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["buildSpringboardCss","glyphColors","glyphHue","glyphMark","glyphMonogram","stableHash","resolveMark","SpringboardStyles","houseThemeName","isSpringboardTheme","springboardThemeName","accent","caption","field","fontFamily","icon","ink","plate","status","trigger","wallpaperColors","wallpaperLayers"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAiBA,SAASA,mBAAA,QAAuD;AAChE,SACEC,WAAA,EACAC,QAAA,EACAC,SAAA,EACAC,aAAA,EACAC,UAAA,QAGK;AACP,SACEC,WAAA,EACAC,iBAAA,QAGK;AACP,SAASC,cAAA,EAAgBC,kBAAA,EAAoBC,oBAAA,QAA4B;AACzE,SACEC,MAAA,EACAC,OAAA,EACAC,KAAA,EACAC,UAAA,EACAC,IAAA,EACAC,GAAA,EACAC,KAAA,EACAC,MAAA,EACAC,OAAA,EACAC,eAAA,EACAC,eAAA,QACK","ignoreList":[]}

package/dist/esm/index.native.js

@@ -0,0 +1,7 @@
+import { buildSpringboardCss } from "./css.native.js";
+import { glyphColors, glyphHue, glyphMark, glyphMonogram, stableHash } from "./glyph.native.js";
+import { resolveMark, SpringboardStyles } from "./SpringboardStyles.native.js";
+import { houseThemeName, isSpringboardTheme, springboardThemeName } from "./themeName.native.js";
+import { accent, caption, field, fontFamily, icon, ink, plate, status, trigger, wallpaperColors, wallpaperLayers } from "./tokens.native.js";
+export { SpringboardStyles, accent, buildSpringboardCss, caption, field, fontFamily, glyphColors, glyphHue, glyphMark, glyphMonogram, houseThemeName, icon, ink, isSpringboardTheme, plate, resolveMark, springboardThemeName, stableHash, status, trigger, wallpaperColors, wallpaperLayers };
+//# sourceMappingURL=index.native.js.map