@joanroucoux/cairn-ui 0.9.2 → 0.10.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 (43) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/fesm2022/joanroucoux-cairn-ui-action-bar.mjs +3 -3
  3. package/fesm2022/joanroucoux-cairn-ui-alert.mjs +3 -3
  4. package/fesm2022/joanroucoux-cairn-ui-amount.mjs +3 -3
  5. package/fesm2022/joanroucoux-cairn-ui-async.mjs +3 -3
  6. package/fesm2022/joanroucoux-cairn-ui-avatar.mjs +6 -6
  7. package/fesm2022/joanroucoux-cairn-ui-back-link.mjs +3 -3
  8. package/fesm2022/joanroucoux-cairn-ui-badge.mjs +3 -3
  9. package/fesm2022/joanroucoux-cairn-ui-button.mjs +3 -3
  10. package/fesm2022/joanroucoux-cairn-ui-card.mjs +3 -3
  11. package/fesm2022/joanroucoux-cairn-ui-choice-chips.mjs +3 -3
  12. package/fesm2022/joanroucoux-cairn-ui-delta.mjs +3 -3
  13. package/fesm2022/joanroucoux-cairn-ui-dialog.mjs +3 -3
  14. package/fesm2022/joanroucoux-cairn-ui-donut.mjs +3 -3
  15. package/fesm2022/joanroucoux-cairn-ui-drawer.mjs +3 -3
  16. package/fesm2022/joanroucoux-cairn-ui-empty.mjs +3 -3
  17. package/fesm2022/joanroucoux-cairn-ui-external-link.mjs +3 -3
  18. package/fesm2022/joanroucoux-cairn-ui-fact.mjs +6 -6
  19. package/fesm2022/joanroucoux-cairn-ui-field.mjs +9 -9
  20. package/fesm2022/joanroucoux-cairn-ui-filter-chips.mjs +3 -3
  21. package/fesm2022/joanroucoux-cairn-ui-group-header.mjs +3 -3
  22. package/fesm2022/joanroucoux-cairn-ui-icon-toggle.mjs +43 -0
  23. package/fesm2022/joanroucoux-cairn-ui-icon-toggle.mjs.map +1 -0
  24. package/fesm2022/joanroucoux-cairn-ui-input.mjs +6 -6
  25. package/fesm2022/joanroucoux-cairn-ui-line-chart.mjs +3 -3
  26. package/fesm2022/joanroucoux-cairn-ui-menu.mjs +9 -9
  27. package/fesm2022/joanroucoux-cairn-ui-meter.mjs +3 -3
  28. package/fesm2022/joanroucoux-cairn-ui-motion.mjs +12 -12
  29. package/fesm2022/joanroucoux-cairn-ui-nav-item.mjs +3 -3
  30. package/fesm2022/joanroucoux-cairn-ui-result-group.mjs +3 -3
  31. package/fesm2022/joanroucoux-cairn-ui-row.mjs +15 -15
  32. package/fesm2022/joanroucoux-cairn-ui-segmented.mjs +3 -3
  33. package/fesm2022/joanroucoux-cairn-ui-select-pill.mjs +3 -3
  34. package/fesm2022/joanroucoux-cairn-ui-select.mjs +3 -3
  35. package/fesm2022/joanroucoux-cairn-ui-skeleton.mjs +3 -3
  36. package/fesm2022/joanroucoux-cairn-ui-stale-link.mjs +3 -3
  37. package/fesm2022/joanroucoux-cairn-ui-stat.mjs +3 -3
  38. package/fesm2022/joanroucoux-cairn-ui-switch.mjs +3 -3
  39. package/fesm2022/joanroucoux-cairn-ui-tab-bar.mjs +6 -6
  40. package/fesm2022/joanroucoux-cairn-ui-table.mjs +27 -27
  41. package/fesm2022/joanroucoux-cairn-ui-toast.mjs +6 -6
  42. package/package.json +5 -1
  43. package/types/joanroucoux-cairn-ui-icon-toggle.d.ts +13 -0
