Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@lightningjs/solid-ui

Package Overview
Dependencies
Maintainers
8
Versions
74
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@lightningjs/solid-ui - npm Package Compare versions

Comparing version 0.18.16 to 0.18.17

2

components/Artwork/Artwork.types.ts

@@ -17,3 +17,3 @@ /*

*/
import type { Effects, NodeProps, NodeStyles } from '@lightningjs/solid';
import type { Effects, NodeProps, NodeStyles } from '@lightningtv/solid';
import type { ComponentStyleConfig, NodeStyleSet, Tone } from 'types/types.js';

@@ -20,0 +20,0 @@ import type { UIComponentProps } from 'types/interfaces.js';

2

components/Badge/Badge.types.ts

@@ -1,2 +0,2 @@

import type { NodeStyles, TextProps } from '@lightningjs/solid';
import type { NodeStyles, TextProps } from '@lightningtv/solid';
import type { ComponentStyleConfig, NodeStyleSet, Tone, TextStyleSet } from 'types/types.js';

@@ -3,0 +3,0 @@ import type { UIComponentProps } from 'types/interfaces.js';

2

components/Button/Button.types.ts

@@ -1,2 +0,2 @@

import type { NodeProps, NodeStyles, TextProps, TextStyles } from '@lightningjs/solid';
import type { NodeProps, NodeStyles, TextProps, TextStyles } from '@lightningtv/solid';
import type { ComponentStyleConfig, NodeStyleSet, TextStyleSet, Tone } from 'types/types.js';

@@ -3,0 +3,0 @@ import type { UIComponentProps } from 'types/interfaces.js';

2

components/Checkbox/Checkbox.types.ts

@@ -17,3 +17,3 @@ /*

*/
import type { NodeProps, NodeStyles } from '@lightningjs/solid';
import type { NodeProps, NodeStyles } from '@lightningtv/solid';
import type { ComponentStyleConfig, NodeStyleSet, Tone } from 'types/types.js';

@@ -20,0 +20,0 @@ import type { UIComponentProps } from 'types/interfaces.js';

4

components/Column/Column.types.ts

@@ -1,6 +0,6 @@

import type { IntrinsicNodeCommonProps, NodeStyles, SolidNode } from '@lightningjs/solid';
import type { IntrinsicNodeCommonProps, NodeStyles, SolidNode } from '@lightningtv/solid';
import type { ComponentStyleConfig, NodeStyleSet, Tone } from 'types/types.js';
import type { UIComponentProps } from 'types/interfaces.js';
import type { Component } from 'solid-js';
import type { KeyHandler } from '@lightningjs/solid-primitives';
import type { KeyHandler } from '@lightningtv/solid/primitives';
import type { ScrollableElement } from 'utils/withScrolling.js';

@@ -7,0 +7,0 @@

2

components/Icon/Icon.types.ts

@@ -18,3 +18,3 @@ /*

import type { NodeStyles, IntrinsicNodeProps } from '@lightningjs/solid';
import type { NodeStyles, IntrinsicNodeProps } from '@lightningtv/solid';
import type { ComponentStyleConfig, NodeStyleSet, Tone } from '../../types/types.js';

@@ -21,0 +21,0 @@ import type { UIComponentProps } from '../../types/interfaces.js';

2

components/Input/Input.types.ts

@@ -1,2 +0,2 @@

import type { NodeStyles } from '@lightningjs/solid';
import type { NodeStyles } from '@lightningtv/solid';
import type { ComponentStyleConfig, NodeStyleSet, TextStyleSet, Tone } from 'types/types.js';

@@ -3,0 +3,0 @@ import type { UIComponentProps } from 'types/interfaces.js';

2

components/Key/Key.styles.ts

@@ -17,3 +17,3 @@ /*

*/
import type { TextStyles, NodeStyles } from '@lightningjs/solid';
import type { TextStyles, NodeStyles } from '@lightningtv/solid';
import theme from 'theme';

@@ -20,0 +20,0 @@ import type { Tone } from '../../types/types.js';

2

components/Keyboard/Keyboard.styles.ts

@@ -22,3 +22,3 @@ /*

import { makeComponentStyles } from '../../utils/index.js';
import type { NodeStyles } from '@lightningjs/solid';
import type { NodeStyles } from '@lightningtv/solid';
import type { KeySizes, KeyStyles, KeyConfig } from '../Key/Key.styles.js';

@@ -25,0 +25,0 @@

2

components/Label/Label.types.ts

@@ -17,3 +17,3 @@ /*

*/
import type { NodeStyles } from '@lightningjs/solid';
import type { NodeStyles } from '@lightningtv/solid';
import type { ComponentStyleConfig, NodeStyleSet, TextStyleSet, Tone } from 'types/types.js';

