@skewedaspect/sleekspace-ui 0.2.0-beta.2 → 0.2.0-beta.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 (5) hide show
  1. package/dist/sleekspace-ui.css +0 -14
  2. package/package.json +2 -2
  3. package/src/composables/usePortalContext.test.ts +2 -0
  4. package/src/styles/components/_alert.scss +0 -22
  5. package/web-types.json +1 -1
package/dist/sleekspace-ui.css CHANGED
@@ -1582,7 +1582,6 @@
1582
1582
  --sk-alert-gap: 0.75rem;
1583
1583
  --sk-alert-icon-size: 1.25rem;
1584
1584
  --sk-alert-cut-size: 0.75rem;
1585
- --sk-alert-decoration-offset: 0.375rem;
1586
1585
  --sk-alert-glow-size: 12px;
1587
1586
  --sk-alert-glow-opacity: 0.3;
1588
1587
  --sk-alert-subtle-opacity: var(--sk-opacity-subtle);
@@ -1639,19 +1638,6 @@
1639
1638
  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));
1640
1639
  }
1641
1640
  }
1642
- .sk-alert::after {
1643
- content: "";
1644
- position: absolute;
1645
- width: var(--sk-alert-cut-size);
1646
- height: 2px;
1647
- background: var(--sk-alert-border-base);
1648
- border-radius: 1px;
1649
- right: var(--sk-alert-decoration-offset);
1650
- top: calc(var(--sk-alert-cut-size) / 2 + var(--sk-alert-decoration-offset) - 1px);
1651
- transform: rotate(45deg);
1652
- transform-origin: center;
1653
- pointer-events: none;
1654
- }
1655
1641
  .sk-alert .sk-alert-icon {
1656
1642
  flex-shrink: 0;
1657
1643
  width: var(--sk-alert-icon-size);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skewedaspect/sleekspace-ui",
3
- "version": "0.2.0-beta.2",
3
+ "version": "0.2.0-beta.3",
4
4
  "description": "A Vue 3 component library with a cyberpunk aesthetic, featuring OKLCH colors, beveled corners, and a powerful design token system",
5
5
  "type": "module",
6
6
  "main": "dist/sleekspace-ui.umd.js",
@@ -49,7 +49,7 @@
49
49
  "license": "MIT",
50
50
  "repository": {
51
51
  "type": "git",
52
- "url": "https://gitlab.com/skewedaspect/sleekspace-ui.git",
52
+ "url": "git+https://gitlab.com/skewedaspect/sleekspace-ui.git",
53
53
  "directory": "packages/sleekspace-ui"
54
54
  },
55
55
  "bugs": "https://gitlab.com/skewedaspect/sleekspace-ui/-/issues",
package/src/composables/usePortalContext.test.ts CHANGED
@@ -2,6 +2,8 @@
2
2
  // Portal Context Composable Tests
3
3
  //----------------------------------------------------------------------------------------------------------------------
4
4
 
5
+ /* eslint-disable vue/one-component-per-file */
6
+
5
7
  import { describe, expect, it } from 'vitest';
6
8
  import { defineComponent, h, inject, provide, ref } from 'vue';
7
9
  import { mount } from '@vue/test-utils';
package/src/styles/components/_alert.scss CHANGED
@@ -27,9 +27,6 @@
27
27
  /// Cut size for beveled corner
28
28
  --sk-alert-cut-size: 0.75rem;
29
29
 
30
- /// Corner decoration offset
31
- --sk-alert-decoration-offset: 0.375rem;
32
-
33
30
  //------------------------------------------------------------------------------------------------------------------
34
31
  // Glow Effect Tokens
35
32
  //------------------------------------------------------------------------------------------------------------------
@@ -150,25 +147,6 @@
150
147
  $corners: (top-left, top-right, bottom-left, bottom-right)
151
148
  );
152
149
 
153
- //------------------------------------------------------------------------------------------------------------------
154
- // Corner decoration line
155
- //------------------------------------------------------------------------------------------------------------------
156
-
157
- &::after
158
- {
159
- content: '';
160
- position: absolute;
161
- width: var(--sk-alert-cut-size);
162
- height: 2px;
163
- background: var(--sk-alert-border-base);
164
- border-radius: 1px;
165
- right: var(--sk-alert-decoration-offset);
166
- top: calc(var(--sk-alert-cut-size) / 2 + var(--sk-alert-decoration-offset) - 1px);
167
- transform: rotate(45deg);
168
- transform-origin: center;
169
- pointer-events: none;
170
- }
171
-
172
150
  //------------------------------------------------------------------------------------------------------------------
173
151
  // Icon container
174
152
  //------------------------------------------------------------------------------------------------------------------
package/web-types.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "framework": "vue",
3
3
  "name": "@skewedaspect/sleekspace-ui",
4
- "version": "0.2.2",
4
+ "version": "0.2.0-beta.2",
5
5
  "contributions": {
6
6
  "html": {
7
7
  "description-markup": "markdown",