@snack-uikit/table 0.37.25 → 0.37.27-preview-51a2c5b3.0

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.
Files changed (7) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/components/Table/hooks/useFilters/useFilters.d.ts +44 -44
  3. package/dist/cjs/helperComponents/Rows/styles.module.css +3 -0
  4. package/dist/esm/components/Table/hooks/useFilters/useFilters.d.ts +44 -44
  5. package/dist/esm/helperComponents/Rows/styles.module.css +3 -0
  6. package/package.json +5 -5
  7. package/src/helperComponents/Rows/styles.module.scss +1 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## <small>0.37.26 (2025-12-03)</small>
7
+
8
+ * feat(FF-7560): add neutral appearance support to table rows ([9188588](https://github.com/cloud-ru-tech/snack-uikit/commit/9188588))
9
+
10
+
11
+
12
+
13
+
6
14
  ## <small>0.37.25 (2025-12-02)</small>
7
15
 
8
16
  * feat(FF-7560): export column settings hooks, utilities and types ([46a2c5c](https://github.com/cloud-ru-tech/snack-uikit/commit/46a2c5c))
package/dist/cjs/components/Table/hooks/useFilters/useFilters.d.ts CHANGED
@@ -8,64 +8,64 @@ export declare function useFilters<TData extends object, TFilters extends Record
8
8
  onChange: (filter: TFilters) => void;
9
9
  visibleFilters: string[];
10
10
  onVisibleFiltersChange: import("@tanstack/react-table").OnChangeFn<string[]>;
11
- className?: string;
12
- "aria-activedescendant"?: string | undefined;
11
+ className?: string | undefined;
12
+ "aria-activedescendant"?: string | undefined | undefined;
13
13
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
14
- "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
15
- "aria-braillelabel"?: string | undefined;
16
- "aria-brailleroledescription"?: string | undefined;
14
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
15
+ "aria-braillelabel"?: string | undefined | undefined;
16
+ "aria-brailleroledescription"?: string | undefined | undefined;
17
17
  "aria-busy"?: (boolean | "true" | "false") | undefined;
18
- "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
19
- "aria-colcount"?: number | undefined;
20
- "aria-colindex"?: number | undefined;
21
- "aria-colindextext"?: string | undefined;
22
- "aria-colspan"?: number | undefined;
23
- "aria-controls"?: string | undefined;
24
- "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
25
- "aria-describedby"?: string | undefined;
26
- "aria-description"?: string | undefined;
27
- "aria-details"?: string | undefined;
18
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
19
+ "aria-colcount"?: number | undefined | undefined;
20
+ "aria-colindex"?: number | undefined | undefined;
21
+ "aria-colindextext"?: string | undefined | undefined;
22
+ "aria-colspan"?: number | undefined | undefined;
23
+ "aria-controls"?: string | undefined | undefined;
24
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
25
+ "aria-describedby"?: string | undefined | undefined;
26
+ "aria-description"?: string | undefined | undefined;
27
+ "aria-details"?: string | undefined | undefined;
28
28
  "aria-disabled"?: (boolean | "true" | "false") | undefined;
29
- "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
30
- "aria-errormessage"?: string | undefined;
29
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
30
+ "aria-errormessage"?: string | undefined | undefined;
31
31
  "aria-expanded"?: (boolean | "true" | "false") | undefined;
32
- "aria-flowto"?: string | undefined;
32
+ "aria-flowto"?: string | undefined | undefined;
33
33
  "aria-grabbed"?: (boolean | "true" | "false") | undefined;
34
- "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
34
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
35
35
  "aria-hidden"?: (boolean | "true" | "false") | undefined;
36
- "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
37
- "aria-keyshortcuts"?: string | undefined;
38
- "aria-label"?: string | undefined;
39
- "aria-labelledby"?: string | undefined;
40
- "aria-level"?: number | undefined;
41
- "aria-live"?: "off" | "assertive" | "polite" | undefined;
36
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
37
+ "aria-keyshortcuts"?: string | undefined | undefined;
38
+ "aria-label"?: string | undefined | undefined;
39
+ "aria-labelledby"?: string | undefined | undefined;
40
+ "aria-level"?: number | undefined | undefined;
41
+ "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
42
42
  "aria-modal"?: (boolean | "true" | "false") | undefined;
43
43
  "aria-multiline"?: (boolean | "true" | "false") | undefined;
44
44
  "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
45
- "aria-orientation"?: "horizontal" | "vertical" | undefined;
46
- "aria-owns"?: string | undefined;
47
- "aria-placeholder"?: string | undefined;
48
- "aria-posinset"?: number | undefined;
49
- "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
45
+ "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
46
+ "aria-owns"?: string | undefined | undefined;
47
+ "aria-placeholder"?: string | undefined | undefined;
48
+ "aria-posinset"?: number | undefined | undefined;
49
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
50
50
  "aria-readonly"?: (boolean | "true" | "false") | undefined;
51
- "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
51
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
52
52
  "aria-required"?: (boolean | "true" | "false") | undefined;
53
- "aria-roledescription"?: string | undefined;
54
- "aria-rowcount"?: number | undefined;
55
- "aria-rowindex"?: number | undefined;
56
- "aria-rowindextext"?: string | undefined;
57
- "aria-rowspan"?: number | undefined;
53
+ "aria-roledescription"?: string | undefined | undefined;
54
+ "aria-rowcount"?: number | undefined | undefined;
55
+ "aria-rowindex"?: number | undefined | undefined;
56
+ "aria-rowindextext"?: string | undefined | undefined;
57
+ "aria-rowspan"?: number | undefined | undefined;
58
58
  "aria-selected"?: (boolean | "true" | "false") | undefined;
59
- "aria-setsize"?: number | undefined;
60
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
61
- "aria-valuemax"?: number | undefined;
62
- "aria-valuemin"?: number | undefined;
63
- "aria-valuenow"?: number | undefined;
64
- "aria-valuetext"?: string | undefined;
59
+ "aria-setsize"?: number | undefined | undefined;
60
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
61
+ "aria-valuemax"?: number | undefined | undefined;
62
+ "aria-valuemin"?: number | undefined | undefined;
63
+ "aria-valuenow"?: number | undefined | undefined;
64
+ "aria-valuetext"?: string | undefined | undefined;
65
65
  defaultValue?: Partial<TFilters> | undefined;
66
66
  filters: import("@snack-uikit/chips").ChipChoiceRowFilter[];
67
- showClearButton?: boolean;
68
- showAddButton?: boolean;
67
+ showClearButton?: boolean | undefined;
68
+ showAddButton?: boolean | undefined;
69
69
  open: boolean;
70
70
  onOpenChange: (isOpen: boolean) => void;
71
71
  initialOpen?: boolean;
package/dist/cjs/helperComponents/Rows/styles.module.css CHANGED
@@ -82,6 +82,9 @@
82
82
  .bodyRow[data-row-bg-appearance=pink]{
83
83
  --snack-ui-table-row-background:color-mix(in srgb, var(--sys-pink-accent-default, #d1668e), var(--sys-neutral-background1-level, #fdfdfd) calc((1 - var(--opacity-a008, 0.08)) * 100%));
84
84
  }
85
+ .bodyRow[data-row-bg-appearance=neutral]{
86
+ --snack-ui-table-row-background:color-mix(in srgb, var(--sys-neutral-accent-default, #787b8a), var(--sys-neutral-background1-level, #fdfdfd) calc((1 - var(--opacity-a008, 0.08)) * 100%));
87
+ }
85
88
  .bodyRow[data-row-appearance=disabled]{
86
89
  cursor:not-allowed;
87
90
  background-color:var(--sys-neutral-background, #eeeff3);
package/dist/esm/components/Table/hooks/useFilters/useFilters.d.ts CHANGED
@@ -8,64 +8,64 @@ export declare function useFilters<TData extends object, TFilters extends Record
8
8
  onChange: (filter: TFilters) => void;
9
9
  visibleFilters: string[];
10
10
  onVisibleFiltersChange: import("@tanstack/react-table").OnChangeFn<string[]>;
11
- className?: string;
12
- "aria-activedescendant"?: string | undefined;
11
+ className?: string | undefined;
12
+ "aria-activedescendant"?: string | undefined | undefined;
13
13
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
14
- "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
15
- "aria-braillelabel"?: string | undefined;
16
- "aria-brailleroledescription"?: string | undefined;
14
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
15
+ "aria-braillelabel"?: string | undefined | undefined;
16
+ "aria-brailleroledescription"?: string | undefined | undefined;
17
17
  "aria-busy"?: (boolean | "true" | "false") | undefined;
18
- "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
19
- "aria-colcount"?: number | undefined;
20
- "aria-colindex"?: number | undefined;
21
- "aria-colindextext"?: string | undefined;
22
- "aria-colspan"?: number | undefined;
23
- "aria-controls"?: string | undefined;
24
- "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
25
- "aria-describedby"?: string | undefined;
26
- "aria-description"?: string | undefined;
27
- "aria-details"?: string | undefined;
18
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
19
+ "aria-colcount"?: number | undefined | undefined;
20
+ "aria-colindex"?: number | undefined | undefined;
21
+ "aria-colindextext"?: string | undefined | undefined;
22
+ "aria-colspan"?: number | undefined | undefined;
23
+ "aria-controls"?: string | undefined | undefined;
24
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
25
+ "aria-describedby"?: string | undefined | undefined;
26
+ "aria-description"?: string | undefined | undefined;
27
+ "aria-details"?: string | undefined | undefined;
28
28
  "aria-disabled"?: (boolean | "true" | "false") | undefined;
29
- "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
30
- "aria-errormessage"?: string | undefined;
29
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
30
+ "aria-errormessage"?: string | undefined | undefined;
31
31
  "aria-expanded"?: (boolean | "true" | "false") | undefined;
32
- "aria-flowto"?: string | undefined;
32
+ "aria-flowto"?: string | undefined | undefined;
33
33
  "aria-grabbed"?: (boolean | "true" | "false") | undefined;
34
- "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
34
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
35
35
  "aria-hidden"?: (boolean | "true" | "false") | undefined;
36
- "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
37
- "aria-keyshortcuts"?: string | undefined;
38
- "aria-label"?: string | undefined;
39
- "aria-labelledby"?: string | undefined;
40
- "aria-level"?: number | undefined;
41
- "aria-live"?: "off" | "assertive" | "polite" | undefined;
36
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
37
+ "aria-keyshortcuts"?: string | undefined | undefined;
38
+ "aria-label"?: string | undefined | undefined;
39
+ "aria-labelledby"?: string | undefined | undefined;
40
+ "aria-level"?: number | undefined | undefined;
41
+ "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
42
42
  "aria-modal"?: (boolean | "true" | "false") | undefined;
43
43
  "aria-multiline"?: (boolean | "true" | "false") | undefined;
44
44
  "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
45
- "aria-orientation"?: "horizontal" | "vertical" | undefined;
46
- "aria-owns"?: string | undefined;
47
- "aria-placeholder"?: string | undefined;
48
- "aria-posinset"?: number | undefined;
49
- "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
45
+ "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
46
+ "aria-owns"?: string | undefined | undefined;
47
+ "aria-placeholder"?: string | undefined | undefined;
48
+ "aria-posinset"?: number | undefined | undefined;
49
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
50
50
  "aria-readonly"?: (boolean | "true" | "false") | undefined;
51
- "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
51
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
52
52
  "aria-required"?: (boolean | "true" | "false") | undefined;
53
- "aria-roledescription"?: string | undefined;
54
- "aria-rowcount"?: number | undefined;
55
- "aria-rowindex"?: number | undefined;
56
- "aria-rowindextext"?: string | undefined;
57
- "aria-rowspan"?: number | undefined;
53
+ "aria-roledescription"?: string | undefined | undefined;
54
+ "aria-rowcount"?: number | undefined | undefined;
55
+ "aria-rowindex"?: number | undefined | undefined;
56
+ "aria-rowindextext"?: string | undefined | undefined;
57
+ "aria-rowspan"?: number | undefined | undefined;
58
58
  "aria-selected"?: (boolean | "true" | "false") | undefined;
59
- "aria-setsize"?: number | undefined;
60
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
61
- "aria-valuemax"?: number | undefined;
62
- "aria-valuemin"?: number | undefined;
63
- "aria-valuenow"?: number | undefined;
64
- "aria-valuetext"?: string | undefined;
59
+ "aria-setsize"?: number | undefined | undefined;
60
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
61
+ "aria-valuemax"?: number | undefined | undefined;
62
+ "aria-valuemin"?: number | undefined | undefined;
63
+ "aria-valuenow"?: number | undefined | undefined;
64
+ "aria-valuetext"?: string | undefined | undefined;
65
65
  defaultValue?: Partial<TFilters> | undefined;
66
66
  filters: import("@snack-uikit/chips").ChipChoiceRowFilter[];
67
- showClearButton?: boolean;
68
- showAddButton?: boolean;
67
+ showClearButton?: boolean | undefined;
68
+ showAddButton?: boolean | undefined;
69
69
  open: boolean;
70
70
  onOpenChange: (isOpen: boolean) => void;
71
71
  initialOpen?: boolean;
package/dist/esm/helperComponents/Rows/styles.module.css CHANGED
@@ -82,6 +82,9 @@
82
82
  .bodyRow[data-row-bg-appearance=pink]{
83
83
  --snack-ui-table-row-background:color-mix(in srgb, var(--sys-pink-accent-default, #d1668e), var(--sys-neutral-background1-level, #fdfdfd) calc((1 - var(--opacity-a008, 0.08)) * 100%));
84
84
  }
85
+ .bodyRow[data-row-bg-appearance=neutral]{
86
+ --snack-ui-table-row-background:color-mix(in srgb, var(--sys-neutral-accent-default, #787b8a), var(--sys-neutral-background1-level, #fdfdfd) calc((1 - var(--opacity-a008, 0.08)) * 100%));
87
+ }
85
88
  .bodyRow[data-row-appearance=disabled]{
86
89
  cursor:not-allowed;
87
90
  background-color:var(--sys-neutral-background, #eeeff3);
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "title": "Table",
7
- "version": "0.37.25",
7
+ "version": "0.37.27-preview-51a2c5b3.0",
8
8
  "sideEffects": [
9
9
  "*.css",
10
10
  "*.woff",
@@ -42,15 +42,15 @@
42
42
  "@dnd-kit/sortable": "10.0.0",
43
43
  "@dnd-kit/utilities": "3.2.2",
44
44
  "@snack-uikit/button": "0.19.16",
45
- "@snack-uikit/chips": "0.28.11",
45
+ "@snack-uikit/chips": "0.28.12-preview-51a2c5b3.0",
46
46
  "@snack-uikit/icons": "0.27.4",
47
47
  "@snack-uikit/info-block": "0.6.35",
48
- "@snack-uikit/list": "0.32.10",
48
+ "@snack-uikit/list": "0.32.11-preview-51a2c5b3.0",
49
49
  "@snack-uikit/pagination": "0.10.21",
50
50
  "@snack-uikit/scroll": "0.10.5",
51
51
  "@snack-uikit/skeleton": "0.6.9",
52
52
  "@snack-uikit/toggles": "0.13.23",
53
- "@snack-uikit/toolbar": "0.14.13",
53
+ "@snack-uikit/toolbar": "0.14.14-preview-51a2c5b3.0",
54
54
  "@snack-uikit/truncate-string": "0.7.6",
55
55
  "@snack-uikit/typography": "0.8.11",
56
56
  "@snack-uikit/utils": "4.0.0",
@@ -65,5 +65,5 @@
65
65
  "peerDependencies": {
66
66
  "@snack-uikit/locale": "*"
67
67
  },
68
- "gitHead": "5bcf501ae7460ad87f7a564b680da001740d9f62"
68
+ "gitHead": "4a350ea43df56a8744d5797b13d56be618bdbe15"
69
69
  }
package/src/helperComponents/Rows/styles.module.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @use '@snack-uikit/figma-tokens/build/scss/components/styles-tokens-table';
2
2
  @use '@snack-uikit/figma-tokens/build/scss/styles-theme-variables';
3
3
 
4
- $appearances: 'red', 'orange', 'yellow', 'green', 'blue', 'violet', 'pink';
4
+ $appearances: 'red', 'orange', 'yellow', 'green', 'blue', 'violet', 'pink', 'neutral';
5
5
 
6
6
  $snack-ui-table-row-background: var(--snack-ui-table-row-background);
7
7