@keyfunc/keybricks-ds 1.0.4 → 2.3.1

package/_adherence.oxlintrc.json

@@ -19,7 +19,6 @@
               "assets/icons/**",
               "components/**",
               "components/_shared/**",
-              "components/brand/**",
               "components/buttons/**",
               "components/charts/**",
               "components/data/**",
@@ -31,8 +30,7 @@
               "components/pipeline/**",
               "components/tabs/**",
               "site-nav.js",
-              "tokens/**",
-              "ui_kits/keybricks-app/**"
+              "tokens/**"
             ],
             "message": "Import design-system components from 'index.js', not component internals."
           }
@@ -58,16 +56,20 @@
         "message": "<Accordion> doesn't accept that prop. Declared props: title, subtitle, defaultOpen, open, onToggle, children, style."
       },
       {
-        "selector": "JSXOpeningElement[name.name='ActionChip'] > JSXAttribute > JSXIdentifier[name!=/^(?:tone|onClick|children|style|key|ref|className|style|children)$/]",
-        "message": "<ActionChip> doesn't accept that prop. Declared props: tone, onClick, children, style."
+        "selector": "JSXOpeningElement[name.name='ActionChip'] > JSXAttribute > JSXIdentifier[name!=/^(?:size|tone|onClick|children|style|key|ref|className|style|children)$/]",
+        "message": "<ActionChip> doesn't accept that prop. Declared props: size, tone, onClick, children, style."
+      },
+      {
+        "selector": "JSXOpeningElement[name.name='ActionChip'] > JSXAttribute[name.name='size'] > Literal[value!=/^(?:sm|md|lg)$/]",
+        "message": "<ActionChip> size must be one of 'sm' | 'md' | 'lg'."
       },
       {
         "selector": "JSXOpeningElement[name.name='ActionChip'] > JSXAttribute[name.name='tone'] > Literal[value!=/^(?:success|warning|neutral|info|danger)$/]",
         "message": "<ActionChip> tone must be one of 'success' | 'warning' | 'neutral' | 'info' | 'danger'."
       },
       {
-        "selector": "JSXOpeningElement[name.name='ActivityItem'] > JSXAttribute > JSXIdentifier[name!=/^(?:icon|title|meta|action|style|key|ref|className|style|children)$/]",
-        "message": "<ActivityItem> doesn't accept that prop. Declared props: icon, title, meta, action, style."
+        "selector": "JSXOpeningElement[name.name='ActivityItem'] > JSXAttribute > JSXIdentifier[name!=/^(?:icon|title|meta|action|onAction|style|key|ref|className|style|children)$/]",
+        "message": "<ActivityItem> doesn't accept that prop. Declared props: icon, title, meta, action, onAction, style."
       },
       {
         "selector": "JSXOpeningElement[name.name='Alert'] > JSXAttribute > JSXIdentifier[name!=/^(?:tone|title|children|action|style|key|ref|className|style|children)$/]",
@@ -113,14 +115,6 @@
         "selector": "JSXOpeningElement[name.name='BoxGroup'] > JSXAttribute > JSXIdentifier[name!=/^(?:label|values|q1|med|q3|lo|hi|outliers|color|key|ref|className|style|children)$/]",
         "message": "<BoxGroup> doesn't accept that prop. Declared props: label, values, q1, med, q3, lo, hi, outliers, color."
       },
