npm - @deriv-web-design/ui - Versions diffs - 0.0.2 → 0.0.3 - Mend

@deriv-web-design/ui 0.0.2 → 0.0.3

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 (11) hide show

package/dist/index.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../primitives/Button/Button.module.css","../primitives/Link/Link.module.css","../primitives/Chip/Chip.module.css","../primitives/Tag/Tag.module.css","../primitives/Accordion/Accordion.module.css","../primitives/TextField/TextField.module.css","../primitives/SearchField/SearchField.module.css","../primitives/Breadcrumb/Breadcrumb.module.css","../primitives/ChipDropdown/ChipDropdown.module.css","../components/Card/CardPrimaryVariant.module.css","../components/Card/CardSecondaryVariant.module.css","../components/Card/CardThumbnailVariant.module.css","../primitives/Pagination/Pagination.module.css"],"sourcesContent":["/* ── Base ─────────────────────────────────────────────────── /\n\n.button {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--spacing-8);\n padding: calc(var(--spacing-16) - 2px) calc(var(--spacing-24) - 2px);\n min-width: var(--spacing-96);\n border: 2px solid transparent;\n border-radius: var(--radius-full);\n font-family: var(--font-family-base);\n font-size: var(--font-size-lg);\n font-weight: var(--font-weight-extra-bold);\n line-height: 1;\n text-align: center;\n white-space: nowrap;\n text-decoration: none;\n cursor: pointer;\n outline: none;\n box-sizing: border-box;\n transition: background-color 100ms ease, border-color 100ms ease, opacity 100ms ease;\n}\n\n/ ── Full-width ───────────────────────────────────────────── /\n\n.fullWidth {\n width: 100%;\n}\n\n/ ── Icon-only — square pill, no label ───────────────────── /\n\n.iconOnly {\n padding: calc(var(--spacing-16) - 2px);\n min-width: unset;\n width: var(--spacing-48);\n height: var(--spacing-48);\n}\n\n/ ── Label slot ───────────────────────────────────────────── /\n\n.label {\n flex: 1 0 0;\n min-width: 1px;\n min-height: 1px;\n}\n\n/ ── Icon slot ────────────────────────────────────────────── /\n\n.icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--spacing-16);\n height: var(--spacing-16);\n flex-shrink: 0;\n}\n\n/ ── Focus ring overlay ───────────────────────────────────── /\n\n.focusRing {\n position: absolute;\n inset: -2px;\n border-radius: var(--radius-full);\n border: 2px solid var(--color-blue-600);\n pointer-events: none;\n}\n\n.button:focus-visible::after {\n content: \"\";\n position: absolute;\n inset: -2px;\n border-radius: var(--radius-full);\n border: 2px solid var(--color-blue-600);\n pointer-events: none;\n}\n\n/ ============================================================\n CORAL color scheme\n ============================================================ /\n\n.coral_primary {\n background-color: var(--color-coral-500);\n color: var(--color-slate-50);\n}\n\n.coral_primary:hover:not(:disabled) {\n background-color: var(--color-coral-600);\n}\n\n.coral_primary:active:not(:disabled) {\n background-color: var(--color-coral-700);\n}\n\n.coral_primary:disabled {\n opacity: 0.24;\n cursor: not-allowed;\n}\n\n.coral_secondary {\n background-color: transparent;\n color: var(--color-coral-500);\n border-color: var(--color-coral-500);\n}\n\n.coral_secondary:hover:not(:disabled) {\n background-color: rgba(255, 68, 79, 0.08);\n}\n\n.coral_secondary:active:not(:disabled) {\n background-color: rgba(255, 68, 79, 0.16);\n}\n\n.coral_secondary:disabled {\n opacity: 0.24;\n cursor: not-allowed;\n}\n\n/ ============================================================\n BLACK color scheme\n ============================================================ /\n\n.black_primary {\n background-color: var(--color-slate-1300);\n color: var(--color-slate-50);\n}\n\n.black_primary:hover:not(:disabled) {\n background-color: rgba(24, 28, 37, 0.8);\n}\n\n.black_primary:active:not(:disabled) {\n background-color: var(--color-opacity-slate-88);\n}\n\n.black_primary:disabled {\n opacity: 0.24;\n cursor: not-allowed;\n}\n\n.black_secondary {\n background-color: transparent;\n color: var(--color-slate-1300);\n border-color: var(--color-slate-1300);\n}\n\n.black_secondary:hover:not(:disabled) {\n background-color: var(--color-opacity-slate-4);\n}\n\n.black_secondary:active:not(:disabled) {\n background-color: var(--color-opacity-slate-8);\n}\n\n.black_secondary:disabled {\n opacity: 0.24;\n cursor: not-allowed;\n}\n\n/ ============================================================\n WHITE color scheme — intended for use on dark backgrounds\n ============================================================ /\n\n.white_primary {\n background-color: var(--color-slate-50);\n color: var(--color-slate-1300);\n}\n\n.white_primary:hover:not(:disabled) {\n background-color: rgba(255, 255, 255, 0.8);\n}\n\n.white_primary:active:not(:disabled) {\n background-color: var(--color-opacity-white-88);\n}\n\n.white_primary:disabled {\n opacity: 0.24;\n cursor: not-allowed;\n}\n\n.white_secondary {\n background-color: transparent;\n color: var(--color-slate-50);\n border-color: var(--color-slate-50);\n}\n\n.white_secondary:hover:not(:disabled) {\n background-color: var(--color-opacity-white-8);\n}\n\n.white_secondary:active:not(:disabled) {\n background-color: var(--color-opacity-white-16);\n}\n\n.white_secondary:disabled {\n opacity: 0.24;\n cursor: not-allowed;\n}\n","/ ── Base ─────────────────────────────────────────────────── /\n\n.link {\n display: inline-flex;\n align-items: center;\n gap: var(--spacing-8);\n cursor: pointer;\n text-decoration: none;\n font-family: var(--font-family-base);\n font-size: var(--font-size-md);\n font-weight: var(--font-weight-semi-bold);\n line-height: 1;\n white-space: nowrap;\n background: none;\n border: none;\n padding: 0;\n outline: none;\n transition: gap 150ms ease;\n}\n\n.link:focus-visible {\n outline: 2px solid var(--color-blue-600);\n outline-offset: 2px;\n border-radius: var(--radius-xs);\n}\n\n/ ── Disabled ─────────────────────────────────────────────── /\n\n.disabled {\n opacity: var(--link-disabled-opacity);\n cursor: not-allowed;\n pointer-events: none;\n}\n\n/ ── Icon slot ────────────────────────────────────────────── /\n\n.icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--spacing-16);\n height: var(--spacing-16);\n flex-shrink: 0;\n}\n\n/ ── Chevron slot ─────────────────────────────────────────── /\n\n.chevron {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: var(--spacing-16);\n height: var(--spacing-16);\n transition: transform 150ms ease;\n}\n\n/ ── Label slot ───────────────────────────────────────────── /\n\n.label {\n text-decoration-skip-ink: none;\n}\n\n/ ── Chevron mode: gap expands on hover/active ────────────── /\n\n.withChevron:hover,\n.withChevron:active {\n gap: var(--spacing-16);\n}\n\n/ ── Icon mode: label underlines on hover/active ──────────── /\n\n.withIcon:hover .label,\n.withIcon:active .label {\n text-decoration: underline;\n text-decoration-style: solid;\n}\n\n/ ── Color schemes ────────────────────────────────────────── /\n\n.coral {\n color: var(--link-coral-color);\n}\n\n.black {\n color: var(--link-black-color);\n}\n\n.white {\n color: var(--link-white-color);\n}\n","/ ── Base ─────────────────────────────────────────────────── /\n\n.chip {\n position: relative;\n display: inline-flex;\n align-items: center;\n border: 1px solid var(--chip-border-color);\n border-radius: var(--radius-full);\n font-family: var(--font-family-base);\n font-weight: var(--font-weight-regular);\n line-height: 1;\n color: var(--chip-text-color);\n white-space: nowrap;\n background: transparent;\n cursor: pointer;\n outline: none;\n box-sizing: border-box;\n transition: background-color 100ms ease, color 100ms ease, border-color 100ms ease;\n user-select: none;\n}\n\n/ ── Sizes ────────────────────────────────────────────────── /\n\n.sm {\n height: var(--spacing-24);\n padding: 0 var(--spacing-12);\n gap: 6px; / design spec: no 6px spacing token /\n font-size: var(--font-size-xs); / 12px /\n}\n\n.md {\n height: var(--spacing-32);\n padding: 0 var(--spacing-16);\n gap: var(--spacing-8);\n font-size: var(--font-size-sm); / 14px /\n}\n\n.lg {\n height: var(--spacing-48);\n padding: 0 var(--spacing-24);\n gap: var(--spacing-12);\n font-size: var(--font-size-md); / 16px /\n}\n\n/ ── Hover / Active (unselected only) ─────────────────────── /\n\n.chip:hover:not(:disabled):not(.selected) {\n background-color: var(--chip-hover-background);\n}\n\n.chip:active:not(:disabled):not(.selected) {\n background-color: var(--chip-active-background);\n}\n\n/ ── Selected ─────────────────────────────────────────────── /\n\n.selected {\n background-color: var(--chip-selected-background);\n border-color: var(--chip-selected-background);\n color: var(--chip-selected-text);\n}\n\n/ ── Disabled ─────────────────────────────────────────────── /\n\n.chip:disabled {\n color: var(--chip-disabled-text);\n cursor: not-allowed;\n}\n\n/ ── Icon slot ────────────────────────────────────────────── /\n\n.icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 1em;\n height: 1em;\n}\n\n/ ── Label slot ───────────────────────────────────────────── /\n\n.label {\n flex-shrink: 0;\n}\n\n/ ── Tag slot ─────────────────────────────────────────────── /\n\n.tag {\n font-weight: var(--font-weight-extra-bold);\n flex-shrink: 0;\n}\n\n/ ── Focus ring overlay ───────────────────────────────────── /\n\n.focusRing {\n position: absolute;\n inset: -3px;\n border-radius: var(--radius-full);\n border: 2px solid var(--chip-focus-ring-color);\n pointer-events: none;\n}\n\n/ Selected chip has no visible border, so ring sits 2px out from edge /\n.selected .focusRing {\n inset: -2px;\n}\n\n.chip:focus-visible::after {\n content: \"\";\n position: absolute;\n inset: -3px;\n border-radius: var(--radius-full);\n border: 2px solid var(--chip-focus-ring-color);\n pointer-events: none;\n}\n\n.selected:focus-visible::after {\n inset: -2px;\n}\n","/ ── Base ─────────────────────────────────────────────────── /\n\n.tag {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n white-space: nowrap;\n font-family: var(--font-family-base);\n line-height: 1;\n color: var(--tag-text-color);\n border-radius: var(--radius-full);\n}\n\n/ ── Variants ─────────────────────────────────────────────── /\n\n.fill {\n background-color: var(--tag-fill-background);\n}\n\n.outline {\n border: 1px solid var(--tag-outline-border);\n}\n\n/ ── Sizes ────────────────────────────────────────────────── /\n\n.xs {\n height: 22px; / design spec: no 22px spacing token /\n padding: 0 var(--spacing-4);\n gap: var(--spacing-4);\n font-size: var(--font-size-xs); / 12px /\n}\n\n.sm {\n height: var(--spacing-24);\n padding: 0 var(--spacing-8);\n gap: var(--spacing-8);\n font-size: var(--font-size-xs); / 12px /\n}\n\n.md {\n height: var(--spacing-32);\n padding: 0 var(--spacing-12);\n gap: var(--spacing-12);\n font-size: var(--font-size-sm); / 14px /\n}\n\n.lg {\n height: var(--spacing-48);\n padding: 0 var(--spacing-16);\n gap: var(--spacing-16);\n font-size: var(--font-size-md); / 16px /\n}\n\n/ ── Font weights ─────────────────────────────────────────── /\n\n.regular {\n font-weight: var(--font-weight-regular);\n}\n\n.bold {\n font-weight: var(--font-weight-semi-bold);\n}\n\n/ ── Icon slot ────────────────────────────────────────────── /\n\n.icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 1em;\n height: 1em;\n}\n\n/ ── Label slot ───────────────────────────────────────────── /\n\n.label {\n flex-shrink: 0;\n}\n","/ ── Container ────────────────────────────────────────────── /\n\n.accordion {\n position: relative;\n width: 100%;\n max-width: 846px;\n box-sizing: border-box;\n}\n\n/ ── Header ───────────────────────────────────────────────── /\n\n.header {\n display: flex;\n align-items: center;\n gap: var(--spacing-24);\n padding: var(--spacing-24) 0;\n width: 100%;\n background: none;\n border: none;\n cursor: pointer;\n outline: none;\n position: relative;\n text-align: left;\n box-sizing: border-box;\n}\n\n.header:focus-visible::after {\n content: \"\";\n position: absolute;\n inset: -2px;\n border: 2px solid var(--accordion-focus-ring-color);\n pointer-events: none;\n}\n\n/ ── Focus ring overlay ───────────────────────────────────── /\n\n.focusRing {\n position: absolute;\n inset: -2px;\n border: 2px solid var(--accordion-focus-ring-color);\n pointer-events: none;\n}\n\n/ ── Title slot ───────────────────────────────────────────── /\n\n.titleWrapper {\n flex: 1 0 0;\n min-width: 1px;\n}\n\n.title {\n font-family: var(--font-family-base);\n font-size: var(--font-size-lg); / 18px /\n font-weight: var(--font-weight-semi-bold);\n line-height: var(--line-height-normal);\n color: var(--accordion-title-color);\n}\n\n/ ── Chevron slot ─────────────────────────────────────────── /\n\n.chevron {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--spacing-24);\n height: var(--spacing-24);\n flex-shrink: 0;\n color: var(--accordion-chevron-color);\n transition: transform 200ms ease;\n}\n\n.chevronRotated {\n transform: rotate(180deg);\n}\n\n/ ── Body — CSS Grid animated collapse ────────────────────── /\n\n.bodyWrapper {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 200ms ease;\n}\n\n.bodyWrapperOpen {\n grid-template-rows: 1fr;\n}\n\n.bodyInner {\n overflow: hidden;\n}\n\n.body {\n padding-bottom: var(--spacing-24);\n font-family: var(--font-family-base);\n font-size: var(--font-size-md); / 16px /\n font-weight: var(--font-weight-regular);\n line-height: var(--line-height-normal);\n color: var(--accordion-body-color);\n}\n","/ ── Field wrapper (visual input box) ─────────────────────── /\n\n.wrapper {\n display: flex;\n align-items: center;\n height: var(--spacing-56); / 56px /\n padding: 0 var(--spacing-16);\n gap: var(--spacing-8);\n border-radius: var(--radius-md); / 8px /\n border: 1px solid transparent; / base — prevents layout shift /\n box-sizing: border-box;\n cursor: text;\n transition: background-color 100ms ease, border-color 100ms ease;\n}\n\n/ ── Variant: Outline ─────────────────────────────────────── /\n\n.outline {\n background: var(--field-surface-outline);\n border-color: var(--field-border-default);\n}\n\n/ ── Variant: Fill ────────────────────────────────────────── /\n\n.fill {\n background: var(--field-surface-fill);\n}\n\n/ ── Hover — neutral ──────────────────────────────────────── /\n\n.neutral.outline:hover:not([data-disabled]):not(:focus-within) {\n border-color: var(--field-border-hover);\n}\n\n.neutral.fill:hover:not([data-disabled]):not(:focus-within) {\n background: var(--field-surface-fill-hover);\n}\n\n/ ── Focus — neutral ──────────────────────────────────────── /\n\n.neutral.outline:focus-within:not([data-disabled]) {\n border-color: var(--field-border-focus);\n}\n\n.neutral.fill:focus-within:not([data-disabled]) {\n border-color: var(--field-border-focus);\n}\n\n/ ── Status: Fail — Outline ───────────────────────────────── /\n\n.fail.outline {\n border-color: var(--field-border-fail-default);\n}\n\n.fail.outline:hover:not([data-disabled]):not(:focus-within) {\n border-color: var(--field-border-fail-hover);\n}\n\n.fail.outline:focus-within:not([data-disabled]) {\n border-color: var(--field-border-fail-focus);\n}\n\n/ ── Status: Fail — Fill ──────────────────────────────────── /\n\n.fail.fill {\n background: var(--field-surface-fail);\n}\n\n.fail.fill:hover:not([data-disabled]):not(:focus-within) {\n background: var(--field-surface-fail-hover);\n}\n\n.fail.fill:focus-within:not([data-disabled]) {\n background: var(--field-surface-fail);\n border-color: var(--field-border-fail-focus);\n}\n\n/ ── Status: Success — Outline ────────────────────────────── /\n\n.success.outline {\n border-color: var(--field-border-success-default);\n}\n\n.success.outline:hover:not([data-disabled]):not(:focus-within) {\n border-color: var(--field-border-success-hover);\n}\n\n.success.outline:focus-within:not([data-disabled]) {\n border-color: var(--field-border-success-focus);\n}\n\n/ ── Status: Success — Fill ───────────────────────────────── /\n\n.success.fill {\n background: var(--field-surface-success);\n}\n\n.success.fill:hover:not([data-disabled]):not(:focus-within) {\n background: var(--field-surface-success-hover);\n}\n\n.success.fill:focus-within:not([data-disabled]) {\n background: var(--field-surface-success);\n border-color: var(--field-border-success-focus);\n}\n\n/ ── Disabled ─────────────────────────────────────────────── /\n\n.wrapper[data-disabled] {\n cursor: not-allowed;\n}\n\n/ ── Icon slot ────────────────────────────────────────────── /\n\n.iconSlot {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: var(--spacing-24);\n height: var(--spacing-24);\n color: var(--field-icon-default);\n}\n\n.wrapper[data-disabled] .iconSlot {\n color: var(--field-icon-disabled);\n}\n\n.iconSuccess {\n color: var(--field-text-success);\n}\n\n.iconFail {\n color: var(--field-text-fail);\n}\n\n/ ── Native input ─────────────────────────────────────────── /\n\n.input {\n flex: 1 0 0;\n min-width: 1px;\n border: none;\n outline: none;\n background: transparent;\n font-family: var(--font-family-base);\n font-size: var(--font-size-md); / 16px /\n font-weight: var(--font-weight-regular);\n line-height: var(--line-height-normal);\n color: var(--field-text-default);\n caret-color: var(--field-border-focus);\n padding: 0;\n}\n\n.input::placeholder {\n color: var(--field-text-placeholder);\n}\n\n.input:focus {\n color: var(--field-text-focus);\n}\n\n.input:disabled {\n cursor: not-allowed;\n color: var(--field-text-disabled);\n}\n\n.input:disabled::placeholder {\n color: var(--field-text-disabled);\n}\n\n","/ ── Field wrapper (visual input box) ─────────────────────── /\n\n.wrapper {\n display: flex;\n align-items: center;\n height: var(--spacing-56); / 56px /\n padding: 0 var(--spacing-16);\n gap: var(--spacing-8);\n border-radius: var(--radius-md); / 8px /\n border: 1px solid transparent; / base — prevents layout shift /\n background: var(--field-surface-outline);\n border-color: var(--field-border-default);\n box-sizing: border-box;\n cursor: text;\n transition: background-color 100ms ease, border-color 100ms ease;\n}\n\n/ ── Hover — neutral ──────────────────────────────────────── /\n\n.neutral:hover:not([data-disabled]):not(:focus-within) {\n border-color: var(--field-border-hover);\n}\n\n/ ── Focus — neutral ──────────────────────────────────────── /\n\n.neutral:focus-within:not([data-disabled]) {\n border-color: var(--field-border-focus);\n}\n\n/ ── Status: Fail ─────────────────────────────────────────── /\n\n.fail {\n border-color: var(--field-border-fail-default);\n}\n\n.fail:hover:not([data-disabled]):not(:focus-within) {\n border-color: var(--field-border-fail-hover);\n}\n\n.fail:focus-within:not([data-disabled]) {\n border-color: var(--field-border-fail-focus);\n}\n\n/ ── Status: Success ──────────────────────────────────────── /\n\n.success {\n border-color: var(--field-border-success-default);\n}\n\n.success:hover:not([data-disabled]):not(:focus-within) {\n border-color: var(--field-border-success-hover);\n}\n\n.success:focus-within:not([data-disabled]) {\n border-color: var(--field-border-success-focus);\n}\n\n/ ── Disabled ─────────────────────────────────────────────── /\n\n.wrapper[data-disabled] {\n cursor: not-allowed;\n}\n\n/ ── Icon slot ────────────────────────────────────────────── /\n\n.iconSlot {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: var(--spacing-24);\n height: var(--spacing-24);\n color: var(--field-icon-default);\n}\n\n.wrapper[data-disabled] .iconSlot {\n color: var(--field-icon-disabled);\n}\n\n.iconSuccess {\n color: var(--field-text-success);\n}\n\n.iconFail {\n color: var(--field-text-fail);\n}\n\n/ ── Native input ─────────────────────────────────────────── /\n\n.input {\n flex: 1 0 0;\n min-width: 1px;\n border: none;\n outline: none;\n background: transparent;\n font-family: var(--font-family-base);\n font-size: var(--font-size-md); / 16px /\n font-weight: var(--font-weight-regular);\n line-height: var(--line-height-normal);\n color: var(--field-text-default);\n caret-color: var(--field-border-focus);\n padding: 0;\n}\n\n.input::placeholder {\n color: var(--field-text-placeholder);\n}\n\n.input:focus {\n color: var(--field-text-focus);\n}\n\n.input:disabled {\n cursor: not-allowed;\n color: var(--field-text-disabled);\n}\n\n.input:disabled::placeholder {\n color: var(--field-text-disabled);\n}\n\n/ ── Clear button ─────────────────────────────────────────── /\n\n.clearButton {\n appearance: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: var(--spacing-24);\n height: var(--spacing-24);\n padding: 0;\n border: none;\n background: none;\n cursor: pointer;\n color: var(--field-icon-subtle);\n border-radius: var(--radius-full);\n transition: color 100ms ease;\n}\n\n.clearButton:hover {\n color: var(--field-text-default);\n}\n\n.clearButton:focus-visible {\n outline: 2px solid var(--field-border-focus);\n outline-offset: 2px;\n}\n","/ ── List ─────────────────────────────────────────────────── /\n\n.list {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--spacing-8); / gap between <li> elements — right side of each › /\n list-style: none;\n margin: 0;\n padding: 0;\n font-family: var(--font-family-base);\n font-weight: var(--font-weight-regular);\n}\n\n/ ── Size variants ────────────────────────────────────────── /\n\n.list.sm {\n font-size: var(--font-size-sm); / 0.875rem / 14px /\n line-height: var(--line-height-normal);\n}\n\n.list.md {\n font-size: var(--font-size-md); / 1rem / 16px /\n line-height: var(--line-height-normal); / 1.5 → 24px /\n}\n\n/ ── Item ─────────────────────────────────────────────────── /\n\n/ .item, .middleItem, .ellipsisItem all share this layout /\n.item,\n.middleItem,\n.ellipsisItem {\n display: flex;\n align-items: center;\n gap: var(--spacing-8); / gap between link text and › — left side of each › /\n}\n\n/ ── Link (clickable crumb) ───────────────────────────────── /\n\n.link {\n color: var(--breadcrumb-text-color);\n text-decoration: none;\n white-space: nowrap;\n cursor: pointer;\n border-radius: var(--radius-sm);\n}\n\n.link:hover {\n text-decoration: underline;\n}\n\n.link:active {\n color: var(--breadcrumb-text-current-color);\n text-decoration: underline;\n}\n\n.link:focus-visible {\n outline: 2px solid var(--breadcrumb-focus-ring-color);\n outline-offset: 2px;\n text-decoration: none;\n}\n\n/ ── Current page (last crumb, non-interactive) ───────────── /\n\n.current {\n color: var(--breadcrumb-text-current-color);\n white-space: nowrap;\n}\n\n/ ── Separator (chevron icon) ─────────────────────────────── /\n\n.separator {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n color: var(--breadcrumb-separator-color);\n width: 1em;\n height: 1em;\n}\n\n/ ── Ellipsis button ──────────────────────────────────────── /\n\n.ellipsisButton {\n appearance: none;\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n color: var(--breadcrumb-text-color);\n cursor: pointer;\n border-radius: var(--radius-sm);\n}\n\n.ellipsisButton:hover {\n text-decoration: underline;\n}\n\n.ellipsisButton:focus-visible {\n outline: 2px solid var(--breadcrumb-focus-ring-color);\n outline-offset: 2px;\n text-decoration: none;\n}\n\n/ ── Collapse logic ───────────────────────────────────────── /\n\n/ Desktop: always show all items, never show ellipsis /\n.ellipsisItem {\n display: none;\n}\n\n.middleItem {\n display: flex;\n}\n\n/ Mobile: collapse middle items, show ellipsis /\n@media (max-width: 639px) {\n .list.collapsible {\n gap: var(--spacing-4);\n }\n\n .list.collapsible .item,\n .list.collapsible .middleItem,\n .list.collapsible .ellipsisItem {\n gap: var(--spacing-4);\n }\n\n .list.collapsible .ellipsisItem {\n display: flex;\n }\n\n .list.collapsible .middleItem {\n display: none;\n }\n\n / Expanded: restore all items, hide ellipsis /\n .list.collapsible.expanded .ellipsisItem {\n display: none;\n }\n\n .list.collapsible.expanded .middleItem {\n display: flex;\n }\n}\n","/ ── Wrapper ───────────────────────────────────────────────── /\n\n.wrapper {\n position: relative;\n display: inline-flex;\n}\n\n/ ── Trigger (chip button) ────────────────────────────────── /\n\n.trigger {\n position: relative;\n display: inline-flex;\n align-items: center;\n border: 1px solid var(--chip-border-color);\n border-radius: var(--radius-full);\n font-family: var(--font-family-base);\n font-weight: var(--font-weight-regular);\n color: var(--chip-text-color);\n white-space: nowrap;\n background: transparent;\n cursor: pointer;\n outline: none;\n box-sizing: border-box;\n transition: background-color 100ms ease, color 100ms ease, border-color 100ms ease;\n user-select: none;\n}\n\n/ ── Sizes ────────────────────────────────────────────────── /\n\n.sm {\n height: var(--spacing-24);\n padding-left: var(--spacing-12);\n padding-right: 6px; / design spec: --component/chip/spacing/padding/xs = 6px, no token /\n gap: 6px; / design spec: --component/chip/spacing/gap/xs = 6px, no token /\n font-size: var(--font-size-xs);\n}\n\n.md {\n height: var(--spacing-32);\n padding-left: var(--spacing-16);\n padding-right: var(--spacing-8);\n gap: var(--spacing-8);\n font-size: var(--font-size-sm);\n}\n\n/ ── Hover / Active (unselected, not disabled) ────────────── /\n\n.trigger:hover:not(:disabled):not(.selected) {\n background-color: var(--chip-hover-background);\n}\n\n.trigger:active:not(:disabled) {\n background-color: var(--chip-active-background);\n}\n\n/ ── Expand state (open but no selection) ─────────────────── /\n\n.expand:not(.selected):not(:disabled) {\n background-color: var(--chip-hover-background);\n}\n\n/ ── Selected ─────────────────────────────────────────────── /\n\n.selected {\n background-color: var(--chip-selected-background);\n border-color: var(--chip-selected-background);\n color: var(--chip-selected-text);\n}\n\n/ ── Disabled ─────────────────────────────────────────────── /\n\n.trigger:disabled {\n color: var(--chip-disabled-text);\n cursor: not-allowed;\n}\n\n/ ── Icon slot ────────────────────────────────────────────── /\n\n.icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 1em;\n height: 1em;\n}\n\n/ ── Label slot ───────────────────────────────────────────── /\n\n.label {\n flex-shrink: 0;\n}\n\n/ ── Tag slot ─────────────────────────────────────────────── /\n\n.tag {\n font-weight: var(--font-weight-extra-bold);\n flex-shrink: 0;\n}\n\n/ ── Chevron icon ─────────────────────────────────────────── /\n\n.chevron {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 24px;\n height: 24px;\n transition: transform 200ms ease;\n}\n\n.chevronOpen {\n transform: rotate(180deg);\n}\n\n/ ── Focus ring (keyboard / programmatic) ─────────────────── /\n\n.trigger:focus-visible::after {\n content: \"\";\n position: absolute;\n inset: -3px;\n border-radius: var(--radius-full);\n border: 2px solid var(--chip-focus-ring-color);\n pointer-events: none;\n}\n\n/ ── Dropdown list panel ──────────────────────────────────── /\n\n.list {\n position: absolute;\n top: calc(100% + 4px);\n left: 0;\n z-index: 10;\n min-width: 100%;\n list-style: none;\n margin: 0;\n padding: var(--spacing-4);\n background: var(--chip-dropdown-list-bg);\n border: 1px solid var(--chip-dropdown-list-border);\n border-radius: var(--radius-md);\n box-shadow: var(--chip-dropdown-list-shadow);\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n}\n\n/ ── Dropdown item ────────────────────────────────────────── /\n\n.item {\n display: flex;\n align-items: center;\n gap: 6px; / design spec: --component/dropdownItem/spacing/gap/sm = 6px, no token /\n height: var(--spacing-32);\n padding: 0 var(--spacing-12);\n border-radius: var(--radius-sm);\n cursor: pointer;\n color: var(--chip-dropdown-item-text);\n font-size: var(--font-size-sm);\n font-family: var(--font-family-base);\n font-weight: var(--font-weight-regular);\n white-space: nowrap;\n box-sizing: border-box;\n transition: background-color 100ms ease;\n list-style: none;\n}\n\n.item:hover {\n background-color: var(--chip-dropdown-item-hover-bg);\n}\n\n.item:active {\n background-color: var(--chip-dropdown-item-active-bg);\n}\n\n/ ── Item label ───────────────────────────────────────────── /\n\n.itemLabel {\n flex: 1;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/ ── Selected item ────────────────────────────────────────── /\n\n.itemSelected .itemLabel {\n font-weight: var(--font-weight-semi-bold);\n}\n\n/ ── Selected checkmark ───────────────────────────────────── /\n\n.itemCheck {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n color: var(--chip-dropdown-item-selected-check);\n}","/ ── Card shell ───────────────────────────────────────────── /\n\n.card {\n display: flex;\n flex-direction: column;\n border-radius: var(--radius-2xl);\n overflow: hidden;\n height: 29.5rem;\n position: relative;\n width: 100%;\n}\n\n/ ── Variant backgrounds ──────────────────────────────────── /\n\n.style--light { background-color: var(--color-slate-75); }\n.style--dark { background-color: var(--color-slate-1200); }\n.style--brand { background-color: var(--color-coral-500); }\n.style--image { background-color: transparent; }\n\n/ ── Content area ─────────────────────────────────────────── /\n\n.content {\n flex: 1 0 0;\n display: flex;\n flex-direction: column;\n gap: var(--spacing-16);\n padding: var(--spacing-32);\n position: relative;\n z-index: 1;\n min-height: 0;\n}\n\n/ ── Text colours ─────────────────────────────────────────── /\n\n.textDefault { color: var(--color-slate-1200); }\n.textInverse { color: var(--color-slate-50); }\n\n/ ── Title ────────────────────────────────────────────────── /\n\n.title {\n font-family: var(--typography-h5-font-family);\n font-size: var(--typography-h5-font-size);\n font-weight: var(--typography-h5-font-weight);\n line-height: var(--typography-h5-line-height);\n margin: 0;\n width: 100%;\n}\n\n/ ── Description ──────────────────────────────────────────── /\n\n.description {\n font-family: var(--typography-body-md-font-family);\n font-size: var(--typography-body-md-font-size);\n font-weight: var(--typography-body-md-font-weight);\n line-height: var(--typography-body-md-line-height);\n margin: 0;\n width: 100%;\n}\n\n/ ── Inline link ──────────────────────────────────────────── /\n\n.link {\n display: inline-flex;\n align-items: center;\n gap: var(--spacing-8);\n background: none;\n border: none;\n padding: 0;\n cursor: pointer;\n font-family: var(--font-family-base);\n font-size: var(--font-size-md);\n font-weight: var(--font-weight-semi-bold);\n line-height: var(--line-height-tight);\n text-decoration: none;\n transition: opacity 150ms ease;\n}\n\n.link:hover { opacity: 0.8; }\n\n.linkCoral { color: var(--link-coral-color); }\n.linkInverse { color: var(--link-white-color); }\n\n/ ── Image section (light / dark / brand) ─────────────────── /\n\n.imageSection {\n height: 17.5rem;\n flex-shrink: 0;\n position: relative;\n overflow: hidden;\n}\n\n.image {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n}\n\n/ ── Full-bleed image overlay (image style) ───────────────── /\n\n.imageOverlay {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 0;\n}\n\n.overlayImg {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n}\n\n.gradient {\n position: absolute;\n inset: 0;\n background: linear-gradient(\n to bottom,\n var(--color-opacity-slate-72) 28%,\n transparent 54%\n );\n}\n","/ ── Card shell ───────────────────────────────────────────── /\n\n.card {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-16); / Figma: 16px /\n padding: var(--spacing-32); / Figma: 32px /\n background-color: var(--color-slate-75);\n border-radius: var(--radius-2xl);\n overflow: hidden;\n width: 100%;\n box-sizing: border-box;\n}\n\n/ ── Icon ─────────────────────────────────────────────────── /\n\n.icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--spacing-32); / Figma: 32px /\n height: var(--spacing-32);\n flex-shrink: 0;\n color: var(--color-slate-1200);\n}\n\n/ ── Title ────────────────────────────────────────────────── /\n\n.title {\n font-family: var(--typography-h5-font-family);\n font-size: var(--typography-h5-font-size);\n font-weight: var(--typography-h5-font-weight);\n line-height: var(--typography-h5-line-height);\n color: var(--color-slate-1200);\n margin: 0;\n width: 100%;\n}\n\n/ ── Description ──────────────────────────────────────────── /\n\n.description {\n font-family: var(--typography-body-md-font-family);\n font-size: var(--typography-body-md-font-size);\n font-weight: var(--typography-body-md-font-weight);\n line-height: var(--typography-body-md-line-height);\n color: var(--color-slate-1200);\n margin: 0;\n width: 100%;\n}\n\n/ ── Link ─────────────────────────────────────────────────── /\n\n.link {\n display: inline-flex;\n align-items: center;\n gap: var(--spacing-8);\n background: none;\n border: none;\n padding: 0;\n cursor: pointer;\n font-family: var(--font-family-base);\n font-size: var(--font-size-md);\n font-weight: var(--font-weight-semi-bold);\n line-height: var(--line-height-tight);\n color: var(--link-coral-color);\n text-decoration: none;\n transition: opacity 150ms ease;\n}\n\n.link:hover { opacity: 0.8; }\n","/ ── Card shell ───────────────────────────────────────────── /\n\n.card {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-24);\n width: 100%;\n}\n\n/ ── Thumbnail wrapper ────────────────────────────────────── /\n\n.thumbnailWrapper {\n position: relative;\n width: 100%;\n aspect-ratio: 4 / 3;\n border-radius: var(--radius-2xl);\n overflow: hidden;\n flex-shrink: 0;\n}\n\n.thumbnailImage {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: inherit;\n pointer-events: none;\n display: block;\n}\n\n/ ── Play button (video only) ─────────────────────────────── /\n\n.playButton {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--spacing-80);\n height: var(--spacing-80);\n pointer-events: none;\n}\n\n/ ── Author avatar (article only) ────────────────────────── /\n\n.avatar {\n position: absolute;\n bottom: var(--spacing-24);\n right: var(--spacing-24);\n width: var(--spacing-72);\n height: var(--spacing-72);\n border-radius: var(--radius-full);\n object-fit: cover;\n display: block;\n}\n\n/ ── Content area ─────────────────────────────────────────── /\n\n.content {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-16);\n width: 100%;\n}\n\n/ ── Meta row ─────────────────────────────────────────────── /\n\n.metaRow {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n flex-wrap: wrap;\n gap: var(--spacing-12);\n}\n\n.tagsList {\n display: flex;\n align-items: center;\n gap: var(--spacing-12);\n flex: 1 0 0;\n min-width: 0;\n}\n\n/ ── Copy-link button ─────────────────────────────────────── /\n\n.copyLink {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: var(--spacing-32);\n min-height: var(--spacing-32);\n max-height: var(--spacing-32);\n padding: 0 var(--spacing-12);\n border-radius: var(--radius-full);\n border: 1px solid var(--tag-outline-border);\n background: transparent;\n color: var(--tag-text-color);\n cursor: pointer;\n flex-shrink: 0;\n transition: background-color 100ms ease;\n}\n\n.copyLink:hover {\n background-color: var(--tag-fill-background);\n}\n\n/ ── Title ────────────────────────────────────────────────── /\n\n.title {\n font-family: var(--typography-h5-font-family);\n font-size: var(--typography-h5-font-size);\n font-weight: var(--typography-h5-font-weight);\n line-height: var(--typography-h5-line-height);\n color: var(--color-slate-1200);\n overflow: hidden;\n text-overflow: ellipsis;\n margin: 0;\n}\n\n/ ── Summary ──────────────────────────────────────────────── /\n\n.summary {\n font-family: var(--typography-body-md-font-family);\n font-size: var(--typography-body-md-font-size);\n font-weight: var(--typography-body-md-font-weight);\n line-height: var(--typography-body-md-line-height);\n color: var(--color-slate-1200);\n overflow: hidden;\n text-overflow: ellipsis;\n margin: 0;\n}\n","/ ── Container ────────────────────────────────────────────── /\n\n.pagination {\n display: flex;\n align-items: center;\n gap: var(--spacing-8);\n}\n\n/ ── Page button ──────────────────────────────────────────── /\n\n.pageButton {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--spacing-32);\n height: var(--spacing-32);\n flex-shrink: 0;\n padding: 0;\n border: none;\n border-radius: var(--pagination-page-radius);\n background: transparent;\n color: var(--pagination-page-text);\n font-family: var(--font-family-base);\n font-size: var(--font-size-sm);\n font-weight: var(--font-weight-regular);\n line-height: 1.375rem;\n text-align: center;\n white-space: nowrap;\n cursor: pointer;\n outline: none;\n box-sizing: border-box;\n}\n\n.pageButton:focus-visible {\n outline: 2px solid var(--color-blue-600);\n outline-offset: 2px;\n}\n\n/ ── Active / selected page button ───────────────────────── /\n\n.pageButtonSelected {\n background: var(--pagination-page-selected-bg);\n color: var(--pagination-page-selected-text);\n border-radius: var(--pagination-page-radius);\n cursor: default;\n}\n\n/ ── Ellipsis ─────────────────────────────────────────────── /\n\n.ellipsis {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--spacing-32);\n height: var(--spacing-32);\n flex-shrink: 0;\n color: var(--pagination-page-ellipsis-text);\n font-family: var(--font-family-base);\n font-size: var(--font-size-sm);\n font-weight: var(--font-weight-regular);\n line-height: 1.375rem;\n user-select: none;\n}\n\n/ ── Nav button (prev / next) ─────────────────────────────── /\n\n.navButton {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--spacing-32);\n height: var(--spacing-32);\n flex-shrink: 0;\n padding: 0;\n border: none;\n border-radius: var(--radius-sm);\n background: transparent;\n color: var(--pagination-nav-icon);\n cursor: pointer;\n outline: none;\n box-sizing: border-box;\n}\n\n.navButton:focus-visible {\n outline: 2px solid var(--color-blue-600);\n outline-offset: 2px;\n border-radius: var(--radius-md);\n}\n\n/ ── Nav button disabled ──────────────────────────────────── /\n\n.navButtonDisabled {\n color: var(--pagination-nav-icon-disabled);\n cursor: not-allowed;\n}\n\n/ ── Nav icon slot ────────────────────────────────────────── */\n\n.navIcon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--spacing-16);\n height: var(--spacing-16);\n flex-shrink: 0;\n}\n"],"mappings":"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","names":[]}
1	+ {"version":3,"sources":["../primitives/Button/Button.css","../primitives/Link/Link.css","../primitives/Chip/Chip.css","../primitives/Tag/Tag.css","../primitives/Accordion/Accordion.css","../primitives/TextField/TextField.css","../primitives/SearchField/SearchField.css","../primitives/Breadcrumb/Breadcrumb.css","../primitives/ChipDropdown/ChipDropdown.css","../components/Card/CardPrimaryVariant.css","../components/Card/CardSecondaryVariant.css","../components/Card/CardThumbnailVariant.css","../primitives/Pagination/Pagination.css","../templates/FeatureCards/FeatureCards.css"],"sourcesContent":["/* ── Base ─────────────────────────────────────────────────── /\n\n.button {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--spacing-8);\n padding: calc(var(--spacing-16) - 2px) calc(var(--spacing-24) - 2px);\n min-width: var(--spacing-96);\n border: 2px solid transparent;\n border-radius: var(--radius-full);\n font-family: var(--font-family-base);\n font-size: var(--font-size-lg);\n font-weight: var(--font-weight-extra-bold);\n line-height: 1;\n text-align: center;\n white-space: nowrap;\n text-decoration: none;\n cursor: pointer;\n outline: none;\n box-sizing: border-box;\n transition: background-color 100ms ease, border-color 100ms ease, opacity 100ms ease;\n}\n\n/ ── Full-width ───────────────────────────────────────────── /\n\n.button.fullWidth {\n width: 100%;\n}\n\n/ ── Icon-only — square pill, no label ───────────────────── /\n\n.button.iconOnly {\n padding: calc(var(--spacing-16) - 2px);\n min-width: unset;\n width: var(--spacing-48);\n height: var(--spacing-48);\n}\n\n/ ── Label slot ───────────────────────────────────────────── /\n\n.button .label {\n flex: 1 0 0;\n min-width: 1px;\n min-height: 1px;\n}\n\n/ ── Icon slot ────────────────────────────────────────────── /\n\n.button .icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--spacing-16);\n height: var(--spacing-16);\n flex-shrink: 0;\n}\n\n/ ── Focus ring overlay ───────────────────────────────────── /\n\n.button .focusRing {\n position: absolute;\n inset: -2px;\n border-radius: var(--radius-full);\n border: 2px solid var(--color-blue-600);\n pointer-events: none;\n}\n\n.button:focus-visible::after {\n content: \"\";\n position: absolute;\n inset: -2px;\n border-radius: var(--radius-full);\n border: 2px solid var(--color-blue-600);\n pointer-events: none;\n}\n\n/ ============================================================\n CORAL color scheme\n ============================================================ /\n\n.coral_primary {\n background-color: var(--color-coral-500);\n color: var(--color-slate-50);\n}\n\n.coral_primary:hover:not(:disabled) {\n background-color: var(--color-coral-600);\n}\n\n.coral_primary:active:not(:disabled) {\n background-color: var(--color-coral-700);\n}\n\n.coral_primary:disabled {\n opacity: 0.24;\n cursor: not-allowed;\n}\n\n.coral_secondary {\n background-color: transparent;\n color: var(--color-coral-500);\n border-color: var(--color-coral-500);\n}\n\n.coral_secondary:hover:not(:disabled) {\n background-color: rgba(255, 68, 79, 0.08);\n}\n\n.coral_secondary:active:not(:disabled) {\n background-color: rgba(255, 68, 79, 0.16);\n}\n\n.coral_secondary:disabled {\n opacity: 0.24;\n cursor: not-allowed;\n}\n\n/ ============================================================\n BLACK color scheme\n ============================================================ /\n\n.black_primary {\n background-color: var(--color-slate-1300);\n color: var(--color-slate-50);\n}\n\n.black_primary:hover:not(:disabled) {\n background-color: rgba(24, 28, 37, 0.8);\n}\n\n.black_primary:active:not(:disabled) {\n background-color: var(--color-opacity-slate-88);\n}\n\n.black_primary:disabled {\n opacity: 0.24;\n cursor: not-allowed;\n}\n\n.black_secondary {\n background-color: transparent;\n color: var(--color-slate-1300);\n border-color: var(--color-slate-1300);\n}\n\n.black_secondary:hover:not(:disabled) {\n background-color: var(--color-opacity-slate-4);\n}\n\n.black_secondary:active:not(:disabled) {\n background-color: var(--color-opacity-slate-8);\n}\n\n.black_secondary:disabled {\n opacity: 0.24;\n cursor: not-allowed;\n}\n\n/ ============================================================\n WHITE color scheme — intended for use on dark backgrounds\n ============================================================ /\n\n.white_primary {\n background-color: var(--color-slate-50);\n color: var(--color-slate-1300);\n}\n\n.white_primary:hover:not(:disabled) {\n background-color: rgba(255, 255, 255, 0.8);\n}\n\n.white_primary:active:not(:disabled) {\n background-color: var(--color-opacity-white-88);\n}\n\n.white_primary:disabled {\n opacity: 0.24;\n cursor: not-allowed;\n}\n\n.white_secondary {\n background-color: transparent;\n color: var(--color-slate-50);\n border-color: var(--color-slate-50);\n}\n\n.white_secondary:hover:not(:disabled) {\n background-color: var(--color-opacity-white-8);\n}\n\n.white_secondary:active:not(:disabled) {\n background-color: var(--color-opacity-white-16);\n}\n\n.white_secondary:disabled {\n opacity: 0.24;\n cursor: not-allowed;\n}\n","/ ── Base ─────────────────────────────────────────────────── /\n\n.link {\n display: inline-flex;\n align-items: center;\n gap: var(--spacing-8);\n cursor: pointer;\n text-decoration: none;\n font-family: var(--font-family-base);\n font-size: var(--font-size-md);\n font-weight: var(--font-weight-semi-bold);\n line-height: 1;\n white-space: nowrap;\n background: none;\n border: none;\n padding: 0;\n outline: none;\n transition: gap 150ms ease;\n}\n\n.link:focus-visible {\n outline: 2px solid var(--color-blue-600);\n outline-offset: 2px;\n border-radius: var(--radius-xs);\n}\n\n/ ── Disabled ─────────────────────────────────────────────── /\n\n.link.disabled {\n opacity: var(--link-disabled-opacity);\n cursor: not-allowed;\n pointer-events: none;\n}\n\n/ ── Icon slot ────────────────────────────────────────────── /\n\n.link .icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--spacing-16);\n height: var(--spacing-16);\n flex-shrink: 0;\n}\n\n/ ── Chevron slot ─────────────────────────────────────────── /\n\n.link .chevron {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: var(--spacing-16);\n height: var(--spacing-16);\n transition: transform 150ms ease;\n}\n\n/ ── Label slot ───────────────────────────────────────────── /\n\n.link .label {\n text-decoration-skip-ink: none;\n}\n\n/ ── Chevron mode: gap expands on hover/active ────────────── /\n\n.link.withChevron:hover,\n.link.withChevron:active {\n gap: var(--spacing-16);\n}\n\n/ ── Icon mode: label underlines on hover/active ──────────── /\n\n.link.withIcon:hover .label,\n.link.withIcon:active .label {\n text-decoration: underline;\n text-decoration-style: solid;\n}\n\n/ ── Color schemes ────────────────────────────────────────── /\n\n.link.coral {\n color: var(--link-coral-color);\n}\n\n.link.black {\n color: var(--link-black-color);\n}\n\n.link.white {\n color: var(--link-white-color);\n}\n","/ ── Base ─────────────────────────────────────────────────── /\n\n.chip {\n position: relative;\n display: inline-flex;\n align-items: center;\n border: 1px solid var(--chip-border-color);\n border-radius: var(--radius-full);\n font-family: var(--font-family-base);\n font-weight: var(--font-weight-regular);\n line-height: 1;\n color: var(--chip-text-color);\n white-space: nowrap;\n background: transparent;\n cursor: pointer;\n outline: none;\n box-sizing: border-box;\n transition: background-color 100ms ease, color 100ms ease, border-color 100ms ease;\n user-select: none;\n}\n\n/ ── Sizes ────────────────────────────────────────────────── /\n\n.chip.sm {\n height: var(--spacing-24);\n padding: 0 var(--spacing-12);\n gap: 6px;\n font-size: var(--font-size-xs);\n}\n\n.chip.md {\n height: var(--spacing-32);\n padding: 0 var(--spacing-16);\n gap: var(--spacing-8);\n font-size: var(--font-size-sm);\n}\n\n.chip.lg {\n height: var(--spacing-48);\n padding: 0 var(--spacing-24);\n gap: var(--spacing-12);\n font-size: var(--font-size-md);\n}\n\n/ ── Hover / Active (unselected only) ─────────────────────── /\n\n.chip:hover:not(:disabled):not(.selected) {\n background-color: var(--chip-hover-background);\n}\n\n.chip:active:not(:disabled):not(.selected) {\n background-color: var(--chip-active-background);\n}\n\n/ ── Selected ─────────────────────────────────────────────── /\n\n.chip.selected {\n background-color: var(--chip-selected-background);\n border-color: var(--chip-selected-background);\n color: var(--chip-selected-text);\n}\n\n/ ── Disabled ─────────────────────────────────────────────── /\n\n.chip:disabled {\n color: var(--chip-disabled-text);\n cursor: not-allowed;\n}\n\n/ ── Icon slot ────────────────────────────────────────────── /\n\n.chip .icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 1em;\n height: 1em;\n}\n\n/ ── Label slot ───────────────────────────────────────────── /\n\n.chip .label {\n flex-shrink: 0;\n}\n\n/ ── Tag slot ─────────────────────────────────────────────── /\n\n.chip .tag {\n font-weight: var(--font-weight-extra-bold);\n flex-shrink: 0;\n}\n\n/ ── Focus ring overlay ───────────────────────────────────── /\n\n.chip .focusRing {\n position: absolute;\n inset: -3px;\n border-radius: var(--radius-full);\n border: 2px solid var(--chip-focus-ring-color);\n pointer-events: none;\n}\n\n.chip.selected .focusRing {\n inset: -2px;\n}\n\n.chip:focus-visible::after {\n content: \"\";\n position: absolute;\n inset: -3px;\n border-radius: var(--radius-full);\n border: 2px solid var(--chip-focus-ring-color);\n pointer-events: none;\n}\n\n.chip.selected:focus-visible::after {\n inset: -2px;\n}\n","/ ── Base ─────────────────────────────────────────────────── /\n\n.tag {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n white-space: nowrap;\n font-family: var(--font-family-base);\n line-height: 1;\n color: var(--tag-text-color);\n border-radius: var(--radius-full);\n}\n\n/ ── Variants ─────────────────────────────────────────────── /\n\n.tag.fill {\n background-color: var(--tag-fill-background);\n}\n\n.tag.outline {\n border: 1px solid var(--tag-outline-border);\n}\n\n/ ── Sizes ────────────────────────────────────────────────── /\n\n.tag.xs {\n height: 22px;\n padding: 0 var(--spacing-4);\n gap: var(--spacing-4);\n font-size: var(--font-size-xs);\n}\n\n.tag.sm {\n height: var(--spacing-24);\n padding: 0 var(--spacing-8);\n gap: var(--spacing-8);\n font-size: var(--font-size-xs);\n}\n\n.tag.md {\n height: var(--spacing-32);\n padding: 0 var(--spacing-12);\n gap: var(--spacing-12);\n font-size: var(--font-size-sm);\n}\n\n.tag.lg {\n height: var(--spacing-48);\n padding: 0 var(--spacing-16);\n gap: var(--spacing-16);\n font-size: var(--font-size-md);\n}\n\n/ ── Font weights ─────────────────────────────────────────── /\n\n.tag.regular {\n font-weight: var(--font-weight-regular);\n}\n\n.tag.bold {\n font-weight: var(--font-weight-semi-bold);\n}\n\n/ ── Icon slot ────────────────────────────────────────────── /\n\n.tag .icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 1em;\n height: 1em;\n}\n\n/ ── Label slot ───────────────────────────────────────────── /\n\n.tag .label {\n flex-shrink: 0;\n}\n","/ ── Container ────────────────────────────────────────────── /\n\n.accordion {\n position: relative;\n width: 100%;\n max-width: 846px;\n box-sizing: border-box;\n}\n\n/ ── Header ───────────────────────────────────────────────── /\n\n.accordion .header {\n display: flex;\n align-items: center;\n gap: var(--spacing-24);\n padding: var(--spacing-24) 0;\n width: 100%;\n background: none;\n border: none;\n cursor: pointer;\n outline: none;\n position: relative;\n text-align: left;\n box-sizing: border-box;\n}\n\n.accordion .header:focus-visible::after {\n content: \"\";\n position: absolute;\n inset: -2px;\n border: 2px solid var(--accordion-focus-ring-color);\n pointer-events: none;\n}\n\n/ ── Focus ring overlay ───────────────────────────────────── /\n\n.accordion .focusRing {\n position: absolute;\n inset: -2px;\n border: 2px solid var(--accordion-focus-ring-color);\n pointer-events: none;\n}\n\n/ ── Title slot ───────────────────────────────────────────── /\n\n.accordion .titleWrapper {\n flex: 1 0 0;\n min-width: 1px;\n}\n\n.accordion .title {\n font-family: var(--font-family-base);\n font-size: var(--font-size-lg);\n font-weight: var(--font-weight-semi-bold);\n line-height: var(--line-height-normal);\n color: var(--accordion-title-color);\n}\n\n/ ── Chevron slot ─────────────────────────────────────────── /\n\n.accordion .chevron {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--spacing-24);\n height: var(--spacing-24);\n flex-shrink: 0;\n color: var(--accordion-chevron-color);\n transition: transform 200ms ease;\n}\n\n.accordion .chevronRotated {\n transform: rotate(180deg);\n}\n\n/ ── Body — CSS Grid animated collapse ────────────────────── /\n\n.accordion .bodyWrapper {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 200ms ease;\n}\n\n.accordion .bodyWrapperOpen {\n grid-template-rows: 1fr;\n}\n\n.accordion .bodyInner {\n overflow: hidden;\n}\n\n.accordion .body {\n padding-bottom: var(--spacing-24);\n font-family: var(--font-family-base);\n font-size: var(--font-size-md);\n font-weight: var(--font-weight-regular);\n line-height: var(--line-height-normal);\n color: var(--accordion-body-color);\n}\n","/ ── Field wrapper (visual input box) ─────────────────────── /\n\n.tf-wrapper {\n display: flex;\n align-items: center;\n height: var(--spacing-56);\n padding: 0 var(--spacing-16);\n gap: var(--spacing-8);\n border-radius: var(--radius-md);\n border: 1px solid transparent;\n box-sizing: border-box;\n cursor: text;\n transition: background-color 100ms ease, border-color 100ms ease;\n}\n\n/ ── Variant: Outline ─────────────────────────────────────── /\n\n.tf-wrapper.outline {\n background: var(--field-surface-outline);\n border-color: var(--field-border-default);\n}\n\n/ ── Variant: Fill ────────────────────────────────────────── /\n\n.tf-wrapper.fill {\n background: var(--field-surface-fill);\n}\n\n/ ── Hover — neutral ──────────────────────────────────────── /\n\n.tf-wrapper.neutral.outline:hover:not([data-disabled]):not(:focus-within) {\n border-color: var(--field-border-hover);\n}\n\n.tf-wrapper.neutral.fill:hover:not([data-disabled]):not(:focus-within) {\n background: var(--field-surface-fill-hover);\n}\n\n/ ── Focus — neutral ──────────────────────────────────────── /\n\n.tf-wrapper.neutral.outline:focus-within:not([data-disabled]) {\n border-color: var(--field-border-focus);\n}\n\n.tf-wrapper.neutral.fill:focus-within:not([data-disabled]) {\n border-color: var(--field-border-focus);\n}\n\n/ ── Status: Fail — Outline ───────────────────────────────── /\n\n.tf-wrapper.fail.outline {\n border-color: var(--field-border-fail-default);\n}\n\n.tf-wrapper.fail.outline:hover:not([data-disabled]):not(:focus-within) {\n border-color: var(--field-border-fail-hover);\n}\n\n.tf-wrapper.fail.outline:focus-within:not([data-disabled]) {\n border-color: var(--field-border-fail-focus);\n}\n\n/ ── Status: Fail — Fill ──────────────────────────────────── /\n\n.tf-wrapper.fail.fill {\n background: var(--field-surface-fail);\n}\n\n.tf-wrapper.fail.fill:hover:not([data-disabled]):not(:focus-within) {\n background: var(--field-surface-fail-hover);\n}\n\n.tf-wrapper.fail.fill:focus-within:not([data-disabled]) {\n background: var(--field-surface-fail);\n border-color: var(--field-border-fail-focus);\n}\n\n/ ── Status: Success — Outline ────────────────────────────── /\n\n.tf-wrapper.success.outline {\n border-color: var(--field-border-success-default);\n}\n\n.tf-wrapper.success.outline:hover:not([data-disabled]):not(:focus-within) {\n border-color: var(--field-border-success-hover);\n}\n\n.tf-wrapper.success.outline:focus-within:not([data-disabled]) {\n border-color: var(--field-border-success-focus);\n}\n\n/ ── Status: Success — Fill ───────────────────────────────── /\n\n.tf-wrapper.success.fill {\n background: var(--field-surface-success);\n}\n\n.tf-wrapper.success.fill:hover:not([data-disabled]):not(:focus-within) {\n background: var(--field-surface-success-hover);\n}\n\n.tf-wrapper.success.fill:focus-within:not([data-disabled]) {\n background: var(--field-surface-success);\n border-color: var(--field-border-success-focus);\n}\n\n/ ── Disabled ─────────────────────────────────────────────── /\n\n.tf-wrapper[data-disabled] {\n cursor: not-allowed;\n}\n\n/ ── Icon slot ────────────────────────────────────────────── /\n\n.tf-wrapper .iconSlot {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: var(--spacing-24);\n height: var(--spacing-24);\n color: var(--field-icon-default);\n}\n\n.tf-wrapper[data-disabled] .iconSlot {\n color: var(--field-icon-disabled);\n}\n\n.tf-wrapper .iconSuccess {\n color: var(--field-text-success);\n}\n\n.tf-wrapper .iconFail {\n color: var(--field-text-fail);\n}\n\n/ ── Native input ─────────────────────────────────────────── /\n\n.tf-wrapper .tf-input {\n flex: 1 0 0;\n min-width: 1px;\n border: none;\n outline: none;\n background: transparent;\n font-family: var(--font-family-base);\n font-size: var(--font-size-md);\n font-weight: var(--font-weight-regular);\n line-height: var(--line-height-normal);\n color: var(--field-text-default);\n caret-color: var(--field-border-focus);\n padding: 0;\n}\n\n.tf-wrapper .tf-input::placeholder {\n color: var(--field-text-placeholder);\n}\n\n.tf-wrapper .tf-input:focus {\n color: var(--field-text-focus);\n}\n\n.tf-wrapper .tf-input:disabled {\n cursor: not-allowed;\n color: var(--field-text-disabled);\n}\n\n.tf-wrapper .tf-input:disabled::placeholder {\n color: var(--field-text-disabled);\n}\n","/ ── Field wrapper (visual input box) ─────────────────────── /\n\n.sf-wrapper {\n display: flex;\n align-items: center;\n height: var(--spacing-56);\n padding: 0 var(--spacing-16);\n gap: var(--spacing-8);\n border-radius: var(--radius-md);\n border: 1px solid transparent;\n background: var(--field-surface-outline);\n border-color: var(--field-border-default);\n box-sizing: border-box;\n cursor: text;\n transition: background-color 100ms ease, border-color 100ms ease;\n}\n\n/ ── Hover — neutral ──────────────────────────────────────── /\n\n.sf-wrapper.neutral:hover:not([data-disabled]):not(:focus-within) {\n border-color: var(--field-border-hover);\n}\n\n/ ── Focus — neutral ──────────────────────────────────────── /\n\n.sf-wrapper.neutral:focus-within:not([data-disabled]) {\n border-color: var(--field-border-focus);\n}\n\n/ ── Status: Fail ─────────────────────────────────────────── /\n\n.sf-wrapper.fail {\n border-color: var(--field-border-fail-default);\n}\n\n.sf-wrapper.fail:hover:not([data-disabled]):not(:focus-within) {\n border-color: var(--field-border-fail-hover);\n}\n\n.sf-wrapper.fail:focus-within:not([data-disabled]) {\n border-color: var(--field-border-fail-focus);\n}\n\n/ ── Status: Success ──────────────────────────────────────── /\n\n.sf-wrapper.success {\n border-color: var(--field-border-success-default);\n}\n\n.sf-wrapper.success:hover:not([data-disabled]):not(:focus-within) {\n border-color: var(--field-border-success-hover);\n}\n\n.sf-wrapper.success:focus-within:not([data-disabled]) {\n border-color: var(--field-border-success-focus);\n}\n\n/ ── Disabled ─────────────────────────────────────────────── /\n\n.sf-wrapper[data-disabled] {\n cursor: not-allowed;\n}\n\n/ ── Icon slot ────────────────────────────────────────────── /\n\n.sf-wrapper .iconSlot {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: var(--spacing-24);\n height: var(--spacing-24);\n color: var(--field-icon-default);\n}\n\n.sf-wrapper[data-disabled] .iconSlot {\n color: var(--field-icon-disabled);\n}\n\n.sf-wrapper .iconSuccess {\n color: var(--field-text-success);\n}\n\n.sf-wrapper .iconFail {\n color: var(--field-text-fail);\n}\n\n/ ── Native input ─────────────────────────────────────────── /\n\n.sf-wrapper .sf-input {\n flex: 1 0 0;\n min-width: 1px;\n border: none;\n outline: none;\n background: transparent;\n font-family: var(--font-family-base);\n font-size: var(--font-size-md);\n font-weight: var(--font-weight-regular);\n line-height: var(--line-height-normal);\n color: var(--field-text-default);\n caret-color: var(--field-border-focus);\n padding: 0;\n}\n\n.sf-wrapper .sf-input::placeholder {\n color: var(--field-text-placeholder);\n}\n\n.sf-wrapper .sf-input:focus {\n color: var(--field-text-focus);\n}\n\n.sf-wrapper .sf-input:disabled {\n cursor: not-allowed;\n color: var(--field-text-disabled);\n}\n\n.sf-wrapper .sf-input:disabled::placeholder {\n color: var(--field-text-disabled);\n}\n\n/ ── Clear button ─────────────────────────────────────────── /\n\n.sf-wrapper .clearButton {\n appearance: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: var(--spacing-24);\n height: var(--spacing-24);\n padding: 0;\n border: none;\n background: none;\n cursor: pointer;\n color: var(--field-icon-subtle);\n border-radius: var(--radius-full);\n transition: color 100ms ease;\n}\n\n.sf-wrapper .clearButton:hover {\n color: var(--field-text-default);\n}\n\n.sf-wrapper .clearButton:focus-visible {\n outline: 2px solid var(--field-border-focus);\n outline-offset: 2px;\n}\n","/ ── List ─────────────────────────────────────────────────── /\n\n.bc-list {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--spacing-8);\n list-style: none;\n margin: 0;\n padding: 0;\n font-family: var(--font-family-base);\n font-weight: var(--font-weight-regular);\n}\n\n/ ── Size variants ────────────────────────────────────────── /\n\n.bc-list.sm {\n font-size: var(--font-size-sm);\n line-height: var(--line-height-normal);\n}\n\n.bc-list.md {\n font-size: var(--font-size-md);\n line-height: var(--line-height-normal);\n}\n\n/ ── Item ─────────────────────────────────────────────────── /\n\n.bc-item,\n.bc-middleItem,\n.bc-ellipsisItem {\n display: flex;\n align-items: center;\n gap: var(--spacing-8);\n}\n\n/ ── Link (clickable crumb) ───────────────────────────────── /\n\n.bc-link {\n color: var(--breadcrumb-text-color);\n text-decoration: none;\n white-space: nowrap;\n cursor: pointer;\n border-radius: var(--radius-sm);\n}\n\n.bc-link:hover {\n text-decoration: underline;\n}\n\n.bc-link:active {\n color: var(--breadcrumb-text-current-color);\n text-decoration: underline;\n}\n\n.bc-link:focus-visible {\n outline: 2px solid var(--breadcrumb-focus-ring-color);\n outline-offset: 2px;\n text-decoration: none;\n}\n\n/ ── Current page (last crumb, non-interactive) ───────────── /\n\n.bc-current {\n color: var(--breadcrumb-text-current-color);\n white-space: nowrap;\n}\n\n/ ── Separator (chevron icon) ─────────────────────────────── /\n\n.bc-separator {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n color: var(--breadcrumb-separator-color);\n width: 1em;\n height: 1em;\n}\n\n/ ── Ellipsis button ──────────────────────────────────────── /\n\n.bc-ellipsisButton {\n appearance: none;\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n color: var(--breadcrumb-text-color);\n cursor: pointer;\n border-radius: var(--radius-sm);\n}\n\n.bc-ellipsisButton:hover {\n text-decoration: underline;\n}\n\n.bc-ellipsisButton:focus-visible {\n outline: 2px solid var(--breadcrumb-focus-ring-color);\n outline-offset: 2px;\n text-decoration: none;\n}\n\n/ ── Collapse logic ───────────────────────────────────────── /\n\n.bc-ellipsisItem {\n display: none;\n}\n\n.bc-middleItem {\n display: flex;\n}\n\n@media (max-width: 639px) {\n .bc-list.collapsible {\n gap: var(--spacing-4);\n }\n\n .bc-list.collapsible .bc-item,\n .bc-list.collapsible .bc-middleItem,\n .bc-list.collapsible .bc-ellipsisItem {\n gap: var(--spacing-4);\n }\n\n .bc-list.collapsible .bc-ellipsisItem {\n display: flex;\n }\n\n .bc-list.collapsible .bc-middleItem {\n display: none;\n }\n\n .bc-list.collapsible.expanded .bc-ellipsisItem {\n display: none;\n }\n\n .bc-list.collapsible.expanded .bc-middleItem {\n display: flex;\n }\n}\n","/ ── Wrapper ───────────────────────────────────────────────── /\n\n.cd-wrapper {\n position: relative;\n display: inline-flex;\n}\n\n/ ── Trigger (chip button) ────────────────────────────────── /\n\n.cd-trigger {\n position: relative;\n display: inline-flex;\n align-items: center;\n border: 1px solid var(--chip-border-color);\n border-radius: var(--radius-full);\n font-family: var(--font-family-base);\n font-weight: var(--font-weight-regular);\n color: var(--chip-text-color);\n white-space: nowrap;\n background: transparent;\n cursor: pointer;\n outline: none;\n box-sizing: border-box;\n transition: background-color 100ms ease, color 100ms ease, border-color 100ms ease;\n user-select: none;\n}\n\n/ ── Sizes ────────────────────────────────────────────────── /\n\n.cd-trigger.sm {\n height: var(--spacing-24);\n padding-left: var(--spacing-12);\n padding-right: 6px;\n gap: 6px;\n font-size: var(--font-size-xs);\n}\n\n.cd-trigger.md {\n height: var(--spacing-32);\n padding-left: var(--spacing-16);\n padding-right: var(--spacing-8);\n gap: var(--spacing-8);\n font-size: var(--font-size-sm);\n}\n\n/ ── Hover / Active (unselected, not disabled) ────────────── /\n\n.cd-trigger:hover:not(:disabled):not(.selected) {\n background-color: var(--chip-hover-background);\n}\n\n.cd-trigger:active:not(:disabled) {\n background-color: var(--chip-active-background);\n}\n\n/ ── Expand state (open but no selection) ─────────────────── /\n\n.cd-trigger.expand:not(.selected):not(:disabled) {\n background-color: var(--chip-hover-background);\n}\n\n/ ── Selected ─────────────────────────────────────────────── /\n\n.cd-trigger.selected {\n background-color: var(--chip-selected-background);\n border-color: var(--chip-selected-background);\n color: var(--chip-selected-text);\n}\n\n/ ── Disabled ─────────────────────────────────────────────── /\n\n.cd-trigger:disabled {\n color: var(--chip-disabled-text);\n cursor: not-allowed;\n}\n\n/ ── Icon slot ────────────────────────────────────────────── /\n\n.cd-trigger .cd-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 1em;\n height: 1em;\n}\n\n/ ── Label slot ───────────────────────────────────────────── /\n\n.cd-trigger .cd-label {\n flex-shrink: 0;\n}\n\n/ ── Tag slot ─────────────────────────────────────────────── /\n\n.cd-trigger .cd-tag {\n font-weight: var(--font-weight-extra-bold);\n flex-shrink: 0;\n}\n\n/ ── Chevron icon ─────────────────────────────────────────── /\n\n.cd-trigger .cd-chevron {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 24px;\n height: 24px;\n transition: transform 200ms ease;\n}\n\n.cd-trigger .cd-chevron.chevronOpen {\n transform: rotate(180deg);\n}\n\n/ ── Focus ring (keyboard / programmatic) ─────────────────── /\n\n.cd-trigger:focus-visible::after {\n content: \"\";\n position: absolute;\n inset: -3px;\n border-radius: var(--radius-full);\n border: 2px solid var(--chip-focus-ring-color);\n pointer-events: none;\n}\n\n/ ── Dropdown list panel ──────────────────────────────────── /\n\n.cd-list {\n position: absolute;\n top: calc(100% + 4px);\n left: 0;\n z-index: 10;\n min-width: 100%;\n list-style: none;\n margin: 0;\n padding: var(--spacing-4);\n background: var(--chip-dropdown-list-bg);\n border: 1px solid var(--chip-dropdown-list-border);\n border-radius: var(--radius-md);\n box-shadow: var(--chip-dropdown-list-shadow);\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n}\n\n/ ── Dropdown item ────────────────────────────────────────── /\n\n.cd-item {\n display: flex;\n align-items: center;\n gap: 6px;\n height: var(--spacing-32);\n padding: 0 var(--spacing-12);\n border-radius: var(--radius-sm);\n cursor: pointer;\n color: var(--chip-dropdown-item-text);\n font-size: var(--font-size-sm);\n font-family: var(--font-family-base);\n font-weight: var(--font-weight-regular);\n white-space: nowrap;\n box-sizing: border-box;\n transition: background-color 100ms ease;\n list-style: none;\n}\n\n.cd-item:hover {\n background-color: var(--chip-dropdown-item-hover-bg);\n}\n\n.cd-item:active {\n background-color: var(--chip-dropdown-item-active-bg);\n}\n\n/ ── Item label ───────────────────────────────────────────── /\n\n.cd-itemLabel {\n flex: 1;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/ ── Selected item ────────────────────────────────────────── /\n\n.cd-item.itemSelected .cd-itemLabel {\n font-weight: var(--font-weight-semi-bold);\n}\n\n/ ── Selected checkmark ───────────────────────────────────── /\n\n.cd-itemCheck {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n color: var(--chip-dropdown-item-selected-check);\n}\n","/ ── Card shell ───────────────────────────────────────────── /\n\n.card-primary {\n display: flex;\n flex-direction: column;\n border-radius: var(--radius-2xl);\n overflow: hidden;\n height: 29.5rem;\n position: relative;\n width: 100%;\n}\n\n/ ── Variant backgrounds ──────────────────────────────────── /\n\n.card-primary.style--light { background-color: var(--color-slate-75); }\n.card-primary.style--dark { background-color: var(--color-slate-1200); }\n.card-primary.style--brand { background-color: var(--color-coral-500); }\n.card-primary.style--image { background-color: transparent; }\n\n/ ── Content area ─────────────────────────────────────────── /\n\n.card-primary .cp-content {\n flex: 1 0 0;\n display: flex;\n flex-direction: column;\n gap: var(--spacing-16);\n padding: var(--spacing-32);\n position: relative;\n z-index: 1;\n min-height: 0;\n}\n\n/ ── Text colours ─────────────────────────────────────────── /\n\n.card-primary .textDefault { color: var(--color-slate-1200); }\n.card-primary .textInverse { color: var(--color-slate-50); }\n\n/ ── Title ────────────────────────────────────────────────── /\n\n.card-primary .cp-title {\n font-family: var(--typography-h5-font-family);\n font-size: var(--typography-h5-font-size);\n font-weight: var(--typography-h5-font-weight);\n line-height: var(--typography-h5-line-height);\n margin: 0;\n width: 100%;\n}\n\n/ ── Description ──────────────────────────────────────────── /\n\n.card-primary .cp-description {\n font-family: var(--typography-body-md-font-family);\n font-size: var(--typography-body-md-font-size);\n font-weight: var(--typography-body-md-font-weight);\n line-height: var(--typography-body-md-line-height);\n margin: 0;\n width: 100%;\n}\n\n/ ── Image section (light / dark / brand) ─────────────────── /\n\n.card-primary .cp-imageSection {\n height: 17.5rem;\n flex-shrink: 0;\n position: relative;\n overflow: hidden;\n}\n\n.card-primary .cp-image {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n}\n\n/ ── Full-bleed image overlay (image style) ───────────────── /\n\n.card-primary .cp-imageOverlay {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 0;\n}\n\n.card-primary .cp-overlayImg {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n}\n\n.card-primary .cp-gradient {\n position: absolute;\n inset: 0;\n background: linear-gradient(\n to bottom,\n var(--color-opacity-slate-72) 28%,\n transparent 54%\n );\n}\n","/ ── Card shell ───────────────────────────────────────────── /\n\n.card-secondary {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-16);\n padding: var(--spacing-32);\n background-color: var(--color-slate-75);\n border-radius: var(--radius-2xl);\n overflow: hidden;\n width: 100%;\n box-sizing: border-box;\n}\n\n/ ── Icon ─────────────────────────────────────────────────── /\n\n.card-secondary .cs-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--spacing-32);\n height: var(--spacing-32);\n flex-shrink: 0;\n color: var(--color-slate-1200);\n}\n\n/ ── Title ────────────────────────────────────────────────── /\n\n.card-secondary .cs-title {\n font-family: var(--typography-h5-font-family);\n font-size: var(--typography-h5-font-size);\n font-weight: var(--typography-h5-font-weight);\n line-height: var(--typography-h5-line-height);\n color: var(--color-slate-1200);\n margin: 0;\n width: 100%;\n}\n\n/ ── Description ──────────────────────────────────────────── /\n\n.card-secondary .cs-description {\n font-family: var(--typography-body-md-font-family);\n font-size: var(--typography-body-md-font-size);\n font-weight: var(--typography-body-md-font-weight);\n line-height: var(--typography-body-md-line-height);\n color: var(--color-slate-1200);\n margin: 0;\n width: 100%;\n}\n","/ ── Card shell ───────────────────────────────────────────── /\n\n.card-thumbnail {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-24);\n width: 100%;\n}\n\n/ ── Thumbnail wrapper ────────────────────────────────────── /\n\n.card-thumbnail .ct-thumbnailWrapper {\n position: relative;\n width: 100%;\n aspect-ratio: 4 / 3;\n border-radius: var(--radius-2xl);\n overflow: hidden;\n flex-shrink: 0;\n}\n\n.card-thumbnail .ct-thumbnailImage {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: inherit;\n pointer-events: none;\n display: block;\n}\n\n/ ── Play button (video only) ─────────────────────────────── /\n\n.card-thumbnail .ct-playButton {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--spacing-80);\n height: var(--spacing-80);\n pointer-events: none;\n}\n\n/ ── Author avatar (article only) ────────────────────────── /\n\n.card-thumbnail .ct-avatar {\n position: absolute;\n bottom: var(--spacing-24);\n right: var(--spacing-24);\n width: var(--spacing-72);\n height: var(--spacing-72);\n border-radius: var(--radius-full);\n object-fit: cover;\n display: block;\n}\n\n/ ── Content area ─────────────────────────────────────────── /\n\n.card-thumbnail .ct-content {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-16);\n width: 100%;\n}\n\n/ ── Meta row ─────────────────────────────────────────────── /\n\n.card-thumbnail .ct-metaRow {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n flex-wrap: wrap;\n gap: var(--spacing-12);\n}\n\n.card-thumbnail .ct-tagsList {\n display: flex;\n align-items: center;\n gap: var(--spacing-12);\n flex: 1 0 0;\n min-width: 0;\n}\n\n/ ── Copy-link button ─────────────────────────────────────── /\n\n.card-thumbnail .ct-copyLink {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: var(--spacing-32);\n min-height: var(--spacing-32);\n max-height: var(--spacing-32);\n padding: 0 var(--spacing-12);\n border-radius: var(--radius-full);\n border: 1px solid var(--tag-outline-border);\n background: transparent;\n color: var(--tag-text-color);\n cursor: pointer;\n flex-shrink: 0;\n transition: background-color 100ms ease;\n}\n\n.card-thumbnail .ct-copyLink:hover {\n background-color: var(--tag-fill-background);\n}\n\n/ ── Title ────────────────────────────────────────────────── /\n\n.card-thumbnail .ct-title {\n font-family: var(--typography-h5-font-family);\n font-size: var(--typography-h5-font-size);\n font-weight: var(--typography-h5-font-weight);\n line-height: var(--typography-h5-line-height);\n color: var(--color-slate-1200);\n overflow: hidden;\n text-overflow: ellipsis;\n margin: 0;\n}\n\n/ ── Summary ──────────────────────────────────────────────── /\n\n.card-thumbnail .ct-summary {\n font-family: var(--typography-body-md-font-family);\n font-size: var(--typography-body-md-font-size);\n font-weight: var(--typography-body-md-font-weight);\n line-height: var(--typography-body-md-line-height);\n color: var(--color-slate-1200);\n overflow: hidden;\n text-overflow: ellipsis;\n margin: 0;\n}\n","/ ── Container ────────────────────────────────────────────── /\n\n.pagination {\n display: flex;\n align-items: center;\n gap: var(--spacing-8);\n}\n\n/ ── Page button ──────────────────────────────────────────── /\n\n.pagination .pageButton {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--spacing-32);\n height: var(--spacing-32);\n flex-shrink: 0;\n padding: 0;\n border: none;\n border-radius: var(--pagination-page-radius);\n background: transparent;\n color: var(--pagination-page-text);\n font-family: var(--font-family-base);\n font-size: var(--font-size-sm);\n font-weight: var(--font-weight-regular);\n line-height: 1.375rem;\n text-align: center;\n white-space: nowrap;\n cursor: pointer;\n outline: none;\n box-sizing: border-box;\n}\n\n.pagination .pageButton:focus-visible {\n outline: 2px solid var(--color-blue-600);\n outline-offset: 2px;\n}\n\n/ ── Active / selected page button ───────────────────────── /\n\n.pagination .pageButtonSelected {\n background: var(--pagination-page-selected-bg);\n color: var(--pagination-page-selected-text);\n border-radius: var(--pagination-page-radius);\n cursor: default;\n}\n\n/ ── Ellipsis ─────────────────────────────────────────────── /\n\n.pagination .ellipsis {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--spacing-32);\n height: var(--spacing-32);\n flex-shrink: 0;\n color: var(--pagination-page-ellipsis-text);\n font-family: var(--font-family-base);\n font-size: var(--font-size-sm);\n font-weight: var(--font-weight-regular);\n line-height: 1.375rem;\n user-select: none;\n}\n\n/ ── Nav button (prev / next) ─────────────────────────────── /\n\n.pagination .navButton {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--spacing-32);\n height: var(--spacing-32);\n flex-shrink: 0;\n padding: 0;\n border: none;\n border-radius: var(--radius-sm);\n background: transparent;\n color: var(--pagination-nav-icon);\n cursor: pointer;\n outline: none;\n box-sizing: border-box;\n}\n\n.pagination .navButton:focus-visible {\n outline: 2px solid var(--color-blue-600);\n outline-offset: 2px;\n border-radius: var(--radius-md);\n}\n\n/ ── Nav button disabled ──────────────────────────────────── /\n\n.pagination .navButtonDisabled {\n color: var(--pagination-nav-icon-disabled);\n cursor: not-allowed;\n}\n\n/ ── Nav icon slot ────────────────────────────────────────── /\n\n.pagination .navIcon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--spacing-16);\n height: var(--spacing-16);\n flex-shrink: 0;\n}\n","/ ── Section shell ─────────────────────────────────────────── /\n\n.fc-section {\n width: 100%;\n background-color: var(--color-slate-50);\n}\n\n/ ── Inner container ───────────────────────────────────────── /\n\n.fc-container {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-48);\n max-width: 1280px;\n margin: 0 auto;\n padding: var(--spacing-56) var(--spacing-16); / mobile /\n box-sizing: border-box;\n}\n\n@media (min-width: 992px) {\n .fc-container {\n padding: var(--spacing-112) var(--spacing-56);\n }\n}\n\n/ ── Header ────────────────────────────────────────────────── /\n\n.fc-header {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: var(--spacing-16);\n text-align: left;\n}\n\n@media (min-width: 768px) {\n .fc-header {\n align-items: center;\n text-align: center;\n }\n}\n\n/ ── Section title (H2) ────────────────────────────────────── /\n\n.fc-sectionTitle {\n font-family: var(--font-family-base);\n font-size: var(--font-size-4xl);\n font-weight: var(--font-weight-extra-bold);\n line-height: var(--line-height-4xl);\n color: var(--color-slate-1200);\n margin: 0;\n}\n\n/ ── Section description ───────────────────────────────────── /\n\n.fc-sectionDescription {\n font-family: var(--typography-body-md-font-family);\n font-size: var(--typography-body-md-font-size);\n font-weight: var(--typography-body-md-font-weight);\n line-height: var(--typography-body-md-line-height);\n color: var(--color-slate-1200);\n margin: 0;\n max-width: 640px;\n}\n\n/ ── Cards grid ────────────────────────────────────────────── /\n\n.fc-grid {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-16);\n width: 100%;\n}\n\n@media (min-width: 768px) {\n .fc-grid {\n flex-direction: row;\n gap: var(--spacing-24);\n align-items: stretch;\n }\n\n .fc-grid > {\n flex: 1 1 0;\n min-width: 0;\n }\n}\n"],"mappings":"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","names":[]}

