@keyfunc/keybricks-ds 1.0.4 → 2.1.1

package/_adherence.oxlintrc.json

@@ -19,7 +19,6 @@
               "assets/icons/**",
               "components/**",
               "components/_shared/**",
-              "components/brand/**",
               "components/buttons/**",
               "components/charts/**",
               "components/data/**",
@@ -58,16 +57,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 +116,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 +157,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 +169,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='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='Combobox'] > JSXAttribute[name.name='size'] > Literal[value!=/^(?:sm|md|lg)$/]",
+        "message": "<Combobox> size must be one of 'sm' | 'md' | 'lg'."
       },
       {
-        "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='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='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='ConfigPanel'] > JSXAttribute[name.name='size'] > Literal[value!=/^(?:sm|md|lg)$/]",
+        "message": "<ConfigPanel> size must be one of 'sm' | 'md' | 'lg'."
       },
       {
-        "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='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='DataTableColumn'] > JSXAttribute[name.name='align'] > Literal[value!=/^(?:left|right|center)$/]",
-        "message": "<DataTableColumn> align must be one of 'left' | 'right' | 'center'."
+        "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|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='DataPreview'] > JSXAttribute[name.name='size'] > Literal[value!=/^(?:sm|md|lg)$/]",
+        "message": "<DataPreview> size must be one of 'sm' | 'md' | 'lg'."
+      },
+      {
+        "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 +233,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|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 > 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[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 +297,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 +337,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 +357,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 +401,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 +421,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 +477,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 +509,28 @@
         "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='DataTableColumn'] > JSXAttribute > JSXIdentifier[name!=/^(?:key|label|width|minWidth|mono|align|render|key|ref|className|style|children)$/]",
+        "message": "<DataTableColumn> doesn't accept that prop. Declared props: key, label, width, minWidth, mono, align, render."
+      },
+      {
+        "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='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 +561,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 +639,6 @@
       "BoxGroup": {
         "replaces": []
       },
-      "BrandVisual": {
-        "replaces": []
-      },
       "Breadcrumb": {
         "replaces": []
       },
@@ -618,9 +678,6 @@
       "DataPreview": {
         "replaces": []
       },
-      "DataTableColumn": {
-        "replaces": []
-      },
       "DatePicker": {
         "replaces": []
       },
@@ -771,6 +828,9 @@
       "Switch": {
         "replaces": []
       },
+      "DataTableColumn": {
+        "replaces": []
+      },
       "Tabs": {
         "replaces": []
       },
@@ -824,6 +884,8 @@
       "--amber-800",
       "--amber-900",
       "--amber-950",
+      "--bar-card-h",
+      "--bar-h",
       "--bg-active",
       "--bg-app",
       "--bg-hover",
@@ -832,6 +894,7 @@
       "--bg-raised",
       "--bg-scrim",
       "--bg-surface",
+      "--bg-table-header",
       "--blue-100",
       "--blue-200",
       "--blue-300",
@@ -864,6 +927,7 @@
       "--cat-source-bg",
       "--cat-transform",
       "--cat-transform-bg",
+      "--cell-px",
       "--chart-area-alpha",
       "--chart-axis",
       "--chart-blue",
@@ -880,7 +944,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 +968,7 @@
       "--danger-active",
       "--danger-bg",
       "--danger-soft-active",
+      "--danger-soft-hover",
       "--danger-text",
       "--dot-neutral",
       "--drawer-h",
@@ -910,6 +983,7 @@
       "--ease-in-out",
       "--ease-out",
       "--edge",
+      "--edge-pad",
       "--emerald-100",
       "--emerald-200",
       "--emerald-300",
@@ -925,6 +999,7 @@
       "--focus-ring",
       "--font-mono",
       "--font-sans",
+      "--group-gap",
       "--h-button",
       "--h-button-sm",
       "--h-input",
@@ -1079,8 +1154,11 @@
       "--success-bg",
       "--success-strong",
       "--success-text",
+      "--switch-h",
+      "--switch-w",
       "--t-hover",
       "--t-theme",
+      "--tag-h",
       "--teal-100",
       "--teal-200",
       "--teal-300",
@@ -1188,6 +1266,7 @@
       "--bg-surface": "color",
       "--bg-raised": "color",
       "--bg-inset": "color",
+      "--bg-table-header": "color",
       "--bg-hover": "color",
       "--bg-active": "color",
       "--bg-scrim": "color",
@@ -1213,6 +1292,7 @@
       "--bg-press": "color",
       "--soft-active": "color",
       "--danger-active": "color",
+      "--danger-soft-hover": "color",
       "--danger-soft-active": "color",
       "--focus-ring": "color",
       "--focus-border": "color",
@@ -1422,12 +1502,28 @@
       "--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-text": "font",
+      "--control-leading": "font",
+      "--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",
+      "--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

@@ -41,6 +41,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 +56,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$/, '')}";`);
   }

package/_scripts/build-tokens.mjs

@@ -29,10 +29,13 @@ function splitMedia(css) {
   return { rest: out, dark: darkChunks.join('\n') };
 }
 
-function collect(css, into, group, file) {
+/** Only `:root` blocks define a token's light value: size-tier ([data-size]) and language (:lang) rules in the same
+    files re-point tokens for a region and must not be read as the default. */
+function collect(css, into, group, file, rootOnly = false) {
   const rule = /([^{}]+)\{([^{}]*)\}/g;
   let m;
   while ((m = rule.exec(css))) {
+    if (rootOnly && m[1].trim() !== ':root') continue;
     const decl = /--([a-z0-9-]+)\s*:\s*([^;}]+)/gi;
     let d;
     while ((d = decl.exec(m[2]))) {
@@ -49,7 +52,7 @@ for (const f of readdirSync(tokensDir).filter(f => f.endsWith('.css')).sort()) {
   const { rest, dark } = splitMedia(css);
   const g = f.replace(/\.css$/, '');
   const themed = rest.match(/\[data-theme="dark"\][^{]*\{[^{}]*\}/g) || [];
-  collect(rest.replace(/\[data-theme="dark"\][^{]*\{[^{}]*\}/g, ''), raw.light, group, g);
+  collect(rest.replace(/\[data-theme="dark"\][^{]*\{[^{}]*\}/g, ''), raw.light, group, g, true);
   collect(themed.join('\n'), raw.dark, group, g);
   collect(dark, raw.dark, group, g);
 }