-      {
-        "selector": "JSXOpeningElement[name.name='BrandVisual'] > JSXAttribute > JSXIdentifier[name!=/^(?:motif|width|height|radius|fit|children|style|key|ref|className|style|children)$/]",
-        "message": "<BrandVisual> doesn't accept that prop. Declared props: motif, width, height, radius, fit, children, style."
-      },
-      {
-        "selector": "JSXOpeningElement[name.name='BrandVisual'] > JSXAttribute[name.name='fit'] > Literal[value!=/^(?:slice|meet)$/]",
-        "message": "<BrandVisual> fit must be one of 'slice' | 'meet'."
-      },
       {
         "selector": "JSXOpeningElement[name.name='Breadcrumb'] > JSXAttribute > JSXIdentifier[name!=/^(?:items|onSelect|maxItems|hoveredIndex|style|key|ref|className|style|children)$/]",
         "message": "<Breadcrumb> doesn't accept that prop. Declared props: items, onSelect, maxItems, hoveredIndex, style."
@@ -162,8 +156,8 @@
         "message": "<Checkbox> doesn't accept that prop. Declared props: checked, indeterminate, onChange, label, size, disabled, style."
       },
       {
-        "selector": "JSXOpeningElement[name.name='Checkbox'] > JSXAttribute[name.name='size'] > Literal[value!=/^(?:md|sm)$/]",
-        "message": "<Checkbox> size must be one of 'md' | 'sm'."
+        "selector": "JSXOpeningElement[name.name='Checkbox'] > JSXAttribute[name.name='size'] > Literal[value!=/^(?:sm|md|lg)$/]",
+        "message": "<Checkbox> size must be one of 'sm' | 'md' | 'lg'."
       },
       {
         "selector": "JSXOpeningElement[name.name='ChordChart'] > JSXAttribute > JSXIdentifier[name!=/^(?:labels|matrix|size|thickness|gap|valueFormat|interactive|style|key|ref|className|style|children)$/]",
@@ -174,32 +168,44 @@
         "message": "<CodeBlock> doesn't accept that prop. Declared props: code, language, height, style."
       },
       {
-        "selector": "JSXOpeningElement[name.name='Combobox'] > JSXAttribute > JSXIdentifier[name!=/^(?:options|value|placeholder|disabled|error|width|onChange|style|key|ref|className|style|children)$/]",
-        "message": "<Combobox> doesn't accept that prop. Declared props: options, value, placeholder, disabled, error, width, onChange, style."
+        "selector": "JSXOpeningElement[name.name='Combobox'] > JSXAttribute > JSXIdentifier[name!=/^(?:options|value|placeholder|disabled|error|width|size|onChange|style|key|ref|className|style|children)$/]",
+        "message": "<Combobox> doesn't accept that prop. Declared props: options, value, placeholder, disabled, error, width, size, onChange, style."
+      },
+      {
+        "selector": "JSXOpeningElement[name.name='Combobox'] > JSXAttribute[name.name='size'] > Literal[value!=/^(?:sm|md|lg)$/]",
+        "message": "<Combobox> size must be one of 'sm' | 'md' | 'lg'."
+      },
+      {
+        "selector": "JSXOpeningElement[name.name='ConfigPanel'] > JSXAttribute > JSXIdentifier[name!=/^(?:title|subtitle|tabs|activeTab|onTab|previewRows|onPreviewRows|onSave|onPreview|children|height|size|style|key|ref|className|style|children)$/]",
+        "message": "<ConfigPanel> doesn't accept that prop. Declared props: title, subtitle, tabs, activeTab, onTab, previewRows, onPreviewRows, onSave, onPreview, children, height, size, style."
+      },
+      {
+        "selector": "JSXOpeningElement[name.name='ConfigPanel'] > JSXAttribute[name.name='size'] > Literal[value!=/^(?:sm|md|lg)$/]",
+        "message": "<ConfigPanel> size must be one of 'sm' | 'md' | 'lg'."
       },
       {
-        "selector": "JSXOpeningElement[name.name='ConfigPanel'] > JSXAttribute > JSXIdentifier[name!=/^(?:title|subtitle|tabs|activeTab|onTab|previewRows|onPreviewRows|onSave|onPreview|children|height|style|key|ref|className|style|children)$/]",
-        "message": "<ConfigPanel> doesn't accept that prop. Declared props: title, subtitle, tabs, activeTab, onTab, previewRows, onPreviewRows, onSave, onPreview, children, height, style."
+        "selector": "JSXOpeningElement[name.name='ContextMenu'] > JSXAttribute > JSXIdentifier[name!=/^(?:items|onSelect|size|style|key|ref|className|style|children)$/]",
+        "message": "<ContextMenu> doesn't accept that prop. Declared props: items, onSelect, size, style."
       },
       {
-        "selector": "JSXOpeningElement[name.name='ContextMenu'] > JSXAttribute > JSXIdentifier[name!=/^(?:items|onSelect|style|key|ref|className|style|children)$/]",
-        "message": "<ContextMenu> doesn't accept that prop. Declared props: items, onSelect, style."
+        "selector": "JSXOpeningElement[name.name='ContextMenu'] > JSXAttribute[name.name='size'] > Literal[value!=/^(?:sm|md|lg)$/]",
+        "message": "<ContextMenu> size must be one of 'sm' | 'md' | 'lg'."
       },
       {
-        "selector": "JSXOpeningElement[name.name='DataPreview'] > JSXAttribute > JSXIdentifier[name!=/^(?:title|columns|rows|debug|onDebug|collapsed|onCollapse|style|key|ref|className|style|children)$/]",
-        "message": "<DataPreview> doesn't accept that prop. Declared props: title, columns, rows, debug, onDebug, collapsed, onCollapse, style."
+        "selector": "JSXOpeningElement[name.name='DataPreview'] > JSXAttribute > JSXIdentifier[name!=/^(?:title|columns|rows|debug|onDebug|collapsed|onCollapse|size|style|key|ref|className|style|children)$/]",
+        "message": "<DataPreview> doesn't accept that prop. Declared props: title, columns, rows, debug, onDebug, collapsed, onCollapse, size, style."
       },
       {
-        "selector": "JSXOpeningElement[name.name='DataTableColumn'] > JSXAttribute > JSXIdentifier[name!=/^(?:key|label|width|mono|align|render|key|ref|className|style|children)$/]",
-        "message": "<DataTableColumn> doesn't accept that prop. Declared props: key, label, width, mono, align, render."
+        "selector": "JSXOpeningElement[name.name='DataPreview'] > JSXAttribute[name.name='size'] > Literal[value!=/^(?:sm|md|lg)$/]",
+        "message": "<DataPreview> size must be one of 'sm' | 'md' | 'lg'."
       },
       {
-        "selector": "JSXOpeningElement[name.name='DataTableColumn'] > JSXAttribute[name.name='align'] > Literal[value!=/^(?:left|right|center)$/]",
-        "message": "<DataTableColumn> align must be one of 'left' | 'right' | 'center'."
+        "selector": "JSXOpeningElement[name.name='DatePicker'] > JSXAttribute > JSXIdentifier[name!=/^(?:value|placeholder|disabled|error|width|size|locale|onChange|style|key|ref|className|style|children)$/]",
+        "message": "<DatePicker> doesn't accept that prop. Declared props: value, placeholder, disabled, error, width, size, locale, onChange, style."
       },
       {
-        "selector": "JSXOpeningElement[name.name='DatePicker'] > JSXAttribute > JSXIdentifier[name!=/^(?:value|placeholder|disabled|error|width|onChange|style|key|ref|className|style|children)$/]",
-        "message": "<DatePicker> doesn't accept that prop. Declared props: value, placeholder, disabled, error, width, onChange, style."
+        "selector": "JSXOpeningElement[name.name='DatePicker'] > JSXAttribute[name.name='size'] > Literal[value!=/^(?:sm|md|lg)$/]",
+        "message": "<DatePicker> size must be one of 'sm' | 'md' | 'lg'."
       },
       {
         "selector": "JSXOpeningElement[name.name='DiffValue'] > JSXAttribute > JSXIdentifier[name!=/^(?:from|to|tone|mono|style|key|ref|className|style|children)$/]",
@@ -226,20 +232,32 @@
         "message": "<DonutSegment> doesn't accept that prop. Declared props: label, value, color."
       },
       {
-        "selector": "JSXOpeningElement[name.name='Drawer'] > JSXAttribute > JSXIdentifier[name!=/^(?:open|title|subtitle|width|inline|height|footer|onClose|children|style|key|ref|className|style|children)$/]",
-        "message": "<Drawer> doesn't accept that prop. Declared props: open, title, subtitle, width, inline, height, footer, onClose, children, style."
+        "selector": "JSXOpeningElement[name.name='Drawer'] > JSXAttribute > JSXIdentifier[name!=/^(?:open|title|subtitle|width|inline|height|size|footer|onClose|children|style|key|ref|className|style|children)$/]",
+        "message": "<Drawer> doesn't accept that prop. Declared props: open, title, subtitle, width, inline, height, size, footer, onClose, children, style."
+      },
+      {
+        "selector": "JSXOpeningElement[name.name='Drawer'] > JSXAttribute[name.name='size'] > Literal[value!=/^(?:sm|md|lg)$/]",
+        "message": "<Drawer> size must be one of 'sm' | 'md' | 'lg'."
       },
       {
         "selector": "JSXOpeningElement[name.name='Dropzone'] > JSXAttribute > JSXIdentifier[name!=/^(?:title|hint|height|error|disabled|dragOver|file|onRemove|onClick|onDropFiles|style|key|ref|className|style|children)$/]",
         "message": "<Dropzone> doesn't accept that prop. Declared props: title, hint, height, error, disabled, dragOver, file, onRemove, onClick, onDropFiles, style."
       },
       {
-        "selector": "JSXOpeningElement[name.name='Field'] > JSXAttribute > JSXIdentifier[name!=/^(?:label|required|hint|error|children|style|key|ref|className|style|children)$/]",
-        "message": "<Field> doesn't accept that prop. Declared props: label, required, hint, error, children, style."
+        "selector": "JSXOpeningElement[name.name='Field'] > JSXAttribute > JSXIdentifier[name!=/^(?:label|required|size|inline|hint|error|children|style|key|ref|className|style|children)$/]",
+        "message": "<Field> doesn't accept that prop. Declared props: label, required, size, inline, hint, error, children, style."
+      },
+      {
+        "selector": "JSXOpeningElement[name.name='Field'] > JSXAttribute[name.name='size'] > Literal[value!=/^(?:sm|md|lg)$/]",
+        "message": "<Field> size must be one of 'sm' | 'md' | 'lg'."
+      },
+      {
+        "selector": "JSXOpeningElement[name.name='FilterBar'] > JSXAttribute > JSXIdentifier[name!=/^(?:variant|modified|adaptCount|defaultExpanded|size|onGo|onAdapt|children|style|key|ref|className|style|children)$/]",
+        "message": "<FilterBar> doesn't accept that prop. Declared props: variant, modified, adaptCount, defaultExpanded, size, onGo, onAdapt, children, style."
       },
       {
-        "selector": "JSXOpeningElement[name.name='FilterBar'] > JSXAttribute > JSXIdentifier[name!=/^(?:variant|modified|adaptCount|defaultExpanded|onGo|onAdapt|children|style|key|ref|className|style|children)$/]",
-        "message": "<FilterBar> doesn't accept that prop. Declared props: variant, modified, adaptCount, defaultExpanded, onGo, onAdapt, children, style."
+        "selector": "JSXOpeningElement[name.name='FilterBar'] > JSXAttribute[name.name='size'] > Literal[value!=/^(?:sm|md|lg)$/]",
+        "message": "<FilterBar> size must be one of 'sm' | 'md' | 'lg'."
       },
       {
         "selector": "JSXOpeningElement[name.name='FunnelStage'] > JSXAttribute > JSXIdentifier[name!=/^(?:label|value|key|ref|className|style|children)$/]",
@@ -278,8 +296,12 @@
         "message": "<IconButton> size must be one of 'xs' | 'sm' | 'md' | 'lg'."
       },
       {
-        "selector": "JSXOpeningElement[name.name='Input'] > JSXAttribute > JSXIdentifier[name!=/^(?:readOnly|disabled|error|style|key|ref|className|style|children)$/]",
-        "message": "<Input> doesn't accept that prop. Declared props: readOnly, disabled, error, style."
+        "selector": "JSXOpeningElement[name.name='Input'] > JSXAttribute > JSXIdentifier[name!=/^(?:size|readOnly|disabled|error|style|key|ref|className|style|children)$/]",
+        "message": "<Input> doesn't accept that prop. Declared props: size, readOnly, disabled, error, style."
+      },
+      {
+        "selector": "JSXOpeningElement[name.name='Input'] > JSXAttribute[name.name='size'] > Literal[value!=/^(?:sm|md|lg)$/]",
+        "message": "<Input> size must be one of 'sm' | 'md' | 'lg'."
       },
       {
         "selector": "JSXOpeningElement[name.name='Kbd'] > JSXAttribute > JSXIdentifier[name!=/^(?:keys|style|key|ref|className|style|children)$/]",
@@ -314,8 +336,12 @@
         "message": "<Tooltip> placement must be one of 'top' | 'bottom' | 'left' | 'right'."
       },
       {
-        "selector": "JSXOpeningElement[name.name='MultiSelect'] > JSXAttribute > JSXIdentifier[name!=/^(?:options|value|placeholder|maxTags|disabled|width|onChange|style|key|ref|className|style|children)$/]",
-        "message": "<MultiSelect> doesn't accept that prop. Declared props: options, value, placeholder, maxTags, disabled, width, onChange, style."
+        "selector": "JSXOpeningElement[name.name='MultiSelect'] > JSXAttribute > JSXIdentifier[name!=/^(?:options|value|placeholder|maxTags|disabled|width|size|onChange|style|key|ref|className|style|children)$/]",
+        "message": "<MultiSelect> doesn't accept that prop. Declared props: options, value, placeholder, maxTags, disabled, width, size, onChange, style."
+      },
+      {
+        "selector": "JSXOpeningElement[name.name='MultiSelect'] > JSXAttribute[name.name='size'] > Literal[value!=/^(?:sm|md|lg)$/]",
+        "message": "<MultiSelect> size must be one of 'sm' | 'md' | 'lg'."
       },
       {
         "selector": "JSXOpeningElement[name.name='NodeCard'] > JSXAttribute > JSXIdentifier[name!=/^(?:title|subtitle|icon|subtitleIcon|hue|selected|badge|inputs|output|showMenu|onClick|onMenu|onOutputDown|onInputUp|onInputEnter|onInputLeave|outputTone|inputTones|style|key|ref|className|style|children)$/]",
@@ -330,12 +356,20 @@
         "message": "<NodeCard> badge must be one of 'error' | 'warning' | 'clock'."
       },
       {
-        "selector": "JSXOpeningElement[name.name='NumberStepper'] > JSXAttribute > JSXIdentifier[name!=/^(?:value|onChange|step|min|max|disabled|style|key|ref|className|style|children)$/]",
-        "message": "<NumberStepper> doesn't accept that prop. Declared props: value, onChange, step, min, max, disabled, style."
+        "selector": "JSXOpeningElement[name.name='NumberStepper'] > JSXAttribute > JSXIdentifier[name!=/^(?:size|value|onChange|step|min|max|disabled|style|key|ref|className|style|children)$/]",
+        "message": "<NumberStepper> doesn't accept that prop. Declared props: size, value, onChange, step, min, max, disabled, style."
+      },
+      {
+        "selector": "JSXOpeningElement[name.name='NumberStepper'] > JSXAttribute[name.name='size'] > Literal[value!=/^(?:sm|md|lg)$/]",
+        "message": "<NumberStepper> size must be one of 'sm' | 'md' | 'lg'."
+      },
+      {
+        "selector": "JSXOpeningElement[name.name='Pagination'] > JSXAttribute > JSXIdentifier[name!=/^(?:page|pageCount|total|pageSize|size|format|onChange|style|key|ref|className|style|children)$/]",
+        "message": "<Pagination> doesn't accept that prop. Declared props: page, pageCount, total, pageSize, size, format, onChange, style."
       },
       {
-        "selector": "JSXOpeningElement[name.name='Pagination'] > JSXAttribute > JSXIdentifier[name!=/^(?:page|pageCount|total|pageSize|onChange|style|key|ref|className|style|children)$/]",
-        "message": "<Pagination> doesn't accept that prop. Declared props: page, pageCount, total, pageSize, onChange, style."
+        "selector": "JSXOpeningElement[name.name='Pagination'] > JSXAttribute[name.name='size'] > Literal[value!=/^(?:sm|md|lg)$/]",
+        "message": "<Pagination> size must be one of 'sm' | 'md' | 'lg'."
       },
       {
         "selector": "JSXOpeningElement[name.name='PaletteEntry'] > JSXAttribute > JSXIdentifier[name!=/^(?:label|icon|key|ref|className|style|children)$/]",
@@ -366,8 +400,8 @@
         "message": "<Radio> doesn't accept that prop. Declared props: checked, onChange, label, description, size, disabled, style."
       },
       {
-        "selector": "JSXOpeningElement[name.name='Radio'] > JSXAttribute[name.name='size'] > Literal[value!=/^(?:sm|md)$/]",
-        "message": "<Radio> size must be one of 'sm' | 'md'."
+        "selector": "JSXOpeningElement[name.name='Radio'] > JSXAttribute[name.name='size'] > Literal[value!=/^(?:sm|md|lg)$/]",
+        "message": "<Radio> size must be one of 'sm' | 'md' | 'lg'."
       },
       {
         "selector": "JSXOpeningElement[name.name='Ribbon3DSeries'] > JSXAttribute > JSXIdentifier[name!=/^(?:name|values|color|key|ref|className|style|children)$/]",
@@ -386,24 +420,28 @@
         "message": "<ScatterPoint> doesn't accept that prop. Declared props: x, y, r, label, series, color."
       },
       {
-        "selector": "JSXOpeningElement[name.name='SearchInput'] > JSXAttribute > JSXIdentifier[name!=/^(?:placeholder|bare|value|onChange|disabled|style|key|ref|className|style|children)$/]",
-        "message": "<SearchInput> doesn't accept that prop. Declared props: placeholder, bare, value, onChange, disabled, style."
+        "selector": "JSXOpeningElement[name.name='SearchInput'] > JSXAttribute > JSXIdentifier[name!=/^(?:placeholder|bare|size|value|onChange|disabled|style|key|ref|className|style|children)$/]",
+        "message": "<SearchInput> doesn't accept that prop. Declared props: placeholder, bare, size, value, onChange, disabled, style."
+      },
+      {
+        "selector": "JSXOpeningElement[name.name='SearchInput'] > JSXAttribute[name.name='size'] > Literal[value!=/^(?:sm|md|lg)$/]",
+        "message": "<SearchInput> size must be one of 'sm' | 'md' | 'lg'."
       },
       {
         "selector": "JSXOpeningElement[name.name='SegmentedControl'] > JSXAttribute > JSXIdentifier[name!=/^(?:options|value|onChange|size|iconOnly|disabled|fullWidth|style|key|ref|className|style|children)$/]",
         "message": "<SegmentedControl> doesn't accept that prop. Declared props: options, value, onChange, size, iconOnly, disabled, fullWidth, style."
       },
       {
-        "selector": "JSXOpeningElement[name.name='SegmentedControl'] > JSXAttribute[name.name='size'] > Literal[value!=/^(?:sm|md)$/]",
-        "message": "<SegmentedControl> size must be one of 'sm' | 'md'."
+        "selector": "JSXOpeningElement[name.name='SegmentedControl'] > JSXAttribute[name.name='size'] > Literal[value!=/^(?:sm|md|lg)$/]",
+        "message": "<SegmentedControl> size must be one of 'sm' | 'md' | 'lg'."
       },
       {
         "selector": "JSXOpeningElement[name.name='Select'] > JSXAttribute > JSXIdentifier[name!=/^(?:options|size|value|onChange|placeholder|disabled|error|style|key|ref|className|style|children)$/]",
         "message": "<Select> doesn't accept that prop. Declared props: options, size, value, onChange, placeholder, disabled, error, style."
       },
       {
-        "selector": "JSXOpeningElement[name.name='Select'] > JSXAttribute[name.name='size'] > Literal[value!=/^(?:md|sm)$/]",
-        "message": "<Select> size must be one of 'md' | 'sm'."
+        "selector": "JSXOpeningElement[name.name='Select'] > JSXAttribute[name.name='size'] > Literal[value!=/^(?:sm|md|lg)$/]",
+        "message": "<Select> size must be one of 'sm' | 'md' | 'lg'."
       },
       {
         "selector": "JSXOpeningElement[name.name='SidebarItem'] > JSXAttribute > JSXIdentifier[name!=/^(?:icon|label|children|open|key|ref|className|style|children)$/]",
@@ -438,8 +476,12 @@
         "message": "<Sparkline> tone must be one of 'default' | 'auto' | 'pos' | 'neg' | 'muted'."
       },
       {
-        "selector": "JSXOpeningElement[name.name='Spreadsheet'] > JSXAttribute > JSXIdentifier[name!=/^(?:data|rows|cols|colWidths|defaultColWidth|currency|defaultActive|sheets|activeSheet|toolbar|formulaBar|statusBar|height|onChange|style|key|ref|className|style|children)$/]",
-        "message": "<Spreadsheet> doesn't accept that prop. Declared props: data, rows, cols, colWidths, defaultColWidth, currency, defaultActive, sheets, activeSheet, toolbar, formulaBar, statusBar, height, onChange, style."
+        "selector": "JSXOpeningElement[name.name='Spreadsheet'] > JSXAttribute > JSXIdentifier[name!=/^(?:data|rows|cols|colWidths|defaultColWidth|currency|defaultActive|sheets|activeSheet|toolbar|formulaBar|statusBar|height|size|onChange|style|key|ref|className|style|children)$/]",
+        "message": "<Spreadsheet> doesn't accept that prop. Declared props: data, rows, cols, colWidths, defaultColWidth, currency, defaultActive, sheets, activeSheet, toolbar, formulaBar, statusBar, height, size, onChange, style."
+      },
+      {
+        "selector": "JSXOpeningElement[name.name='Spreadsheet'] > JSXAttribute[name.name='size'] > Literal[value!=/^(?:sm|md|lg)$/]",
+        "message": "<Spreadsheet> size must be one of 'sm' | 'md' | 'lg'."
       },
       {
         "selector": "JSXOpeningElement[name.name='Stepper'] > JSXAttribute > JSXIdentifier[name!=/^(?:steps|current|style|key|ref|className|style|children)$/]",
@@ -466,12 +508,24 @@
         "message": "<Switch> tone must be one of 'primary' | 'semantic'."
       },
       {
-        "selector": "JSXOpeningElement[name.name='Tabs'] > JSXAttribute > JSXIdentifier[name!=/^(?:tabs|active|onChange|style|key|ref|className|style|children)$/]",
-        "message": "<Tabs> doesn't accept that prop. Declared props: tabs, active, onChange, style."
+        "selector": "JSXOpeningElement[name.name='DataTableTwoLine'] > JSXAttribute > JSXIdentifier[name!=/^(?:icon|hue|description|mark|more|key|ref|className|style|children)$/]",
+        "message": "<DataTableTwoLine> doesn't accept that prop. Declared props: icon, hue, description, mark, more."
+      },
+      {
+        "selector": "JSXOpeningElement[name.name='Tabs'] > JSXAttribute > JSXIdentifier[name!=/^(?:tabs|active|onChange|size|style|key|ref|className|style|children)$/]",
+        "message": "<Tabs> doesn't accept that prop. Declared props: tabs, active, onChange, size, style."
       },
       {
-        "selector": "JSXOpeningElement[name.name='Tag'] > JSXAttribute > JSXIdentifier[name!=/^(?:children|onRemove|tone|style|key|ref|className|style|children)$/]",
-        "message": "<Tag> doesn't accept that prop. Declared props: children, onRemove, tone, style."
+        "selector": "JSXOpeningElement[name.name='Tabs'] > JSXAttribute[name.name='size'] > Literal[value!=/^(?:sm|md|lg)$/]",
+        "message": "<Tabs> size must be one of 'sm' | 'md' | 'lg'."
+      },
+      {
+        "selector": "JSXOpeningElement[name.name='Tag'] > JSXAttribute > JSXIdentifier[name!=/^(?:children|size|onRemove|tone|style|key|ref|className|style|children)$/]",
+        "message": "<Tag> doesn't accept that prop. Declared props: children, size, onRemove, tone, style."
+      },
+      {
+        "selector": "JSXOpeningElement[name.name='Tag'] > JSXAttribute[name.name='size'] > Literal[value!=/^(?:sm|md|lg)$/]",
+        "message": "<Tag> size must be one of 'sm' | 'md' | 'lg'."
       },
       {
         "selector": "JSXOpeningElement[name.name='Tag'] > JSXAttribute[name.name='tone'] > Literal[value!=/^(?:neutral|info)$/]",
@@ -502,13 +556,17 @@
         "message": "<Unicon> doesn't accept that prop. Declared props: name, size, color, className, style."
       },
       {
-        "selector": "JSXOpeningElement[name.name='ViewToggle'] > JSXAttribute > JSXIdentifier[name!=/^(?:value|onChange|style|key|ref|className|style|children)$/]",
-        "message": "<ViewToggle> doesn't accept that prop. Declared props: value, onChange, style."
+        "selector": "JSXOpeningElement[name.name='ViewToggle'] > JSXAttribute > JSXIdentifier[name!=/^(?:value|size|onChange|style|key|ref|className|style|children)$/]",
+        "message": "<ViewToggle> doesn't accept that prop. Declared props: value, size, onChange, style."
       },
       {
         "selector": "JSXOpeningElement[name.name='ViewToggle'] > JSXAttribute[name.name='value'] > Literal[value!=/^(?:list|grid)$/]",
         "message": "<ViewToggle> value must be one of 'list' | 'grid'."
       },
