@newschools/sdk 0.1.0 → 0.1.2
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.
|
@@ -74,12 +74,8 @@ defineProps<Props>();
|
|
|
74
74
|
/* ============================================ */
|
|
75
75
|
|
|
76
76
|
.ns-org-hero__glass-container {
|
|
77
|
-
/* Fill parent container */
|
|
78
77
|
width: 100%;
|
|
79
|
-
height:
|
|
80
|
-
max-width: 100%;
|
|
81
|
-
max-height: 100%;
|
|
82
|
-
|
|
78
|
+
height: calc(100dvh - var(--ns-spacing-2xl));
|
|
83
79
|
/* Glassmorphism effect */
|
|
84
80
|
background: rgba(255, 255, 255, 0.08);
|
|
85
81
|
backdrop-filter: blur(20px);
|
|
@@ -115,9 +111,8 @@ defineProps<Props>();
|
|
|
115
111
|
overflow: hidden;
|
|
116
112
|
position: relative;
|
|
117
113
|
|
|
118
|
-
/* Mobile:
|
|
119
|
-
min-height:
|
|
120
|
-
flex: 1;
|
|
114
|
+
/* Mobile: ensure minimum height for empty state */
|
|
115
|
+
min-height: 100%;
|
|
121
116
|
|
|
122
117
|
background: linear-gradient(
|
|
123
118
|
180deg,
|
|
@@ -3,52 +3,50 @@
|
|
|
3
3
|
* CSS custom properties for themeable components
|
|
4
4
|
*
|
|
5
5
|
* Usage:
|
|
6
|
-
* - Internal (New Schools monorepo): Inherits --
|
|
6
|
+
* - Internal (New Schools monorepo): Inherits --ns-* tokens, uses --ns-* overrides
|
|
7
7
|
* - External (API users): Uses fallback values, can be overridden by organization brand colors
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
:root {
|
|
11
11
|
/* ============================================
|
|
12
12
|
* THEMEABLE COLORS
|
|
13
|
-
* Defaults to New Schools brand, overridden by organization.brand.colors
|
|
13
|
+
* Defaults to New Schools brand, can be overridden by organization.brand.colors
|
|
14
14
|
* ============================================ */
|
|
15
15
|
|
|
16
16
|
/* Primary color (Deep Purple) */
|
|
17
|
-
--ns-color-primary:
|
|
18
|
-
--ns-color-primary-light:
|
|
19
|
-
--ns-color-primary-dark:
|
|
17
|
+
--ns-color-primary: #4a3f8f;
|
|
18
|
+
--ns-color-primary-light: #6b5fb8;
|
|
19
|
+
--ns-color-primary-dark: #2e2658;
|
|
20
20
|
|
|
21
21
|
/* Secondary color (Vibrant Coral) */
|
|
22
|
-
--ns-color-secondary:
|
|
23
|
-
--ns-color-secondary-light:
|
|
24
|
-
--ns-color-secondary-dark:
|
|
22
|
+
--ns-color-secondary: #ff6b6b;
|
|
23
|
+
--ns-color-secondary-light: #ff9090;
|
|
24
|
+
--ns-color-secondary-dark: #e84545;
|
|
25
25
|
|
|
26
26
|
/* Tertiary color (Rich Teal) */
|
|
27
|
-
--ns-color-tertiary:
|
|
28
|
-
--ns-color-tertiary-light:
|
|
29
|
-
--ns-color-tertiary-dark:
|
|
27
|
+
--ns-color-tertiary: #0fa3b1;
|
|
28
|
+
--ns-color-tertiary-light: #48c9d4;
|
|
29
|
+
--ns-color-tertiary-dark: #077f8c;
|
|
30
30
|
|
|
31
31
|
/* Grey scale for backgrounds */
|
|
32
|
-
--ns-color-grey-800:
|
|
33
|
-
--ns-color-grey-900:
|
|
32
|
+
--ns-color-grey-800: #2d3748;
|
|
33
|
+
--ns-color-grey-900: #1a202c;
|
|
34
34
|
|
|
35
|
-
--ns-color-white:
|
|
36
|
-
--ns-color-black:
|
|
35
|
+
--ns-color-white: #ffffff;
|
|
36
|
+
--ns-color-black: #1a202c;
|
|
37
37
|
|
|
38
38
|
/* ============================================
|
|
39
39
|
* SPACING TOKENS
|
|
40
|
-
*
|
|
41
|
-
* Internal: Uses --mvpb-spacing-*
|
|
42
|
-
* External: Uses fallback pixel values
|
|
40
|
+
* Standard spacing scale for SDK components
|
|
43
41
|
* ============================================ */
|
|
44
42
|
|
|
45
|
-
--ns-spacing-xs:
|
|
46
|
-
--ns-spacing-sm:
|
|
47
|
-
--ns-spacing-md:
|
|
48
|
-
--ns-spacing-lg:
|
|
49
|
-
--ns-spacing-xl:
|
|
50
|
-
--ns-spacing-2xl:
|
|
51
|
-
--ns-spacing-3xl:
|
|
43
|
+
--ns-spacing-xs: 4px;
|
|
44
|
+
--ns-spacing-sm: 8px;
|
|
45
|
+
--ns-spacing-md: 16px;
|
|
46
|
+
--ns-spacing-lg: 24px;
|
|
47
|
+
--ns-spacing-xl: 32px;
|
|
48
|
+
--ns-spacing-2xl: 48px;
|
|
49
|
+
--ns-spacing-3xl: 64px;
|
|
52
50
|
|
|
53
51
|
/* ============================================
|
|
54
52
|
* BORDER RADIUS
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@newschools/sdk",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.2",
|
|
4
4
|
"description": "New Schools SDK - Multi-framework components and modules for integrating New Schools learning content",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./nuxt/src/module.ts",
|
|
@@ -16,6 +16,10 @@
|
|
|
16
16
|
"LICENSE",
|
|
17
17
|
"README.md"
|
|
18
18
|
],
|
|
19
|
+
"scripts": {
|
|
20
|
+
"deploy": "npm publish --access public",
|
|
21
|
+
"deploy:dry": "npm publish --access public --dry-run"
|
|
22
|
+
},
|
|
19
23
|
"keywords": [
|
|
20
24
|
"newschools",
|
|
21
25
|
"sdk",
|