@ttoss/fsl-ui 0.2.5 → 0.2.6
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/README.md +1 -1
- package/dist/components/Icon/Icon.cjs +2 -1
- package/dist/components/Icon/Icon.d.cts +59 -0
- package/dist/components/Icon/Icon.d.mts +59 -0
- package/dist/components/Icon/Icon.mjs +1 -1
- package/dist/components/Icon/glyphs.cjs +37 -10
- package/dist/components/Icon/glyphs.mjs +34 -10
- package/dist/components/Icon/intents.cjs +32 -0
- package/dist/components/Icon/intents.d.cts +33 -0
- package/dist/components/Icon/intents.d.mts +33 -0
- package/dist/components/Icon/intents.mjs +32 -0
- package/dist/components/Table/Table.cjs +248 -0
- package/dist/components/Table/Table.d.cts +128 -0
- package/dist/components/Table/Table.d.mts +128 -0
- package/dist/components/Table/Table.mjs +239 -0
- package/dist/components/Tabs/Tabs.cjs +70 -27
- package/dist/components/Tabs/Tabs.d.cts +0 -17
- package/dist/components/Tabs/Tabs.d.mts +0 -17
- package/dist/components/Tabs/Tabs.mjs +68 -27
- package/dist/components/Text/Text.cjs +1 -0
- package/dist/components/Text/Text.d.cts +7 -2
- package/dist/components/Text/Text.d.mts +7 -2
- package/dist/components/Text/Text.mjs +1 -0
- package/dist/index.cjs +16 -0
- package/dist/index.d.cts +4 -1
- package/dist/index.d.mts +4 -1
- package/dist/index.mjs +4 -1
- package/llms.txt +41 -9
- package/package.json +4 -4
- package/src/tokens/CONTRACT.md +5 -6
package/dist/index.d.cts
CHANGED
|
@@ -13,6 +13,8 @@ import { Grid, GridAlign, GridGap, GridMinColumnWidth, GridProps, gridMeta } fro
|
|
|
13
13
|
import { GridList, GridListItem, GridListItemProps, GridListProps, gridListItemMeta, gridListMeta } from "./components/GridList/GridList.cjs";
|
|
14
14
|
import { Group, GroupProps, groupMeta } from "./components/Group/Group.cjs";
|
|
15
15
|
import { Heading, HeadingAlign, HeadingLevel, HeadingProps, HeadingSize, headingMeta } from "./components/Heading/Heading.cjs";
|
|
16
|
+
import { ICON_INTENTS, IconIntent } from "./components/Icon/intents.cjs";
|
|
17
|
+
import { Icon, IconProps, IconSize, iconMeta } from "./components/Icon/Icon.cjs";
|
|
16
18
|
import { Link, LinkProps, linkMeta } from "./components/Link/Link.cjs";
|
|
17
19
|
import { ListBox, ListBoxItem, ListBoxItemProps, ListBoxProps, listBoxItemMeta, listBoxMeta } from "./components/ListBox/ListBox.cjs";
|
|
18
20
|
import { Meter, MeterProps, meterMeta } from "./components/Meter/Meter.cjs";
|
|
@@ -25,6 +27,7 @@ import { Slider, SliderProps, sliderMeta } from "./components/Slider/Slider.cjs"
|
|
|
25
27
|
import { Stack, StackAlign, StackDirection, StackGap, StackJustify, StackProps, stackMeta } from "./components/Stack/Stack.cjs";
|
|
26
28
|
import { Surface, SurfaceLevel, SurfacePadding, SurfaceProps, surfaceMeta } from "./components/Surface/Surface.cjs";
|
|
27
29
|
import { Switch, SwitchProps, switchMeta } from "./components/Switch/Switch.cjs";
|
|
30
|
+
import { SortDescriptor, SortDirection, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableColumn, TableColumnProps, TableHeader, TableHeaderProps, TableProps, TableRow, TableRowProps, tableCellMeta, tableColumnMeta, tableMeta, tableRowMeta } from "./components/Table/Table.cjs";
|
|
28
31
|
import { Tab, TabList, TabListProps, TabPanel, TabPanelProps, TabProps, Tabs, TabsProps, tabListMeta, tabMeta, tabPanelMeta, tabsMeta } from "./components/Tabs/Tabs.cjs";
|
|
29
32
|
import { Text, TextAlign, TextAs, TextNumeric, TextProps, TextTone, TextVariant, textMeta } from "./components/Text/Text.cjs";
|
|
30
33
|
import { Toast, ToastContent, ToastProps, ToastQueue, ToastRegion, ToastRegionProps, createToastQueue, toastMeta, toastRegionMeta } from "./components/Toast/Toast.cjs";
|
|
@@ -44,4 +47,4 @@ import { TextArea, TextAreaControl, TextAreaControlProps, TextAreaDescription, T
|
|
|
44
47
|
import { TextField, TextFieldControl, TextFieldControlProps, TextFieldDescription, TextFieldDescriptionProps, TextFieldError, TextFieldErrorProps, TextFieldLabel, TextFieldLabelProps, TextFieldProps, textFieldControlMeta, textFieldDescriptionMeta, textFieldErrorMeta, textFieldLabelMeta, textFieldMeta } from "./composites/TextField/TextField.cjs";
|
|
45
48
|
import { Tooltip, TooltipProps, TooltipTrigger, tooltipMeta } from "./composites/Tooltip/Tooltip.cjs";
|
|
46
49
|
import { Wizard, WizardNavigation, WizardNavigationProps, WizardProps, WizardStep, WizardStepProps, WizardSummary, WizardSummaryProps, wizardMeta, wizardNavigationMeta, wizardStepMeta, wizardSummaryMeta } from "./composites/Wizard/Wizard.cjs";
|
|
47
|
-
export { Accordion, AccordionItem, type AccordionItemProps, AccordionPanel, type AccordionPanelProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, AppShell, type AppShellProps, type AppShellSidebarWidth, Badge, type BadgeNumeric, type BadgeProps, Box, type BoxBackground, type BoxBorder, type BoxMaxWidth, type BoxPadding, type BoxProps, type BoxRadius, type BoxWidth, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, Code, type CodeProps, type CodeSize, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerGutter, type ContainerProps, type ContainerSize, Dialog, DialogActions, type DialogActionsPlatform, type DialogActionsProps, DialogBody, type DialogBodyProps, DialogHeading, type DialogHeadingProps, DialogModal, type DialogModalProps, type DialogProps, DialogTrigger, Disclosure, DisclosurePanel, type DisclosurePanelProps, type DisclosureProps, DisclosureTrigger, type DisclosureTriggerProps, FileTrigger, type FileTriggerProps, Form, FormActions, type FormActionsProps, type FormProps, FormSubmit, type FormSubmitProps, Grid, type GridAlign, type GridGap, GridList, GridListItem, type GridListItemProps, type GridListProps, type GridMinColumnWidth, type GridProps, Group, type GroupProps, Heading, type HeadingAlign, type HeadingLevel, type HeadingProps, type HeadingSize, Link, type LinkProps, ListBox, ListBoxItem, type ListBoxItemProps, type ListBoxProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MenuTrigger, Meter, type MeterProps, NumberField, type NumberFieldProps, Popover, type PopoverProps, PopoverTrigger, ProgressBar, type ProgressBarProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, SearchField, SearchFieldControl, type SearchFieldControlProps, SearchFieldLabel, type SearchFieldLabelProps, type SearchFieldProps, Select, SelectItem, type SelectItemProps, type SelectProps, Separator, type SeparatorProps, Slider, type SliderProps, Stack, type StackAlign, type StackDirection, type StackGap, type StackJustify, type StackProps, Surface, type SurfaceLevel, type SurfacePadding, type SurfaceProps, Switch, type SwitchProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps, Tag, TagGroup, type TagGroupProps, type TagProps, Text, type TextAlign, TextArea, TextAreaControl, type TextAreaControlProps, TextAreaDescription, type TextAreaDescriptionProps, TextAreaError, type TextAreaErrorProps, TextAreaLabel, type TextAreaLabelProps, type TextAreaProps, type TextAs, TextField, TextFieldControl, type TextFieldControlProps, TextFieldDescription, type TextFieldDescriptionProps, TextFieldError, type TextFieldErrorProps, TextFieldLabel, type TextFieldLabelProps, type TextFieldProps, type TextNumeric, type TextProps, type TextTone, type TextVariant, Toast, type ToastContent, type ToastProps, type ToastQueue, ToastRegion, type ToastRegionProps, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, TooltipTrigger, Wizard, WizardNavigation, type WizardNavigationProps, type WizardProps, WizardStep, type WizardStepProps, WizardSummary, type WizardSummaryProps, accordionItemMeta, accordionMeta, accordionPanelMeta, accordionTriggerMeta, appShellMeta, badgeMeta, boxMeta, breadcrumbMeta, breadcrumbsMeta, buttonMeta, checkboxGroupMeta, checkboxMeta, codeMeta, confirmationDialogMeta, containerMeta, createToastQueue, dialogActionsMeta, dialogBodyMeta, dialogHeadingMeta, dialogMeta, dialogModalMeta, disclosureMeta, disclosurePanelMeta, disclosureTriggerMeta, fileTriggerMeta, formActionsMeta, formMeta, formSubmitMeta, gridListItemMeta, gridListMeta, gridMeta, groupMeta, headingMeta, linkMeta, listBoxItemMeta, listBoxMeta, menuItemMeta, menuMeta, meterMeta, numberFieldMeta, popoverMeta, progressBarMeta, radioGroupMeta, radioMeta, searchFieldControlMeta, searchFieldLabelMeta, searchFieldMeta, selectItemMeta, selectMeta, separatorMeta, sliderMeta, stackMeta, surfaceMeta, switchMeta, tabListMeta, tabMeta, tabPanelMeta, tabsMeta, tagGroupMeta, tagMeta, textAreaControlMeta, textAreaDescriptionMeta, textAreaErrorMeta, textAreaLabelMeta, textAreaMeta, textFieldControlMeta, textFieldDescriptionMeta, textFieldErrorMeta, textFieldLabelMeta, textFieldMeta, textMeta, toastMeta, toastRegionMeta, toggleButtonGroupMeta, toggleButtonMeta, toolbarMeta, tooltipMeta, wizardMeta, wizardNavigationMeta, wizardStepMeta, wizardSummaryMeta };
|
|
50
|
+
export { Accordion, AccordionItem, type AccordionItemProps, AccordionPanel, type AccordionPanelProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, AppShell, type AppShellProps, type AppShellSidebarWidth, Badge, type BadgeNumeric, type BadgeProps, Box, type BoxBackground, type BoxBorder, type BoxMaxWidth, type BoxPadding, type BoxProps, type BoxRadius, type BoxWidth, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, Code, type CodeProps, type CodeSize, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerGutter, type ContainerProps, type ContainerSize, Dialog, DialogActions, type DialogActionsPlatform, type DialogActionsProps, DialogBody, type DialogBodyProps, DialogHeading, type DialogHeadingProps, DialogModal, type DialogModalProps, type DialogProps, DialogTrigger, Disclosure, DisclosurePanel, type DisclosurePanelProps, type DisclosureProps, DisclosureTrigger, type DisclosureTriggerProps, FileTrigger, type FileTriggerProps, Form, FormActions, type FormActionsProps, type FormProps, FormSubmit, type FormSubmitProps, Grid, type GridAlign, type GridGap, GridList, GridListItem, type GridListItemProps, type GridListProps, type GridMinColumnWidth, type GridProps, Group, type GroupProps, Heading, type HeadingAlign, type HeadingLevel, type HeadingProps, type HeadingSize, ICON_INTENTS, Icon, type IconIntent, type IconProps, type IconSize, Link, type LinkProps, ListBox, ListBoxItem, type ListBoxItemProps, type ListBoxProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MenuTrigger, Meter, type MeterProps, NumberField, type NumberFieldProps, Popover, type PopoverProps, PopoverTrigger, ProgressBar, type ProgressBarProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, SearchField, SearchFieldControl, type SearchFieldControlProps, SearchFieldLabel, type SearchFieldLabelProps, type SearchFieldProps, Select, SelectItem, type SelectItemProps, type SelectProps, Separator, type SeparatorProps, Slider, type SliderProps, type SortDescriptor, type SortDirection, Stack, type StackAlign, type StackDirection, type StackGap, type StackJustify, type StackProps, Surface, type SurfaceLevel, type SurfacePadding, type SurfaceProps, Switch, type SwitchProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Tag, TagGroup, type TagGroupProps, type TagProps, Text, type TextAlign, TextArea, TextAreaControl, type TextAreaControlProps, TextAreaDescription, type TextAreaDescriptionProps, TextAreaError, type TextAreaErrorProps, TextAreaLabel, type TextAreaLabelProps, type TextAreaProps, type TextAs, TextField, TextFieldControl, type TextFieldControlProps, TextFieldDescription, type TextFieldDescriptionProps, TextFieldError, type TextFieldErrorProps, TextFieldLabel, type TextFieldLabelProps, type TextFieldProps, type TextNumeric, type TextProps, type TextTone, type TextVariant, Toast, type ToastContent, type ToastProps, type ToastQueue, ToastRegion, type ToastRegionProps, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, TooltipTrigger, Wizard, WizardNavigation, type WizardNavigationProps, type WizardProps, WizardStep, type WizardStepProps, WizardSummary, type WizardSummaryProps, accordionItemMeta, accordionMeta, accordionPanelMeta, accordionTriggerMeta, appShellMeta, badgeMeta, boxMeta, breadcrumbMeta, breadcrumbsMeta, buttonMeta, checkboxGroupMeta, checkboxMeta, codeMeta, confirmationDialogMeta, containerMeta, createToastQueue, dialogActionsMeta, dialogBodyMeta, dialogHeadingMeta, dialogMeta, dialogModalMeta, disclosureMeta, disclosurePanelMeta, disclosureTriggerMeta, fileTriggerMeta, formActionsMeta, formMeta, formSubmitMeta, gridListItemMeta, gridListMeta, gridMeta, groupMeta, headingMeta, iconMeta, linkMeta, listBoxItemMeta, listBoxMeta, menuItemMeta, menuMeta, meterMeta, numberFieldMeta, popoverMeta, progressBarMeta, radioGroupMeta, radioMeta, searchFieldControlMeta, searchFieldLabelMeta, searchFieldMeta, selectItemMeta, selectMeta, separatorMeta, sliderMeta, stackMeta, surfaceMeta, switchMeta, tabListMeta, tabMeta, tabPanelMeta, tableCellMeta, tableColumnMeta, tableMeta, tableRowMeta, tabsMeta, tagGroupMeta, tagMeta, textAreaControlMeta, textAreaDescriptionMeta, textAreaErrorMeta, textAreaLabelMeta, textAreaMeta, textFieldControlMeta, textFieldDescriptionMeta, textFieldErrorMeta, textFieldLabelMeta, textFieldMeta, textMeta, toastMeta, toastRegionMeta, toggleButtonGroupMeta, toggleButtonMeta, toolbarMeta, tooltipMeta, wizardMeta, wizardNavigationMeta, wizardStepMeta, wizardSummaryMeta };
|
package/dist/index.d.mts
CHANGED
|
@@ -13,6 +13,8 @@ import { Grid, GridAlign, GridGap, GridMinColumnWidth, GridProps, gridMeta } fro
|
|
|
13
13
|
import { GridList, GridListItem, GridListItemProps, GridListProps, gridListItemMeta, gridListMeta } from "./components/GridList/GridList.mjs";
|
|
14
14
|
import { Group, GroupProps, groupMeta } from "./components/Group/Group.mjs";
|
|
15
15
|
import { Heading, HeadingAlign, HeadingLevel, HeadingProps, HeadingSize, headingMeta } from "./components/Heading/Heading.mjs";
|
|
16
|
+
import { ICON_INTENTS, IconIntent } from "./components/Icon/intents.mjs";
|
|
17
|
+
import { Icon, IconProps, IconSize, iconMeta } from "./components/Icon/Icon.mjs";
|
|
16
18
|
import { Link, LinkProps, linkMeta } from "./components/Link/Link.mjs";
|
|
17
19
|
import { ListBox, ListBoxItem, ListBoxItemProps, ListBoxProps, listBoxItemMeta, listBoxMeta } from "./components/ListBox/ListBox.mjs";
|
|
18
20
|
import { Meter, MeterProps, meterMeta } from "./components/Meter/Meter.mjs";
|
|
@@ -25,6 +27,7 @@ import { Slider, SliderProps, sliderMeta } from "./components/Slider/Slider.mjs"
|
|
|
25
27
|
import { Stack, StackAlign, StackDirection, StackGap, StackJustify, StackProps, stackMeta } from "./components/Stack/Stack.mjs";
|
|
26
28
|
import { Surface, SurfaceLevel, SurfacePadding, SurfaceProps, surfaceMeta } from "./components/Surface/Surface.mjs";
|
|
27
29
|
import { Switch, SwitchProps, switchMeta } from "./components/Switch/Switch.mjs";
|
|
30
|
+
import { SortDescriptor, SortDirection, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableColumn, TableColumnProps, TableHeader, TableHeaderProps, TableProps, TableRow, TableRowProps, tableCellMeta, tableColumnMeta, tableMeta, tableRowMeta } from "./components/Table/Table.mjs";
|
|
28
31
|
import { Tab, TabList, TabListProps, TabPanel, TabPanelProps, TabProps, Tabs, TabsProps, tabListMeta, tabMeta, tabPanelMeta, tabsMeta } from "./components/Tabs/Tabs.mjs";
|
|
29
32
|
import { Text, TextAlign, TextAs, TextNumeric, TextProps, TextTone, TextVariant, textMeta } from "./components/Text/Text.mjs";
|
|
30
33
|
import { Toast, ToastContent, ToastProps, ToastQueue, ToastRegion, ToastRegionProps, createToastQueue, toastMeta, toastRegionMeta } from "./components/Toast/Toast.mjs";
|
|
@@ -44,4 +47,4 @@ import { TextArea, TextAreaControl, TextAreaControlProps, TextAreaDescription, T
|
|
|
44
47
|
import { TextField, TextFieldControl, TextFieldControlProps, TextFieldDescription, TextFieldDescriptionProps, TextFieldError, TextFieldErrorProps, TextFieldLabel, TextFieldLabelProps, TextFieldProps, textFieldControlMeta, textFieldDescriptionMeta, textFieldErrorMeta, textFieldLabelMeta, textFieldMeta } from "./composites/TextField/TextField.mjs";
|
|
45
48
|
import { Tooltip, TooltipProps, TooltipTrigger, tooltipMeta } from "./composites/Tooltip/Tooltip.mjs";
|
|
46
49
|
import { Wizard, WizardNavigation, WizardNavigationProps, WizardProps, WizardStep, WizardStepProps, WizardSummary, WizardSummaryProps, wizardMeta, wizardNavigationMeta, wizardStepMeta, wizardSummaryMeta } from "./composites/Wizard/Wizard.mjs";
|
|
47
|
-
export { Accordion, AccordionItem, type AccordionItemProps, AccordionPanel, type AccordionPanelProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, AppShell, type AppShellProps, type AppShellSidebarWidth, Badge, type BadgeNumeric, type BadgeProps, Box, type BoxBackground, type BoxBorder, type BoxMaxWidth, type BoxPadding, type BoxProps, type BoxRadius, type BoxWidth, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, Code, type CodeProps, type CodeSize, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerGutter, type ContainerProps, type ContainerSize, Dialog, DialogActions, type DialogActionsPlatform, type DialogActionsProps, DialogBody, type DialogBodyProps, DialogHeading, type DialogHeadingProps, DialogModal, type DialogModalProps, type DialogProps, DialogTrigger, Disclosure, DisclosurePanel, type DisclosurePanelProps, type DisclosureProps, DisclosureTrigger, type DisclosureTriggerProps, FileTrigger, type FileTriggerProps, Form, FormActions, type FormActionsProps, type FormProps, FormSubmit, type FormSubmitProps, Grid, type GridAlign, type GridGap, GridList, GridListItem, type GridListItemProps, type GridListProps, type GridMinColumnWidth, type GridProps, Group, type GroupProps, Heading, type HeadingAlign, type HeadingLevel, type HeadingProps, type HeadingSize, Link, type LinkProps, ListBox, ListBoxItem, type ListBoxItemProps, type ListBoxProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MenuTrigger, Meter, type MeterProps, NumberField, type NumberFieldProps, Popover, type PopoverProps, PopoverTrigger, ProgressBar, type ProgressBarProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, SearchField, SearchFieldControl, type SearchFieldControlProps, SearchFieldLabel, type SearchFieldLabelProps, type SearchFieldProps, Select, SelectItem, type SelectItemProps, type SelectProps, Separator, type SeparatorProps, Slider, type SliderProps, Stack, type StackAlign, type StackDirection, type StackGap, type StackJustify, type StackProps, Surface, type SurfaceLevel, type SurfacePadding, type SurfaceProps, Switch, type SwitchProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps, Tag, TagGroup, type TagGroupProps, type TagProps, Text, type TextAlign, TextArea, TextAreaControl, type TextAreaControlProps, TextAreaDescription, type TextAreaDescriptionProps, TextAreaError, type TextAreaErrorProps, TextAreaLabel, type TextAreaLabelProps, type TextAreaProps, type TextAs, TextField, TextFieldControl, type TextFieldControlProps, TextFieldDescription, type TextFieldDescriptionProps, TextFieldError, type TextFieldErrorProps, TextFieldLabel, type TextFieldLabelProps, type TextFieldProps, type TextNumeric, type TextProps, type TextTone, type TextVariant, Toast, type ToastContent, type ToastProps, type ToastQueue, ToastRegion, type ToastRegionProps, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, TooltipTrigger, Wizard, WizardNavigation, type WizardNavigationProps, type WizardProps, WizardStep, type WizardStepProps, WizardSummary, type WizardSummaryProps, accordionItemMeta, accordionMeta, accordionPanelMeta, accordionTriggerMeta, appShellMeta, badgeMeta, boxMeta, breadcrumbMeta, breadcrumbsMeta, buttonMeta, checkboxGroupMeta, checkboxMeta, codeMeta, confirmationDialogMeta, containerMeta, createToastQueue, dialogActionsMeta, dialogBodyMeta, dialogHeadingMeta, dialogMeta, dialogModalMeta, disclosureMeta, disclosurePanelMeta, disclosureTriggerMeta, fileTriggerMeta, formActionsMeta, formMeta, formSubmitMeta, gridListItemMeta, gridListMeta, gridMeta, groupMeta, headingMeta, linkMeta, listBoxItemMeta, listBoxMeta, menuItemMeta, menuMeta, meterMeta, numberFieldMeta, popoverMeta, progressBarMeta, radioGroupMeta, radioMeta, searchFieldControlMeta, searchFieldLabelMeta, searchFieldMeta, selectItemMeta, selectMeta, separatorMeta, sliderMeta, stackMeta, surfaceMeta, switchMeta, tabListMeta, tabMeta, tabPanelMeta, tabsMeta, tagGroupMeta, tagMeta, textAreaControlMeta, textAreaDescriptionMeta, textAreaErrorMeta, textAreaLabelMeta, textAreaMeta, textFieldControlMeta, textFieldDescriptionMeta, textFieldErrorMeta, textFieldLabelMeta, textFieldMeta, textMeta, toastMeta, toastRegionMeta, toggleButtonGroupMeta, toggleButtonMeta, toolbarMeta, tooltipMeta, wizardMeta, wizardNavigationMeta, wizardStepMeta, wizardSummaryMeta };
|
|
50
|
+
export { Accordion, AccordionItem, type AccordionItemProps, AccordionPanel, type AccordionPanelProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, AppShell, type AppShellProps, type AppShellSidebarWidth, Badge, type BadgeNumeric, type BadgeProps, Box, type BoxBackground, type BoxBorder, type BoxMaxWidth, type BoxPadding, type BoxProps, type BoxRadius, type BoxWidth, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, Code, type CodeProps, type CodeSize, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerGutter, type ContainerProps, type ContainerSize, Dialog, DialogActions, type DialogActionsPlatform, type DialogActionsProps, DialogBody, type DialogBodyProps, DialogHeading, type DialogHeadingProps, DialogModal, type DialogModalProps, type DialogProps, DialogTrigger, Disclosure, DisclosurePanel, type DisclosurePanelProps, type DisclosureProps, DisclosureTrigger, type DisclosureTriggerProps, FileTrigger, type FileTriggerProps, Form, FormActions, type FormActionsProps, type FormProps, FormSubmit, type FormSubmitProps, Grid, type GridAlign, type GridGap, GridList, GridListItem, type GridListItemProps, type GridListProps, type GridMinColumnWidth, type GridProps, Group, type GroupProps, Heading, type HeadingAlign, type HeadingLevel, type HeadingProps, type HeadingSize, ICON_INTENTS, Icon, type IconIntent, type IconProps, type IconSize, Link, type LinkProps, ListBox, ListBoxItem, type ListBoxItemProps, type ListBoxProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MenuTrigger, Meter, type MeterProps, NumberField, type NumberFieldProps, Popover, type PopoverProps, PopoverTrigger, ProgressBar, type ProgressBarProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, SearchField, SearchFieldControl, type SearchFieldControlProps, SearchFieldLabel, type SearchFieldLabelProps, type SearchFieldProps, Select, SelectItem, type SelectItemProps, type SelectProps, Separator, type SeparatorProps, Slider, type SliderProps, type SortDescriptor, type SortDirection, Stack, type StackAlign, type StackDirection, type StackGap, type StackJustify, type StackProps, Surface, type SurfaceLevel, type SurfacePadding, type SurfaceProps, Switch, type SwitchProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Tag, TagGroup, type TagGroupProps, type TagProps, Text, type TextAlign, TextArea, TextAreaControl, type TextAreaControlProps, TextAreaDescription, type TextAreaDescriptionProps, TextAreaError, type TextAreaErrorProps, TextAreaLabel, type TextAreaLabelProps, type TextAreaProps, type TextAs, TextField, TextFieldControl, type TextFieldControlProps, TextFieldDescription, type TextFieldDescriptionProps, TextFieldError, type TextFieldErrorProps, TextFieldLabel, type TextFieldLabelProps, type TextFieldProps, type TextNumeric, type TextProps, type TextTone, type TextVariant, Toast, type ToastContent, type ToastProps, type ToastQueue, ToastRegion, type ToastRegionProps, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, TooltipTrigger, Wizard, WizardNavigation, type WizardNavigationProps, type WizardProps, WizardStep, type WizardStepProps, WizardSummary, type WizardSummaryProps, accordionItemMeta, accordionMeta, accordionPanelMeta, accordionTriggerMeta, appShellMeta, badgeMeta, boxMeta, breadcrumbMeta, breadcrumbsMeta, buttonMeta, checkboxGroupMeta, checkboxMeta, codeMeta, confirmationDialogMeta, containerMeta, createToastQueue, dialogActionsMeta, dialogBodyMeta, dialogHeadingMeta, dialogMeta, dialogModalMeta, disclosureMeta, disclosurePanelMeta, disclosureTriggerMeta, fileTriggerMeta, formActionsMeta, formMeta, formSubmitMeta, gridListItemMeta, gridListMeta, gridMeta, groupMeta, headingMeta, iconMeta, linkMeta, listBoxItemMeta, listBoxMeta, menuItemMeta, menuMeta, meterMeta, numberFieldMeta, popoverMeta, progressBarMeta, radioGroupMeta, radioMeta, searchFieldControlMeta, searchFieldLabelMeta, searchFieldMeta, selectItemMeta, selectMeta, separatorMeta, sliderMeta, stackMeta, surfaceMeta, switchMeta, tabListMeta, tabMeta, tabPanelMeta, tableCellMeta, tableColumnMeta, tableMeta, tableRowMeta, tabsMeta, tagGroupMeta, tagMeta, textAreaControlMeta, textAreaDescriptionMeta, textAreaErrorMeta, textAreaLabelMeta, textAreaMeta, textFieldControlMeta, textFieldDescriptionMeta, textFieldErrorMeta, textFieldLabelMeta, textFieldMeta, textMeta, toastMeta, toastRegionMeta, toggleButtonGroupMeta, toggleButtonMeta, toolbarMeta, tooltipMeta, wizardMeta, wizardNavigationMeta, wizardStepMeta, wizardSummaryMeta };
|
package/dist/index.mjs
CHANGED
|
@@ -6,6 +6,8 @@ import { Badge, badgeMeta } from "./components/Badge/Badge.mjs";
|
|
|
6
6
|
import { Box, boxMeta } from "./components/Box/Box.mjs";
|
|
7
7
|
import { Breadcrumb, Breadcrumbs, breadcrumbMeta, breadcrumbsMeta } from "./components/Breadcrumbs/Breadcrumbs.mjs";
|
|
8
8
|
import { Button, buttonMeta } from "./components/Button/Button.mjs";
|
|
9
|
+
import { Icon, iconMeta } from "./components/Icon/Icon.mjs";
|
|
10
|
+
import { ICON_INTENTS } from "./components/Icon/intents.mjs";
|
|
9
11
|
import { Checkbox, checkboxMeta } from "./components/Checkbox/Checkbox.mjs";
|
|
10
12
|
import { CheckboxGroup, checkboxGroupMeta } from "./components/CheckboxGroup/CheckboxGroup.mjs";
|
|
11
13
|
import { Code, codeMeta } from "./components/Code/Code.mjs";
|
|
@@ -27,6 +29,7 @@ import { Slider, sliderMeta } from "./components/Slider/Slider.mjs";
|
|
|
27
29
|
import { Stack, stackMeta } from "./components/Stack/Stack.mjs";
|
|
28
30
|
import { Surface, surfaceMeta } from "./components/Surface/Surface.mjs";
|
|
29
31
|
import { Switch, switchMeta } from "./components/Switch/Switch.mjs";
|
|
32
|
+
import { Table, TableBody, TableCell, TableColumn, TableHeader, TableRow, tableCellMeta, tableColumnMeta, tableMeta, tableRowMeta } from "./components/Table/Table.mjs";
|
|
30
33
|
import { Tab, TabList, TabPanel, Tabs, tabListMeta, tabMeta, tabPanelMeta, tabsMeta } from "./components/Tabs/Tabs.mjs";
|
|
31
34
|
import { Text, textMeta } from "./components/Text/Text.mjs";
|
|
32
35
|
import { Toast, ToastRegion, createToastQueue, toastMeta, toastRegionMeta } from "./components/Toast/Toast.mjs";
|
|
@@ -46,4 +49,4 @@ import { TextArea, TextAreaControl, TextAreaDescription, TextAreaError, TextArea
|
|
|
46
49
|
import { TextField, TextFieldControl, TextFieldDescription, TextFieldError, TextFieldLabel, textFieldControlMeta, textFieldDescriptionMeta, textFieldErrorMeta, textFieldLabelMeta, textFieldMeta } from "./composites/TextField/TextField.mjs";
|
|
47
50
|
import { Tooltip, TooltipTrigger, tooltipMeta } from "./composites/Tooltip/Tooltip.mjs";
|
|
48
51
|
import { Wizard, WizardNavigation, WizardStep, WizardSummary, wizardMeta, wizardNavigationMeta, wizardStepMeta, wizardSummaryMeta } from "./composites/Wizard/Wizard.mjs";
|
|
49
|
-
export { Accordion, AccordionItem, AccordionPanel, AccordionTrigger, AppShell, Badge, Box, Breadcrumb, Breadcrumbs, Button, Checkbox, CheckboxGroup, Code, ConfirmationDialog, Container, Dialog, DialogActions, DialogBody, DialogHeading, DialogModal, DialogTrigger, Disclosure, DisclosurePanel, DisclosureTrigger, FileTrigger, Form, FormActions, FormSubmit, Grid, GridList, GridListItem, Group, Heading, Link, ListBox, ListBoxItem, Menu, MenuItem, MenuTrigger, Meter, NumberField, Popover, PopoverTrigger, ProgressBar, Radio, RadioGroup, SearchField, SearchFieldControl, SearchFieldLabel, Select, SelectItem, Separator, Slider, Stack, Surface, Switch, Tab, TabList, TabPanel, Tabs, Tag, TagGroup, Text, TextArea, TextAreaControl, TextAreaDescription, TextAreaError, TextAreaLabel, TextField, TextFieldControl, TextFieldDescription, TextFieldError, TextFieldLabel, Toast, ToastRegion, ToggleButton, ToggleButtonGroup, Toolbar, Tooltip, TooltipTrigger, Wizard, WizardNavigation, WizardStep, WizardSummary, accordionItemMeta, accordionMeta, accordionPanelMeta, accordionTriggerMeta, appShellMeta, badgeMeta, boxMeta, breadcrumbMeta, breadcrumbsMeta, buttonMeta, checkboxGroupMeta, checkboxMeta, codeMeta, confirmationDialogMeta, containerMeta, createToastQueue, dialogActionsMeta, dialogBodyMeta, dialogHeadingMeta, dialogMeta, dialogModalMeta, disclosureMeta, disclosurePanelMeta, disclosureTriggerMeta, fileTriggerMeta, formActionsMeta, formMeta, formSubmitMeta, gridListItemMeta, gridListMeta, gridMeta, groupMeta, headingMeta, linkMeta, listBoxItemMeta, listBoxMeta, menuItemMeta, menuMeta, meterMeta, numberFieldMeta, popoverMeta, progressBarMeta, radioGroupMeta, radioMeta, searchFieldControlMeta, searchFieldLabelMeta, searchFieldMeta, selectItemMeta, selectMeta, separatorMeta, sliderMeta, stackMeta, surfaceMeta, switchMeta, tabListMeta, tabMeta, tabPanelMeta, tabsMeta, tagGroupMeta, tagMeta, textAreaControlMeta, textAreaDescriptionMeta, textAreaErrorMeta, textAreaLabelMeta, textAreaMeta, textFieldControlMeta, textFieldDescriptionMeta, textFieldErrorMeta, textFieldLabelMeta, textFieldMeta, textMeta, toastMeta, toastRegionMeta, toggleButtonGroupMeta, toggleButtonMeta, toolbarMeta, tooltipMeta, wizardMeta, wizardNavigationMeta, wizardStepMeta, wizardSummaryMeta };
|
|
52
|
+
export { Accordion, AccordionItem, AccordionPanel, AccordionTrigger, AppShell, Badge, Box, Breadcrumb, Breadcrumbs, Button, Checkbox, CheckboxGroup, Code, ConfirmationDialog, Container, Dialog, DialogActions, DialogBody, DialogHeading, DialogModal, DialogTrigger, Disclosure, DisclosurePanel, DisclosureTrigger, FileTrigger, Form, FormActions, FormSubmit, Grid, GridList, GridListItem, Group, Heading, ICON_INTENTS, Icon, Link, ListBox, ListBoxItem, Menu, MenuItem, MenuTrigger, Meter, NumberField, Popover, PopoverTrigger, ProgressBar, Radio, RadioGroup, SearchField, SearchFieldControl, SearchFieldLabel, Select, SelectItem, Separator, Slider, Stack, Surface, Switch, Tab, TabList, TabPanel, Table, TableBody, TableCell, TableColumn, TableHeader, TableRow, Tabs, Tag, TagGroup, Text, TextArea, TextAreaControl, TextAreaDescription, TextAreaError, TextAreaLabel, TextField, TextFieldControl, TextFieldDescription, TextFieldError, TextFieldLabel, Toast, ToastRegion, ToggleButton, ToggleButtonGroup, Toolbar, Tooltip, TooltipTrigger, Wizard, WizardNavigation, WizardStep, WizardSummary, accordionItemMeta, accordionMeta, accordionPanelMeta, accordionTriggerMeta, appShellMeta, badgeMeta, boxMeta, breadcrumbMeta, breadcrumbsMeta, buttonMeta, checkboxGroupMeta, checkboxMeta, codeMeta, confirmationDialogMeta, containerMeta, createToastQueue, dialogActionsMeta, dialogBodyMeta, dialogHeadingMeta, dialogMeta, dialogModalMeta, disclosureMeta, disclosurePanelMeta, disclosureTriggerMeta, fileTriggerMeta, formActionsMeta, formMeta, formSubmitMeta, gridListItemMeta, gridListMeta, gridMeta, groupMeta, headingMeta, iconMeta, linkMeta, listBoxItemMeta, listBoxMeta, menuItemMeta, menuMeta, meterMeta, numberFieldMeta, popoverMeta, progressBarMeta, radioGroupMeta, radioMeta, searchFieldControlMeta, searchFieldLabelMeta, searchFieldMeta, selectItemMeta, selectMeta, separatorMeta, sliderMeta, stackMeta, surfaceMeta, switchMeta, tabListMeta, tabMeta, tabPanelMeta, tableCellMeta, tableColumnMeta, tableMeta, tableRowMeta, tabsMeta, tagGroupMeta, tagMeta, textAreaControlMeta, textAreaDescriptionMeta, textAreaErrorMeta, textAreaLabelMeta, textAreaMeta, textFieldControlMeta, textFieldDescriptionMeta, textFieldErrorMeta, textFieldLabelMeta, textFieldMeta, textMeta, toastMeta, toastRegionMeta, toggleButtonGroupMeta, toggleButtonMeta, toolbarMeta, tooltipMeta, wizardMeta, wizardNavigationMeta, wizardStepMeta, wizardSummaryMeta };
|
package/llms.txt
CHANGED
|
@@ -69,6 +69,14 @@ Collection: ListBox/ListBoxItem, GridList/GridListItem (+ Menu/MenuItem,
|
|
|
69
69
|
ITEMS are Selection (input chrome, `selected` State) — one
|
|
70
70
|
composite, two entities. GridListItem also has a selectionControl
|
|
71
71
|
(per-row checkbox).
|
|
72
|
+
Table/TableHeader/TableColumn/TableBody/TableRow/TableCell —
|
|
73
|
+
data table with columnheaders, same ADR-007 split (Table =
|
|
74
|
+
Collection surface, TableRow = Selection). Sorting: controlled
|
|
75
|
+
sortDescriptor/onSortChange + allowsSorting on TableColumn
|
|
76
|
+
(aria-sort + direction arrow rendered for you); set isRowHeader
|
|
77
|
+
on the naming column. Selection: selectionMode single|multiple,
|
|
78
|
+
row click toggles (no checkbox column yet). Use for column-
|
|
79
|
+
aligned data; GridList is for single-column rows.
|
|
72
80
|
Input: TextField, TextArea (each + Label/Control/Description/Error),
|
|
73
81
|
SearchField (+ Label/Control; leading search + clear glyphs),
|
|
74
82
|
NumberField (label/description/errorMessage props + −/+ steppers),
|
|
@@ -78,7 +86,9 @@ Overlay: Dialog, DialogModal, DialogTrigger, DialogHeading, DialogBody,
|
|
|
78
86
|
Popover, PopoverTrigger, Tooltip, TooltipTrigger
|
|
79
87
|
Feedback: ProgressBar, Meter, Toast, ToastRegion, createToastQueue
|
|
80
88
|
(Meter = static quantity in a range e.g. battery/disk;
|
|
81
|
-
ProgressBar = a task in flight. Pick by "state" vs "progressing")
|
|
89
|
+
ProgressBar = a task in flight. Pick by "state" vs "progressing"),
|
|
90
|
+
Badge (status pill: evaluation=primary|positive|caution|negative,
|
|
91
|
+
numeric=tabular for counts — never a hand-rolled colored span)
|
|
82
92
|
Structure: Form, FormActions, Wizard, WizardStep, WizardSummary,
|
|
83
93
|
WizardNavigation, Separator, Group (labelled role=group frame),
|
|
84
94
|
Toolbar (role=toolbar, arrow-key roving nav over its controls),
|
|
@@ -88,17 +98,39 @@ Structure: Form, FormActions, Wizard, WizardStep, WizardSummary,
|
|
|
88
98
|
panels, sheets instead of a hand-rolled div),
|
|
89
99
|
Heading (h1-h6 bound to the type scale: level=1..6 sets the
|
|
90
100
|
element, size overrides the visual step — never a raw font-size),
|
|
91
|
-
Text (
|
|
101
|
+
Text (copy + stat figures: variant=display-sm (stat step for KPI
|
|
102
|
+
values/prices — data, not headings)|body|label-lg|md|sm, tone=muted for
|
|
92
103
|
secondary hierarchy, as=p|span|div — never a raw font-size),
|
|
93
104
|
Stack (layout rhythm: direction=vertical|horizontal picks the
|
|
94
105
|
gap.stack|gap.inline family, gap=xs..xl, align, justify, wrap —
|
|
95
|
-
never a raw gap; use instead of a hand-rolled flex div)
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
106
|
+
never a raw gap; use instead of a hand-rolled flex div),
|
|
107
|
+
Box (token-constrained escape hatch, ADR-009: padding/
|
|
108
|
+
paddingBlock/paddingInline=none|sm|md|lg, background=none|primary|
|
|
109
|
+
muted, radius=none|control|surface|round, border=none|muted|
|
|
110
|
+
strong, width=auto|full|fit, maxWidth=none|surface|reading —
|
|
111
|
+
never a free style/className),
|
|
112
|
+
Grid (2D layout: columns=N or minColumnWidth=xs|sm|md|lg for
|
|
113
|
+
responsive auto-fit, rows, gap=xs..xl, align, justify — never a
|
|
114
|
+
raw track template),
|
|
115
|
+
Container (centered page column: size=surface|reading,
|
|
116
|
+
gutter=page|section|none — instead of max-width + margin auto),
|
|
117
|
+
AppShell (full-viewport app frame: header?, sidebar?, aside?,
|
|
118
|
+
sidebarWidth/asideWidth=sm|md|lg, sidebarLabel/asideLabel for the
|
|
119
|
+
landmark names; main content as children — instead of a
|
|
120
|
+
hand-rolled viewport grid),
|
|
121
|
+
Code (code text: block=true scrollable <pre> surface, block=false
|
|
122
|
+
inline <code> run)
|
|
123
|
+
|
|
124
|
+
Icons: Icon is a PUBLIC export (ADR-010): a semantic glyph named by intent
|
|
125
|
+
(`icon.{family}.{intent}`), never by picture — e.g.
|
|
126
|
+
<Icon intent="status.success" />, <Icon intent="action.close" size="sm" />.
|
|
127
|
+
Decorative by default (aria-hidden); pass `label` (caller-localized) only
|
|
128
|
+
when the icon is the sole carrier of meaning. Color inherits (currentColor);
|
|
129
|
+
size = sm|md|lg → vars.sizing.icon.*. Intents are a curated registry
|
|
130
|
+
(ICON_INTENTS): disclosure.expand/collapse, selection.checked/indeterminate,
|
|
131
|
+
action.close/search/increment/decrement/sortAscending/sortDescending,
|
|
132
|
+
status.success — it grows only on component/block demand. Glyphs map to
|
|
133
|
+
Lucide via the Iconify provider, registered offline (no runtime API fetch).
|
|
102
134
|
|
|
103
135
|
## Entity → token map (a component reads ONLY its row)
|
|
104
136
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ttoss/fsl-ui",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.6",
|
|
4
4
|
"description": "Semantic, token-native component library for the ttoss ecosystem. Built on React Aria Components with @ttoss/fsl-theme tokens.",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"@iconify-icon/react": "^2.2.0",
|
|
34
34
|
"@iconify/icons-lucide": "^1.2.135",
|
|
35
35
|
"react-aria-components": "~1.19.0",
|
|
36
|
-
"@ttoss/fsl-theme": "^2.1.
|
|
36
|
+
"@ttoss/fsl-theme": "^2.1.3"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
39
|
"@testing-library/react": "^16.3.2",
|
|
@@ -50,9 +50,9 @@
|
|
|
50
50
|
"react-hook-form": "^7.71.1",
|
|
51
51
|
"tsdown": "^0.22.2",
|
|
52
52
|
"zod": "^4.4.3",
|
|
53
|
+
"@ttoss/config": "^1.37.17",
|
|
53
54
|
"@ttoss/forms": "^0.44.4",
|
|
54
|
-
"@ttoss/test-utils": "^4.2.18"
|
|
55
|
-
"@ttoss/config": "^1.37.17"
|
|
55
|
+
"@ttoss/test-utils": "^4.2.18"
|
|
56
56
|
},
|
|
57
57
|
"peerDependencies": {
|
|
58
58
|
"react": ">=18",
|
package/src/tokens/CONTRACT.md
CHANGED
|
@@ -112,7 +112,7 @@ The grouping criterion is a single discriminant question:
|
|
|
112
112
|
|
|
113
113
|
**Stacking inside `informational`.** When two `informational` surfaces overlap (Card inside Dialog, Dialog over page, …) they may resolve to the same `background` colour. Differentiation is paid in `elevation` first, `border` second, never in colour. See [colors.md → Stacking informational surfaces](/docs/design/design-system/design-tokens/colors#stacking-informational-surfaces) for the operational rule.
|
|
114
114
|
|
|
115
|
-
**Collection containers with Selection items (per-part entity split).** A selectable list composite (`ListBox`, `GridList`) is allowed to declare **two entities across its parts**: the container root is `Collection` (an `informational` surface — the frame that carries the items) while each selectable item is `Selection` (`input` chrome, `selected` State). The item's selection chrome is therefore identical to `Select`/`Checkbox`/`RadioGroup` (`vars.colors.input.*`), and the container reads `vars.colors.informational.*`. This is intentional and enforced-compatible: the entity→ux-context contract test unions the contexts of all entities declared in a file, so both reads are legal. See ADR-007 for the rationale.
|
|
115
|
+
**Collection containers with Selection items (per-part entity split).** A selectable list composite (`ListBox`, `GridList`, `Table`) is allowed to declare **two entities across its parts**: the container root is `Collection` (an `informational` surface — the frame that carries the items) while each selectable item is `Selection` (`input` chrome, `selected` State). The item's selection chrome is therefore identical to `Select`/`Checkbox`/`RadioGroup` (`vars.colors.input.*`), and the container reads `vars.colors.informational.*`. This is intentional and enforced-compatible: the entity→ux-context contract test unions the contexts of all entities declared in a file, so both reads are legal. See ADR-007 for the rationale. `Table` extends the split with two Collection parts: `TableColumn` is the `title` structural role (columnheader; sortable columns render the `action.sortAscending`/`action.sortDescending` Icon intents) and `TableCell` is `content` — the ROADMAP B2 mapping, no taxonomy addition needed.
|
|
116
116
|
|
|
117
117
|
**Surface type rule** (derives all non-color columns):
|
|
118
118
|
|
|
@@ -490,15 +490,14 @@ export const Button = ({ evaluation = 'primary', ...props }: ButtonProps) => {
|
|
|
490
490
|
|
|
491
491
|
---
|
|
492
492
|
|
|
493
|
-
## §9 — Icons (
|
|
493
|
+
## §9 — Icons (semantic glyph layer; public since ADR-010)
|
|
494
494
|
|
|
495
495
|
When a component needs a glyph (chevron, check, close, …), do **not** hardcode
|
|
496
|
-
a unicode character or hand-author SVG. Use
|
|
497
|
-
|
|
498
|
-
(ADR-005):
|
|
496
|
+
a unicode character or hand-author SVG. Use `Icon` — a semantic layer over
|
|
497
|
+
the Iconify provider (ADR-005; public export per ADR-010):
|
|
499
498
|
|
|
500
499
|
```typescript
|
|
501
|
-
import { Icon } from '
|
|
500
|
+
import { Icon } from '@ttoss/fsl-ui'; // inside this package: '../Icon' from src/components/*
|
|
502
501
|
|
|
503
502
|
<Icon intent="disclosure.expand" /> // named by meaning, not glyph
|
|
504
503
|
<Icon intent="action.close" size="sm" /> // sm | md (default) | lg → vars.sizing.icon.*
|