+      {
+        "selector": "JSXOpeningElement[name.name='ViewToggle'] > JSXAttribute[name.name='size'] > Literal[value!=/^(?:sm|md|lg)$/]",
+        "message": "<ViewToggle> size must be one of 'sm' | 'md' | 'lg'."
+      },
       {
         "selector": "JSXOpeningElement[name.name='WaterfallStep'] > JSXAttribute > JSXIdentifier[name!=/^(?:label|value|total|key|ref|className|style|children)$/]",
         "message": "<WaterfallStep> doesn't accept that prop. Declared props: label, value, total."
@@ -576,9 +634,6 @@
       "BoxGroup": {
         "replaces": []
       },
-      "BrandVisual": {
-        "replaces": []
-      },
       "Breadcrumb": {
         "replaces": []
       },
@@ -618,9 +673,6 @@
       "DataPreview": {
         "replaces": []
       },
-      "DataTableColumn": {
-        "replaces": []
-      },
       "DatePicker": {
         "replaces": []
       },
@@ -771,6 +823,9 @@
       "Switch": {
         "replaces": []
       },
+      "DataTableTwoLine": {
+        "replaces": []
+      },
       "Tabs": {
         "replaces": []
       },
@@ -824,6 +879,8 @@
       "--amber-800",
       "--amber-900",
       "--amber-950",
+      "--bar-card-h",
+      "--bar-h",
       "--bg-active",
       "--bg-app",
       "--bg-hover",
@@ -832,6 +889,7 @@
       "--bg-raised",
       "--bg-scrim",
       "--bg-surface",
+      "--bg-table-header",
       "--blue-100",
       "--blue-200",
       "--blue-300",
@@ -845,6 +903,7 @@
       "--blue-950",
       "--border-card",
       "--border-control",
+      "--border-split",
       "--border-strong",
       "--border-subtle",
       "--brand-alpha-12",
@@ -864,6 +923,7 @@
       "--cat-source-bg",
       "--cat-transform",
       "--cat-transform-bg",
+      "--cell-px",
       "--chart-area-alpha",
       "--chart-axis",
       "--chart-blue",
@@ -880,7 +940,15 @@
       "--chart-pos",
       "--chart-total",
       "--chart-track",
+      "--check-size",
       "--checkbox-border",
+      "--control-gap",
+      "--control-h",
+      "--control-icon",
+      "--control-leading",
+      "--control-px",
+      "--control-text",
+      "--control-tracking",
       "--cyan-100",
       "--cyan-200",
       "--cyan-300",
@@ -896,6 +964,7 @@
       "--danger-active",
       "--danger-bg",
       "--danger-soft-active",
+      "--danger-soft-hover",
       "--danger-text",
       "--dot-neutral",
       "--drawer-h",
@@ -910,6 +979,7 @@
       "--ease-in-out",
       "--ease-out",
       "--edge",
+      "--edge-pad",
       "--emerald-100",
       "--emerald-200",
       "--emerald-300",
@@ -925,6 +995,7 @@
       "--focus-ring",
       "--font-mono",
       "--font-sans",
+      "--group-gap",
       "--h-button",
       "--h-button-sm",
       "--h-input",
@@ -958,6 +1029,7 @@
       "--leading-3xl",
       "--leading-4xl",
       "--leading-base",
+      "--leading-code",
       "--leading-display",
       "--leading-lg",
       "--leading-md",
@@ -1079,8 +1151,11 @@
       "--success-bg",
       "--success-strong",
       "--success-text",
+      "--switch-h",
+      "--switch-w",
       "--t-hover",
       "--t-theme",
+      "--tag-h",
       "--teal-100",
       "--teal-200",
       "--teal-300",
@@ -1094,11 +1169,14 @@
       "--teal-950",
       "--text-2xl",
       "--text-2xs",
+      "--text-2xs-mono",
       "--text-3xl",
       "--text-4xl",
       "--text-base",
       "--text-body",
+      "--text-code",
       "--text-display",
+      "--text-glyph-min",
       "--text-heading",
       "--text-inverse",
       "--text-lg",
@@ -1111,6 +1189,12 @@
       "--text-strong",
       "--text-xl",
       "--text-xs",
+      "--title-cell-gap",
+      "--title-cell-icon",
+      "--title-cell-py",
+      "--title-cell-tile",
+      "--title-cell-tile-gap",
+      "--title-cell-tile-r",
       "--tooltip-bg",
       "--tooltip-fg",
       "--topbar-h",
@@ -1188,6 +1272,7 @@
       "--bg-surface": "color",
       "--bg-raised": "color",
       "--bg-inset": "color",
+      "--bg-table-header": "color",
       "--bg-hover": "color",
       "--bg-active": "color",
       "--bg-scrim": "color",
@@ -1202,6 +1287,7 @@
       "--action-dark-fg": "color",
       "--border-card": "color",
       "--border-control": "color",
+      "--border-split": "color",
       "--border-subtle": "color",
       "--border-strong": "color",
       "--action-primary": "color",
@@ -1213,6 +1299,7 @@
       "--bg-press": "color",
       "--soft-active": "color",
       "--danger-active": "color",
+      "--danger-soft-hover": "color",
       "--danger-soft-active": "color",
       "--focus-ring": "color",
       "--focus-border": "color",
@@ -1368,6 +1455,10 @@
       "--text-2xs": "font",
       "--leading-2xs": "font",
       "--tracking-2xs": "font",
+      "--text-2xs-mono": "font",
+      "--text-code": "font",
+      "--leading-code": "font",
+      "--text-glyph-min": "font",
       "--text-xs": "font",
       "--leading-xs": "font",
       "--tracking-xs": "font",
@@ -1405,6 +1496,8 @@
       "--weight-regular": "font",
       "--weight-medium": "font",
       "--weight-semibold": "font",
+      "--control-text": "font",
+      "--control-leading": "font",
       "--radius-sm": "radius",
       "--radius-md": "radius",
       "--radius-lg": "radius",
@@ -1422,12 +1515,32 @@
       "--topbar-h": "spacing",
       "--panel-w": "spacing",
       "--drawer-h": "spacing",
-      "--h-button": "spacing",
-      "--h-button-sm": "spacing",
-      "--h-input": "spacing",
       "--h-nav-item": "spacing",
       "--h-subnav-item": "spacing",
       "--h-tree-item": "spacing",
+      "--control-h": "spacing",
+      "--control-tracking": "font",
+      "--control-icon": "spacing",
+      "--control-px": "spacing",
+      "--control-gap": "spacing",
+      "--group-gap": "spacing",
+      "--bar-h": "spacing",
+      "--bar-card-h": "spacing",
+      "--edge-pad": "spacing",
+      "--cell-px": "spacing",
+      "--check-size": "spacing",
+      "--tag-h": "spacing",
+      "--switch-w": "spacing",
+      "--switch-h": "spacing",
+      "--title-cell-py": "spacing",
+      "--title-cell-gap": "spacing",
+      "--title-cell-tile": "spacing",
+      "--title-cell-icon": "spacing",
+      "--title-cell-tile-r": "spacing",
+      "--title-cell-tile-gap": "spacing",
+      "--h-button": "color",
+      "--h-input": "color",
+      "--h-button-sm": "spacing",
       "--page-pad-y": "spacing",
       "--page-pad-x": "spacing",
       "--section-gap": "spacing",

package/_scripts/build-index.mjs

@@ -19,16 +19,22 @@ const dirs = readdirSync(componentsDir)
   .filter(d => !d.startsWith('_') && !d.startsWith('.') && statSync(join(componentsDir, d)).isDirectory())
   .sort();
 
-/** Named exports declared in a .jsx source file. */
+/* Lower-case names that are public API (everything else starting lower-case is an internal helper). */
+const PUBLIC_LOWER = new Set(['applyStoredTheme']);
+const isPublic = (n) => /^[A-Z][A-Za-z0-9_]*$/.test(n) || PUBLIC_LOWER.has(n);
+/* Framework-neutral modules the Vue entry re-exports (React gets the same values through the .jsx files). */
+const VUE_MODULES = ['navigation/nav-model.js', 'navigation/theme-store.js', 'pipeline/pipeline-catalog.js', 'icons/icon-paths.js', 'icons/feather-paths.js'];
+
+/** Named public exports declared in a source file. */
 function exportsOf(src) {
   const names = new Set();
-  for (const re of [/export\s+function\s+([A-Z][A-Za-z0-9_]*)/g, /export\s+const\s+([A-Z][A-Za-z0-9_]*)/g]) {
-    let m; while ((m = re.exec(src))) names.add(m[1]);
+  for (const re of [/export\s+function\s+([A-Za-z_][A-Za-z0-9_]*)/g, /export\s+const\s+([A-Za-z_][A-Za-z0-9_]*)/g]) {
+    let m; while ((m = re.exec(src))) if (isPublic(m[1])) names.add(m[1]);
   }
   for (const m of src.matchAll(/export\s*\{([^}]*)\}/g)) {
     for (const part of m[1].split(',')) {
       const name = part.trim().split(/\s+as\s+/).pop().trim();
-      if (/^[A-Z][A-Za-z0-9_]*$/.test(name)) names.add(name);
+      if (isPublic(name)) names.add(name);
     }
   }
   return [...names].sort();
@@ -41,6 +47,12 @@ let vue = `/* Generated barrel — do not edit by hand. Run: node scripts/build-
    Vue 3 single-file components; your bundler needs @vitejs/plugin-vue or vue-loader. */\n`;
 let nExports = 0, nVue = 0;
 
+/* Deprecated aliases kept in the React barrel until their removal release. A rename leaves the
+   old name here so regenerating the barrel never drops it silently. */
+const ALIASES = {
+  'data/Table.jsx': [{ from: 'Table', as: 'DataTable', note: 'renamed to Table in 1.0.6 — still exported in 2.x, removed in 3.0' }],
+};
+
 for (const dir of dirs) {
   const files = readdirSync(join(componentsDir, dir)).sort();
   const jsx = files.filter(f => f.endsWith('.jsx'));
@@ -50,6 +62,9 @@ for (const dir of dirs) {
     const names = exportsOf(readFileSync(join(componentsDir, dir, f), 'utf8'));
     if (!names.length) continue;
     lines.push(`export { ${names.join(', ')} } from "./${dir}/${f}";`);
+    for (const a of ALIASES[`${dir}/${f}`] || []) {
+      lines.push(`/** @deprecated ${a.note} */`, `export { ${a.from} as ${a.as} } from "./${dir}/${f}";`);
+    }
     nExports += names.length;
     if (files.includes(f.replace(/\.jsx$/, '.d.ts'))) typeLines.push(`export * from "./${dir}/${f.replace(/\.jsx$/, '')}";`);
   }
@@ -61,6 +76,11 @@ for (const dir of dirs) {
   }
 }
 
+vue += '\n/* shared values */\n' + VUE_MODULES.map(p => {
+  const names = exportsOf(readFileSync(join(componentsDir, p), 'utf8'));
+  return names.length ? `export { ${names.join(', ')} } from "../${p}";` : '';
+}).filter(Boolean).join('\n') + '\n';
+
 const targets = [['index.js', react], ['index.d.ts', types]];
 if (withVue) targets.push(['_vue/index.mjs', vue]);
 const stale = [];