diff --git a/package-lock.json b/package-lock.json index 51316fb80..f38c079a5 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,7 +10,7 @@ "license": "Apache-2.0", "dependencies": { "@floating-ui/dom": "^1.6.5", - "@tylertech/forge-core": "^3.0.0-next.0", + "@tylertech/forge-core": "^3.0.0-next.1", "@tylertech/tyler-icons": "^1.12.0", "imask": "^6.6.1", "tslib": "^2.6.3" @@ -8359,9 +8359,9 @@ } }, "node_modules/@tylertech/forge-core": { - "version": "3.0.0-next.0", - "resolved": "https://registry.npmjs.org/@tylertech/forge-core/-/forge-core-3.0.0-next.0.tgz", - "integrity": "sha512-7hwcZ/nnMEf1ADm5qwgYh7f8OQHSy32PN8hlnv6M4SbxD7W49yR7yB8F1bm7HxThP+e7N9PLXVK52lcQYRzCnw==", + "version": "3.0.0-next.1", + "resolved": "https://registry.npmjs.org/@tylertech/forge-core/-/forge-core-3.0.0-next.1.tgz", + "integrity": "sha512-F+Pb8eYIeFq7K8r+xYFPn9xsMMlOreLtaGyygpomW17fuDEk5OjoVjz+CuZBXj9eh6Fi6kbmBxLUj8cC+KxPwA==", "dependencies": { "tslib": "^2.6.3" }, @@ -34623,9 +34623,9 @@ } }, "@tylertech/forge-core": { - "version": "3.0.0-next.0", - "resolved": "https://registry.npmjs.org/@tylertech/forge-core/-/forge-core-3.0.0-next.0.tgz", - "integrity": "sha512-7hwcZ/nnMEf1ADm5qwgYh7f8OQHSy32PN8hlnv6M4SbxD7W49yR7yB8F1bm7HxThP+e7N9PLXVK52lcQYRzCnw==", + "version": "3.0.0-next.1", + "resolved": "https://registry.npmjs.org/@tylertech/forge-core/-/forge-core-3.0.0-next.1.tgz", + "integrity": "sha512-F+Pb8eYIeFq7K8r+xYFPn9xsMMlOreLtaGyygpomW17fuDEk5OjoVjz+CuZBXj9eh6Fi6kbmBxLUj8cC+KxPwA==", "requires": { "tslib": "^2.6.3" } diff --git a/package.json b/package.json index 0d5d7381a..93ff5a18e 100644 --- a/package.json +++ b/package.json @@ -39,7 +39,7 @@ }, "dependencies": { "@floating-ui/dom": "^1.6.5", - "@tylertech/forge-core": "^3.0.0-next.0", + "@tylertech/forge-core": "^3.0.0-next.1", "@tylertech/tyler-icons": "^1.12.0", "imask": "^6.6.1", "tslib": "^2.6.3" diff --git a/src/lib/badge/badge-component-delegate.ts b/src/lib/badge/badge-component-delegate.ts new file mode 100644 index 000000000..478c77729 --- /dev/null +++ b/src/lib/badge/badge-component-delegate.ts @@ -0,0 +1,17 @@ +import { BaseComponentDelegate, IBaseComponentDelegateConfig, IBaseComponentDelegateOptions } from '../core/delegates/base-component-delegate'; +import { IBadgeComponent } from './badge'; +import { BADGE_CONSTANTS } from './badge-constants'; + +export type BadgeComponentDelegateProps = Partial; +export interface IBadgeComponentDelegateOptions extends IBaseComponentDelegateOptions {} +export interface IBadgeComponentDelegateConfig extends IBaseComponentDelegateConfig {} + +export class BadgeComponentDelegate extends BaseComponentDelegate { + constructor(config?: IBadgeComponentDelegateConfig) { + super(config); + } + + protected _build(): IBadgeComponent { + return document.createElement(BADGE_CONSTANTS.elementName); + } +} diff --git a/src/lib/badge/index.ts b/src/lib/badge/index.ts index 4da9a644d..13b8af4bf 100644 --- a/src/lib/badge/index.ts +++ b/src/lib/badge/index.ts @@ -2,6 +2,7 @@ import { defineCustomElement } from '@tylertech/forge-core'; import { BadgeComponent } from './badge'; +export * from './badge-component-delegate'; export * from './badge-constants'; export * from './badge'; diff --git a/src/lib/button/_core.scss b/src/lib/button/_core.scss index 210802585..4b5a793b1 100644 --- a/src/lib/button/_core.scss +++ b/src/lib/button/_core.scss @@ -73,7 +73,9 @@ } @mixin with-anchor { - display: block; + display: flex; + justify-content: stretch; + align-items: stretch; padding: 0; } @@ -82,6 +84,7 @@ align-items: center; justify-content: center; gap: #{token(spacing)}; + width: 100%; padding: #{token(padding)}; diff --git a/src/lib/inline-message/_core.scss b/src/lib/inline-message/_core.scss index 18b0c7149..a6b8633c1 100644 --- a/src/lib/inline-message/_core.scss +++ b/src/lib/inline-message/_core.scss @@ -4,7 +4,7 @@ @forward './token-utils'; @mixin host { - display: flex; + display: block; } @mixin base { diff --git a/src/lib/list/list-item/list-item-constants.ts b/src/lib/list/list-item/list-item-constants.ts index 31f21a0f3..50fe5ce86 100644 --- a/src/lib/list/list-item/list-item-constants.ts +++ b/src/lib/list/list-item/list-item-constants.ts @@ -53,6 +53,6 @@ export const LIST_ITEM_CONSTANTS = { events }; -export interface IListItemSelectEventData { +export interface IListItemSelectEventData { value: T; } diff --git a/src/stories/components/button/Button.stories.ts b/src/stories/components/button/Button.stories.ts index 40b7db92b..eb624551e 100644 --- a/src/stories/components/button/Button.stories.ts +++ b/src/stories/components/button/Button.stories.ts @@ -3,6 +3,7 @@ import { type Meta, type StoryObj } from '@storybook/web-components'; import { standaloneStoryParams, customElementStoryRenderer, generateCustomElementArgTypes, GLOBAL_THEME_OPTIONS } from '../../utils'; import { tylIconForgeLogo } from '@tylertech/tyler-icons/custom'; import { IconRegistry } from '@tylertech/forge/icon/icon-registry'; +import { tylIconOpenInNew } from '@tylertech/tyler-icons/standard'; import '@tylertech/forge/button'; import '@tylertech/forge/icon'; @@ -69,6 +70,7 @@ export const Anchor: Story = { variant: 'raised' }, render: ({ variant }) => { + IconRegistry.define(tylIconOpenInNew); return html`