package/dist/index.d.mts CHANGED Viewed

@@ -228,4 +228,27 @@ interface PaginationProps {
 declare const Pagination: ({ currentPage, totalPages, onPageChange, className, }: PaginationProps) => react_jsx_runtime.JSX.Element;
-export { Accordion, type AccordionProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, type BreadcrumbSize, Button, type ButtonColorScheme, type ButtonIconPosition, type ButtonProps, type ButtonVariant, Card, type CardPrimaryStyle, type CardProps, type CardTag, type CardThumbnailType, Chip, ChipDropdown, type ChipDropdownOption, type ChipDropdownProps, type ChipProps, type ChipSize, Link, type LinkColorScheme, type LinkProps, Pagination, type PaginationProps, SearchField, type SearchFieldProps, type SearchFieldStatus, Tag, type TagFontWeight, type TagProps, type TagSize, type TagVariant, TextField, type TextFieldProps, type TextFieldStatus, type TextFieldVariant };
+interface FeatureCardItem {
+    title: string;
+    description: string;
+    colorScheme?: CardPrimaryStyle;
+    image?: string;
+    imageAlt?: string;
+    showLink?: boolean;
+    linkText?: string;
+    onLinkClick?: () => void;
+}
+interface FeatureCardsProps {
+    sectionTitle: string;
+    sectionDescription?: string;
+    showLink?: boolean;
+    linkText?: string;
+    onLinkClick?: () => void;
+    /** Controls the visual style of all cards in the grid */
+    cardColorScheme?: CardPrimaryStyle;
+    cards: FeatureCardItem[];
+}
+declare const FeatureCards: ({ sectionTitle, sectionDescription, showLink, linkText, onLinkClick, cardColorScheme, cards, }: FeatureCardsProps) => react_jsx_runtime.JSX.Element;
+export { Accordion, type AccordionProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, type BreadcrumbSize, Button, type ButtonColorScheme, type ButtonIconPosition, type ButtonProps, type ButtonVariant, Card, type CardPrimaryStyle, type CardProps, type CardTag, type CardThumbnailType, Chip, ChipDropdown, type ChipDropdownOption, type ChipDropdownProps, type ChipProps, type ChipSize, type FeatureCardItem, FeatureCards, type FeatureCardsProps, Link, type LinkColorScheme, type LinkProps, Pagination, type PaginationProps, SearchField, type SearchFieldProps, type SearchFieldStatus, Tag, type TagFontWeight, type TagProps, type TagSize, type TagVariant, TextField, type TextFieldProps, type TextFieldStatus, type TextFieldVariant };

package/dist/index.d.ts CHANGED Viewed

@@ -228,4 +228,27 @@ interface PaginationProps {
 declare const Pagination: ({ currentPage, totalPages, onPageChange, className, }: PaginationProps) => react_jsx_runtime.JSX.Element;
-export { Accordion, type AccordionProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, type BreadcrumbSize, Button, type ButtonColorScheme, type ButtonIconPosition, type ButtonProps, type ButtonVariant, Card, type CardPrimaryStyle, type CardProps, type CardTag, type CardThumbnailType, Chip, ChipDropdown, type ChipDropdownOption, type ChipDropdownProps, type ChipProps, type ChipSize, Link, type LinkColorScheme, type LinkProps, Pagination, type PaginationProps, SearchField, type SearchFieldProps, type SearchFieldStatus, Tag, type TagFontWeight, type TagProps, type TagSize, type TagVariant, TextField, type TextFieldProps, type TextFieldStatus, type TextFieldVariant };
+interface FeatureCardItem {
+    title: string;
+    description: string;
+    colorScheme?: CardPrimaryStyle;
+    image?: string;
+    imageAlt?: string;
+    showLink?: boolean;
+    linkText?: string;
+    onLinkClick?: () => void;
+}
+interface FeatureCardsProps {
+    sectionTitle: string;
+    sectionDescription?: string;
+    showLink?: boolean;
+    linkText?: string;
+    onLinkClick?: () => void;
+    /** Controls the visual style of all cards in the grid */
+    cardColorScheme?: CardPrimaryStyle;
+    cards: FeatureCardItem[];
+}
+declare const FeatureCards: ({ sectionTitle, sectionDescription, showLink, linkText, onLinkClick, cardColorScheme, cards, }: FeatureCardsProps) => react_jsx_runtime.JSX.Element;
+export { Accordion, type AccordionProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, type BreadcrumbSize, Button, type ButtonColorScheme, type ButtonIconPosition, type ButtonProps, type ButtonVariant, Card, type CardPrimaryStyle, type CardProps, type CardTag, type CardThumbnailType, Chip, ChipDropdown, type ChipDropdownOption, type ChipDropdownProps, type ChipProps, type ChipSize, type FeatureCardItem, FeatureCards, type FeatureCardsProps, Link, type LinkColorScheme, type LinkProps, Pagination, type PaginationProps, SearchField, type SearchFieldProps, type SearchFieldStatus, Tag, type TagFontWeight, type TagProps, type TagSize, type TagVariant, TextField, type TextFieldProps, type TextFieldStatus, type TextFieldVariant };