package/fesm2022/joanroucoux-cairn-ui-switch.mjs CHANGED
@@ -9,7 +9,7 @@ var UiSwitch = class UiSwitch {
9
9
  }
10
10
  static ɵfac = i0.ɵɵngDeclareFactory({
11
11
  minVersion: "12.0.0",
12
- version: "22.2.0",
12
+ version: "22.2.1",
13
13
  ngImport: i0,
14
14
  type: UiSwitch,
15
15
  deps: [],
@@ -17,7 +17,7 @@ var UiSwitch = class UiSwitch {
17
17
  });
18
18
  static ɵdir = i0.ɵɵngDeclareDirective({
19
19
  minVersion: "14.0.0",
20
- version: "22.2.0",
20
+ version: "22.2.1",
21
21
  type: UiSwitch,
22
22
  isStandalone: true,
23
23
  selector: "input[type=checkbox][uiSwitch]",
@@ -30,7 +30,7 @@ var UiSwitch = class UiSwitch {
30
30
  };
31
31
  i0.ɵɵngDeclareClassMetadata({
32
32
  minVersion: "12.0.0",
33
- version: "22.2.0",
33
+ version: "22.2.1",
34
34
  ngImport: i0,
35
35
  type: UiSwitch,
36
36
  decorators: [{
package/fesm2022/joanroucoux-cairn-ui-tab-bar.mjs CHANGED
@@ -14,7 +14,7 @@ var UiTabBar = class UiTabBar {
14
14
  }
15
15
  static ɵfac = i0.ɵɵngDeclareFactory({
16
16
  minVersion: "12.0.0",
17
- version: "22.2.0",
17
+ version: "22.2.1",
18
18
  ngImport: i0,
19
19
  type: UiTabBar,
20
20
  deps: [],
@@ -22,7 +22,7 @@ var UiTabBar = class UiTabBar {
22
22
  });
23
23
  static ɵcmp = i0.ɵɵngDeclareComponent({
24
24
  minVersion: "14.0.0",
25
- version: "22.2.0",
25
+ version: "22.2.1",
26
26
  type: UiTabBar,
27
27
  isStandalone: true,
28
28
  selector: "nav[ui-tab-bar]",
@@ -34,7 +34,7 @@ var UiTabBar = class UiTabBar {
34
34
  };
35
35
  i0.ɵɵngDeclareClassMetadata({
36
36
  minVersion: "12.0.0",
37
- version: "22.2.0",
37
+ version: "22.2.1",
38
38
  ngImport: i0,
39
39
  type: UiTabBar,
40
40
  decorators: [{
@@ -55,7 +55,7 @@ var UiTab = class UiTab {
55
55
  classes = computed(() => `${TAB_CLASSES} ${this.active() ? ACTIVE_TAB_CLASSES : INACTIVE_TAB_CLASSES}`, ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
56
56
  static ɵfac = i0.ɵɵngDeclareFactory({
57
57
  minVersion: "12.0.0",
58
- version: "22.2.0",
58
+ version: "22.2.1",
59
59
  ngImport: i0,
60
60
  type: UiTab,
61
61
  deps: [],
@@ -63,7 +63,7 @@ var UiTab = class UiTab {
63
63
  });
64
64
  static ɵcmp = i0.ɵɵngDeclareComponent({
65
65
  minVersion: "17.1.0",
66
- version: "22.2.0",
66
+ version: "22.2.1",
67
67
  type: UiTab,
68
68
  isStandalone: true,
69
69
  selector: "a[ui-tab]",
@@ -88,7 +88,7 @@ var UiTab = class UiTab {
88
88
  };
89
89
  i0.ɵɵngDeclareClassMetadata({
90
90
  minVersion: "12.0.0",
91
- version: "22.2.0",
91
+ version: "22.2.1",
92
92
  ngImport: i0,
93
93
  type: UiTab,
94
94
  decorators: [{
package/fesm2022/joanroucoux-cairn-ui-table.mjs CHANGED
@@ -43,7 +43,7 @@ var UiTable = class UiTable {
43
43
  }
44
44
  static ɵfac = i0.ɵɵngDeclareFactory({
45
45
  minVersion: "12.0.0",
46
- version: "22.2.0",
46
+ version: "22.2.1",
47
47
  ngImport: i0,
48
48
  type: UiTable,
49
49
  deps: [],
@@ -51,7 +51,7 @@ var UiTable = class UiTable {
51
51
  });
52
52
  static ɵdir = i0.ɵɵngDeclareDirective({
53
53
  minVersion: "17.1.0",
54
- version: "22.2.0",
54
+ version: "22.2.1",
55
55
  type: UiTable,
56
56
  isStandalone: true,
57
57
  selector: "table[uiTable]",
@@ -84,7 +84,7 @@ var UiTable = class UiTable {
84
84
  };
85
85
  i0.ɵɵngDeclareClassMetadata({
86
86
  minVersion: "12.0.0",
87
- version: "22.2.0",
87
+ version: "22.2.1",
88
88
  ngImport: i0,
89
89
  type: UiTable,
90
90
  decorators: [{
@@ -129,7 +129,7 @@ var UiGroup = class UiGroup {
129
129
  });
130
130
  static ɵfac = i0.ɵɵngDeclareFactory({
131
131
  minVersion: "12.0.0",
132
- version: "22.2.0",
132
+ version: "22.2.1",
133
133
  ngImport: i0,
134
134
  type: UiGroup,
135
135
  deps: [],
@@ -137,7 +137,7 @@ var UiGroup = class UiGroup {
137
137
  });
138
138
  static ɵdir = i0.ɵɵngDeclareDirective({
139
139
  minVersion: "17.1.0",
140
- version: "22.2.0",
140
+ version: "22.2.1",
141
141
  type: UiGroup,
142
142
  isStandalone: true,
143
143
  selector: "tbody[uiGroup]",
@@ -154,7 +154,7 @@ var UiGroup = class UiGroup {
154
154
  };
155
155
  i0.ɵɵngDeclareClassMetadata({
156
156
  minVersion: "12.0.0",
157
- version: "22.2.0",
157
+ version: "22.2.1",
158
158
  ngImport: i0,
159
159
  type: UiGroup,
160
160
  decorators: [{
@@ -198,7 +198,7 @@ var UiTr = class UiTr {
198
198
  }, ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
199
199
  static ɵfac = i0.ɵɵngDeclareFactory({
200
200
  minVersion: "12.0.0",
201
- version: "22.2.0",
201
+ version: "22.2.1",
202
202
  ngImport: i0,
203
203
  type: UiTr,
204
204
  deps: [],
@@ -206,7 +206,7 @@ var UiTr = class UiTr {
206
206
  });
207
207
  static ɵdir = i0.ɵɵngDeclareDirective({
208
208
  minVersion: "17.1.0",
209
- version: "22.2.0",
209
+ version: "22.2.1",
210
210
  type: UiTr,
211
211
  isStandalone: true,
212
212
  selector: "tr[uiTr]",
@@ -243,7 +243,7 @@ var UiTr = class UiTr {
243
243
  };
244
244
  i0.ɵɵngDeclareClassMetadata({
245
245
  minVersion: "12.0.0",
246
- version: "22.2.0",
246
+ version: "22.2.1",
247
247
  ngImport: i0,
248
248
  type: UiTr,
249
249
  decorators: [{
@@ -315,7 +315,7 @@ var UiTh = class UiTh {
315
315
  classes = computed(() => cellClasses(`${this.tall() ? "[--table-head:2.5rem]" : "[--table-head:2.25rem]"} ${TH_CLASSES}`, this.numeric(), this.primary(), this.from(), this.secondary()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
316
316
  static ɵfac = i0.ɵɵngDeclareFactory({
317
317
  minVersion: "12.0.0",
318
- version: "22.2.0",
318
+ version: "22.2.1",
319
319
  ngImport: i0,
320
320
  type: UiTh,
321
321
  deps: [],
@@ -323,7 +323,7 @@ var UiTh = class UiTh {
323
323
  });
324
324
  static ɵdir = i0.ɵɵngDeclareDirective({
325
325
  minVersion: "17.1.0",
326
- version: "22.2.0",
326
+ version: "22.2.1",
327
327
  type: UiTh,
328
328
  isStandalone: true,
329
329
  selector: "th[uiTh]",
@@ -381,7 +381,7 @@ var UiTh = class UiTh {
381
381
  };
382
382
  i0.ɵɵngDeclareClassMetadata({
383
383
  minVersion: "12.0.0",
384
- version: "22.2.0",
384
+ version: "22.2.1",
385
385
  ngImport: i0,
386
386
  type: UiTh,
387
387
  decorators: [{
@@ -463,7 +463,7 @@ var UiTd = class UiTd {
463
463
  classes = computed(() => cellClasses(TD_CLASSES, this.numeric(), this.primary(), this.from(), this.secondary()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
464
464
  static ɵfac = i0.ɵɵngDeclareFactory({
465
465
  minVersion: "12.0.0",
466
- version: "22.2.0",
466
+ version: "22.2.1",
467
467
  ngImport: i0,
468
468
  type: UiTd,
469
469
  deps: [],
@@ -471,7 +471,7 @@ var UiTd = class UiTd {
471
471
  });
472
472
  static ɵdir = i0.ɵɵngDeclareDirective({
473
473
  minVersion: "17.1.0",
474
- version: "22.2.0",
474
+ version: "22.2.1",
475
475
  type: UiTd,
476
476
  isStandalone: true,
477
477
  selector: "td[uiTd]",
@@ -511,7 +511,7 @@ var UiTd = class UiTd {
511
511
  };
512
512
  i0.ɵɵngDeclareClassMetadata({
513
513
  minVersion: "12.0.0",
514
- version: "22.2.0",
514
+ version: "22.2.1",
515
515
  ngImport: i0,
516
516
  type: UiTd,
517
517
  decorators: [{
@@ -577,7 +577,7 @@ var UiGroupCell = class UiGroupCell {
577
577
  }
578
578
  static ɵfac = i0.ɵɵngDeclareFactory({
579
579
  minVersion: "12.0.0",
580
- version: "22.2.0",
580
+ version: "22.2.1",
581
581
  ngImport: i0,
582
582
  type: UiGroupCell,
583
583
  deps: [],
@@ -585,7 +585,7 @@ var UiGroupCell = class UiGroupCell {
585
585
  });
586
586
  static ɵcmp = i0.ɵɵngDeclareComponent({
587
587
  minVersion: "17.0.0",
588
- version: "22.2.0",
588
+ version: "22.2.1",
589
589
  type: UiGroupCell,
590
590
  isStandalone: true,
591
591
  selector: "td[ui-group-cell]",
@@ -716,7 +716,7 @@ var UiGroupCell = class UiGroupCell {
716
716
  };
717
717
  i0.ɵɵngDeclareClassMetadata({
718
718
  minVersion: "12.0.0",
719
- version: "22.2.0",
719
+ version: "22.2.1",
720
720
  ngImport: i0,
721
721
  type: UiGroupCell,
722
722
  decorators: [{
@@ -859,7 +859,7 @@ var UiRowLink = class UiRowLink {
859
859
  classes = computed(() => this.stretch() ? "block max-w-full truncate rounded-control text-left font-medium outline-none after:absolute after:inset-0 after:rounded-control after:content-[\"\"] focus-visible:after:outline-2 focus-visible:after:-outline-offset-2 focus-visible:after:outline-(--ring)" : "block max-w-full truncate rounded-sm text-left font-medium underline-offset-[3px] outline-none hover:underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ring)", ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
860
860
  static ɵfac = i0.ɵɵngDeclareFactory({
861
861
  minVersion: "12.0.0",
862
- version: "22.2.0",
862
+ version: "22.2.1",
863
863
  ngImport: i0,
864
864
  type: UiRowLink,
865
865
  deps: [],
@@ -867,7 +867,7 @@ var UiRowLink = class UiRowLink {
867
867
  });
868
868
  static ɵdir = i0.ɵɵngDeclareDirective({
869
869
  minVersion: "17.1.0",
870
- version: "22.2.0",
870
+ version: "22.2.1",
871
871
  type: UiRowLink,
872
872
  isStandalone: true,
873
873
  selector: "a[uiRowLink], button[uiRowLink]",
@@ -896,7 +896,7 @@ var UiRowLink = class UiRowLink {
896
896
  };
897
897
  i0.ɵɵngDeclareClassMetadata({
898
898
  minVersion: "12.0.0",
899
- version: "22.2.0",
899
+ version: "22.2.1",
900
900
  ngImport: i0,
901
901
  type: UiRowLink,
902
902
  decorators: [{
@@ -931,7 +931,7 @@ i0.ɵɵngDeclareClassMetadata({
931
931
  var UiRowAction = class UiRowAction {
932
932
  static ɵfac = i0.ɵɵngDeclareFactory({
933
933
  minVersion: "12.0.0",
934
- version: "22.2.0",
934
+ version: "22.2.1",
935
935
  ngImport: i0,
936
936
  type: UiRowAction,
937
937
  deps: [],
@@ -939,7 +939,7 @@ var UiRowAction = class UiRowAction {
939
939
  });
940
940
  static ɵdir = i0.ɵɵngDeclareDirective({
941
941
  minVersion: "14.0.0",
942
- version: "22.2.0",
942
+ version: "22.2.1",
943
943
  type: UiRowAction,
944
944
  isStandalone: true,
945
945
  selector: "[uiRowAction]",
@@ -949,7 +949,7 @@ var UiRowAction = class UiRowAction {
949
949
  };
950
950
  i0.ɵɵngDeclareClassMetadata({
951
951
  minVersion: "12.0.0",
952
- version: "22.2.0",
952
+ version: "22.2.1",
953
953
  ngImport: i0,
954
954
  type: UiRowAction,
955
955
  decorators: [{
@@ -979,7 +979,7 @@ var UiCellSub = class UiCellSub {
979
979
  classes = computed(() => `${this.narrow() ? "lg:hidden " : ""}block truncate text-caption tabular-nums ${SUB_TONE_CLASSES[this.tone()]}`, ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
980
980
  static ɵfac = i0.ɵɵngDeclareFactory({
981
981
  minVersion: "12.0.0",
982
- version: "22.2.0",
982
+ version: "22.2.1",
983
983
  ngImport: i0,
984
984
  type: UiCellSub,
985
985
  deps: [],
@@ -987,7 +987,7 @@ var UiCellSub = class UiCellSub {
987
987
  });
988
988
  static ɵdir = i0.ɵɵngDeclareDirective({
989
989
  minVersion: "17.1.0",
990
- version: "22.2.0",
990
+ version: "22.2.1",
991
991
  type: UiCellSub,
992
992
  isStandalone: true,
993
993
  selector: "[uiCellSub]",
@@ -1013,7 +1013,7 @@ var UiCellSub = class UiCellSub {
1013
1013
  };
1014
1014
  i0.ɵɵngDeclareClassMetadata({
1015
1015
  minVersion: "12.0.0",
1016
- version: "22.2.0",
1016
+ version: "22.2.1",
1017
1017
  ngImport: i0,
1018
1018
  type: UiCellSub,
1019
1019
  decorators: [{
package/fesm2022/joanroucoux-cairn-ui-toast.mjs CHANGED
@@ -24,7 +24,7 @@ var UiToasts = class UiToasts {
24
24
  }
25
25
  static ɵfac = i0.ɵɵngDeclareFactory({
26
26
  minVersion: "12.0.0",
27
- version: "22.2.0",
27
+ version: "22.2.1",
28
28
  ngImport: i0,
29
29
  type: UiToasts,
30
30
  deps: [],
@@ -32,7 +32,7 @@ var UiToasts = class UiToasts {
32
32
  });
33
33
  static ɵprov = i0.ɵɵngDeclareInjectable({
34
34
  minVersion: "12.0.0",
35
- version: "22.2.0",
35
+ version: "22.2.1",
36
36
  ngImport: i0,
37
37
  type: UiToasts,
38
38
  providedIn: "root"
@@ -40,7 +40,7 @@ var UiToasts = class UiToasts {
40
40
  };
41
41
  i0.ɵɵngDeclareClassMetadata({
42
42
  minVersion: "12.0.0",
43
- version: "22.2.0",
43
+ version: "22.2.1",
44
44
  ngImport: i0,
45
45
  type: UiToasts,
46
46
  decorators: [{
@@ -134,7 +134,7 @@ var UiToaster = class UiToaster {
134
134
  }
135
135
  static ɵfac = i0.ɵɵngDeclareFactory({
136
136
  minVersion: "12.0.0",
137
- version: "22.2.0",
137
+ version: "22.2.1",
138
138
  ngImport: i0,
139
139
  type: UiToaster,
140
140
  deps: [],
@@ -142,7 +142,7 @@ var UiToaster = class UiToaster {
142
142
  });
143
143
  static ɵcmp = i0.ɵɵngDeclareComponent({
144
144
  minVersion: "17.0.0",
145
- version: "22.2.0",
145
+ version: "22.2.1",
146
146
  type: UiToaster,
147
147
  isStandalone: true,
148
148
  selector: "ui-toaster",
@@ -202,7 +202,7 @@ var UiToaster = class UiToaster {
202
202
  };
203
203
  i0.ɵɵngDeclareClassMetadata({
204
204
  minVersion: "12.0.0",
205
- version: "22.2.0",
205
+ version: "22.2.1",
206
206
  ngImport: i0,
207
207
  type: UiToaster,
208
208
  decorators: [{
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@joanroucoux/cairn-ui",
3
- "version": "0.9.2",
3
+ "version": "0.10.0",
4
4
  "description": "Cairn UI — a monochrome, accessible Angular design system.",
5
5
  "keywords": [
6
6
  "angular",
@@ -132,6 +132,10 @@
132
132
  "types": "./types/joanroucoux-cairn-ui-group-header.d.ts",
133
133
  "default": "./fesm2022/joanroucoux-cairn-ui-group-header.mjs"
134
134
  },
135
+ "./icon-toggle": {
136
+ "types": "./types/joanroucoux-cairn-ui-icon-toggle.d.ts",
137
+ "default": "./fesm2022/joanroucoux-cairn-ui-icon-toggle.mjs"
138
+ },
135
139
  "./input": {
136
140
  "types": "./types/joanroucoux-cairn-ui-input.d.ts",
137
141
  "default": "./fesm2022/joanroucoux-cairn-ui-input.mjs"
package/types/joanroucoux-cairn-ui-icon-toggle.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ import * as i0 from "@angular/core";
2
+ /**
3
+ * Round icon button that switches something on and off, such as the header eye that hides the amounts.
4
+ * The state lives in `aria-pressed`, which also draws the soft fill. Only the press scale transitions:
5
+ * the fill changes at once.
6
+ *
7
+ * @example
8
+ * <button uiIconToggle aria-label="Hide amounts" [attr.aria-pressed]="hidden"><svg>...</svg></button>
9
+ */
10
+ export declare class UiIconToggle {
11
+ static ɵfac: i0.ɵɵFactoryDeclaration<UiIconToggle, never>;
12
+ static ɵdir: i0.ɵɵDirectiveDeclaration<UiIconToggle, "button[uiIconToggle]", never, {}, {}, never, never, true, never>;
13
+ }