🚀 Socket Launch Week Day 5:Introducing Repository Access Permissions and Custom Roles.Learn more →
Sign In

@sjsf/daisyui-theme

Package Overview
Dependencies
Maintainers
1
Versions
61
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@sjsf/daisyui-theme - npm Package Compare versions

Comparing version
2.4.0
 to
3.0.0-next.12
+1
-6
dist/components/button.svelte.d.ts
import '@sjsf/basic-theme/components/button.svelte';
declare const Button: import("svelte").Component<import("@sjsf/form/fields/components").ComponentCommonProps & {
type: import("@sjsf/form/fields/components").ButtonType;
disabled: boolean;
children: import("svelte").Snippet;
onclick: () => void;
}, {}, "">;
declare const Button: import("svelte").Component<import("@sjsf/form/fields/components").ButtonComponentProps, {}, "">;
type Button = ReturnType<typeof Button>;
export default Button;
+1
-1
dist/components/description.svelte.d.ts
import '@sjsf/basic-theme/components/description.svelte';
declare const Description: import("svelte").Component<import("@sjsf/form/fields/components").ComponentCommonProps & {
type: import("@sjsf/form/templates/components").ParentTemplateType;
templateType: import("@sjsf/form/fields/templates").TemplateType;
description: string;

@@ -5,0 +5,0 @@ }, {}, "">;

+1
-1
dist/components/errors-list.svelte

@@ -15,4 +15,4 @@ <script lang="ts">

{#each errors as err}
<li>{err.message}</li>
<li>{err}</li>
{/each}
</ul>
+3
-2
dist/components/form.svelte
<script lang="ts">
import { formAttributes, formHandlers, getFormContext, type ComponentProps } from '@sjsf/form';
import { formAttributes, getFormContext, type ComponentProps } from '@sjsf/form';
import '@sjsf/basic-theme/components/form.svelte';

@@ -12,3 +12,4 @@

bind:this={ref}
{@attach formHandlers(ctx)}
onsubmit={ctx.submit}
onreset={ctx.reset}
class="flex flex-col gap-4"

@@ -15,0 +16,0 @@ {...formAttributes(ctx, config, 'form', attributes, {})}

+1
-4
dist/components/layout.svelte.d.ts
import '@sjsf/basic-theme/components/layout.svelte';
declare const Layout: import("svelte").Component<import("@sjsf/form/fields/components").ComponentCommonProps & {
type: import("@sjsf/form/fields/components").LayoutType;
children: import("svelte").Snippet;
}, {}, "">;
declare const Layout: import("svelte").Component<import("@sjsf/form/fields/components").LayoutComponentProps, {}, "">;
type Layout = ReturnType<typeof Layout>;
export default Layout;
+2
-2
dist/components/title.svelte

@@ -5,3 +5,3 @@ <script lang="ts">

const { title, config, type }: ComponentProps['title'] = $props();
const { title, config, templateType }: ComponentProps['title'] = $props();

@@ -12,3 +12,3 @@ const ctx = getFormContext();

<div
class={['font-bold', { 'text-xl': type !== 'field' }]}
class={['font-bold', { 'text-xl': templateType !== 'fieldTemplate' }]}
{...titleAttributes(ctx, config, 'titleAttributes', {})}

@@ -15,0 +15,0 @@ >

+1
-1
dist/components/title.svelte.d.ts
import '@sjsf/basic-theme/components/title.svelte';
declare const Title: import("svelte").Component<import("@sjsf/form/fields/components").ComponentCommonProps & {
type: import("@sjsf/form/templates/components").ParentTemplateType;
title: string;
templateType: import("@sjsf/form/fields/templates").TemplateType;
}, {}, "">;
type Title = ReturnType<typeof Title>;
export default Title;
+1
-2
dist/definitions.d.ts
import type { ComponentDefinitions } from '@sjsf/form';
import * as templates from '@sjsf/form/templates/exports';
import * as components from './components/exports.js';

@@ -7,2 +6,2 @@ import * as widgets from './widgets/exports.js';

}
export declare const definitions: typeof templates & typeof components & typeof widgets & Pick<ComponentDefinitions, keyof ExtraWidgets>;
export declare const definitions: typeof components & typeof widgets & Pick<ComponentDefinitions, keyof ExtraWidgets>;
+0
-2
dist/definitions.js

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

