@skewedaspect/sleekspace-ui 0.3.0 → 0.5.0

package/src/styles/tokens/_foundation-transitions.scss

@@ -26,6 +26,14 @@
     --sk-transition-easing-ease-out:    ease-out;
     --sk-transition-easing-ease-in-out: ease-in-out;
 
+    /* ===================================================================
+     * Default Aliases
+     * Generic names that resolve to the most common values
+     * =================================================================== */
+
+    --sk-transition-duration-base: var(--sk-transition-duration-normal);
+    --sk-transition-easing:        var(--sk-transition-easing-ease-out);
+
     /* ===================================================================
      * Common Transition Combinations
      * Convenience tokens for frequently used transitions

package/src/styles/tokens/_semantic-surfaces.scss

@@ -3,6 +3,10 @@
  *
  * Background and text colors for surfaces and general use.
  * These provide a consistent color system independent of component kinds.
+ *
+ * Defaults are defined on :root as fallbacks. Themes can override any of these
+ * via [data-scheme] selectors. The [data-scheme] rule also applies background
+ * and text color so that any themed element gets the correct surface treatment.
  */
 
 :root
@@ -34,3 +38,14 @@
     --sk-border-normal: var(--sk-color-gray-70);  /* Standard borders */
     --sk-border-subtle: var(--sk-color-gray-80);  /* Subtle borders/dividers */
 }
+
+/**
+ * Apply text color to any themed element so descendants inherit the correct
+ * color without needing to set it themselves. Background is intentionally NOT
+ * set here — page-level containers like SkPage handle their own background
+ * via the surface tokens.
+ */
+[data-scheme]
+{
+    color: var(--sk-text-primary);
+}

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@skewedaspect/sleekspace-ui",
-  "version": "0.2.0-beta.3",
+  "version": "0.5.0",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -141,7 +141,7 @@
             {
               "name": "kind",
               "required": false,
-              "description": "Semantic kind that determines the alert's color scheme and default icon. Each kind\nconveys a different meaning: 'info' for general information, 'success' for positive\nconfirmations, 'warning' for cautionary messages, and 'danger' for errors or critical issues.",
+              "description": "Semantic kind that determines the alert's color scheme and default icon. Supports all\nsemantic kinds (neutral, primary, accent, info, success, warning, danger) as well as\ndirect color kinds (neon-blue, neon-purple, etc.). Default icons are provided for the\nfour feedback kinds (info, success, warning, danger).",
               "value": {
                 "kind": "expression",
                 "type": "SkAlertKind"
@@ -149,14 +149,24 @@
               "default": "'info'"
             },
             {
-              "name": "prominent",
+              "name": "subtle",
               "required": false,
-              "description": "When true, applies prominent styling with a more vivid background color and stronger\nvisual presence. Use prominent alerts for critical messages that require immediate\nuser attention, such as errors or important warnings.",
+              "description": "When true, applies subdued styling with a lighter, semi-transparent background.\nUse subtle alerts for less critical messages that shouldn't dominate the visual\nhierarchy, such as tips or supplementary information.",
               "value": {
                 "kind": "expression",
                 "type": "boolean"
               },
               "default": "false"
+            },
+            {
+              "name": "showIcon",
+              "required": false,
+              "description": "Controls visibility of the icon container. When undefined (default), the icon is shown\nautomatically if there's a default icon for the kind (info, success, warning, danger)\nor if custom content is provided via the icon slot. Set to false to force-hide the icon,\nor true to force-show the container even when empty.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "undefined"
             }
           ],
           "slots": [
@@ -1579,6 +1589,16 @@
                 "type": "string"
               },
               "default": "undefined"
+            },
+            {
+              "name": "theme",
+              "required": false,
+              "description": "Optional theme name. When provided, SkPage acts as a theme provider — setting\n`data-scheme` on the root element and providing theme context for descendant\ncomponents (including portal components like dropdowns and modals).\nWhen omitted, SkPage has no theme behavior.",
+              "value": {
+                "kind": "expression",
+                "type": "SkThemeName"
+              },
+              "default": "undefined"
             }
           ],
           "slots": [