@@ -20,0 +20,0 @@ import type { UIComponentProps } from 'types/interfaces.js';

2

components/Metadata/Details.types.ts

@@ -17,3 +17,3 @@ /*

*/
import type { NodeProps, NodeStyles } from '@lightningjs/solid';
import type { NodeProps, NodeStyles } from '@lightningtv/solid';
import type { ComponentStyleConfig, NodeStyleSet, TextStyleSet, Tone } from 'types/types.js';

@@ -20,0 +20,0 @@ import type { UIComponentProps } from 'types/interfaces.js';

2

components/Metadata/Metadata.types.ts

@@ -17,3 +17,3 @@ /*

*/
import type { NodeProps, NodeStyles, TextStyles } from '@lightningjs/solid';
import type { NodeProps, NodeStyles, TextStyles } from '@lightningtv/solid';
import type { ComponentStyleConfig, NodeStyleSet, TextStyleSet, Tone } from 'types/types.js';

@@ -20,0 +20,0 @@ import type { UIComponentProps } from 'types/interfaces.js';

2

components/Metadata/Rating.types.ts

@@ -17,3 +17,3 @@ /*

*/
import type { NodeProps, NodeStyles, TextStyles } from '@lightningjs/solid';
import type { NodeProps, NodeStyles, TextStyles } from '@lightningtv/solid';
import type { ComponentStyleConfig, NodeStyleSet, TextStyleSet, Tone } from 'types/types.js';

@@ -20,0 +20,0 @@ import type { UIComponentProps } from 'types/interfaces.js';

2

components/ProgressBar/ProgressBar.types.ts

@@ -1,2 +0,2 @@

import type { NodeStyles } from '@lightningjs/solid';
import type { NodeStyles } from '@lightningtv/solid';
import type { ComponentStyleConfig, NodeStyleSet, Tone } from 'types/types.js';

@@ -3,0 +3,0 @@ import type { UIComponentProps } from 'types/interfaces.js';

2

components/Radio/Radio.types.ts

@@ -17,3 +17,3 @@ /*

*/
import type { BorderStyleObject, NodeProps, NodeStyles } from '@lightningjs/solid';
import type { BorderStyleObject, NodeProps, NodeStyles } from '@lightningtv/solid';
import type { ComponentStyleConfig, NodeStyleSet, Tone } from 'types/types.js';

@@ -20,0 +20,0 @@ import type { UIComponentProps } from 'types/interfaces.js';

4

components/Row/Row.types.ts

@@ -17,6 +17,6 @@ /*

*/
import type { ElementNode, IntrinsicNodeCommonProps, NodeStyles } from '@lightningjs/solid';
import type { ElementNode, IntrinsicNodeCommonProps, NodeStyles } from '@lightningtv/solid';
import type { ComponentStyleConfig, NodeStyleSet, Tone } from 'types/types.js';
import type { UIComponentProps } from 'types/interfaces.js';
import type { KeyHandler } from '@lightningjs/solid-primitives';
import type { KeyHandler } from '@lightningtv/solid/primitives';

