@mich8060/unified-design-system 0.2.13 → 0.2.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ai/discovery.json +41 -0
- package/dist/ai/examples/index.cjs +1 -0
- package/dist/ai/examples/index.js +1 -0
- package/dist/ai/examples/training.examples.cjs +1 -0
- package/dist/ai/examples/training.examples.js +1 -0
- package/dist/ai/figma-make.contract.json +178 -0
- package/dist/ai/figma-make.md +50 -0
- package/dist/ai/icons/catalog.json +76 -0
- package/dist/ai/index.cjs +1 -1
- package/dist/ai/index.js +1 -1
- package/dist/ai/manifest/components.manifest.cjs +1 -1
- package/dist/ai/manifest/components.manifest.js +1 -1
- package/dist/ai/manifest/composition.manifest.cjs +1 -0
- package/dist/ai/manifest/composition.manifest.js +1 -0
- package/dist/ai/manifest/governance.manifest.cjs +1 -1
- package/dist/ai/manifest/governance.manifest.js +1 -1
- package/dist/ai/manifest/index.cjs +1 -0
- package/dist/ai/manifest/index.js +1 -0
- package/dist/ai/manifest/intent-mappings.manifest.cjs +1 -0
- package/dist/ai/manifest/intent-mappings.manifest.js +1 -0
- package/dist/ai/manifest/layout.manifest.cjs +1 -1
- package/dist/ai/manifest/layout.manifest.js +1 -1
- package/dist/ai/manifest/prop-aliases.manifest.cjs +1 -0
- package/dist/ai/manifest/prop-aliases.manifest.js +1 -0
- package/dist/ai/manifest/system.manifest.cjs +1 -1
- package/dist/ai/manifest/system.manifest.js +1 -1
- package/dist/ai/manifest.json +3165 -0
- package/dist/ai/policies/policy.engine.cjs +1 -1
- package/dist/ai/policies/policy.engine.js +1 -1
- package/dist/ai/policies/rules/composition.rules.cjs +1 -1
- package/dist/ai/policies/rules/composition.rules.js +1 -1
- package/dist/ai/policies/rules/props.rules.cjs +1 -0
- package/dist/ai/policies/rules/props.rules.js +1 -0
- package/dist/ai/policies/rules/tailwind.rules.cjs +1 -0
- package/dist/ai/policies/rules/tailwind.rules.js +1 -0
- package/dist/ai/policies/rules/token-variable.rules.cjs +1 -0
- package/dist/ai/policies/rules/token-variable.rules.js +1 -0
- package/dist/ai/prompts/figma-make.prompt.md +48 -0
- package/dist/ai/schemas/ai-output.schema.json +71 -0
- package/dist/ai/sdk/index.cjs +1 -0
- package/dist/ai/sdk/index.js +1 -0
- package/dist/ai/sdk/runtime-sdk.cjs +2 -0
- package/dist/ai/sdk/runtime-sdk.js +2 -0
- package/dist/ai/templates/layouts.json +416 -0
- package/dist/ai/validation/deterministicFeedback.cjs +1 -0
- package/dist/ai/validation/deterministicFeedback.js +1 -0
- package/dist/ai/validation/driftDetection.cjs +1 -1
- package/dist/ai/validation/driftDetection.js +1 -1
- package/dist/ai/validation/index.cjs +1 -0
- package/dist/ai/validation/index.js +1 -0
- package/dist/ai/validation/validateAIOutput.cjs +1 -1
- package/dist/ai/validation/validateAIOutput.js +1 -1
- package/dist/app-shell/AppShell.d.ts +8 -0
- package/dist/charts/BizChartsAdapters.cjs +1 -0
- package/dist/charts/BizChartsAdapters.js +1 -0
- package/dist/charts-bizcharts/index.cjs +1 -0
- package/dist/charts-bizcharts/index.js +1 -0
- package/dist/components/Breadcrumb/Breadcrumb.cjs +1 -1
- package/dist/components/Breadcrumb/Breadcrumb.js +1 -1
- package/dist/components/Button/Button.cjs +1 -1
- package/dist/components/Button/Button.js +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.cjs +1 -0
- package/dist/components/ButtonGroup/ButtonGroup.js +1 -0
- package/dist/components/CheckboxGroup/CheckboxGroup.cjs +1 -0
- package/dist/components/CheckboxGroup/CheckboxGroup.js +1 -0
- package/dist/components/Checklist/Checklist.cjs +1 -0
- package/dist/components/Checklist/Checklist.js +1 -0
- package/dist/components/Chip/Chip.cjs +1 -1
- package/dist/components/Chip/Chip.js +1 -1
- package/dist/components/CurrencyInput/CurrencyInput.cjs +1 -0
- package/dist/components/CurrencyInput/CurrencyInput.js +1 -0
- package/dist/components/DateInput/DateInput.cjs +1 -0
- package/dist/components/DateInput/DateInput.js +1 -0
- package/dist/components/DateRangeInput/DateRangeInput.cjs +1 -0
- package/dist/components/DateRangeInput/DateRangeInput.js +1 -0
- package/dist/components/Dialog/Dialog.cjs +1 -1
- package/dist/components/Dialog/Dialog.js +1 -1
- package/dist/components/DotStatus/DotStatus.cjs +1 -1
- package/dist/components/DotStatus/DotStatus.js +1 -1
- package/dist/components/EmptyState/EmptyState.cjs +1 -1
- package/dist/components/EmptyState/EmptyState.js +1 -1
- package/dist/components/Field/Field.cjs +1 -1
- package/dist/components/Field/Field.js +1 -1
- package/dist/components/FileUpload/FileUpload.cjs +1 -1
- package/dist/components/FileUpload/FileUpload.js +1 -1
- package/dist/components/Icon/Icon.cjs +1 -1
- package/dist/components/Icon/Icon.js +1 -1
- package/dist/components/Menu/Menu.cjs +1 -1
- package/dist/components/Menu/Menu.js +1 -1
- package/dist/components/Modal/Modal.cjs +1 -1
- package/dist/components/Modal/Modal.js +1 -1
- package/dist/components/NumberInput/NumberInput.cjs +1 -0
- package/dist/components/NumberInput/NumberInput.js +1 -0
- package/dist/components/Pagination/Pagination.cjs +1 -1
- package/dist/components/Pagination/Pagination.js +1 -1
- package/dist/components/PasswordInput/PasswordInput.cjs +1 -0
- package/dist/components/PasswordInput/PasswordInput.js +1 -0
- package/dist/components/PhoneInput/PhoneInput.cjs +1 -0
- package/dist/components/PhoneInput/PhoneInput.js +1 -0
- package/dist/components/ProgressCircle/ProgressCircle.cjs +1 -1
- package/dist/components/ProgressCircle/ProgressCircle.js +1 -1
- package/dist/components/ProgressIndicator/ProgressIndicator.cjs +1 -1
- package/dist/components/ProgressIndicator/ProgressIndicator.js +1 -1
- package/dist/components/RadioGroup/RadioGroup.cjs +1 -0
- package/dist/components/RadioGroup/RadioGroup.js +1 -0
- package/dist/components/SearchInput/SearchInput.cjs +1 -0
- package/dist/components/SearchInput/SearchInput.js +1 -0
- package/dist/components/SectionHeader/SectionHeader.cjs +1 -0
- package/dist/components/SectionHeader/SectionHeader.js +1 -0
- package/dist/components/Statistics/Statistics.cjs +1 -0
- package/dist/components/Statistics/Statistics.js +1 -0
- package/dist/components/Status/Status.cjs +1 -1
- package/dist/components/Status/Status.js +1 -1
- package/dist/components/Steps/Steps.cjs +1 -1
- package/dist/components/Steps/Steps.js +1 -1
- package/dist/components/Table/Table.cjs +1 -1
- package/dist/components/Table/Table.js +1 -1
- package/dist/components/Tabs/Tabs.cjs +1 -1
- package/dist/components/Tabs/Tabs.js +1 -1
- package/dist/components/Text/Text.cjs +1 -1
- package/dist/components/Text/Text.js +1 -1
- package/dist/components/TimeInput/TimeInput.cjs +1 -0
- package/dist/components/TimeInput/TimeInput.js +1 -0
- package/dist/components/TokenInput/TokenInput.cjs +1 -0
- package/dist/components/TokenInput/TokenInput.js +1 -0
- package/dist/components/Toolbar/Toolbar.cjs +1 -0
- package/dist/components/Toolbar/Toolbar.js +1 -0
- package/dist/components/Tooltip/Tooltip.cjs +1 -1
- package/dist/components/Tooltip/Tooltip.js +1 -1
- package/dist/design-system/ai/audit/audit.types.d.ts +1 -0
- package/dist/design-system/ai/examples/index.d.ts +4 -0
- package/dist/design-system/ai/examples/training.examples.d.ts +22 -0
- package/dist/design-system/ai/index.d.ts +10 -3
- package/dist/design-system/ai/manifest/composition.manifest.d.ts +11 -0
- package/dist/design-system/ai/manifest/governance.manifest.d.ts +5 -0
- package/dist/design-system/ai/manifest/index.d.ts +10 -0
- package/dist/design-system/ai/manifest/intent-mappings.manifest.d.ts +63 -0
- package/dist/design-system/ai/manifest/prop-aliases.manifest.d.ts +10 -0
- package/dist/design-system/ai/manifest/system.manifest.d.ts +2 -0
- package/dist/design-system/ai/manifest/types.d.ts +11 -0
- package/dist/design-system/ai/policies/rules/props.rules.d.ts +2 -0
- package/dist/design-system/ai/policies/rules/tailwind.rules.d.ts +2 -0
- package/dist/design-system/ai/policies/rules/token-variable.rules.d.ts +2 -0
- package/dist/design-system/ai/sdk/index.d.ts +1 -0
- package/dist/design-system/ai/sdk/runtime-sdk.d.ts +21 -0
- package/dist/design-system/ai/validation/deterministicFeedback.d.ts +15 -0
- package/dist/design-system/ai/validation/index.d.ts +5 -0
- package/dist/design-system/ai/validation/validateAIOutput.d.ts +13 -0
- package/dist/design-system/charts/BizChartsAdapters.d.ts +40 -0
- package/dist/design-system/charts/index.d.ts +1 -0
- package/dist/design-system/components/Button/Button.d.ts +1 -1
- package/dist/design-system/components/Button/Button.types.d.ts +1 -0
- package/dist/design-system/components/ButtonGroup/ButtonGroup.d.ts +3 -0
- package/dist/design-system/components/ButtonGroup/ButtonGroup.types.d.ts +19 -0
- package/dist/design-system/components/ButtonGroup/index.d.ts +2 -0
- package/dist/design-system/components/CheckboxGroup/CheckboxGroup.d.ts +3 -0
- package/dist/design-system/components/CheckboxGroup/CheckboxGroup.types.d.ts +15 -0
- package/dist/design-system/components/CheckboxGroup/index.d.ts +2 -0
- package/dist/design-system/components/Checklist/Checklist.d.ts +3 -0
- package/dist/design-system/components/Checklist/Checklist.types.d.ts +13 -0
- package/dist/design-system/components/Checklist/index.d.ts +2 -0
- package/dist/design-system/components/Chip/Chip.d.ts +4 -3
- package/dist/design-system/components/Chip/Chip.types.d.ts +13 -9
- package/dist/design-system/components/CurrencyInput/CurrencyInput.d.ts +2 -0
- package/dist/design-system/components/CurrencyInput/CurrencyInput.types.d.ts +3 -0
- package/dist/design-system/components/CurrencyInput/index.d.ts +2 -0
- package/dist/design-system/components/DateInput/DateInput.d.ts +2 -0
- package/dist/design-system/components/DateInput/DateInput.types.d.ts +3 -0
- package/dist/design-system/components/DateInput/index.d.ts +2 -0
- package/dist/design-system/components/DateRangeInput/DateRangeInput.d.ts +3 -0
- package/dist/design-system/components/DateRangeInput/DateRangeInput.types.d.ts +15 -0
- package/dist/design-system/components/DateRangeInput/index.d.ts +2 -0
- package/dist/design-system/components/Dialog/Dialog.types.d.ts +9 -8
- package/dist/design-system/components/Field/Field.d.ts +1 -1
- package/dist/design-system/components/Field/Field.types.d.ts +11 -9
- package/dist/design-system/components/FileUpload/FileUpload.d.ts +1 -1
- package/dist/design-system/components/FileUpload/FileUpload.types.d.ts +2 -0
- package/dist/design-system/components/Menu/index.d.ts +3 -0
- package/dist/design-system/components/NumberInput/NumberInput.d.ts +3 -0
- package/dist/design-system/components/NumberInput/NumberInput.types.d.ts +2 -0
- package/dist/design-system/components/NumberInput/index.d.ts +2 -0
- package/dist/design-system/components/Pagination/Pagination.d.ts +5 -3
- package/dist/design-system/components/Pagination/Pagination.types.d.ts +4 -1
- package/dist/design-system/components/PasswordInput/PasswordInput.d.ts +2 -0
- package/dist/design-system/components/PasswordInput/PasswordInput.types.d.ts +5 -0
- package/dist/design-system/components/PasswordInput/index.d.ts +2 -0
- package/dist/design-system/components/PhoneInput/PhoneInput.d.ts +2 -0
- package/dist/design-system/components/PhoneInput/PhoneInput.types.d.ts +5 -0
- package/dist/design-system/components/PhoneInput/index.d.ts +2 -0
- package/dist/design-system/components/ProgressCircle/ProgressCircle.d.ts +3 -2
- package/dist/design-system/components/ProgressCircle/ProgressCircle.types.d.ts +7 -3
- package/dist/design-system/components/ProgressIndicator/ProgressIndicator.d.ts +2 -1
- package/dist/design-system/components/ProgressIndicator/ProgressIndicator.types.d.ts +8 -4
- package/dist/design-system/components/RadioGroup/RadioGroup.d.ts +3 -0
- package/dist/design-system/components/RadioGroup/RadioGroup.types.d.ts +16 -0
- package/dist/design-system/components/RadioGroup/index.d.ts +2 -0
- package/dist/design-system/components/SearchInput/SearchInput.d.ts +2 -0
- package/dist/design-system/components/SearchInput/SearchInput.types.d.ts +3 -0
- package/dist/design-system/components/SearchInput/index.d.ts +2 -0
- package/dist/design-system/components/SectionHeader/SectionHeader.d.ts +3 -0
- package/dist/design-system/components/SectionHeader/SectionHeader.types.d.ts +9 -0
- package/dist/design-system/components/SectionHeader/index.d.ts +2 -0
- package/dist/design-system/components/Statistics/Statistics.d.ts +3 -0
- package/dist/design-system/components/Statistics/Statistics.types.d.ts +18 -0
- package/dist/design-system/components/Statistics/index.d.ts +2 -0
- package/dist/design-system/components/Status/Status.types.d.ts +4 -2
- package/dist/design-system/components/Tabs/Tabs.d.ts +1 -1
- package/dist/design-system/components/Tabs/Tabs.types.d.ts +4 -1
- package/dist/design-system/components/TimeInput/TimeInput.d.ts +2 -0
- package/dist/design-system/components/TimeInput/TimeInput.types.d.ts +3 -0
- package/dist/design-system/components/TimeInput/index.d.ts +2 -0
- package/dist/design-system/components/Toggle/index.d.ts +2 -0
- package/dist/design-system/components/TokenInput/TokenInput.d.ts +4 -0
- package/dist/design-system/components/TokenInput/TokenInput.types.d.ts +17 -0
- package/dist/design-system/components/TokenInput/index.d.ts +3 -0
- package/dist/design-system/components/Toolbar/Toolbar.d.ts +3 -0
- package/dist/design-system/components/Toolbar/Toolbar.types.d.ts +8 -0
- package/dist/design-system/components/Toolbar/index.d.ts +2 -0
- package/dist/design-system/components/Tooltip/Tooltip.d.ts +1 -1
- package/dist/design-system/components/Tooltip/Tooltip.types.d.ts +1 -0
- package/dist/design-system/figma-make/index.d.ts +42 -0
- package/dist/design-system/generated/component-api.d.ts +2043 -0
- package/dist/design-system/index.d.ts +18 -2
- package/dist/figma-make/index.cjs +1 -0
- package/dist/figma-make/index.js +1 -0
- package/dist/generated/component-api.cjs +1 -0
- package/dist/generated/component-api.js +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/dist/src/app-shell/AppShell.cjs +1 -1
- package/dist/src/app-shell/AppShell.js +1 -1
- package/dist/style.css +1 -1
- package/package.json +70 -19
- package/dist/components/Accordion/Accordion.spec.cjs +0 -1
- package/dist/components/Accordion/Accordion.spec.js +0 -1
- package/dist/components/ActionMenu/ActionMenu.spec.cjs +0 -1
- package/dist/components/ActionMenu/ActionMenu.spec.js +0 -1
- package/dist/components/Avatar/Avatar.spec.cjs +0 -1
- package/dist/components/Avatar/Avatar.spec.js +0 -1
- package/dist/components/Badge/Badge.spec.cjs +0 -1
- package/dist/components/Badge/Badge.spec.js +0 -1
- package/dist/components/Branding/Branding.spec.cjs +0 -1
- package/dist/components/Branding/Branding.spec.js +0 -1
- package/dist/components/Breadcrumb/Breadcrumb.spec.cjs +0 -1
- package/dist/components/Breadcrumb/Breadcrumb.spec.js +0 -1
- package/dist/components/Button/Button.spec.cjs +0 -1
- package/dist/components/Button/Button.spec.js +0 -1
- package/dist/components/Calendar/Calendar.spec.cjs +0 -1
- package/dist/components/Calendar/Calendar.spec.js +0 -1
- package/dist/components/Card/Card.spec.cjs +0 -1
- package/dist/components/Card/Card.spec.js +0 -1
- package/dist/components/Checkbox/Checkbox.spec.cjs +0 -1
- package/dist/components/Checkbox/Checkbox.spec.js +0 -1
- package/dist/components/Chip/Chip.spec.cjs +0 -1
- package/dist/components/Chip/Chip.spec.js +0 -1
- package/dist/components/Code/Code.spec.cjs +0 -1
- package/dist/components/Code/Code.spec.js +0 -1
- package/dist/components/Container/Container.spec.cjs +0 -1
- package/dist/components/Container/Container.spec.js +0 -1
- package/dist/components/Datepicker/Datepicker.spec.cjs +0 -1
- package/dist/components/Datepicker/Datepicker.spec.js +0 -1
- package/dist/components/Dialog/Dialog.spec.cjs +0 -1
- package/dist/components/Dialog/Dialog.spec.js +0 -1
- package/dist/components/Divider/Divider.spec.cjs +0 -1
- package/dist/components/Divider/Divider.spec.js +0 -1
- package/dist/components/DotStatus/DotStatus.spec.cjs +0 -1
- package/dist/components/DotStatus/DotStatus.spec.js +0 -1
- package/dist/components/Dropdown/Dropdown.spec.cjs +0 -1
- package/dist/components/Dropdown/Dropdown.spec.js +0 -1
- package/dist/components/EmptyState/EmptyState.spec.cjs +0 -1
- package/dist/components/EmptyState/EmptyState.spec.js +0 -1
- package/dist/components/EventCard/EventCard.spec.cjs +0 -1
- package/dist/components/EventCard/EventCard.spec.js +0 -1
- package/dist/components/Field/Field.spec.cjs +0 -1
- package/dist/components/Field/Field.spec.js +0 -1
- package/dist/components/FileUpload/FileUpload.spec.cjs +0 -1
- package/dist/components/FileUpload/FileUpload.spec.js +0 -1
- package/dist/components/Flex/Flex.spec.cjs +0 -1
- package/dist/components/Flex/Flex.spec.js +0 -1
- package/dist/components/Icon/Icon.spec.cjs +0 -1
- package/dist/components/Icon/Icon.spec.js +0 -1
- package/dist/components/ImageAspect/ImageAspect.spec.cjs +0 -1
- package/dist/components/ImageAspect/ImageAspect.spec.js +0 -1
- package/dist/components/Key/Key.spec.cjs +0 -1
- package/dist/components/Key/Key.spec.js +0 -1
- package/dist/components/Menu/Menu.spec.cjs +0 -1
- package/dist/components/Menu/Menu.spec.js +0 -1
- package/dist/components/MicroCalendar/MicroCalendar.spec.cjs +0 -1
- package/dist/components/MicroCalendar/MicroCalendar.spec.js +0 -1
- package/dist/components/Modal/Modal.spec.cjs +0 -1
- package/dist/components/Modal/Modal.spec.js +0 -1
- package/dist/components/Pagination/Pagination.spec.cjs +0 -1
- package/dist/components/Pagination/Pagination.spec.js +0 -1
- package/dist/components/PillToggle/PillToggle.cjs +0 -1
- package/dist/components/PillToggle/PillToggle.js +0 -1
- package/dist/components/PillToggle/PillToggle.spec.cjs +0 -1
- package/dist/components/PillToggle/PillToggle.spec.js +0 -1
- package/dist/components/Playground/Playground.cjs +0 -9
- package/dist/components/Playground/Playground.js +0 -9
- package/dist/components/Playground/Playground.spec.cjs +0 -1
- package/dist/components/Playground/Playground.spec.js +0 -1
- package/dist/components/ProgressCircle/ProgressCircle.spec.cjs +0 -1
- package/dist/components/ProgressCircle/ProgressCircle.spec.js +0 -1
- package/dist/components/ProgressIndicator/ProgressIndicator.spec.cjs +0 -1
- package/dist/components/ProgressIndicator/ProgressIndicator.spec.js +0 -1
- package/dist/components/Radio/Radio.spec.cjs +0 -1
- package/dist/components/Radio/Radio.spec.js +0 -1
- package/dist/components/Slider/Slider.spec.cjs +0 -1
- package/dist/components/Slider/Slider.spec.js +0 -1
- package/dist/components/Status/Status.spec.cjs +0 -1
- package/dist/components/Status/Status.spec.js +0 -1
- package/dist/components/Steps/Steps.spec.cjs +0 -1
- package/dist/components/Steps/Steps.spec.js +0 -1
- package/dist/components/Table/Table.spec.cjs +0 -1
- package/dist/components/Table/Table.spec.js +0 -1
- package/dist/components/Tabs/Tabs.spec.cjs +0 -1
- package/dist/components/Tabs/Tabs.spec.js +0 -1
- package/dist/components/Tag/Tag.spec.cjs +0 -1
- package/dist/components/Tag/Tag.spec.js +0 -1
- package/dist/components/Text/Text.spec.cjs +0 -1
- package/dist/components/Text/Text.spec.js +0 -1
- package/dist/components/TextInput/TextInput.spec.cjs +0 -1
- package/dist/components/TextInput/TextInput.spec.js +0 -1
- package/dist/components/Textarea/Textarea.spec.cjs +0 -1
- package/dist/components/Textarea/Textarea.spec.js +0 -1
- package/dist/components/Toast/Toast.spec.cjs +0 -1
- package/dist/components/Toast/Toast.spec.js +0 -1
- package/dist/components/Toggle/Toggle.spec.cjs +0 -1
- package/dist/components/Toggle/Toggle.spec.js +0 -1
- package/dist/components/Tooltip/Tooltip.spec.cjs +0 -1
- package/dist/components/Tooltip/Tooltip.spec.js +0 -1
- package/dist/design-system/components/Accordion/Accordion.spec.d.ts +0 -4
- package/dist/design-system/components/ActionMenu/ActionMenu.spec.d.ts +0 -4
- package/dist/design-system/components/Avatar/Avatar.spec.d.ts +0 -6
- package/dist/design-system/components/Badge/Badge.spec.d.ts +0 -12
- package/dist/design-system/components/Branding/Branding.spec.d.ts +0 -6
- package/dist/design-system/components/Breadcrumb/Breadcrumb.spec.d.ts +0 -4
- package/dist/design-system/components/Button/Button.spec.d.ts +0 -12
- package/dist/design-system/components/Calendar/Calendar.spec.d.ts +0 -4
- package/dist/design-system/components/Card/Card.spec.d.ts +0 -4
- package/dist/design-system/components/Checkbox/Checkbox.spec.d.ts +0 -4
- package/dist/design-system/components/Chip/Chip.spec.d.ts +0 -13
- package/dist/design-system/components/Code/Code.spec.d.ts +0 -10
- package/dist/design-system/components/Container/Container.spec.d.ts +0 -2
- package/dist/design-system/components/Datepicker/Datepicker.spec.d.ts +0 -6
- package/dist/design-system/components/Dialog/Dialog.spec.d.ts +0 -8
- package/dist/design-system/components/Divider/Divider.spec.d.ts +0 -10
- package/dist/design-system/components/DotStatus/DotStatus.spec.d.ts +0 -10
- package/dist/design-system/components/Dropdown/Dropdown.spec.d.ts +0 -12
- package/dist/design-system/components/EmptyState/EmptyState.spec.d.ts +0 -2
- package/dist/design-system/components/EventCard/EventCard.spec.d.ts +0 -8
- package/dist/design-system/components/Field/Field.spec.d.ts +0 -4
- package/dist/design-system/components/FileUpload/FileUpload.spec.d.ts +0 -6
- package/dist/design-system/components/Flex/Flex.spec.d.ts +0 -2
- package/dist/design-system/components/Icon/Icon.spec.d.ts +0 -6
- package/dist/design-system/components/ImageAspect/ImageAspect.spec.d.ts +0 -8
- package/dist/design-system/components/Key/Key.spec.d.ts +0 -8
- package/dist/design-system/components/Menu/Menu.spec.d.ts +0 -6
- package/dist/design-system/components/MicroCalendar/MicroCalendar.spec.d.ts +0 -4
- package/dist/design-system/components/Modal/Modal.spec.d.ts +0 -8
- package/dist/design-system/components/Pagination/Pagination.spec.d.ts +0 -6
- package/dist/design-system/components/PillToggle/PillToggle.d.ts +0 -13
- package/dist/design-system/components/PillToggle/PillToggle.spec.d.ts +0 -6
- package/dist/design-system/components/PillToggle/PillToggle.types.d.ts +0 -9
- package/dist/design-system/components/PillToggle/index.d.ts +0 -3
- package/dist/design-system/components/Playground/Playground.d.ts +0 -12
- package/dist/design-system/components/Playground/Playground.spec.d.ts +0 -6
- package/dist/design-system/components/Playground/Playground.types.d.ts +0 -7
- package/dist/design-system/components/Playground/index.d.ts +0 -3
- package/dist/design-system/components/ProgressCircle/ProgressCircle.spec.d.ts +0 -10
- package/dist/design-system/components/ProgressIndicator/ProgressIndicator.spec.d.ts +0 -10
- package/dist/design-system/components/Radio/Radio.spec.d.ts +0 -4
- package/dist/design-system/components/Slider/Slider.spec.d.ts +0 -4
- package/dist/design-system/components/Status/Status.spec.d.ts +0 -11
- package/dist/design-system/components/Steps/Steps.spec.d.ts +0 -11
- package/dist/design-system/components/Table/Table.spec.d.ts +0 -4
- package/dist/design-system/components/Tabs/Tabs.spec.d.ts +0 -7
- package/dist/design-system/components/Tag/Tag.spec.d.ts +0 -13
- package/dist/design-system/components/Text/Text.spec.d.ts +0 -2
- package/dist/design-system/components/TextInput/TextInput.spec.d.ts +0 -12
- package/dist/design-system/components/Textarea/Textarea.spec.d.ts +0 -10
- package/dist/design-system/components/Toast/Toast.spec.d.ts +0 -8
- package/dist/design-system/components/Toggle/Toggle.spec.d.ts +0 -8
- package/dist/design-system/components/Tooltip/Tooltip.spec.d.ts +0 -8
- package/dist/design-system/specs/spec.types.d.ts +0 -18
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mich8060/unified-design-system",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.2.
|
|
4
|
+
"version": "0.2.15",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"publishConfig": {
|
|
@@ -33,6 +33,22 @@
|
|
|
33
33
|
"default": "./dist/ai/index.js"
|
|
34
34
|
},
|
|
35
35
|
"./ai/schema": "./dist/ai/schemas/ai-output.schema.json",
|
|
36
|
+
"./ai/icons.json": "./dist/ai/icons/catalog.json",
|
|
37
|
+
"./ai/icons": "./dist/ai/icons/catalog.json",
|
|
38
|
+
"./ai/templates.json": "./dist/ai/templates/layouts.json",
|
|
39
|
+
"./ai/templates": "./dist/ai/templates/layouts.json",
|
|
40
|
+
"./ai/figma-make.json": "./dist/ai/figma-make.contract.json",
|
|
41
|
+
"./ai/figma-make": "./dist/ai/figma-make.md",
|
|
42
|
+
"./ai/prompts/figma-make": "./dist/ai/prompts/figma-make.prompt.md",
|
|
43
|
+
"./ai/manifest.json": "./dist/ai/manifest.json",
|
|
44
|
+
"./ai/discovery.json": "./dist/ai/discovery.json",
|
|
45
|
+
"./ai/discovery": "./dist/ai/discovery.json",
|
|
46
|
+
"./figma-make": {
|
|
47
|
+
"types": "./dist/design-system/figma-make/index.d.ts",
|
|
48
|
+
"import": "./dist/figma-make/index.js",
|
|
49
|
+
"require": "./dist/figma-make/index.cjs",
|
|
50
|
+
"default": "./dist/figma-make/index.js"
|
|
51
|
+
},
|
|
36
52
|
"./Accordion": {
|
|
37
53
|
"types": "./dist/design-system/components/Accordion/Accordion.d.ts",
|
|
38
54
|
"import": "./dist/components/Accordion/Accordion.js",
|
|
@@ -81,6 +97,12 @@
|
|
|
81
97
|
"require": "./dist/components/Button/Button.cjs",
|
|
82
98
|
"default": "./dist/components/Button/Button.js"
|
|
83
99
|
},
|
|
100
|
+
"./ButtonGroup": {
|
|
101
|
+
"types": "./dist/design-system/components/ButtonGroup/ButtonGroup.d.ts",
|
|
102
|
+
"import": "./dist/components/ButtonGroup/ButtonGroup.js",
|
|
103
|
+
"require": "./dist/components/ButtonGroup/ButtonGroup.cjs",
|
|
104
|
+
"default": "./dist/components/ButtonGroup/ButtonGroup.js"
|
|
105
|
+
},
|
|
84
106
|
"./Calendar": {
|
|
85
107
|
"types": "./dist/design-system/components/Calendar/Calendar.d.ts",
|
|
86
108
|
"import": "./dist/components/Calendar/Calendar.js",
|
|
@@ -99,6 +121,12 @@
|
|
|
99
121
|
"require": "./dist/components/Checkbox/Checkbox.cjs",
|
|
100
122
|
"default": "./dist/components/Checkbox/Checkbox.js"
|
|
101
123
|
},
|
|
124
|
+
"./CheckboxGroup": {
|
|
125
|
+
"types": "./dist/design-system/components/CheckboxGroup/CheckboxGroup.d.ts",
|
|
126
|
+
"import": "./dist/components/CheckboxGroup/CheckboxGroup.js",
|
|
127
|
+
"require": "./dist/components/CheckboxGroup/CheckboxGroup.cjs",
|
|
128
|
+
"default": "./dist/components/CheckboxGroup/CheckboxGroup.js"
|
|
129
|
+
},
|
|
102
130
|
"./Chip": {
|
|
103
131
|
"types": "./dist/design-system/components/Chip/Chip.d.ts",
|
|
104
132
|
"import": "./dist/components/Chip/Chip.js",
|
|
@@ -219,18 +247,6 @@
|
|
|
219
247
|
"require": "./dist/components/Pagination/Pagination.cjs",
|
|
220
248
|
"default": "./dist/components/Pagination/Pagination.js"
|
|
221
249
|
},
|
|
222
|
-
"./PillToggle": {
|
|
223
|
-
"types": "./dist/design-system/components/PillToggle/PillToggle.d.ts",
|
|
224
|
-
"import": "./dist/components/PillToggle/PillToggle.js",
|
|
225
|
-
"require": "./dist/components/PillToggle/PillToggle.cjs",
|
|
226
|
-
"default": "./dist/components/PillToggle/PillToggle.js"
|
|
227
|
-
},
|
|
228
|
-
"./Playground": {
|
|
229
|
-
"types": "./dist/design-system/components/Playground/Playground.d.ts",
|
|
230
|
-
"import": "./dist/components/Playground/Playground.js",
|
|
231
|
-
"require": "./dist/components/Playground/Playground.cjs",
|
|
232
|
-
"default": "./dist/components/Playground/Playground.js"
|
|
233
|
-
},
|
|
234
250
|
"./ProgressCircle": {
|
|
235
251
|
"types": "./dist/design-system/components/ProgressCircle/ProgressCircle.d.ts",
|
|
236
252
|
"import": "./dist/components/ProgressCircle/ProgressCircle.js",
|
|
@@ -249,6 +265,12 @@
|
|
|
249
265
|
"require": "./dist/components/Radio/Radio.cjs",
|
|
250
266
|
"default": "./dist/components/Radio/Radio.js"
|
|
251
267
|
},
|
|
268
|
+
"./RadioGroup": {
|
|
269
|
+
"types": "./dist/design-system/components/RadioGroup/RadioGroup.d.ts",
|
|
270
|
+
"import": "./dist/components/RadioGroup/RadioGroup.js",
|
|
271
|
+
"require": "./dist/components/RadioGroup/RadioGroup.cjs",
|
|
272
|
+
"default": "./dist/components/RadioGroup/RadioGroup.js"
|
|
273
|
+
},
|
|
252
274
|
"./Slider": {
|
|
253
275
|
"types": "./dist/design-system/components/Slider/Slider.d.ts",
|
|
254
276
|
"import": "./dist/components/Slider/Slider.js",
|
|
@@ -261,6 +283,12 @@
|
|
|
261
283
|
"require": "./dist/components/Status/Status.cjs",
|
|
262
284
|
"default": "./dist/components/Status/Status.js"
|
|
263
285
|
},
|
|
286
|
+
"./Statistics": {
|
|
287
|
+
"types": "./dist/design-system/components/Statistics/Statistics.d.ts",
|
|
288
|
+
"import": "./dist/components/Statistics/Statistics.js",
|
|
289
|
+
"require": "./dist/components/Statistics/Statistics.cjs",
|
|
290
|
+
"default": "./dist/components/Statistics/Statistics.js"
|
|
291
|
+
},
|
|
264
292
|
"./Steps": {
|
|
265
293
|
"types": "./dist/design-system/components/Steps/Steps.d.ts",
|
|
266
294
|
"import": "./dist/components/Steps/Steps.js",
|
|
@@ -279,6 +307,12 @@
|
|
|
279
307
|
"require": "./dist/components/Tabs/Tabs.cjs",
|
|
280
308
|
"default": "./dist/components/Tabs/Tabs.js"
|
|
281
309
|
},
|
|
310
|
+
"./charts-bizcharts": {
|
|
311
|
+
"types": "./dist/design-system/charts/index.d.ts",
|
|
312
|
+
"import": "./dist/charts-bizcharts/index.js",
|
|
313
|
+
"require": "./dist/charts-bizcharts/index.cjs",
|
|
314
|
+
"default": "./dist/charts-bizcharts/index.js"
|
|
315
|
+
},
|
|
282
316
|
"./Tag": {
|
|
283
317
|
"types": "./dist/design-system/components/Tag/Tag.d.ts",
|
|
284
318
|
"import": "./dist/components/Tag/Tag.js",
|
|
@@ -351,6 +385,12 @@
|
|
|
351
385
|
"require": "./dist/ai/validation/index.cjs",
|
|
352
386
|
"default": "./dist/ai/validation/index.js"
|
|
353
387
|
},
|
|
388
|
+
"./ai/sdk": {
|
|
389
|
+
"types": "./dist/design-system/ai/sdk/index.d.ts",
|
|
390
|
+
"import": "./dist/ai/sdk/index.js",
|
|
391
|
+
"require": "./dist/ai/sdk/index.cjs",
|
|
392
|
+
"default": "./dist/ai/sdk/index.js"
|
|
393
|
+
},
|
|
354
394
|
"./ai/examples": {
|
|
355
395
|
"types": "./dist/design-system/ai/examples/index.d.ts",
|
|
356
396
|
"import": "./dist/ai/examples/index.js",
|
|
@@ -402,16 +442,28 @@
|
|
|
402
442
|
"sideEffects": false,
|
|
403
443
|
"scripts": {
|
|
404
444
|
"dev": "vite --configLoader native",
|
|
405
|
-
"
|
|
445
|
+
"dev:preact": "UDS_USE_PREACT_COMPAT=1 vite --configLoader native",
|
|
446
|
+
"build": "vite build --configLoader native && npm run build:types && npm run build:tokens && npm run build:ai:schema && npm run build:ai:icons && npm run build:ai:templates && npm run build:ai:figma && npm run build:api && npm run build:ai:manifest && npm run build:ai:discovery",
|
|
406
447
|
"build:types": "tsc -p tsconfig.build.json",
|
|
407
448
|
"build:tokens": "tsc -p tsconfig.tokens.json && node --experimental-specifier-resolution=node scripts/generate-tokens-css.mjs",
|
|
449
|
+
"build:ai:schema": "node scripts/copy-ai-schema.mjs",
|
|
450
|
+
"build:ai:icons": "node scripts/copy-ai-icons.mjs",
|
|
451
|
+
"build:ai:templates": "node scripts/copy-ai-templates.mjs",
|
|
452
|
+
"build:ai:figma": "node scripts/copy-ai-figma-assets.mjs",
|
|
453
|
+
"build:api": "node --experimental-strip-types scripts/generate-api-artifacts.ts",
|
|
454
|
+
"build:ai:manifest": "node --experimental-strip-types --experimental-specifier-resolution=node scripts/generate-ai-manifest.ts",
|
|
455
|
+
"build:ai:discovery": "node --experimental-strip-types --experimental-specifier-resolution=node scripts/generate-ai-discovery.ts",
|
|
408
456
|
"ai:validate": "node scripts/validate-ai-output.mjs",
|
|
457
|
+
"ai:validate:examples": "node --experimental-strip-types --experimental-specifier-resolution=node scripts/validate-ai-training-examples.ts",
|
|
458
|
+
"ai:gate:contracts": "node scripts/check-ai-contract-integrity.mjs",
|
|
409
459
|
"ai:enforce": "node scripts/enforce-ai-usage.mjs",
|
|
410
460
|
"ai:token-diff": "node scripts/diff-token-usage.mjs",
|
|
411
461
|
"ai:generate-ui": "node --experimental-strip-types scripts/ai/generate-ui.ts",
|
|
412
|
-
"ci:ai": "npm run ai:validate && npm run ai:enforce && npm run ai:token-diff",
|
|
462
|
+
"ci:ai": "npm run ai:validate && npm run ai:validate:examples && npm run ai:gate:contracts && npm run ai:enforce && npm run ai:token-diff",
|
|
413
463
|
"size:check": "node scripts/check-bundle-size.mjs",
|
|
464
|
+
"perf:smoke": "node scripts/perf-smoke.mjs",
|
|
414
465
|
"ci:bundle": "npm run build && npm run size:check",
|
|
466
|
+
"ci:perf": "npm run build && npm run size:check && npm run perf:smoke",
|
|
415
467
|
"preview": "vite preview --configLoader native",
|
|
416
468
|
"lint": "eslint .",
|
|
417
469
|
"lint:styles": "stylelint \"src/**/*.scss\"",
|
|
@@ -419,10 +471,10 @@
|
|
|
419
471
|
"generate:component": "node scripts/create-component.js",
|
|
420
472
|
"storybook": "storybook dev -p 6006",
|
|
421
473
|
"build-storybook": "storybook build",
|
|
422
|
-
"sass:watch": "sass --watch src/design-system:src/design-system"
|
|
423
|
-
"prepare": "husky install"
|
|
474
|
+
"sass:watch": "sass --watch src/design-system:src/design-system"
|
|
424
475
|
},
|
|
425
476
|
"dependencies": {
|
|
477
|
+
"bizcharts": "^4.1.23",
|
|
426
478
|
"prismjs": "^1.30.0"
|
|
427
479
|
},
|
|
428
480
|
"peerDependencies": {
|
|
@@ -460,7 +512,6 @@
|
|
|
460
512
|
"stylelint-config-standard-scss": "^13.1.0",
|
|
461
513
|
"typescript": "^5.9.3",
|
|
462
514
|
"typescript-eslint": "^8.56.1",
|
|
463
|
-
"vite": "^6.4.1"
|
|
464
|
-
"husky": "^8.0.0"
|
|
515
|
+
"vite": "^6.4.1"
|
|
465
516
|
}
|
|
466
517
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{}};exports.AccordionSpec=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const o={allowedVariants:{},defaults:{}};export{o as AccordionSpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{}};exports.ActionMenuSpec=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e={allowedVariants:{},defaults:{}};export{e as ActionMenuSpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{size:"default"}};exports.AvatarSpec=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const a={allowedVariants:{},defaults:{size:"default"}};export{a as AvatarSpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{variant:["blue","cyan","green","magenta","indigo","rose","neutral","orange","purple","red","sky","yellow","inverse","lime"],appearance:["solid","outlined"],rounded:["true","false"]},defaults:{variant:"red",appearance:"solid",rounded:"true"}};exports.BadgeSpec=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e={allowedVariants:{variant:["blue","cyan","green","magenta","indigo","rose","neutral","orange","purple","red","sky","yellow","inverse","lime"],appearance:["solid","outlined"],rounded:["true","false"]},defaults:{variant:"red",appearance:"solid",rounded:"true"}};export{e as BadgeSpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{size:"default"}};exports.BrandingSpec=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const a={allowedVariants:{},defaults:{size:"default"}};export{a as BrandingSpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{}};exports.BreadcrumbSpec=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const a={allowedVariants:{},defaults:{}};export{a as BreadcrumbSpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{layout:["label-only","icon-left","icon-right","icon-only","only"],appearance:["primary","soft","outline","text","ghost","disabled","destructive"],size:["large","default","small","xsmall"]},defaults:{appearance:"primary",layout:"label-only",size:"default"}};exports.ButtonSpec=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const l={allowedVariants:{layout:["label-only","icon-left","icon-right","icon-only","only"],appearance:["primary","soft","outline","text","ghost","disabled","destructive"],size:["large","default","small","xsmall"]},defaults:{appearance:"primary",layout:"label-only",size:"default"}};export{l as ButtonSpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{}};exports.CalendarSpec=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const a={allowedVariants:{},defaults:{}};export{a as CalendarSpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{}};exports.CardSpec=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const a={allowedVariants:{},defaults:{}};export{a as CardSpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{}};exports.CheckboxSpec=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e={allowedVariants:{},defaults:{}};export{e as CheckboxSpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{appearance:["outline","primary"],shape:["pill","rounded"],iconplacement:["both","left","right","none"]},defaults:{appearance:"outline",shape:"pill",iconPlacement:"none",badgeVariant:"red"}};exports.ChipSpec=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e={allowedVariants:{appearance:["outline","primary"],shape:["pill","rounded"],iconplacement:["both","left","right","none"]},defaults:{appearance:"outline",shape:"pill",iconPlacement:"none",badgeVariant:"red"}};export{e as ChipSpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{language:["markup","css","clike","javascript","typescript","tsx","jsx","json","bash","sql"],inline:[!0,!1]},defaults:{language:"javascript",inline:!1}};exports.CodeSpec=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const a={allowedVariants:{language:["markup","css","clike","javascript","typescript","tsx","jsx","json","bash","sql"],inline:[!0,!1]},defaults:{language:"javascript",inline:!1}};export{a as CodeSpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"Container",tier:2,purpose:"Provides a reusable content wrapper with optional filled or transparent surface styles and standardized padding.",variants:{appearance:{type:"enum",values:["default","transparent"],default:"default"},padding:{type:"enum",values:["none","xsmall","small","default","large","xlarge"],default:"default"}},states:["default"],tokensUsed:["--uds-surface-secondary","--uds-border-width-1","--uds-border-primary","--uds-radius-8","--uds-spacing-0","--uds-spacing-8","--uds-spacing-12","--uds-spacing-16","--uds-spacing-24","--uds-spacing-32"],accessibility:{role:"generic",keyboard:[]},antiPatterns:["Do not use Container for semantic landmarks where <section>, <article>, or <aside> is required.","Do not hardcode spacing values on top of Container padding variants."]};exports.ContainerSpec=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const a={name:"Container",tier:2,purpose:"Provides a reusable content wrapper with optional filled or transparent surface styles and standardized padding.",variants:{appearance:{type:"enum",values:["default","transparent"],default:"default"},padding:{type:"enum",values:["none","xsmall","small","default","large","xlarge"],default:"default"}},states:["default"],tokensUsed:["--uds-surface-secondary","--uds-border-width-1","--uds-border-primary","--uds-radius-8","--uds-spacing-0","--uds-spacing-8","--uds-spacing-12","--uds-spacing-16","--uds-spacing-24","--uds-spacing-32"],accessibility:{role:"generic",keyboard:[]},antiPatterns:["Do not use Container for semantic landmarks where <section>, <article>, or <aside> is required.","Do not hardcode spacing values on top of Container padding variants."]};export{a as ContainerSpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{size:"desktop"}};exports.DatepickerSpec=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e={allowedVariants:{},defaults:{size:"desktop"}};export{e as DatepickerSpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{intent:"info",confirmLabel:"Confirm",cancelLabel:"Cancel"}};exports.DialogSpec=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const a={allowedVariants:{},defaults:{intent:"info",confirmLabel:"Confirm",cancelLabel:"Cancel"}};export{a as DialogSpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{alignment:["left","center","right"],variant:["line","solid"]},defaults:{variant:"line",alignment:"center"}};exports.DividerSpec=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e={allowedVariants:{alignment:["left","center","right"],variant:["line","solid"]},defaults:{variant:"line",alignment:"center"}};export{e as DividerSpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{variant:["light-gray","red","orange","yellow","light-green","green","blue","dark-blue","teal","purple","pink","magenta","dark-red","dark-gray"],size:["small","medium","large"]},defaults:{variant:"blue",size:"medium"}};exports.DotStatusSpec=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e={allowedVariants:{variant:["light-gray","red","orange","yellow","light-green","green","blue","dark-blue","teal","purple","pink","magenta","dark-red","dark-gray"],size:["small","medium","large"]},defaults:{variant:"blue",size:"medium"}};export{e as DotStatusSpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{size:["compact","default"],state:["default","focused","error","disabled"]},defaults:{placeholder:"Select an option",size:"default",state:"default",placement:"bottom-start"}};exports.DropdownSpec=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e={allowedVariants:{size:["compact","default"],state:["default","focused","error","disabled"]},defaults:{placeholder:"Select an option",size:"default",state:"default",placement:"bottom-start"}};export{e as DropdownSpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"EmptyState",tier:2,purpose:"Provide a clear, branded fallback when a section has no content, data, or search results.",variants:{align:{type:"enum",values:["left","center"],default:"center"}},states:["default"],tokensUsed:["--uds-surface-secondary","--uds-border-primary","--uds-radius-8","--uds-text-primary","--uds-text-secondary","--uds-spacing-24"],accessibility:{role:"region",keyboard:[]},antiPatterns:["Do not use EmptyState when content is loading; use a loading indicator instead.","Do not place multiple primary actions inside a single EmptyState."]};exports.EmptyStateSpec=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e={name:"EmptyState",tier:2,purpose:"Provide a clear, branded fallback when a section has no content, data, or search results.",variants:{align:{type:"enum",values:["left","center"],default:"center"}},states:["default"],tokensUsed:["--uds-surface-secondary","--uds-border-primary","--uds-radius-8","--uds-text-primary","--uds-text-secondary","--uds-spacing-24"],accessibility:{role:"region",keyboard:[]},antiPatterns:["Do not use EmptyState when content is loading; use a loading indicator instead.","Do not place multiple primary actions inside a single EmptyState."]};export{e as EmptyStateSpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={allowedVariants:{},defaults:{title:"Title",type:"travel",status:"active"}};exports.EventCardSpec=t;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const t={allowedVariants:{},defaults:{title:"Title",type:"travel",status:"active"}};export{t as EventCardSpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{}};exports.FieldSpec=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e={allowedVariants:{},defaults:{}};export{e as FieldSpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{instructionText:"Drop files here or click to upload"}};exports.FileUploadSpec=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e={allowedVariants:{},defaults:{instructionText:"Drop files here or click to upload"}};export{e as FileUploadSpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"Flex",tier:2,purpose:"Creates token-driven flexbox layouts with controlled direction, alignment, wrapping, and width behavior.",variants:{fullWidth:{type:"boolean",default:!1}},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]}};exports.FlexSpec=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e={name:"Flex",tier:2,purpose:"Creates token-driven flexbox layouts with controlled direction, alignment, wrapping, and width behavior.",variants:{fullWidth:{type:"boolean",default:!1}},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]}};export{e as FlexSpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{appearance:"regular"}};exports.IconSpec=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const a={allowedVariants:{},defaults:{appearance:"regular"}};export{a as IconSpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{aspectratio:["square","video","4-3","3-2","21-9","portrait","auto"]},defaults:{ratio:"square"}};exports.ImageAspectSpec=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const a={allowedVariants:{aspectratio:["square","video","4-3","3-2","21-9","portrait","auto"]},defaults:{ratio:"square"}};export{a as ImageAspectSpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{appearance:["light","dark"]},defaults:{appearance:"light"}};exports.KeySpec=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const a={allowedVariants:{appearance:["light","dark"]},defaults:{appearance:"light"}};export{a as KeySpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{identity:"design-system"}};exports.MenuSpec=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e={allowedVariants:{},defaults:{identity:"design-system"}};export{e as MenuSpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{}};exports.MicroCalendarSpec=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const a={allowedVariants:{},defaults:{}};export{a as MicroCalendarSpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{size:["small","default","large","fullscreen"]},defaults:{size:"default"}};exports.ModalSpec=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e={allowedVariants:{size:["small","default","large","fullscreen"]},defaults:{size:"default"}};export{e as ModalSpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a={allowedVariants:{},defaults:{variant:"default"}};exports.PaginationSpec=a;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const a={allowedVariants:{},defaults:{variant:"default"}};export{a as PaginationSpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime");;/* empty css */const e="uds-pill-toggle";function h({label:o="Label States",selected:s=!1,onChange:a,id:c,disabled:l=!1,className:i="",...r}){const n=c||`pill-toggle-${Math.random().toString(36).substr(2,9)}`,u=d=>{!l&&a&&a(d.target.checked)},g=[e,s&&`${e}--selected`,l&&`${e}--disabled`,i].filter(Boolean).join(" ");return t.jsxs("label",{className:g,htmlFor:n,...r,children:[t.jsx("input",{type:"checkbox",id:n,className:`${e}__input`,checked:s,onChange:u,disabled:l}),t.jsx("span",{className:`${e}__label`,children:o})]})}exports.default=h;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{jsxs as p,jsx as o}from"react/jsx-runtime";/* empty css */const e="uds-pill-toggle";function u({label:n="Label States",selected:t=!1,onChange:s,id:c,disabled:l=!1,className:i="",...r}){const a=c||`pill-toggle-${Math.random().toString(36).substr(2,9)}`,g=m=>{!l&&s&&s(m.target.checked)},h=[e,t&&`${e}--selected`,l&&`${e}--disabled`,i].filter(Boolean).join(" ");return p("label",{className:h,htmlFor:a,...r,children:[o("input",{type:"checkbox",id:a,className:`${e}__input`,checked:t,onChange:g,disabled:l}),o("span",{className:`${e}__label`,children:n})]})}export{u as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{label:"Label States"}};exports.PillToggleSpec=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const l={allowedVariants:{},defaults:{label:"Label States"}};export{l as PillToggleSpec};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),g=require("react"),h=require("../Icon/Icon.cjs"),N=require("../Button/Button.cjs"),z=require("../ActionMenu/ActionMenu.cjs");;/* empty css */const J=["Placeholder","ArrowRight","ArrowLeft","ArrowUp","ArrowDown","Check","Close","X","Plus","Minus","Edit","Pencil","Trash","Search","MagnifyingGlass","Settings","Gear","User","Users","Home","House","Star","Heart","Bookmark","Share","Download","Upload","Copy","CopySimple","Code","GearSix","List","SquaresFour","DiamondsFour","CirclesThree","CaretDown","CaretUp","CaretLeft","CaretRight","Info","Warning","CheckCircle","XCircle","Bell","Notification","Mail","Phone","Calendar","Clock","Image","File","Folder","Lock","Unlock","Eye","EyeSlash","Filter","Sort","Grid","Menu","More","DotsThree"];function V({component:t,propDefinitions:u={},title:X="Playground",initialProps:I={},renderComponent:v}){const[m,C]=g.useState("inspector"),S=()=>{const a={...I};return Object.keys(u).forEach(l=>{if(a[l]===void 0){const o=l.toLowerCase().includes("icon")||u[l].type==="icon",s=u[l].default;o&&(s===void 0||s==="")?a[l]="Placeholder":s!==void 0&&(a[l]=s)}}),a},[i,$]=g.useState(S),_=g.useCallback((a,l)=>{$(o=>({...o,[a]:l}))},[]);g.useCallback(()=>{$(S())},[]);const A=g.useCallback(()=>{const a=(t==null?void 0:t.name)||"Component",l=Object.entries(i).filter(([s,r])=>r!=null&&r!==""&&r!=="Placeholder").map(([s,r])=>typeof r=="string"?`${s}="${r}"`:typeof r=="boolean"?r?s:`${s}={false}`:`${s}={${JSON.stringify(r)}}`).join(" "),o=`<${a}${l?" "+l:""} />`;navigator.clipboard.writeText(o)},[i,t]),w=(a,l)=>{const{type:o,label:s,options:r,min:T,max:U,step:G,placeholder:D}=l,j=a.toLowerCase().includes("icon")||o==="icon",y=l.default,E=j&&(y===void 0||y==="")?"Placeholder":y??"",c=i[a]??E,M=j&&!r?J.map(d=>({value:d,label:d})):r;switch(o){case"icon":case"select":const d=M||r||[],b=d.find(n=>n.value===c)||d[0],H=b?b.label||b.value:c||"Select...",R=d.map(n=>({id:n.value,label:n.label||n.value,onClick:()=>_(a,n.value)}));return e.jsxs("div",{className:"playground__field",children:[e.jsx("div",{className:"playground__field-head",children:e.jsx("label",{className:"playground__field-label",htmlFor:`playground-${a}`,children:s||a})}),e.jsx("div",{className:"playground__field-body",children:e.jsx(z.default,{trigger:e.jsxs("button",{type:"button",className:"playground__select-trigger","aria-label":s||a,children:[e.jsx("span",{className:"playground__select-value",children:H}),e.jsx(h.default,{name:"CaretDown",size:16,appearance:"regular"})]}),items:R,placement:"bottom-start"})})]},a);case"boolean":return e.jsxs("div",{className:"playground__state-item",children:[e.jsx("label",{className:"playground__state-label",children:s||a}),e.jsx("input",{type:"checkbox",className:"playground__checkbox",checked:c,onChange:n=>_(a,n.target.checked)})]},a);case"number":return e.jsxs("div",{className:"playground__field",children:[e.jsx("div",{className:"playground__field-head",children:e.jsx("label",{className:"playground__field-label",htmlFor:`playground-${a}`,children:s||a})}),e.jsx("div",{className:"playground__field-body",children:e.jsx("input",{id:`playground-${a}`,type:"number",className:"playground__input",value:c,min:T,max:U,step:G,onChange:n=>_(a,Number(n.target.value))})})]},a);case"text":case"string":default:if(j){const n=M||[],f=n.find(p=>p.value===c)||n[0],Z=f?f.label||f.value:c||"Placeholder",B=n.map(p=>({id:p.value,label:p.label||p.value,onClick:()=>_(a,p.value)}));return e.jsxs("div",{className:"playground__field",children:[e.jsx("div",{className:"playground__field-head",children:e.jsx("label",{className:"playground__field-label",htmlFor:`playground-${a}`,children:s||a})}),e.jsx("div",{className:"playground__field-body",children:e.jsx(z.default,{trigger:e.jsxs("button",{type:"button",className:"playground__select-trigger","aria-label":s||a,children:[e.jsx("span",{className:"playground__select-value",children:Z}),e.jsx(h.default,{name:"CaretDown",size:16,appearance:"regular"})]}),items:B,placement:"bottom-start"})})]},a)}return e.jsxs("div",{className:"playground__field",children:[e.jsx("div",{className:"playground__field-head",children:e.jsx("label",{className:"playground__field-label",htmlFor:`playground-${a}`,children:s||a})}),e.jsx("div",{className:"playground__field-body",children:e.jsx("input",{id:`playground-${a}`,type:"text",className:"playground__input",value:c,placeholder:D,onChange:n=>_(a,n.target.value)})})]},a)}},P=Object.entries(u).filter(([a,l])=>l.type!=="boolean"),O=Object.entries(u).filter(([a,l])=>l.type==="boolean"),x=(t==null?void 0:t.name)||"Component",F=Object.entries(i).filter(([a,l])=>l!=null&&l!==""&&l!=="Placeholder").map(([a,l])=>typeof l=="string"?` ${a}="${l}"`:typeof l=="boolean"?l?` ${a}`:` ${a}={false}`:` ${a}={${JSON.stringify(l)}}`).join(`
|
|
2
|
-
`),q=`import { ${x} } from '@/components/${x}';
|
|
3
|
-
|
|
4
|
-
export function Example() {
|
|
5
|
-
return (
|
|
6
|
-
<${x}${F?`
|
|
7
|
-
`+F+`
|
|
8
|
-
`:" "}/> );
|
|
9
|
-
}`,L=a=>{let l=a;return l=l.replace(/\b(import|export|function|return|from)\b/g,'<span style="color: #c085fd;">$1</span>'),l=l.replace(/(['"])((?:\\.|(?!\1)[^\\])*?)\1/g,'<span style="color: #4ade80;">$1$2$1</span>'),l=l.replace(/<(\/?)([A-Z][a-zA-Z0-9]*)/g,'<span style="color: #f87070;"><$1$2</span>'),l=l.replace(/\b([A-Z][a-zA-Z0-9]*)\b(?=\s*[={])/g,'<span style="color: #61a5fa;">$1</span>'),l=l.replace(/(\w+)=/g,'<span style="color: #ca8a04;">$1</span>='),l};return e.jsx("div",{className:"playground",children:e.jsxs("div",{className:"playground__container",children:[e.jsxs("div",{className:"playground__canvas",children:[e.jsx("div",{className:"playground__canvas-content",children:v?v(i):e.jsx(t,{...i})}),e.jsxs("div",{className:"playground__actions",children:[e.jsx(N.default,{appearance:m==="code"?"primary":"text",layout:"icon-only",size:"small",icon:"Code","aria-label":"Show code",onClick:()=>C("code")}),e.jsx("div",{className:"playground__actions-divider"}),e.jsx(N.default,{appearance:m==="inspector"?"primary":"text",layout:"icon-only",size:"small",icon:"GearSix","aria-label":"Show inspector",onClick:()=>C("inspector")})]})]}),e.jsx("div",{className:"playground__panel",children:m==="inspector"?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"playground__panel-header",children:e.jsxs("div",{className:"playground__panel-header-content",children:[e.jsxs("div",{className:"playground__panel-title-row",children:[e.jsx(h.default,{name:"GearSix",size:16,appearance:"bold"}),e.jsx("h3",{className:"playground__panel-title",children:"Inspector"})]}),e.jsx("p",{className:"playground__panel-subtitle",children:"Customize component properties"})]})}),e.jsxs("div",{className:"playground__panel-content",children:[P.length>0&&e.jsxs("div",{className:"playground__section",children:[e.jsxs("div",{className:"playground__section-title",children:[e.jsx(h.default,{name:"SquaresFour",size:16,appearance:"bold"}),e.jsx("span",{children:"Properties"})]}),e.jsx("div",{className:"playground__section-content",children:P.map(([a,l])=>w(a,l))})]}),O.length>0&&e.jsxs("div",{className:"playground__section",children:[e.jsxs("div",{className:"playground__section-title",children:[e.jsx(h.default,{name:"SquaresFour",size:16,appearance:"bold"}),e.jsx("span",{children:"States"})]}),e.jsx("div",{className:"playground__section-content",children:e.jsx("div",{className:"playground__states-list",children:O.map(([a,l])=>w(a,l))})})]})]})]}):e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"playground__panel-header",children:[e.jsxs("div",{className:"playground__panel-header-content",children:[e.jsx("div",{className:"playground__panel-title-row",children:e.jsx("h3",{className:"playground__panel-title",children:"Component Code"})}),e.jsx("p",{className:"playground__panel-subtitle",children:"Copy and paste into your project"})]}),e.jsx(N.default,{appearance:"outline",layout:"icon-left",size:"small",icon:"CopySimple",label:"Copy",onClick:A})]}),e.jsx("div",{className:"playground__code-container",children:e.jsx("div",{className:"playground__code-block",children:e.jsx("pre",{className:"playground__code-pre",children:e.jsx("code",{className:"playground__code",dangerouslySetInnerHTML:{__html:L(q)}})})})}),e.jsxs("div",{className:"playground__pro-tips",children:[e.jsx("p",{className:"playground__pro-tips-title",children:"Pro Tips:"}),e.jsxs("ul",{className:"playground__pro-tips-list",children:[e.jsx("li",{children:"Customize props in the inspector to update the code"}),e.jsx("li",{children:"All components are fully typed with TypeScript"}),e.jsx("li",{children:"Use Cmd/Ctrl + K to toggle the panel"})]})]})]})})]})})}exports.default=V;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import{jsx as e,jsxs as n,Fragment as j}from"react/jsx-runtime";import{useState as A,useCallback as C}from"react";import h from"../Icon/Icon.js";import $ from"../Button/Button.js";import L from"../ActionMenu/ActionMenu.js";/* empty css */const K=["Placeholder","ArrowRight","ArrowLeft","ArrowUp","ArrowDown","Check","Close","X","Plus","Minus","Edit","Pencil","Trash","Search","MagnifyingGlass","Settings","Gear","User","Users","Home","House","Star","Heart","Bookmark","Share","Download","Upload","Copy","CopySimple","Code","GearSix","List","SquaresFour","DiamondsFour","CirclesThree","CaretDown","CaretUp","CaretLeft","CaretRight","Info","Warning","CheckCircle","XCircle","Bell","Notification","Mail","Phone","Calendar","Clock","Image","File","Folder","Lock","Unlock","Eye","EyeSlash","Filter","Sort","Grid","Menu","More","DotsThree"];function ne({component:s,propDefinitions:m={},title:W="Playground",initialProps:T={},renderComponent:S}){const[g,w]=A("inspector"),x=()=>{const a={...T};return Object.keys(m).forEach(l=>{if(a[l]===void 0){const c=l.toLowerCase().includes("icon")||m[l].type==="icon",r=m[l].default;c&&(r===void 0||r==="")?a[l]="Placeholder":r!==void 0&&(a[l]=r)}}),a},[d,P]=A(x),_=C((a,l)=>{P(c=>({...c,[a]:l}))},[]);C(()=>{P(x())},[]);const U=C(()=>{const a=(s==null?void 0:s.name)||"Component",l=Object.entries(d).filter(([r,t])=>t!=null&&t!==""&&t!=="Placeholder").map(([r,t])=>typeof t=="string"?`${r}="${t}"`:typeof t=="boolean"?t?r:`${r}={false}`:`${r}={${JSON.stringify(t)}}`).join(" "),c=`<${a}${l?" "+l:""} />`;navigator.clipboard.writeText(c)},[d,s]),O=(a,l)=>{const{type:c,label:r,options:t,min:E,max:H,step:Z,placeholder:q}=l,N=a.toLowerCase().includes("icon")||c==="icon",b=l.default,B=N&&(b===void 0||b==="")?"Placeholder":b??"",i=d[a]??B,M=N&&!t?K.map(p=>({value:p,label:p})):t;switch(c){case"icon":case"select":const p=M||t||[],f=p.find(o=>o.value===i)||p[0],J=f?f.label||f.value:i||"Select...",R=p.map(o=>({id:o.value,label:o.label||o.value,onClick:()=>_(a,o.value)}));return n("div",{className:"playground__field",children:[e("div",{className:"playground__field-head",children:e("label",{className:"playground__field-label",htmlFor:`playground-${a}`,children:r||a})}),e("div",{className:"playground__field-body",children:e(L,{trigger:n("button",{type:"button",className:"playground__select-trigger","aria-label":r||a,children:[e("span",{className:"playground__select-value",children:J}),e(h,{name:"CaretDown",size:16,appearance:"regular"})]}),items:R,placement:"bottom-start"})})]},a);case"boolean":return n("div",{className:"playground__state-item",children:[e("label",{className:"playground__state-label",children:r||a}),e("input",{type:"checkbox",className:"playground__checkbox",checked:i,onChange:o=>_(a,o.target.checked)})]},a);case"number":return n("div",{className:"playground__field",children:[e("div",{className:"playground__field-head",children:e("label",{className:"playground__field-label",htmlFor:`playground-${a}`,children:r||a})}),e("div",{className:"playground__field-body",children:e("input",{id:`playground-${a}`,type:"number",className:"playground__input",value:i,min:E,max:H,step:Z,onChange:o=>_(a,Number(o.target.value))})})]},a);case"text":case"string":default:if(N){const o=M||[],v=o.find(u=>u.value===i)||o[0],V=v?v.label||v.value:i||"Placeholder",X=o.map(u=>({id:u.value,label:u.label||u.value,onClick:()=>_(a,u.value)}));return n("div",{className:"playground__field",children:[e("div",{className:"playground__field-head",children:e("label",{className:"playground__field-label",htmlFor:`playground-${a}`,children:r||a})}),e("div",{className:"playground__field-body",children:e(L,{trigger:n("button",{type:"button",className:"playground__select-trigger","aria-label":r||a,children:[e("span",{className:"playground__select-value",children:V}),e(h,{name:"CaretDown",size:16,appearance:"regular"})]}),items:X,placement:"bottom-start"})})]},a)}return n("div",{className:"playground__field",children:[e("div",{className:"playground__field-head",children:e("label",{className:"playground__field-label",htmlFor:`playground-${a}`,children:r||a})}),e("div",{className:"playground__field-body",children:e("input",{id:`playground-${a}`,type:"text",className:"playground__input",value:i,placeholder:q,onChange:o=>_(a,o.target.value)})})]},a)}},z=Object.entries(m).filter(([a,l])=>l.type!=="boolean"),F=Object.entries(m).filter(([a,l])=>l.type==="boolean"),y=(s==null?void 0:s.name)||"Component",I=Object.entries(d).filter(([a,l])=>l!=null&&l!==""&&l!=="Placeholder").map(([a,l])=>typeof l=="string"?` ${a}="${l}"`:typeof l=="boolean"?l?` ${a}`:` ${a}={false}`:` ${a}={${JSON.stringify(l)}}`).join(`
|
|
2
|
-
`),G=`import { ${y} } from '@/components/${y}';
|
|
3
|
-
|
|
4
|
-
export function Example() {
|
|
5
|
-
return (
|
|
6
|
-
<${y}${I?`
|
|
7
|
-
`+I+`
|
|
8
|
-
`:" "}/> );
|
|
9
|
-
}`,D=a=>{let l=a;return l=l.replace(/\b(import|export|function|return|from)\b/g,'<span style="color: #c085fd;">$1</span>'),l=l.replace(/(['"])((?:\\.|(?!\1)[^\\])*?)\1/g,'<span style="color: #4ade80;">$1$2$1</span>'),l=l.replace(/<(\/?)([A-Z][a-zA-Z0-9]*)/g,'<span style="color: #f87070;"><$1$2</span>'),l=l.replace(/\b([A-Z][a-zA-Z0-9]*)\b(?=\s*[={])/g,'<span style="color: #61a5fa;">$1</span>'),l=l.replace(/(\w+)=/g,'<span style="color: #ca8a04;">$1</span>='),l};return e("div",{className:"playground",children:n("div",{className:"playground__container",children:[n("div",{className:"playground__canvas",children:[e("div",{className:"playground__canvas-content",children:S?S(d):e(s,{...d})}),n("div",{className:"playground__actions",children:[e($,{appearance:g==="code"?"primary":"text",layout:"icon-only",size:"small",icon:"Code","aria-label":"Show code",onClick:()=>w("code")}),e("div",{className:"playground__actions-divider"}),e($,{appearance:g==="inspector"?"primary":"text",layout:"icon-only",size:"small",icon:"GearSix","aria-label":"Show inspector",onClick:()=>w("inspector")})]})]}),e("div",{className:"playground__panel",children:g==="inspector"?n(j,{children:[e("div",{className:"playground__panel-header",children:n("div",{className:"playground__panel-header-content",children:[n("div",{className:"playground__panel-title-row",children:[e(h,{name:"GearSix",size:16,appearance:"bold"}),e("h3",{className:"playground__panel-title",children:"Inspector"})]}),e("p",{className:"playground__panel-subtitle",children:"Customize component properties"})]})}),n("div",{className:"playground__panel-content",children:[z.length>0&&n("div",{className:"playground__section",children:[n("div",{className:"playground__section-title",children:[e(h,{name:"SquaresFour",size:16,appearance:"bold"}),e("span",{children:"Properties"})]}),e("div",{className:"playground__section-content",children:z.map(([a,l])=>O(a,l))})]}),F.length>0&&n("div",{className:"playground__section",children:[n("div",{className:"playground__section-title",children:[e(h,{name:"SquaresFour",size:16,appearance:"bold"}),e("span",{children:"States"})]}),e("div",{className:"playground__section-content",children:e("div",{className:"playground__states-list",children:F.map(([a,l])=>O(a,l))})})]})]})]}):n(j,{children:[n("div",{className:"playground__panel-header",children:[n("div",{className:"playground__panel-header-content",children:[e("div",{className:"playground__panel-title-row",children:e("h3",{className:"playground__panel-title",children:"Component Code"})}),e("p",{className:"playground__panel-subtitle",children:"Copy and paste into your project"})]}),e($,{appearance:"outline",layout:"icon-left",size:"small",icon:"CopySimple",label:"Copy",onClick:U})]}),e("div",{className:"playground__code-container",children:e("div",{className:"playground__code-block",children:e("pre",{className:"playground__code-pre",children:e("code",{className:"playground__code",dangerouslySetInnerHTML:{__html:D(G)}})})})}),n("div",{className:"playground__pro-tips",children:[e("p",{className:"playground__pro-tips-title",children:"Pro Tips:"}),n("ul",{className:"playground__pro-tips-list",children:[e("li",{children:"Customize props in the inspector to update the code"}),e("li",{children:"All components are fully typed with TypeScript"}),e("li",{children:"Use Cmd/Ctrl + K to toggle the panel"})]})]})]})})]})})}export{ne as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{title:"Playground"}};exports.PlaygroundSpec=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const a={allowedVariants:{},defaults:{title:"Playground"}};export{a as PlaygroundSpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{size:["xxs","xs","sm","md","lg"],shape:["circle","half-circle"]},defaults:{size:"md",shape:"circle"}};exports.ProgressCircleSpec=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e={allowedVariants:{size:["xxs","xs","sm","md","lg"],shape:["circle","half-circle"]},defaults:{size:"md",shape:"circle"}};export{e as ProgressCircleSpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{variant:["default","blue","green","success","orange","warning","red","error","purple"],size:["small","medium","large"]},defaults:{variant:"default",size:"medium"}};exports.ProgressIndicatorSpec=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e={allowedVariants:{variant:["default","blue","green","success","orange","warning","red","error","purple"],size:["small","medium","large"]},defaults:{variant:"default",size:"medium"}};export{e as ProgressIndicatorSpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{}};exports.RadioSpec=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const a={allowedVariants:{},defaults:{}};export{a as RadioSpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{}};exports.SliderSpec=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e={allowedVariants:{},defaults:{}};export{e as SliderSpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a={allowedVariants:{appearance:["light-gray","white"],shape:["pill","rounded"]},defaults:{variant:"blue",appearance:"light-gray",shape:"pill"}};exports.StatusSpec=a;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const a={allowedVariants:{appearance:["light-gray","white"],shape:["pill","rounded"]},defaults:{variant:"blue",appearance:"light-gray",shape:"pill"}};export{a as StatusSpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{orientation:["horizontal","vertical"],status:["complete","active","incomplete","disabled","error","warning"],size:["default","compact"]},defaults:{orientation:"horizontal",size:"default"}};exports.StepsSpec=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const t={allowedVariants:{orientation:["horizontal","vertical"],status:["complete","active","incomplete","disabled","error","warning"],size:["default","compact"]},defaults:{orientation:"horizontal",size:"default"}};export{t as StepsSpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{}};exports.TableSpec=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const a={allowedVariants:{},defaults:{}};export{a as TableSpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{appearance:"underline",tagVariant:"red"}};exports.TabsSpec=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const a={allowedVariants:{},defaults:{appearance:"underline",tagVariant:"red"}};export{a as TabsSpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{appearance:["label-only","icon-left"],size:["compact","default"],color:["transparent","neutral","red","orange","yellow","emerald","green","sky","cyan","blue","indigo","purple","fuchsia","magenta","inverse"]},defaults:{label:"Label",appearance:"label-only",size:"compact",color:"transparent"}};exports.TagSpec=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e={allowedVariants:{appearance:["label-only","icon-left"],size:["compact","default"],color:["transparent","neutral","red","orange","yellow","emerald","green","sky","cyan","blue","indigo","purple","fuchsia","magenta","inverse"]},defaults:{label:"Label",appearance:"label-only",size:"compact",color:"transparent"}};export{e as TagSpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"Text",tier:2,purpose:"Applies UDS typography variants with governed weight and leading options while preserving semantic tags via `as`.",variants:{variant:{type:"enum",values:["display-128","display-96","display-72","display-60","display-48","display-36","heading-32","heading-28","heading-24","body-20","body-16","body-14","body-12"],default:"body-16"},weight:{type:"enum",values:["regular","medium","semibold","bold"],default:"regular"},leading:{type:"enum",values:["tight","regular","loose"],default:"regular"}},states:["default"],tokensUsed:["--uds-font-family","--uds-font-size-*","--uds-line-*","--uds-font-weight*","--uds-type-*"],accessibility:{role:"text",keyboard:[]},antiPatterns:["Do not set font-size/line-height directly on consumer elements; use Text variant + leading.","Do not reintroduce tailwind-like typography utilities that bypass semantic tokens."]};exports.TextSpec=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e={name:"Text",tier:2,purpose:"Applies UDS typography variants with governed weight and leading options while preserving semantic tags via `as`.",variants:{variant:{type:"enum",values:["display-128","display-96","display-72","display-60","display-48","display-36","heading-32","heading-28","heading-24","body-20","body-16","body-14","body-12"],default:"body-16"},weight:{type:"enum",values:["regular","medium","semibold","bold"],default:"regular"},leading:{type:"enum",values:["tight","regular","loose"],default:"regular"}},states:["default"],tokensUsed:["--uds-font-family","--uds-font-size-*","--uds-line-*","--uds-font-weight*","--uds-type-*"],accessibility:{role:"text",keyboard:[]},antiPatterns:["Do not set font-size/line-height directly on consumer elements; use Text variant + leading.","Do not reintroduce tailwind-like typography utilities that bypass semantic tokens."]};export{e as TextSpec};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={allowedVariants:{size:["compact","default"],state:["default","focused","error","disabled"]},defaults:{type:"text",size:"default",state:"default",iconPosition:"right"}};exports.TextInputSpec=t;
|