@skewedaspect/sleekspace-ui 0.2.0-beta.2 → 0.3.0

package/dist/sleekspace-ui.css

@@ -1582,7 +1582,6 @@
     --sk-alert-gap: 0.75rem;
     --sk-alert-icon-size: 1.25rem;
     --sk-alert-cut-size: 0.75rem;
-    --sk-alert-decoration-offset: 0.375rem;
     --sk-alert-glow-size: 12px;
     --sk-alert-glow-opacity: 0.3;
     --sk-alert-subtle-opacity: var(--sk-opacity-subtle);
@@ -1639,19 +1638,6 @@
       clip-path: polygon(var(--sk-alert-cut-size) 0%, calc(100% - var(--sk-alert-cut-size)) 0%, 100% var(--sk-alert-cut-size), 100% calc(100% - var(--sk-alert-cut-size)), calc(100% - var(--sk-alert-cut-size)) 100%, var(--sk-alert-cut-size) 100%, 0% calc(100% - var(--sk-alert-cut-size)), 0% var(--sk-alert-cut-size), var(--sk-alert-cut-size) 0%, calc(var(--sk-alert-cut-size) + var(--sk-alert-border-width)) var(--sk-alert-border-width), var(--sk-alert-border-width) calc(var(--sk-alert-cut-size) + var(--sk-alert-border-width)), var(--sk-alert-border-width) calc(100% - var(--sk-alert-cut-size) - var(--sk-alert-border-width)), calc(var(--sk-alert-cut-size) + var(--sk-alert-border-width)) calc(100% - var(--sk-alert-border-width)), calc(100% - var(--sk-alert-cut-size) - var(--sk-alert-border-width)) calc(100% - var(--sk-alert-border-width)), calc(100% - var(--sk-alert-border-width)) calc(100% - var(--sk-alert-cut-size) - var(--sk-alert-border-width)), calc(100% - var(--sk-alert-border-width)) calc(var(--sk-alert-cut-size) + var(--sk-alert-border-width)), calc(100% - var(--sk-alert-cut-size) - var(--sk-alert-border-width)) var(--sk-alert-border-width), calc(var(--sk-alert-cut-size) + var(--sk-alert-border-width)) var(--sk-alert-border-width));
     }
   }
-  .sk-alert::after {
-    content: "";
-    position: absolute;
-    width: var(--sk-alert-cut-size);
-    height: 2px;
-    background: var(--sk-alert-border-base);
-    border-radius: 1px;
-    right: var(--sk-alert-decoration-offset);
-    top: calc(var(--sk-alert-cut-size) / 2 + var(--sk-alert-decoration-offset) - 1px);
-    transform: rotate(45deg);
-    transform-origin: center;
-    pointer-events: none;
-  }
   .sk-alert .sk-alert-icon {
     flex-shrink: 0;
     width: var(--sk-alert-icon-size);

package/docs/guides/ai-llms.md

@@ -25,10 +25,10 @@ Two documentation files are available, optimized for different use cases:
 
 Point your AI assistant to fetch the documentation from our docs site:
 
-- https://sleekspace-ui.skewedaspect.com/llms.txt
-- https://sleekspace-ui.skewedaspect.com/llms-full.txt
+- https://sleekspace.skewedaspect.com/llms.txt
+- https://sleekspace.skewedaspect.com/llms-full.txt
 
-Example: "Fetch https://sleekspace-ui.skewedaspect.com/llms.txt and help me create a form with validation."
+Example: "Fetch https://sleekspace.skewedaspect.com/llms.txt and help me create a form with validation."
 
 ### Web-Based AI (ChatGPT, Claude.ai)
 
@@ -36,7 +36,7 @@ Direct the AI to read the documentation URLs:
 
 Example prompt:
 
-> "Read https://sleekspace-ui.skewedaspect.com/llms.txt and then help me create a themed dashboard layout."
+> "Read https://sleekspace.skewedaspect.com/llms.txt and then help me create a themed dashboard layout."
 
 ### Paste Into Context
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skewedaspect/sleekspace-ui",
-  "version": "0.2.0-beta.2",
+  "version": "0.3.0",
   "description": "A Vue 3 component library with a cyberpunk aesthetic, featuring OKLCH colors, beveled corners, and a powerful design token system",
   "type": "module",
   "main": "dist/sleekspace-ui.umd.js",
@@ -49,7 +49,7 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://gitlab.com/skewedaspect/sleekspace-ui.git",
+    "url": "git+https://gitlab.com/skewedaspect/sleekspace-ui.git",
     "directory": "packages/sleekspace-ui"
   },
   "bugs": "https://gitlab.com/skewedaspect/sleekspace-ui/-/issues",

package/src/composables/usePortalContext.test.ts

@@ -2,6 +2,8 @@
 // Portal Context Composable Tests
 //----------------------------------------------------------------------------------------------------------------------
 
+/* eslint-disable vue/one-component-per-file */
+
 import { describe, expect, it } from 'vitest';
 import { defineComponent, h, inject, provide, ref } from 'vue';
 import { mount } from '@vue/test-utils';

package/src/styles/components/_alert.scss

@@ -27,9 +27,6 @@
     /// Cut size for beveled corner
     --sk-alert-cut-size: 0.75rem;
 
-    /// Corner decoration offset
-    --sk-alert-decoration-offset: 0.375rem;
-
     //------------------------------------------------------------------------------------------------------------------
     // Glow Effect Tokens
     //------------------------------------------------------------------------------------------------------------------
@@ -150,25 +147,6 @@
         $corners: (top-left, top-right, bottom-left, bottom-right)
     );
 
-    //------------------------------------------------------------------------------------------------------------------
-    // Corner decoration line
-    //------------------------------------------------------------------------------------------------------------------
-
-    &::after
-    {
-        content: '';
-        position: absolute;
-        width: var(--sk-alert-cut-size);
-        height: 2px;
-        background: var(--sk-alert-border-base);
-        border-radius: 1px;
-        right: var(--sk-alert-decoration-offset);
-        top: calc(var(--sk-alert-cut-size) / 2 + var(--sk-alert-decoration-offset) - 1px);
-        transform: rotate(45deg);
-        transform-origin: center;
-        pointer-events: none;
-    }
-
     //------------------------------------------------------------------------------------------------------------------
     // Icon container
     //------------------------------------------------------------------------------------------------------------------

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@skewedaspect/sleekspace-ui",
-  "version": "0.2.2",
+  "version": "0.2.0-beta.3",
   "contributions": {
     "html": {
       "description-markup": "markdown",