@@ -23,0 +23,0 @@ export interface RowProps extends UIComponentProps, RowStyleProperties {

2

components/Toggle/Toggle.types.ts

@@ -17,3 +17,3 @@ /*

*/
import type { NodeProps, NodeStyles, BorderStyleObject } from '@lightningjs/solid';
import type { NodeProps, NodeStyles, BorderStyleObject } from '@lightningtv/solid';
import type { ComponentStyleConfig, NodeStyleSet, Tone } from 'types/types.js';

@@ -20,0 +20,0 @@ import type { UIComponentProps } from 'types/interfaces.js';

50

package.json
{
"name": "@lightningjs/solid-ui",
"version": "0.18.16",
"version": "0.18.17",
"description": "A shared library of components for the LightningJS Solid Framework.",

@@ -8,2 +8,8 @@ "main": "dist/index.js",

"type": "module",
"exports": {
".": {
"import": "./index.ts",
"types": "./index.ts"
}
},
"files": [

@@ -32,4 +38,3 @@ "dist",

"peerDependencies": {
"@lightningjs/solid": "*",
"@lightningjs/solid-primitives": "*",
"@lightningtv/solid": "*",
"solid-js": "*"

@@ -39,30 +44,31 @@ },

"@lightningjs/vite-plugin-import-chunk-url": "^0.3.1",
"@storybook/addon-essentials": "^7.6.17",
"@storybook/addon-interactions": "^7.6.17",
"@storybook/addon-links": "^7.6.17",
"@storybook/blocks": "^7.6.17",
"@storybook/builder-vite": "^7.6.17",
"@storybook/html": "^7.6.17",
"@storybook/html-vite": "^7.6.17",
"@storybook/manager-api": "^7.6.17",
"@storybook/addon-essentials": "^7.6.19",
"@storybook/addon-interactions": "^7.6.19",
"@storybook/addon-links": "^7.6.19",
"@storybook/blocks": "^7.6.19",
"@storybook/builder-vite": "^7.6.19",
"@storybook/html": "^7.6.19",
"@storybook/html-vite": "^7.6.19",
"@storybook/manager-api": "^7.6.19",
"@storybook/testing-library": "^0.2.2",
"@storybook/theming": "^7.6.17",
"@vitest/browser": "^1.5.0",
"jsdom": "^24.0.0",
"playwright": "^1.43.1",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"storybook": "^7.6.17",
"@storybook/theming": "^7.6.19",
"@vitest/browser": "^1.6.0",
"jsdom": "^24.1.0",
"playwright": "^1.44.1",
"react": "^18.3.1",
"react-dom": "^18.3.1",
"storybook": "^7.6.19",
"storybook-solidjs": "1.0.0-beta.2",
"storybook-solidjs-vite": "1.0.0-beta.2",
"typescript": "^5.4.5",
"vite": "^5.2.9",
"vite-bundle-visualizer": "^1.1.0",
"vite": "^5.2.12",
"vite-bundle-visualizer": "^1.2.1",
"vite-plugin-cross-origin-isolation": "^0.1.6",
"vite-plugin-dts": "^3.8.1",
"vite-plugin-dts": "^3.9.1",
"vite-plugin-solid": "^2.10.2",
"vitest": "^1.5.0",
"vitest": "^1.6.0",
"@lightningjs/l3-ui-theme-base": "0.3.3"
},
"scripts": {
"start": "npm run dev",
"dev": "pnpm run storybook",

@@ -69,0 +75,0 @@ "build-lib": "vite build",

2

test-utils.jsx

@@ -21,3 +21,3 @@ /**

import { render as solidRender, View, Canvas, activeElement } from '@lightningjs/solid';
import { render as solidRender, View, Canvas, activeElement } from '@lightningtv/solid';

@@ -24,0 +24,0 @@ const RenderOptions = {

2

types.d.ts

@@ -18,3 +18,3 @@ /*

import type { TextStyles, NodeStyles } from '@lightningjs/solid';
import type { TextStyles, NodeStyles } from '@lightningtv/solid';

@@ -21,0 +21,0 @@ // license: https://github.com/sindresorhus/ts-extras/blob/main/license

4

types/augmentations.d.ts

@@ -1,4 +0,4 @@

import '@lightningjs/solid';
import '@lightningtv/solid';
declare module '@lightningjs/solid' {
declare module '@lightningtv/solid' {
/**

@@ -5,0 +5,0 @@ * Augment the existing IntrinsicCommonProps interface to include our state style keys

2

types/interfaces.ts

@@ -18,3 +18,3 @@ /*

import { type IntrinsicNodeProps } from '@lightningjs/solid';
import { type IntrinsicNodeProps } from '@lightningtv/solid';
import type { Tone } from './types.js';

@@ -21,0 +21,0 @@

4

types/types.ts

@@ -18,4 +18,4 @@ /*

// import * as Solid from '@lightningjs/solid';
import type { TextStyles, NodeStyles } from '@lightningjs/solid';
// import * as Solid from '@lightningtv/solid';
import type { TextStyles, NodeStyles } from '@lightningtv/solid';

@@ -22,0 +22,0 @@ export type ThemeKeys<BaseStyleType, ComponentStyleList = object> = {

2

utils/createSpriteMap.ts

@@ -18,3 +18,3 @@ /*

import { renderer } from '@lightningjs/solid';
import { renderer } from '@lightningtv/solid';
import type { SpecificTextureRef } from '@lightningjs/renderer';

@@ -21,0 +21,0 @@

4

utils/handleNavigation.ts

@@ -18,4 +18,4 @@ /*

import { ElementNode } from '@lightningjs/solid';
import type { KeyHandler } from '@lightningjs/solid-primitives';
import { ElementNode } from '@lightningtv/solid';
import type { KeyHandler } from '@lightningtv/solid/primitives';
import { assertTruthy } from './index.js';

@@ -22,0 +22,0 @@

2

utils/scrollToIndex.ts

@@ -18,3 +18,3 @@ /*

import type { ElementNode } from '@lightningjs/solid';
import type { ElementNode } from '@lightningtv/solid';

@@ -21,0 +21,0 @@ export function scrollToIndex(componentRef: ElementNode, selectedIndex: number) {

2

utils/withPadding.ts

@@ -18,3 +18,3 @@ /*

import type { ElementNode } from '@lightningjs/solid';
import type { ElementNode } from '@lightningtv/solid';

@@ -21,0 +21,0 @@ type withPaddingInput =

2

utils/withScrolling.ts

@@ -18,3 +18,3 @@ /*

import type { ElementNode, SolidNode } from '@lightningjs/solid';
import type { ElementNode, SolidNode } from '@lightningtv/solid';

@@ -21,0 +21,0 @@ // adds properties expected by withScrolling

15

vite.config.js

@@ -24,15 +24,6 @@ /*

const config = {
optimizeDeps: {
include: [],
exclude: [
'@lightningjs/solid',
'@lightningjs/solid-primitives',
'@lightningjs/renderer/core',
'@lightningjs/renderer/workers/renderer'
]
},
plugins: [
solidPlugin({
solid: {
moduleName: '@lightningjs/solid',
moduleName: '@lightningtv/solid',
generate: 'universal'

@@ -51,3 +42,3 @@ }

rollupOptions: {
external: ['theme', 'solid-js', '@lightningjs/solid', '@lightningjs/solid-primitives']
external: ['theme', 'solid-js', '@lightningtv/solid']
},

@@ -63,3 +54,3 @@ minify: false,

},
dedupe: ['solid-js', '@lightningjs/solid']
dedupe: ['solid-js', '@lightningtv/solid']
},

@@ -66,0 +57,0 @@ server: {

components/Artwork/Artwork.stories.tsx

Sorry, the diff of this file is not supported yet

components/Artwork/Artwork.tsx

Sorry, the diff of this file is not supported yet

components/Badge/Badge.stories.tsx

Sorry, the diff of this file is not supported yet

components/Badge/Badge.tsx

Sorry, the diff of this file is not supported yet

components/Button/Button.stories.tsx

Sorry, the diff of this file is not supported yet

components/Button/Button.tsx

Sorry, the diff of this file is not supported yet

components/Checkbox/Checkbox.tsx

Sorry, the diff of this file is not supported yet

components/Column/Column.stories.tsx

Sorry, the diff of this file is not supported yet

components/Column/Column.tsx

Sorry, the diff of this file is not supported yet

components/FPSCounter/FPSCounter.stories.tsx

Sorry, the diff of this file is not supported yet

components/FPSCounter/FPSCounter.tsx

Sorry, the diff of this file is not supported yet

components/Icon/Icon.stories.tsx

Sorry, the diff of this file is not supported yet

components/Icon/Icon.tsx

Sorry, the diff of this file is not supported yet

components/Input/Input.stories.tsx

Sorry, the diff of this file is not supported yet

components/Input/Input.tsx

Sorry, the diff of this file is not supported yet

components/Key/Key.tsx

Sorry, the diff of this file is not supported yet

components/Label/Label.tsx

Sorry, the diff of this file is not supported yet

components/Metadata/Details.tsx

Sorry, the diff of this file is not supported yet

components/Metadata/Metadata.tsx

Sorry, the diff of this file is not supported yet

components/Metadata/Rating.tsx

Sorry, the diff of this file is not supported yet

components/ProgressBar/ProgressBar.stories.tsx

Sorry, the diff of this file is not supported yet

components/ProgressBar/ProgressBar.tsx

Sorry, the diff of this file is not supported yet

components/Radio/Radio.tsx

Sorry, the diff of this file is not supported yet

components/Row/Row.stories.tsx

Sorry, the diff of this file is not supported yet

components/Row/Row.tsx

Sorry, the diff of this file is not supported yet

components/Tile/Tile.stories.tsx

Sorry, the diff of this file is not supported yet

components/Tile/Tile.tsx

Sorry, the diff of this file is not supported yet

components/Toggle/Toggle.tsx

Sorry, the diff of this file is not supported yet

dist/fonts/ubuntu/Ubuntu-Bold.msdf.json

Sorry, the diff of this file is too big to display

dist/fonts/ubuntu/Ubuntu-Bold.msdf.png

Sorry, the diff of this file is not supported yet

dist/fonts/ubuntu/Ubuntu-Regular.msdf.json

Sorry, the diff of this file is too big to display

dist/fonts/ubuntu/Ubuntu-Regular.msdf.png

Sorry, the diff of this file is not supported yet

dist/index.js

Sorry, the diff of this file is too big to display

dist/index.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc