@ossy/themes 0.0.9-alpha → 0.0.9

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@ossy/themes",
-  "repository": "github:ossy-se/ossy",
+  "repository": "github:ossy-se/packages",
   "description": "Ossy's design system themes",
-  "version": "0.0.9-alpha",
+  "version": "0.0.9",
   "source": "src/index.js",
   "main": "build/cjs/index.js",
   "module": "build/esm/index.js",
@@ -18,13 +18,13 @@
     "@babel/eslint-parser": "^7.15.8",
     "@babel/preset-env": "^7.21.5",
     "@babel/preset-react": "^7.24.1",
-    "@rollup/plugin-node-resolve": "^15.3.0",
     "@rollup/plugin-babel": "6.0.4",
-    "babel-loader": "^9.1.3",
-    "@rollup/plugin-terser": "0.4.4",
     "@rollup/plugin-commonjs": "^25.0.5",
+    "@rollup/plugin-node-resolve": "^15.3.0",
+    "@rollup/plugin-terser": "0.4.4",
     "@rollup/plugin-typescript": "^11.1.5",
     "@types/react": "18.2.79",
+    "babel-loader": "^9.1.3",
     "rollup": "^4.24.3",
     "rollup-plugin-dts": "^6.1.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
@@ -43,5 +43,9 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
-  }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "4e30bab37fa7624b3260cca5b8154c5f863ed8bb"
 }

package/src/{tepit.js → cloud-dark.js}

@@ -1,7 +1,7 @@
 import { Standard } from './standard.js'
 import { topography } from './patterns/index.js'
 
-export const Tepit = {
+export const CloudDark = {
 
   space: Standard.space,
   'max-width': Standard['max-width'],
@@ -38,8 +38,11 @@ export const Tepit = {
     },
 
     primary: {
-      background: 'hsl(207, 95%, 8%)',
       foreground: 'hsl(207, 70%, 95%)',
+      'foreground-hover': 'hsl(207, 70%, 96%)',
+      background: 'hsla(207, 95%, 8%, .6)',
+      'background-hover': 'hsla(207, 95%, 8%, .7)',
+      backdropFilter: 'saturate(180%) blur(10px)',
       separator: 'hsl(203, 50%, 15%)',
     },
 
@@ -49,6 +52,18 @@ export const Tepit = {
       separator: 'hsl(203, 50%, 15%)',
     },
 
+    decorated: {
+      background: `
+      linear-gradient(180deg, var(--surface-primary) 0%, transparent 100%),
+      ${topography('hsla(354, 80%, 38%, .3)')},
+      linear-gradient(180deg, var(--surface-primary) 0%, transparent 100%),
+      linear-gradient(-135deg, var(--surface-primary) 20%, hsl(354, 50%, 38%) 100%)
+    `,
+    'background-hover': 'var(--surface-primary)',
+    'background-active': 'var(--surface-primary)',
+      foreground: 'hsl(182, 23%, 95%)',
+    },
+
 
   },
 
@@ -169,6 +184,24 @@ export const Tepit = {
       'color-hover': 'hsl(23, 100%, 80%)'
     },
 
+    command: {
+      'border-radius': '4px',
+      'padding': '4px',
+
+      'background': 'transparent',
+      'background-hover': 'hsl(0, 0%, 95%)',
+      'color-hover': 'hsl(199deg 89% 43%)'
+    },
+
+    'command-danger': {
+      'border-radius': '4px',
+      'padding': '4px',
+
+      'background': 'transparent',
+      'background-hover': 'hsl(0, 0%, 95%)',
+      'color-hover': 'hsl(0, 89%, 43%)'
+    },
+
     tab: {
       'border-style': 'solid',
       'border-color': 'transparent',

package/src/{ossy.js → cloud-light.js}

@@ -4,7 +4,7 @@ import { topography } from './patterns/index.js'
 // hsl(198, 96%, 10%) accent from old site
 
 
-export const Ossy = {
+export const CloudLight = {
   ...Standard,
 
   surface: {
@@ -243,6 +243,7 @@ export const Ossy = {
     cta: {
       'background': 'hsl(167, 89%, 43%)',
       'color': 'hsl(0, 0%, 98%)',
+      'box-shadow': '3px 0 10px hsla(0, 0%, 85%, .75)',
 
       'background-hover': 'hsl(167, 89%, 38%)',
       'color-hover': 'hsl(0, 0%, 98%)'
@@ -253,7 +254,7 @@ export const Ossy = {
       'button-link-border-color': 'transparent',
 
       'button-link-background-hover': 'transparent',
-      'button-link-color-hover': 'hsl(167, 89%, 43%)'
+      'button-link-color-hover': 'hsl(167, 89%, 43%)',
     },
 
     command: {

package/src/index.js

@@ -1,8 +1,9 @@
+export * from './cloud-dark.js'
+export * from './cloud-light.js'
 export * from './gaming.js'
 export * from './glass.js'
 export * from './minimal.js'
 export * from './oskarssylwan.js'
-export * from './ossy.js'
 export * from './plexus-sanitas.js'
 export * from './standard.js'
-export * from './tepit.js'
+

package/src/public.index.js

@@ -1,2 +1,2 @@
-export * from './ossy.js'
+export * from './cloud-light.js'
 export * from './minimal.js'

package/src/standard.js

@@ -239,7 +239,6 @@ export const Standard = {
       'background': 'hsl(0, 0%, 99%)',
       'background-hover': 'hsl(0, 0%, 95%)',
       'color-hover': 'hsl(199deg 89% 43%)'
-      // 'color-hover': 'hsl(167, 89%, 43%)'
     },
 
     'command-danger': {