ui-style-kit-css 2.2.0 → 2.4.0

package/styles/content-overflow.css

@@ -1,12 +1,12 @@
 /* =========================================================
    UI Style Kit CSS - Shared Content Overflow Contract
 
-   Text-bearing layout wrappers and controls must shrink within
-   their parent wrapper instead of widening the page.
+   Generated by scripts/generate-content-overflow.mjs from manifest.json.
+   Text-bearing wrappers and controls shrink instead of widening the page.
 ========================================================= */
 
 @layer ui-style-kit.content_overflow {
-[data-ui][data-theme][data-mode] :where(
+[data-ui][data-mode] :where(
   h1,
   h2,
   h3,
@@ -23,6 +23,9 @@
   label,
   legend,
   summary,
+  strong,
+  small,
+  em,
   code,
   kbd,
   samp,
@@ -32,10 +35,11 @@
 ) {
   max-inline-size: 100%;
   min-inline-size: 0;
-  overflow-wrap: anywhere;
+  overflow-wrap: break-word;
+  word-break: normal;
 }
 
-[data-ui][data-theme][data-mode] :where(
+[data-ui][data-mode] :where(
   [class~="saas-page"],
   [class~="saas-container"],
   [class~="saas-section"],
@@ -47,6 +51,8 @@
   [class~="saas-surface-sm"],
   [class~="saas-surface-lg"],
   [class~="saas-card"],
+  [class~="saas-card-service"],
+  [class~="saas-card-feature"],
   [class~="saas-panel"],
   [class~="saas-toolbar"],
   [class~="saas-well"],
@@ -55,6 +61,10 @@
   [class~="saas-alert"],
   [class~="saas-table-wrap"],
   [class~="saas-nav"],
+  [class~="saas-feature-strip"],
+  [class~="saas-feature-item"],
+  [class~="saas-callout-bar"],
+  [class~="saas-media-scrim"],
   [class~="bento-page"],
   [class~="bento-container"],
   [class~="bento-section"],
@@ -66,6 +76,8 @@
   [class~="bento-surface-sm"],
   [class~="bento-surface-lg"],
   [class~="bento-card"],
+  [class~="bento-card-service"],
+  [class~="bento-card-feature"],
   [class~="bento-panel"],
   [class~="bento-toolbar"],
   [class~="bento-well"],
@@ -74,6 +86,10 @@
   [class~="bento-alert"],
   [class~="bento-table-wrap"],
   [class~="bento-nav"],
+  [class~="bento-feature-strip"],
+  [class~="bento-feature-item"],
+  [class~="bento-callout-bar"],
+  [class~="bento-media-scrim"],
   [class~="max-page"],
   [class~="max-container"],
   [class~="max-section"],
@@ -85,6 +101,8 @@
   [class~="max-surface-sm"],
   [class~="max-surface-lg"],
   [class~="max-card"],
+  [class~="max-card-service"],
+  [class~="max-card-feature"],
   [class~="max-panel"],
   [class~="max-toolbar"],
   [class~="max-well"],
@@ -93,6 +111,10 @@
   [class~="max-alert"],
   [class~="max-table-wrap"],
   [class~="max-nav"],
+  [class~="max-feature-strip"],
+  [class~="max-feature-item"],
+  [class~="max-callout-bar"],
+  [class~="max-media-scrim"],
   [class~="bau-page"],
   [class~="bau-container"],
   [class~="bau-section"],
@@ -104,6 +126,8 @@
   [class~="bau-surface-sm"],
   [class~="bau-surface-lg"],
   [class~="bau-card"],
+  [class~="bau-card-service"],
+  [class~="bau-card-feature"],
   [class~="bau-panel"],
   [class~="bau-toolbar"],
   [class~="bau-well"],
@@ -112,6 +136,10 @@
   [class~="bau-alert"],
   [class~="bau-table-wrap"],
   [class~="bau-nav"],
+  [class~="bau-feature-strip"],
+  [class~="bau-feature-item"],
+  [class~="bau-callout-bar"],
+  [class~="bau-media-scrim"],
   [class~="tactile-page"],
   [class~="tactile-container"],
   [class~="tactile-section"],
@@ -123,6 +151,8 @@
   [class~="tactile-surface-sm"],
   [class~="tactile-surface-lg"],
   [class~="tactile-card"],
+  [class~="tactile-card-service"],
+  [class~="tactile-card-feature"],
   [class~="tactile-panel"],
   [class~="tactile-toolbar"],
   [class~="tactile-well"],
@@ -131,6 +161,10 @@
   [class~="tactile-alert"],
   [class~="tactile-table-wrap"],
   [class~="tactile-nav"],
+  [class~="tactile-feature-strip"],
+  [class~="tactile-feature-item"],
+  [class~="tactile-callout-bar"],
+  [class~="tactile-media-scrim"],
   [class~="neo-page"],
   [class~="neo-container"],
   [class~="neo-section"],
@@ -142,6 +176,8 @@
   [class~="neo-surface-sm"],
   [class~="neo-surface-lg"],
   [class~="neo-card"],
+  [class~="neo-card-service"],
+  [class~="neo-card-feature"],
   [class~="neo-panel"],
   [class~="neo-toolbar"],
   [class~="neo-well"],
@@ -150,6 +186,10 @@
   [class~="neo-alert"],
   [class~="neo-table-wrap"],
   [class~="neo-nav"],
+  [class~="neo-feature-strip"],
+  [class~="neo-feature-item"],
+  [class~="neo-callout-bar"],
+  [class~="neo-media-scrim"],
   [class~="retro-page"],
   [class~="retro-container"],
   [class~="retro-section"],
@@ -161,6 +201,8 @@
   [class~="retro-surface-sm"],
   [class~="retro-surface-lg"],
   [class~="retro-card"],
+  [class~="retro-card-service"],
+  [class~="retro-card-feature"],
   [class~="retro-panel"],
   [class~="retro-toolbar"],
   [class~="retro-well"],
@@ -169,14 +211,23 @@
   [class~="retro-alert"],
   [class~="retro-table-wrap"],
   [class~="retro-nav"],
+  [class~="retro-feature-strip"],
+  [class~="retro-feature-item"],
+  [class~="retro-callout-bar"],
+  [class~="retro-media-scrim"],
   [class~="brutal-page"],
   [class~="brutal-container"],
   [class~="brutal-section"],
   [class~="brutal-stack"],
   [class~="brutal-cluster"],
   [class~="brutal-grid"],
+  [class~="brutal-split"],
   [class~="brutal-surface"],
+  [class~="brutal-surface-sm"],
+  [class~="brutal-surface-lg"],
   [class~="brutal-card"],
+  [class~="brutal-card-service"],
+  [class~="brutal-card-feature"],
   [class~="brutal-panel"],
   [class~="brutal-toolbar"],
   [class~="brutal-well"],
@@ -185,14 +236,23 @@
   [class~="brutal-alert"],
   [class~="brutal-table-wrap"],
   [class~="brutal-nav"],
+  [class~="brutal-feature-strip"],
+  [class~="brutal-feature-item"],
+  [class~="brutal-callout-bar"],
+  [class~="brutal-media-scrim"],
   [class~="cyber-page"],
   [class~="cyber-container"],
   [class~="cyber-section"],
   [class~="cyber-stack"],
   [class~="cyber-cluster"],
   [class~="cyber-grid"],
+  [class~="cyber-split"],
   [class~="cyber-surface"],
+  [class~="cyber-surface-sm"],
+  [class~="cyber-surface-lg"],
   [class~="cyber-card"],
+  [class~="cyber-card-service"],
+  [class~="cyber-card-feature"],
   [class~="cyber-panel"],
   [class~="cyber-toolbar"],
   [class~="cyber-well"],
@@ -201,14 +261,23 @@
   [class~="cyber-alert"],
   [class~="cyber-table-wrap"],
   [class~="cyber-nav"],
+  [class~="cyber-feature-strip"],
+  [class~="cyber-feature-item"],
+  [class~="cyber-callout-bar"],
+  [class~="cyber-media-scrim"],
   [class~="y2k-page"],
   [class~="y2k-container"],
   [class~="y2k-section"],
   [class~="y2k-stack"],
   [class~="y2k-cluster"],
   [class~="y2k-grid"],
+  [class~="y2k-split"],
   [class~="y2k-surface"],
+  [class~="y2k-surface-sm"],
+  [class~="y2k-surface-lg"],
   [class~="y2k-card"],
+  [class~="y2k-card-service"],
+  [class~="y2k-card-feature"],
   [class~="y2k-panel"],
   [class~="y2k-toolbar"],
   [class~="y2k-well"],
@@ -217,14 +286,23 @@
   [class~="y2k-alert"],
   [class~="y2k-table-wrap"],
   [class~="y2k-nav"],
+  [class~="y2k-feature-strip"],
+  [class~="y2k-feature-item"],
+  [class~="y2k-callout-bar"],
+  [class~="y2k-media-scrim"],
   [class~="rg-page"],
   [class~="rg-container"],
   [class~="rg-section"],
   [class~="rg-stack"],
   [class~="rg-cluster"],
   [class~="rg-grid"],
+  [class~="rg-split"],
   [class~="rg-surface"],
+  [class~="rg-surface-sm"],
+  [class~="rg-surface-lg"],
   [class~="rg-card"],
+  [class~="rg-card-service"],
+  [class~="rg-card-feature"],
   [class~="rg-panel"],
   [class~="rg-toolbar"],
   [class~="rg-well"],
@@ -232,61 +310,408 @@
   [class~="rg-field"],
   [class~="rg-alert"],
   [class~="rg-table-wrap"],
-  [class~="rg-nav"]
+  [class~="rg-nav"],
+  [class~="rg-feature-strip"],
+  [class~="rg-feature-item"],
+  [class~="rg-callout-bar"],
+  [class~="rg-media-scrim"],
+  [class~="luxe-page"],
+  [class~="luxe-container"],
+  [class~="luxe-section"],
+  [class~="luxe-stack"],
+  [class~="luxe-cluster"],
+  [class~="luxe-grid"],
+  [class~="luxe-split"],
+  [class~="luxe-surface"],
+  [class~="luxe-surface-sm"],
+  [class~="luxe-surface-lg"],
+  [class~="luxe-card"],
+  [class~="luxe-card-service"],
+  [class~="luxe-card-feature"],
+  [class~="luxe-panel"],
+  [class~="luxe-toolbar"],
+  [class~="luxe-well"],
+  [class~="luxe-inset"],
+  [class~="luxe-field"],
+  [class~="luxe-alert"],
+  [class~="luxe-table-wrap"],
+  [class~="luxe-nav"],
+  [class~="luxe-feature-strip"],
+  [class~="luxe-feature-item"],
+  [class~="luxe-callout-bar"],
+  [class~="luxe-media-scrim"],
+  [class~="organic-page"],
+  [class~="organic-container"],
+  [class~="organic-section"],
+  [class~="organic-stack"],
+  [class~="organic-cluster"],
+  [class~="organic-grid"],
+  [class~="organic-split"],
+  [class~="organic-surface"],
+  [class~="organic-surface-sm"],
+  [class~="organic-surface-lg"],
+  [class~="organic-card"],
+  [class~="organic-card-service"],
+  [class~="organic-card-feature"],
+  [class~="organic-panel"],
+  [class~="organic-toolbar"],
+  [class~="organic-well"],
+  [class~="organic-inset"],
+  [class~="organic-field"],
+  [class~="organic-alert"],
+  [class~="organic-table-wrap"],
+  [class~="organic-nav"],
+  [class~="organic-feature-strip"],
+  [class~="organic-feature-item"],
+  [class~="organic-callout-bar"],
+  [class~="organic-media-scrim"],
+  [class~="utility-page"],
+  [class~="utility-container"],
+  [class~="utility-section"],
+  [class~="utility-stack"],
+  [class~="utility-cluster"],
+  [class~="utility-grid"],
+  [class~="utility-split"],
+  [class~="utility-surface"],
+  [class~="utility-surface-sm"],
+  [class~="utility-surface-lg"],
+  [class~="utility-card"],
+  [class~="utility-card-service"],
+  [class~="utility-card-feature"],
+  [class~="utility-panel"],
+  [class~="utility-toolbar"],
+  [class~="utility-well"],
+  [class~="utility-inset"],
+  [class~="utility-field"],
+  [class~="utility-alert"],
+  [class~="utility-table-wrap"],
+  [class~="utility-nav"],
+  [class~="utility-feature-strip"],
+  [class~="utility-feature-item"],
+  [class~="utility-callout-bar"],
+  [class~="utility-media-scrim"],
+  [class~="blueprint-page"],
+  [class~="blueprint-container"],
+  [class~="blueprint-section"],
+  [class~="blueprint-stack"],
+  [class~="blueprint-cluster"],
+  [class~="blueprint-grid"],
+  [class~="blueprint-split"],
+  [class~="blueprint-surface"],
+  [class~="blueprint-surface-sm"],
+  [class~="blueprint-surface-lg"],
+  [class~="blueprint-card"],
+  [class~="blueprint-card-service"],
+  [class~="blueprint-card-feature"],
+  [class~="blueprint-panel"],
+  [class~="blueprint-toolbar"],
+  [class~="blueprint-well"],
+  [class~="blueprint-inset"],
+  [class~="blueprint-field"],
+  [class~="blueprint-alert"],
+  [class~="blueprint-table-wrap"],
+  [class~="blueprint-nav"],
+  [class~="blueprint-feature-strip"],
+  [class~="blueprint-feature-item"],
+  [class~="blueprint-callout-bar"],
+  [class~="blueprint-media-scrim"],
+  [class~="deco-page"],
+  [class~="deco-container"],
+  [class~="deco-section"],
+  [class~="deco-stack"],
+  [class~="deco-cluster"],
+  [class~="deco-grid"],
+  [class~="deco-split"],
+  [class~="deco-surface"],
+  [class~="deco-surface-sm"],
+  [class~="deco-surface-lg"],
+  [class~="deco-card"],
+  [class~="deco-card-service"],
+  [class~="deco-card-feature"],
+  [class~="deco-panel"],
+  [class~="deco-toolbar"],
+  [class~="deco-well"],
+  [class~="deco-inset"],
+  [class~="deco-field"],
+  [class~="deco-alert"],
+  [class~="deco-table-wrap"],
+  [class~="deco-nav"],
+  [class~="deco-feature-strip"],
+  [class~="deco-feature-item"],
+  [class~="deco-callout-bar"],
+  [class~="deco-media-scrim"],
+  [class~="clay-page"],
+  [class~="clay-container"],
+  [class~="clay-section"],
+  [class~="clay-stack"],
+  [class~="clay-cluster"],
+  [class~="clay-grid"],
+  [class~="clay-split"],
+  [class~="clay-surface"],
+  [class~="clay-surface-sm"],
+  [class~="clay-surface-lg"],
+  [class~="clay-card"],
+  [class~="clay-card-service"],
+  [class~="clay-card-feature"],
+  [class~="clay-panel"],
+  [class~="clay-toolbar"],
+  [class~="clay-well"],
+  [class~="clay-inset"],
+  [class~="clay-field"],
+  [class~="clay-alert"],
+  [class~="clay-table-wrap"],
+  [class~="clay-nav"],
+  [class~="clay-feature-strip"],
+  [class~="clay-feature-item"],
+  [class~="clay-callout-bar"],
+  [class~="clay-media-scrim"],
+  [class~="terminal-page"],
+  [class~="terminal-container"],
+  [class~="terminal-section"],
+  [class~="terminal-stack"],
+  [class~="terminal-cluster"],
+  [class~="terminal-grid"],
+  [class~="terminal-split"],
+  [class~="terminal-surface"],
+  [class~="terminal-surface-sm"],
+  [class~="terminal-surface-lg"],
+  [class~="terminal-card"],
+  [class~="terminal-card-service"],
+  [class~="terminal-card-feature"],
+  [class~="terminal-panel"],
+  [class~="terminal-toolbar"],
+  [class~="terminal-well"],
+  [class~="terminal-inset"],
+  [class~="terminal-field"],
+  [class~="terminal-alert"],
+  [class~="terminal-table-wrap"],
+  [class~="terminal-nav"],
+  [class~="terminal-feature-strip"],
+  [class~="terminal-feature-item"],
+  [class~="terminal-callout-bar"],
+  [class~="terminal-media-scrim"],
+  [class~="paper-page"],
+  [class~="paper-container"],
+  [class~="paper-section"],
+  [class~="paper-stack"],
+  [class~="paper-cluster"],
+  [class~="paper-grid"],
+  [class~="paper-split"],
+  [class~="paper-surface"],
+  [class~="paper-surface-sm"],
+  [class~="paper-surface-lg"],
+  [class~="paper-card"],
+  [class~="paper-card-service"],
+  [class~="paper-card-feature"],
+  [class~="paper-panel"],
+  [class~="paper-toolbar"],
+  [class~="paper-well"],
+  [class~="paper-inset"],
+  [class~="paper-field"],
+  [class~="paper-alert"],
+  [class~="paper-table-wrap"],
+  [class~="paper-nav"],
+  [class~="paper-feature-strip"],
+  [class~="paper-feature-item"],
+  [class~="paper-callout-bar"],
+  [class~="paper-media-scrim"],
+  [class~="noir-page"],
+  [class~="noir-container"],
+  [class~="noir-section"],
+  [class~="noir-stack"],
+  [class~="noir-cluster"],
+  [class~="noir-grid"],
+  [class~="noir-split"],
+  [class~="noir-surface"],
+  [class~="noir-surface-sm"],
+  [class~="noir-surface-lg"],
+  [class~="noir-card"],
+  [class~="noir-card-service"],
+  [class~="noir-card-feature"],
+  [class~="noir-panel"],
+  [class~="noir-toolbar"],
+  [class~="noir-well"],
+  [class~="noir-inset"],
+  [class~="noir-field"],
+  [class~="noir-alert"],
+  [class~="noir-table-wrap"],
+  [class~="noir-nav"],
+  [class~="noir-feature-strip"],
+  [class~="noir-feature-item"],
+  [class~="noir-callout-bar"],
+  [class~="noir-media-scrim"]
 ) {
   max-inline-size: 100%;
   min-inline-size: 0;
-  overflow-wrap: anywhere;
 }
 
-[data-ui][data-theme][data-mode] :where(
+[data-ui][data-mode] :where(
   [class~="saas-button"],
   [class~="saas-icon-button"],
+  [class~="saas-button-cut"],
+  [class~="saas-button-outline-heavy"],
   [class~="saas-badge"],
+  [class~="saas-badge-seal"],
   [class~="saas-nav-link"],
+  [class~="saas-icon-medallion"],
   [class~="bento-button"],
   [class~="bento-icon-button"],
+  [class~="bento-button-cut"],
+  [class~="bento-button-outline-heavy"],
   [class~="bento-badge"],
+  [class~="bento-badge-seal"],
   [class~="bento-nav-link"],
+  [class~="bento-icon-medallion"],
   [class~="max-button"],
   [class~="max-icon-button"],
+  [class~="max-button-cut"],
+  [class~="max-button-outline-heavy"],
   [class~="max-badge"],
+  [class~="max-badge-seal"],
   [class~="max-nav-link"],
+  [class~="max-icon-medallion"],
   [class~="bau-button"],
   [class~="bau-icon-button"],
+  [class~="bau-button-cut"],
+  [class~="bau-button-outline-heavy"],
   [class~="bau-badge"],
+  [class~="bau-badge-seal"],
   [class~="bau-nav-link"],
+  [class~="bau-icon-medallion"],
   [class~="tactile-button"],
   [class~="tactile-icon-button"],
+  [class~="tactile-button-cut"],
+  [class~="tactile-button-outline-heavy"],
   [class~="tactile-badge"],
+  [class~="tactile-badge-seal"],
   [class~="tactile-nav-link"],
+  [class~="tactile-icon-medallion"],
   [class~="neo-button"],
   [class~="neo-icon-button"],
+  [class~="neo-button-cut"],
+  [class~="neo-button-outline-heavy"],
   [class~="neo-badge"],
+  [class~="neo-badge-seal"],
   [class~="neo-nav-link"],
+  [class~="neo-icon-medallion"],
   [class~="retro-button"],
   [class~="retro-icon-button"],
+  [class~="retro-button-cut"],
+  [class~="retro-button-outline-heavy"],
   [class~="retro-badge"],
+  [class~="retro-badge-seal"],
   [class~="retro-nav-link"],
+  [class~="retro-icon-medallion"],
   [class~="brutal-button"],
   [class~="brutal-icon-button"],
+  [class~="brutal-button-cut"],
+  [class~="brutal-button-outline-heavy"],
   [class~="brutal-badge"],
+  [class~="brutal-badge-seal"],
   [class~="brutal-nav-link"],
+  [class~="brutal-icon-medallion"],
   [class~="cyber-button"],
   [class~="cyber-icon-button"],
+  [class~="cyber-button-cut"],
+  [class~="cyber-button-outline-heavy"],
   [class~="cyber-badge"],
+  [class~="cyber-badge-seal"],
   [class~="cyber-nav-link"],
+  [class~="cyber-icon-medallion"],
   [class~="y2k-button"],
   [class~="y2k-icon-button"],
+  [class~="y2k-button-cut"],
+  [class~="y2k-button-outline-heavy"],
   [class~="y2k-badge"],
+  [class~="y2k-badge-seal"],
   [class~="y2k-nav-link"],
+  [class~="y2k-icon-medallion"],
   [class~="rg-button"],
   [class~="rg-icon-button"],
+  [class~="rg-button-cut"],
+  [class~="rg-button-outline-heavy"],
   [class~="rg-badge"],
-  [class~="rg-nav-link"]
+  [class~="rg-badge-seal"],
+  [class~="rg-nav-link"],
+  [class~="rg-icon-medallion"],
+  [class~="luxe-button"],
+  [class~="luxe-icon-button"],
+  [class~="luxe-button-cut"],
+  [class~="luxe-button-outline-heavy"],
+  [class~="luxe-badge"],
+  [class~="luxe-badge-seal"],
+  [class~="luxe-nav-link"],
+  [class~="luxe-icon-medallion"],
+  [class~="organic-button"],
+  [class~="organic-icon-button"],
+  [class~="organic-button-cut"],
+  [class~="organic-button-outline-heavy"],
+  [class~="organic-badge"],
+  [class~="organic-badge-seal"],
+  [class~="organic-nav-link"],
+  [class~="organic-icon-medallion"],
+  [class~="utility-button"],
+  [class~="utility-icon-button"],
+  [class~="utility-button-cut"],
+  [class~="utility-button-outline-heavy"],
+  [class~="utility-badge"],
+  [class~="utility-badge-seal"],
+  [class~="utility-nav-link"],
+  [class~="utility-icon-medallion"],
+  [class~="blueprint-button"],
+  [class~="blueprint-icon-button"],
+  [class~="blueprint-button-cut"],
+  [class~="blueprint-button-outline-heavy"],
+  [class~="blueprint-badge"],
+  [class~="blueprint-badge-seal"],
+  [class~="blueprint-nav-link"],
+  [class~="blueprint-icon-medallion"],
+  [class~="deco-button"],
+  [class~="deco-icon-button"],
+  [class~="deco-button-cut"],
+  [class~="deco-button-outline-heavy"],
+  [class~="deco-badge"],
+  [class~="deco-badge-seal"],
+  [class~="deco-nav-link"],
+  [class~="deco-icon-medallion"],
+  [class~="clay-button"],
+  [class~="clay-icon-button"],
+  [class~="clay-button-cut"],
+  [class~="clay-button-outline-heavy"],
+  [class~="clay-badge"],
+  [class~="clay-badge-seal"],
+  [class~="clay-nav-link"],
+  [class~="clay-icon-medallion"],
+  [class~="terminal-button"],
+  [class~="terminal-icon-button"],
+  [class~="terminal-button-cut"],
+  [class~="terminal-button-outline-heavy"],
+  [class~="terminal-badge"],
+  [class~="terminal-badge-seal"],
+  [class~="terminal-nav-link"],
+  [class~="terminal-icon-medallion"],
+  [class~="paper-button"],
+  [class~="paper-icon-button"],
+  [class~="paper-button-cut"],
+  [class~="paper-button-outline-heavy"],
+  [class~="paper-badge"],
+  [class~="paper-badge-seal"],
+  [class~="paper-nav-link"],
+  [class~="paper-icon-medallion"],
+  [class~="noir-button"],
+  [class~="noir-icon-button"],
+  [class~="noir-button-cut"],
+  [class~="noir-button-outline-heavy"],
+  [class~="noir-badge"],
+  [class~="noir-badge-seal"],
+  [class~="noir-nav-link"],
+  [class~="noir-icon-medallion"]
 ) {
   max-inline-size: 100%;
   min-inline-size: 0;
+  overflow-wrap: break-word;
+  word-break: normal;
   white-space: normal;
 }
+
 }