import * as templates from '@sjsf/form/templates/exports';
import * as components from './components/exports.js';
import * as widgets from './widgets/exports.js';
export const definitions = {
...templates,
...components,
...widgets
};
+1
-1
dist/index.d.ts

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

export declare const theme: import("@sjsf/form/lib/resolver").Resolver<import("@sjsf/form/lib/resolver").Chain<Record<"stringField" | "numberField" | "integerField" | "booleanField" | "objectField" | "arrayField" | "tupleField" | "nullField" | "oneOfField" | "anyOfField" | "arrayItemField" | "objectPropertyField" | keyof import("@sjsf/form/fields/resolver/definitions").ExtraFields | "titleWithIndex" | "generateNewKey" | "createAdditionalPropertyKey" | "createOriginalKeysOrder", any>, Record<"form" | "title" | "description" | "help" | "button" | "layout" | "errorsList" | "submitButton" | "fieldTemplate" | "objectTemplate" | "objectPropertyTemplate" | "arrayTemplate" | "arrayItemTemplate" | "multiFieldTemplate" | "textWidget" | "numberWidget" | "selectWidget" | "checkboxWidget" | "label" | keyof import("./definitions.js").ExtraWidgets, any>>, import("@sjsf/form/lib/resolver").Chain<typeof import("@sjsf/form/fields/exports") & Pick<import("@sjsf/form").ComponentDefinitions, keyof import("@sjsf/form/fields/resolver/definitions").ExtraFields>, typeof import("@sjsf/form/templates/exports") & typeof import("./components/exports.js") & typeof import("./widgets/exports.js") & Pick<import("@sjsf/form").ComponentDefinitions, keyof import("./definitions.js").ExtraWidgets>>>;
export declare const theme: import("@sjsf/form/lib/resolver").Resolver<import("@sjsf/form/lib/resolver").Chain<Record<"objectField" | "booleanField" | "integerField" | "numberField" | "stringField" | "anyOfField" | "oneOfField" | "arrayField" | "tupleField" | "nullField" | "unknownField" | "fieldTemplate" | "multiFieldTemplate" | "arrayItemField" | "arrayTemplate" | "arrayItemTemplate" | "objectPropertyField" | "objectTemplate" | "objectPropertyTemplate" | keyof import("@sjsf/form/theme").ExtraComponents | "titleWithIndex" | "generateNewKey" | "createAdditionalPropertyKey" | "createOriginalKeysOrder", any>, Record<"form" | "title" | "button" | "layout" | "errorsList" | "submitButton" | "description" | "help" | "label" | "textWidget" | "numberWidget" | "selectWidget" | "checkboxWidget" | keyof import("./definitions.js").ExtraWidgets, any>>, import("@sjsf/form/lib/resolver").Chain<typeof import("@sjsf/form/fields/exports") & typeof import("@sjsf/form/templates/exports") & Pick<import("@sjsf/form").ComponentDefinitions, keyof import("@sjsf/form/theme").ExtraComponents>, typeof import("./components/exports.js") & typeof import("./widgets/exports.js") & Pick<import("@sjsf/form").ComponentDefinitions, keyof import("./definitions.js").ExtraWidgets>>>;
+2
-2
dist/index.js
import { extendByRecord } from '@sjsf/form/lib/resolver';
import { fields } from '@sjsf/form/fields/resolver';
import { base } from '@sjsf/form/theme';
import { definitions } from './definitions.js';
export const theme = extendByRecord(fields, definitions);
export const theme = extendByRecord(base, definitions);
+1
-1
dist/specs.d.ts

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

