From 07116cc330e65267c7d9d72faae51910a1b9bd6a Mon Sep 17 00:00:00 2001 From: Nicolas Merget Date: Thu, 12 Dec 2024 13:24:13 +0100 Subject: [PATCH] chore: update snapshots --- .../src/components/checkbox/checkbox.lite.tsx | 7 +--- .../src/components/input/input.lite.tsx | 7 +--- .../src/components/notification/model.ts | 5 +++ .../notification/notification.lite.tsx | 6 +-- .../src/components/select/select.lite.tsx | 7 +--- .../src/components/textarea/textarea.lite.tsx | 15 ++++--- .../components/src/utils/form-components.ts | 10 +---- packages/components/src/utils/index.ts | 14 ++++++- .../notification/notification.component.html | 1 + .../components/switch/switch.component.html | 1 + .../src/components/notification/index.tsx | 4 +- .../macos/webkit/DBCheckbox-default-1.txt | 2 +- .../macos/webkit/DBInput-next-1.txt | 2 +- .../macos/webkit/DBInput-required-1.txt | 2 +- .../macos/webkit/DBLink-default-1.txt | 2 +- .../macos/webkit/DBSwitch-default-1.txt | 2 +- .../macos/webkit/DBSwitch-icon-1.txt | 2 +- .../macos/webkit/DBTextarea-next-1.txt | 2 +- .../macos/webkit/DBTextarea-required-1.txt | 2 +- .../windows/chromium/DBCheckbox-default-1.txt | 2 +- .../windows/chromium/DBInput-tab-1.txt | 2 +- .../windows/chromium/DBLink-default-1.txt | 2 +- .../windows/chromium/DBSwitch-default-1.txt | 2 +- .../windows/chromium/DBSwitch-icon-1.txt | 2 +- .../chromium/DBTextarea-required-1.txt | 2 +- showcases/screen-reader/tests/input.spec.ts | 2 +- showcases/shared/badge.json | 42 +++++++++---------- showcases/shared/link.json | 2 +- showcases/shared/notification.json | 23 ++++++++++ showcases/shared/stack.json | 16 +++---- .../components/notification/Notification.vue | 1 + 31 files changed, 111 insertions(+), 80 deletions(-) diff --git a/packages/components/src/components/checkbox/checkbox.lite.tsx b/packages/components/src/components/checkbox/checkbox.lite.tsx index 4bdafce9d35..36f058f316d 100644 --- a/packages/components/src/components/checkbox/checkbox.lite.tsx +++ b/packages/components/src/components/checkbox/checkbox.lite.tsx @@ -11,7 +11,7 @@ import { DBCheckboxProps, DBCheckboxState } from './model'; import { cls, delay, - getBooleanAsString, + stringPropVisible, getHideProp, hasVoiceOver, uuid @@ -24,10 +24,7 @@ import { DEFAULT_VALID_MESSAGE_ID_SUFFIX } from '../../shared/constants'; import { ChangeEvent, InteractionEvent } from '../../shared/model'; -import { - handleFrameworkEvent, - stringPropVisible -} from '../../utils/form-components'; +import { handleFrameworkEvent } from '../../utils/form-components'; import DBInfotext from '../infotext/infotext.lite'; useMetadata({ diff --git a/packages/components/src/components/input/input.lite.tsx b/packages/components/src/components/input/input.lite.tsx index f794e89c77f..52f133993de 100644 --- a/packages/components/src/components/input/input.lite.tsx +++ b/packages/components/src/components/input/input.lite.tsx @@ -11,7 +11,7 @@ import { import { cls, delay, - getBooleanAsString, + stringPropVisible, getHideProp, hasVoiceOver, isArrayOfStrings, @@ -35,10 +35,7 @@ import { ValueLabelType } from '../../shared/model'; import DBInfotext from '../infotext/infotext.lite'; -import { - handleFrameworkEvent, - stringPropVisible -} from '../../utils/form-components'; +import { handleFrameworkEvent } from '../../utils/form-components'; useMetadata({ angular: { diff --git a/packages/components/src/components/notification/model.ts b/packages/components/src/components/notification/model.ts index a4ed6d2a1c3..b243b7e7688 100644 --- a/packages/components/src/components/notification/model.ts +++ b/packages/components/src/components/notification/model.ts @@ -69,6 +69,11 @@ export type DBNotificationDefaultProps = { */ timestamp?: string; + /** + * Enables or disables the visibility of the timestamp. + */ + showTimestamp?: boolean; + /** * The variant attribute changes the styling of the notification. * The docked notifications are used e.g. between header and main content to show a global alert. diff --git a/packages/components/src/components/notification/notification.lite.tsx b/packages/components/src/components/notification/notification.lite.tsx index 8cbec0475a6..89ccadf367f 100644 --- a/packages/components/src/components/notification/notification.lite.tsx +++ b/packages/components/src/components/notification/notification.lite.tsx @@ -2,9 +2,8 @@ import { Show, Slot, useMetadata, useRef, useStore } from '@builder.io/mitosis'; import { DBNotificationProps, DBNotificationState } from './model'; import DBButton from '../button/button.lite'; import { DEFAULT_CLOSE_BUTTON } from '../../shared/constants'; -import { cls, getHideProp } from '../../utils'; +import { cls, getHideProp, stringPropVisible } from '../../utils'; import { ClickEvent } from '../../shared/model'; -import { stringPropVisible } from '../../utils/form-components'; useMetadata({}); @@ -40,7 +39,8 @@ export default function DBNotification(props: DBNotificationProps) { {props.text}

- + {props.timestamp} diff --git a/packages/components/src/components/select/select.lite.tsx b/packages/components/src/components/select/select.lite.tsx index 1af3d6b9ce2..f64bfe0a6e0 100644 --- a/packages/components/src/components/select/select.lite.tsx +++ b/packages/components/src/components/select/select.lite.tsx @@ -12,7 +12,7 @@ import { DBSelectOptionType, DBSelectProps, DBSelectState } from './model'; import { cls, delay, - getBooleanAsString, + stringPropVisible, getHideProp, hasVoiceOver, uuid @@ -33,10 +33,7 @@ import { InputEvent, InteractionEvent } from '../../shared/model'; -import { - handleFrameworkEvent, - stringPropVisible -} from '../../utils/form-components'; +import { handleFrameworkEvent } from '../../utils/form-components'; useMetadata({ angular: { diff --git a/packages/components/src/components/textarea/textarea.lite.tsx b/packages/components/src/components/textarea/textarea.lite.tsx index ef67cd62f81..d949d9bafcf 100644 --- a/packages/components/src/components/textarea/textarea.lite.tsx +++ b/packages/components/src/components/textarea/textarea.lite.tsx @@ -9,23 +9,26 @@ import { } from '@builder.io/mitosis'; import { DBTextareaProps, DBTextareaState } from './model'; import DBInfotext from '../infotext/infotext.lite'; -import { cls, delay, getHideProp, hasVoiceOver, uuid } from '../../utils'; +import { + cls, + delay, + getHideProp, + stringPropVisible, + hasVoiceOver, + uuid +} from '../../utils'; import { DEFAULT_INVALID_MESSAGE, DEFAULT_INVALID_MESSAGE_ID_SUFFIX, DEFAULT_LABEL, DEFAULT_MESSAGE_ID_SUFFIX, DEFAULT_PLACEHOLDER, - DEFAULT_PLACEHOLDER_ID_SUFFIX, DEFAULT_ROWS, DEFAULT_VALID_MESSAGE, DEFAULT_VALID_MESSAGE_ID_SUFFIX } from '../../shared/constants'; import { ChangeEvent, InputEvent, InteractionEvent } from '../../shared/model'; -import { - handleFrameworkEvent, - stringPropVisible -} from '../../utils/form-components'; +import { handleFrameworkEvent } from '../../utils/form-components'; useMetadata({ angular: { diff --git a/packages/components/src/utils/form-components.ts b/packages/components/src/utils/form-components.ts index 9480a3b58de..a8fcb1b722e 100644 --- a/packages/components/src/utils/form-components.ts +++ b/packages/components/src/utils/form-components.ts @@ -10,12 +10,4 @@ export const handleFrameworkEvent = ( // ANGULAR: component.writeValue(event.target[modelValue]); }; -export const stringPropVisible = (message?: string, showMessage?: boolean) => { - if (showMessage === undefined) { - return !!message; - } else { - return showMessage && message; - } -}; - -export default { messageVisible: stringPropVisible, handleFrameworkEvent }; +export default { handleFrameworkEvent }; diff --git a/packages/components/src/utils/index.ts b/packages/components/src/utils/index.ts index a8089fbe8ad..62f955b506a 100644 --- a/packages/components/src/utils/index.ts +++ b/packages/components/src/utils/index.ts @@ -272,6 +272,17 @@ export const getHideProp = (show?: boolean): any => { return getBooleanAsString(!show); }; +export const stringPropVisible = ( + givenString?: string, + showString?: boolean +) => { + if (showString === undefined) { + return !!givenString; + } else { + return showString && givenString; + } +}; + export default { getRootProps, filterPassingProps, @@ -287,5 +298,6 @@ export default { delay, enableCustomElementAttributePassing, getBooleanAsString, - getHideIcon: getHideProp + getHideProp, + stringPropVisible }; diff --git a/showcases/angular-showcase/src/app/components/notification/notification.component.html b/showcases/angular-showcase/src/app/components/notification/notification.component.html index 12c2683cabc..23ecdd04db5 100644 --- a/showcases/angular-showcase/src/app/components/notification/notification.component.html +++ b/showcases/angular-showcase/src/app/components/notification/notification.component.html @@ -20,6 +20,7 @@ [showIcon]="exampleProps?.showIcon" [showHeadline]="exampleProps?.showHeadline" [timestamp]="exampleProps?.timestamp" + [showTimestamp]="exampleProps?.showTimestamp" (onClose)="showNotification(exampleName)" > @if (exampleProps?.link) { diff --git a/showcases/angular-showcase/src/app/components/switch/switch.component.html b/showcases/angular-showcase/src/app/components/switch/switch.component.html index 6c27c297e76..b4bcec73a3e 100644 --- a/showcases/angular-showcase/src/app/components/switch/switch.component.html +++ b/showcases/angular-showcase/src/app/components/switch/switch.component.html @@ -14,6 +14,7 @@ [visualAid]="exampleProps?.visualAid" [checked]="exampleProps?.checked" [disabled]="exampleProps?.disabled" + [required]="exampleProps?.required" [showLabel]="exampleProps?.showLabel" [size]="exampleProps?.size" [emphasis]="exampleProps?.emphasis" diff --git a/showcases/react-showcase/src/components/notification/index.tsx b/showcases/react-showcase/src/components/notification/index.tsx index 318a28b9d04..d937176422d 100644 --- a/showcases/react-showcase/src/components/notification/index.tsx +++ b/showcases/react-showcase/src/components/notification/index.tsx @@ -18,7 +18,8 @@ const getNotification = ({ linkVariant, img, showIcon, - showHeadline + showHeadline, + showTimestamp }: DBNotificationProps & { link: boolean; img: boolean }) => ( { // eslint-disable-next-line no-alert alert(children.toString()); diff --git a/showcases/screen-reader/__snapshots__/macos/webkit/DBCheckbox-default-1.txt b/showcases/screen-reader/__snapshots__/macos/webkit/DBCheckbox-default-1.txt index be24bbe63c9..0abcc62a147 100644 --- a/showcases/screen-reader/__snapshots__/macos/webkit/DBCheckbox-default-1.txt +++ b/showcases/screen-reader/__snapshots__/macos/webkit/DBCheckbox-default-1.txt @@ -1 +1 @@ -["Required required unchecked checkbox","Required","Required - Indeterminate required mixed checkbox","Required","Required required unchecked checkbox","TODO: Add a validMessage","Required","TODO: Add a validMessage","Required - Indeterminate required mixed checkbox","TODO: Add a validMessage","Required","Required TODO: Add a validMessage required checked checkbox","Select this checkbox","Required","Select this checkbox","Required - Indeterminate required mixed checkbox"] \ No newline at end of file +["True required unchecked checkbox","True","end of Required group","True","True required unchecked checkbox","required checked True TODO: Add a validMessage checkbox","True","TODO: Add a validMessage","end of Required group","TODO: Add a validMessage","True","True TODO: Add a validMessage required checked checkbox","required unchecked True Select this checkbox checkbox","True","Select this checkbox","end of Required group"] \ No newline at end of file diff --git a/showcases/screen-reader/__snapshots__/macos/webkit/DBInput-next-1.txt b/showcases/screen-reader/__snapshots__/macos/webkit/DBInput-next-1.txt index 2a265deac6b..710c361d50d 100644 --- a/showcases/screen-reader/__snapshots__/macos/webkit/DBInput-next-1.txt +++ b/showcases/screen-reader/__snapshots__/macos/webkit/DBInput-next-1.txt @@ -1 +1 @@ -["Label (Default) Basic edit text","Label","Label Helper Message edit text","Helper Message"] \ No newline at end of file +["Label (Default) False edit text","Label","Label True edit text","Message"] \ No newline at end of file diff --git a/showcases/screen-reader/__snapshots__/macos/webkit/DBInput-required-1.txt b/showcases/screen-reader/__snapshots__/macos/webkit/DBInput-required-1.txt index f8521dd5853..d291a45c78c 100644 --- a/showcases/screen-reader/__snapshots__/macos/webkit/DBInput-required-1.txt +++ b/showcases/screen-reader/__snapshots__/macos/webkit/DBInput-required-1.txt @@ -1 +1 @@ -["Label Required required edit text","TODO: Add a validMessage. Test","Test selected","Fill out this field","TODO: Add a validMessage. Test"] \ No newline at end of file +["Label Functional edit text","t","Test selected","Test","t"] \ No newline at end of file diff --git a/showcases/screen-reader/__snapshots__/macos/webkit/DBLink-default-1.txt b/showcases/screen-reader/__snapshots__/macos/webkit/DBLink-default-1.txt index d14a1b6c6e0..6c14d7dcea6 100644 --- a/showcases/screen-reader/__snapshots__/macos/webkit/DBLink-default-1.txt +++ b/showcases/screen-reader/__snapshots__/macos/webkit/DBLink-default-1.txt @@ -1 +1 @@ -["link Enabled (Default)/Hover/Pressed","dimmed link Disabled. This item is dimmed"] \ No newline at end of file +["link (Default) False","dimmed link True. This item is dimmed"] \ No newline at end of file diff --git a/showcases/screen-reader/__snapshots__/macos/webkit/DBSwitch-default-1.txt b/showcases/screen-reader/__snapshots__/macos/webkit/DBSwitch-default-1.txt index d8733408ea4..1ceaf61b247 100644 --- a/showcases/screen-reader/__snapshots__/macos/webkit/DBSwitch-default-1.txt +++ b/showcases/screen-reader/__snapshots__/macos/webkit/DBSwitch-default-1.txt @@ -1 +1 @@ -["(Def) Enabled off switch","on (Def) Enabled switch","(Def) Enabled","Checked on switch","off Checked switch","Checked","Disabled dimmed off switch. This item is dimmed","dimmed","Disabled"] \ No newline at end of file +["(Default) False off switch","on (Default) False switch","(Default) False","True on switch","off True switch","True","True","on True switch","True"] \ No newline at end of file diff --git a/showcases/screen-reader/__snapshots__/macos/webkit/DBSwitch-icon-1.txt b/showcases/screen-reader/__snapshots__/macos/webkit/DBSwitch-icon-1.txt index f91b17880c8..4397680d2fe 100644 --- a/showcases/screen-reader/__snapshots__/macos/webkit/DBSwitch-icon-1.txt +++ b/showcases/screen-reader/__snapshots__/macos/webkit/DBSwitch-icon-1.txt @@ -1 +1 @@ -["(Def) No Visual Aid + unchecked off switch","(Def) No Visual Aid + unchecked","Visual Aid + unchecked off switch","on Visual Aid + unchecked switch","Visual Aid + unchecked"] \ No newline at end of file +["(Default) False + Unchecked off switch","(Default) False + Unchecked","(Default) False + Checked on switch","off (Default) False + Checked switch","(Default) False + Checked"] \ No newline at end of file diff --git a/showcases/screen-reader/__snapshots__/macos/webkit/DBTextarea-next-1.txt b/showcases/screen-reader/__snapshots__/macos/webkit/DBTextarea-next-1.txt index 912da617d91..b389f068218 100644 --- a/showcases/screen-reader/__snapshots__/macos/webkit/DBTextarea-next-1.txt +++ b/showcases/screen-reader/__snapshots__/macos/webkit/DBTextarea-next-1.txt @@ -1 +1 @@ -["Label","Label (Default) Basic edit text","Label","Label Helper Message edit text","Helper Message"] \ No newline at end of file +["Label","Label (Default) False edit text","Label","Label true edit text","Message"] \ No newline at end of file diff --git a/showcases/screen-reader/__snapshots__/macos/webkit/DBTextarea-required-1.txt b/showcases/screen-reader/__snapshots__/macos/webkit/DBTextarea-required-1.txt index f8521dd5853..4faf3e97d08 100644 --- a/showcases/screen-reader/__snapshots__/macos/webkit/DBTextarea-required-1.txt +++ b/showcases/screen-reader/__snapshots__/macos/webkit/DBTextarea-required-1.txt @@ -1 +1 @@ -["Label Required required edit text","TODO: Add a validMessage. Test","Test selected","Fill out this field","TODO: Add a validMessage. Test"] \ No newline at end of file +["Label True required edit text","TODO: Add a validMessage","Test selected","Fill out this field","TODO: Add a validMessage. Test"] \ No newline at end of file diff --git a/showcases/screen-reader/__snapshots__/windows/chromium/DBCheckbox-default-1.txt b/showcases/screen-reader/__snapshots__/windows/chromium/DBCheckbox-default-1.txt index 8c67ec6303d..f22859f463f 100644 --- a/showcases/screen-reader/__snapshots__/windows/chromium/DBCheckbox-default-1.txt +++ b/showcases/screen-reader/__snapshots__/windows/chromium/DBCheckbox-default-1.txt @@ -1 +1 @@ -["check box, not checked, required, Required","TODO: Add a valid Message. checked","Required","TODO: Add a valid Message","Required","check box, checked, required, Required","Please check this box if you want to proceed.. not checked","Required","Please check this box if you want to proceed.","check box, half checked, required, Required Indeterminate"] \ No newline at end of file +["check box, not checked, required, True","TODO: Add a valid Message. checked","True","TODO: Add a valid Message","True","check box, checked, required, True","Please check this box if you want to proceed.. not checked","True","Please check this box if you want to proceed.","Please check this box if you want to proceed."] \ No newline at end of file diff --git a/showcases/screen-reader/__snapshots__/windows/chromium/DBInput-tab-1.txt b/showcases/screen-reader/__snapshots__/windows/chromium/DBInput-tab-1.txt index 5a7d07d2153..bc03259ffe2 100644 --- a/showcases/screen-reader/__snapshots__/windows/chromium/DBInput-tab-1.txt +++ b/showcases/screen-reader/__snapshots__/windows/chromium/DBInput-tab-1.txt @@ -1 +1 @@ -["Label, edit, (Default) Basic, blank","Label, edit, Helper Message, Helper Message, blank"] \ No newline at end of file +["Label, edit, (Default) False, blank","Label, edit, Message, True, blank"] \ No newline at end of file diff --git a/showcases/screen-reader/__snapshots__/windows/chromium/DBLink-default-1.txt b/showcases/screen-reader/__snapshots__/windows/chromium/DBLink-default-1.txt index ef3d724fe95..29f9aeded8d 100644 --- a/showcases/screen-reader/__snapshots__/windows/chromium/DBLink-default-1.txt +++ b/showcases/screen-reader/__snapshots__/windows/chromium/DBLink-default-1.txt @@ -1 +1 @@ -["link, Enabled (Default) slash Hover slash Pressed","unavailable, link, Disabled"] \ No newline at end of file +["link, (Default) False","unavailable, link, True"] \ No newline at end of file diff --git a/showcases/screen-reader/__snapshots__/windows/chromium/DBSwitch-default-1.txt b/showcases/screen-reader/__snapshots__/windows/chromium/DBSwitch-default-1.txt index b82b5e0e4c0..cc5a15a8035 100644 --- a/showcases/screen-reader/__snapshots__/windows/chromium/DBSwitch-default-1.txt +++ b/showcases/screen-reader/__snapshots__/windows/chromium/DBSwitch-default-1.txt @@ -1 +1 @@ -["check box, not checked, (Def) Enabled","checked","check box, checked, Checked","not checked","check box, unavailable, not checked, Disabled"] \ No newline at end of file +["check box, not checked, (Default) False","checked","check box, checked, True","not checked","check box, not checked, True"] \ No newline at end of file diff --git a/showcases/screen-reader/__snapshots__/windows/chromium/DBSwitch-icon-1.txt b/showcases/screen-reader/__snapshots__/windows/chromium/DBSwitch-icon-1.txt index 31b3206dabd..ca6989b66b9 100644 --- a/showcases/screen-reader/__snapshots__/windows/chromium/DBSwitch-icon-1.txt +++ b/showcases/screen-reader/__snapshots__/windows/chromium/DBSwitch-icon-1.txt @@ -1 +1 @@ -["check box, not checked, (Def) No Visual Aid plus unchecked","check box, not checked, Visual Aid plus unchecked","checked"] \ No newline at end of file +["check box, not checked, (Default) False plus Unchecked","check box, checked, (Default) False plus Checked","not checked"] \ No newline at end of file diff --git a/showcases/screen-reader/__snapshots__/windows/chromium/DBTextarea-required-1.txt b/showcases/screen-reader/__snapshots__/windows/chromium/DBTextarea-required-1.txt index bbd72d3c97e..0dfb1786d96 100644 --- a/showcases/screen-reader/__snapshots__/windows/chromium/DBTextarea-required-1.txt +++ b/showcases/screen-reader/__snapshots__/windows/chromium/DBTextarea-required-1.txt @@ -1 +1 @@ -["Label, edit, required, multi line, Required, blank","T. e. s. t. TODO: Add a valid Message","Test selected","blank. Please fill out this field.. unselected","T. e. s. t. TODO: Add a valid Message"] \ No newline at end of file +["Label, edit, required, multi line, True, blank","T. e. s. t. TODO: Add a valid Message","Test selected","blank. Please fill out this field.. unselected","T. e. s. t. TODO: Add a valid Message"] \ No newline at end of file diff --git a/showcases/screen-reader/tests/input.spec.ts b/showcases/screen-reader/tests/input.spec.ts index 1e4f0c8222b..78f6462552c 100644 --- a/showcases/screen-reader/tests/input.spec.ts +++ b/showcases/screen-reader/tests/input.spec.ts @@ -43,7 +43,7 @@ test.describe('DBInput', () => { test, title: 'required', description: 'should inform user for changes', - url: './#/03/input?page=requirement', + url: './#/03/input?page=required', async testFn(voiceOver, nvda) { if (voiceOver) { /* Goto desired input */ diff --git a/showcases/shared/badge.json b/showcases/shared/badge.json index 6b72eca28a5..caf3b3c8eb3 100644 --- a/showcases/shared/badge.json +++ b/showcases/shared/badge.json @@ -132,12 +132,6 @@ { "name": "(Default) Text" }, - { - "name": "(Default) Text - Medium", - "props": { - "size": "medium" - } - }, { "name": "Dot - Small", "content": "", @@ -145,26 +139,11 @@ "noContent": true } }, - { - "name": "Dot - Medium", - "content": "", - "props": { - "noContent": true, - "size": "medium" - } - }, { "name": "Icon - Small", "props": { "example": "icon" } - }, - { - "name": "Icon - Medium", - "props": { - "example": "icon", - "size": "medium" - } } ] }, @@ -229,6 +208,27 @@ "props": { "example": "number" } + }, + { + "name": "(Default) Text - Medium", + "props": { + "size": "medium" + } + }, + { + "name": "Dot - Medium", + "content": "", + "props": { + "noContent": true, + "size": "medium" + } + }, + { + "name": "Icon - Medium", + "props": { + "example": "icon", + "size": "medium" + } } ] } diff --git a/showcases/shared/link.json b/showcases/shared/link.json index d6996812978..2468cfefa5c 100644 --- a/showcases/shared/link.json +++ b/showcases/shared/link.json @@ -26,7 +26,7 @@ ] }, { - "name": "Semantic", + "name": "Variant", "examples": [ { "name": "(Default) Adaptive", diff --git a/showcases/shared/notification.json b/showcases/shared/notification.json index b116516acd2..89bcbe97c4b 100644 --- a/showcases/shared/notification.json +++ b/showcases/shared/notification.json @@ -235,6 +235,29 @@ } ] }, + { + "name": "Show Timestamp", + "examples": [ + { + "name": "(Default) False", + "style": { "width": "300px" }, + "props": { + "variant": "overlay", + "showTimestamp": false, + "timestamp": "10 min ago" + } + }, + { + "name": "True", + "style": { "width": "300px" }, + "props": { + "variant": "overlay", + "showTimestamp": true, + "timestamp": "10 min ago" + } + } + ] + }, { "name": "Examples - Variant:Docked", "codeFileName": "ContentVariantDocked", diff --git a/showcases/shared/stack.json b/showcases/shared/stack.json index 7670332792f..b40f62c7d76 100644 --- a/showcases/shared/stack.json +++ b/showcases/shared/stack.json @@ -49,7 +49,7 @@ "name": "Variant", "examples": [ { - "name": "(Def) Simple", + "name": "(Default) Simple", "props": {}, "style": { "width": "200px" @@ -165,7 +165,7 @@ } }, { - "name": "(Def) small", + "name": "(Default) small", "props": { "gap": "small" }, @@ -241,7 +241,7 @@ ], "examples": [ { - "name": "(Def) Column", + "name": "(Default) Column", "props": {}, "style": { "width": "200px" @@ -279,7 +279,7 @@ ], "examples": [ { - "name": "(Def) No Wrap: Column", + "name": "(Default) No Wrap: Column", "style": { "width": "160px", "height": "88px" @@ -340,7 +340,7 @@ ], "examples": [ { - "name": "(Def) Stretch", + "name": "(Default) Stretch", "style": { "width": "200px" }, @@ -398,7 +398,7 @@ ], "examples": [ { - "name": "(Def) Stretch", + "name": "(Default) Stretch", "style": { "height": "100px" }, @@ -460,7 +460,7 @@ ], "examples": [ { - "name": "(Def) Start", + "name": "(Default) Start", "style": { "width": "200px", "height": "200px" @@ -522,7 +522,7 @@ ], "examples": [ { - "name": "(Def) Start", + "name": "(Default) Start", "style": { "width": "300px" }, diff --git a/showcases/vue-showcase/src/components/notification/Notification.vue b/showcases/vue-showcase/src/components/notification/Notification.vue index 7ab8b13f8b2..3d063fa0dad 100644 --- a/showcases/vue-showcase/src/components/notification/Notification.vue +++ b/showcases/vue-showcase/src/components/notification/Notification.vue @@ -27,6 +27,7 @@ const log = (exampleName: string) => { :closeable="exampleProps?.closeable" :showIcon="exampleProps?.showIcon" :showHeadline="exampleProps?.showHeadline" + :showTimestamp="exampleProps?.showTimestamp" @onClose="log(exampleName)" >