import { s } from 'testing/demo';
import { s } from 'theme-testing/specs';
import './extra-widgets/checkboxes-include';

@@ -3,0 +3,0 @@ import './extra-widgets/date-picker-include';

+12
-8
dist/specs.js

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

import { s } from 'testing/demo';
import { s, DEFAULT_SPECS } from 'theme-testing/specs';
import './extra-widgets/checkboxes-include';

@@ -12,19 +12,23 @@ import './extra-widgets/date-picker-include';

export const specs = {
datePicker: [s.text, { 'ui:components': { textWidget: 'datePickerWidget' } }],
...DEFAULT_SPECS,
datePicker: [s.text, { 'ui:components': { textWidget: 'datePickerWidget' } }, {}],
multiSelect: [
s.uniqueArray,
{ 'ui:components': { arrayField: 'multiEnumField', checkboxesWidget: 'multiSelectWidget' } }
{ 'ui:components': { arrayField: 'multiEnumField', checkboxesWidget: 'multiSelectWidget' } },
{}
],
radioButtons: [
s.enumeration,
{ 'ui:components': { stringField: 'enumField', selectWidget: 'radioButtonsWidget' } }
{ 'ui:components': { stringField: 'enumField', selectWidget: 'radioButtonsWidget' } },
{}
],
radio: [
s.enumeration,
{ 'ui:components': { stringField: 'enumField', selectWidget: 'radioWidget' } }
{ 'ui:components': { stringField: 'enumField', selectWidget: 'radioWidget' } },
{}
],
range: [s.number, { 'ui:components': { numberWidget: 'rangeWidget' } }],
switch: [s.boolean, { 'ui:components': { checkboxWidget: 'switchWidget' } }],
textarea: [s.text, { 'ui:components': { textWidget: 'textareaWidget' } }]
range: [s.number, { 'ui:components': { numberWidget: 'rangeWidget' } }, {}],
switch: [s.boolean, { 'ui:components': { checkboxWidget: 'switchWidget' } }, {}],
textarea: [s.text, { 'ui:components': { textWidget: 'textareaWidget' } }, {}]
};
export const extraWidgets = Object.keys(import.meta.glob('./extra-widgets/*.svelte')).map((widget) => widget.substring(16, widget.length - 7));
+8
-8
package.json
{
"name": "@sjsf/daisyui-theme",
"version": "2.4.0",
"version": "3.0.0-next.12",
"description": "The daisyUI based theme for svelte-jsonschema-form",

@@ -54,6 +54,6 @@ "license": "MIT",

"dependencies": {
"@sjsf/basic-theme": "^2.4.0"
"@sjsf/basic-theme": "^3.0.0-next.12"
},
"peerDependencies": {
"@sjsf/form": "^2.4.0",
"@sjsf/form": "^3.0.0-next.12",
"daisyui": "^4.12.0",

@@ -65,8 +65,8 @@ "svelte": "^5.33.0"

"daisyui": "^4.12.24",
"globals": "^16.3.0",
"globals": "16.4.0",
"postcss": "^8.5.6",
"svelte": "~5.38.6",
"tailwindcss": "^3.4.17",
"@sjsf/form": "2.4.0",
"testing": "1.0.12"
"svelte": "^5.42.3",
"tailwindcss": "^3.4.18",
"@sjsf/form": "3.0.0-next.12",
"theme-testing": "1.0.13-next.12"
},

@@ -73,0 +73,0 @@ "svelte": "./dist/index.js",

+1
-1
README.md

@@ -5,3 +5,3 @@ # @sjsf/daisyui-theme

- [Documentation](https://x0k.github.io/svelte-jsonschema-form/themes/daisyui/)
- [Documentation](https://x0k.github.io/svelte-jsonschema-form/themes/legacy/daisyui/)
- [Playground](https://x0k.github.io/svelte-jsonschema-form/playground2/)

@@ -8,0 +8,0 @@ 

dist/styles.css

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