@ixfx/components 0.14.7 → 0.15.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 (68) hide show
  1. package/bundle/index.d.ts +100 -2
  2. package/bundle/index.js +574 -247
  3. package/bundle/style.css +2 -82
  4. package/dist/ac-text.d.ts +1 -1
  5. package/dist/{ac-token-qEs3FsQv.d.ts → ac-token-Cq7lsYf-.d.ts} +1 -1
  6. package/dist/ac-token.d.ts +1 -1
  7. package/dist/{button-BYuf72aR.d.ts → button-D1sPDUCM.d.ts} +8 -1
  8. package/dist/{button-B7mgqtxR.js → button-ikByJJPN.js} +29 -8
  9. package/dist/button.d.ts +1 -1
  10. package/dist/button.js +1 -1
  11. package/dist/{colour-picker-BCMU7W7R.js → colour-picker-DwAa6RDh.js} +73 -9
  12. package/dist/colour-picker.d.ts +1 -1
  13. package/dist/colour-picker.js +1 -1
  14. package/dist/crumbs.d.ts +1 -1
  15. package/dist/{data-grid-DmkId8bu.d.ts → data-grid-_BmlhuUu.d.ts} +3 -3
  16. package/dist/data-grid.d.ts +1 -1
  17. package/dist/{detail-list-CmQqeXvp.d.ts → detail-list-DXMnTrYm.d.ts} +3 -3
  18. package/dist/detail-list.d.ts +2 -2
  19. package/dist/{flat-list-BmQBB3ZC.d.ts → flat-list-JfozgW7d.d.ts} +2 -2
  20. package/dist/flat-list.d.ts +1 -1
  21. package/dist/form-BGZK3jZd.d.ts +54 -0
  22. package/dist/form-CY0nibZ5.js +418 -0
  23. package/dist/form.d.ts +1 -13
  24. package/dist/form.js +1 -1
  25. package/dist/{grid-list-BVsUEvgd.d.ts → grid-list-tQwXs895.d.ts} +1 -1
  26. package/dist/grid-list.d.ts +1 -1
  27. package/dist/{grouped-item-lister-DETte0Dh.d.ts → grouped-item-lister-Bhyo-dkH.d.ts} +1 -1
  28. package/dist/grouped-item-lister.d.ts +1 -1
  29. package/dist/{icon-CDGprSdE.d.ts → icon-DR_3rSyZ.d.ts} +1 -1
  30. package/dist/icons.d.ts +2 -2
  31. package/dist/incr-search.d.ts +1 -1
  32. package/dist/{index-CoqtMSd9.d.ts → index-BUB5SICW.d.ts} +1 -1
  33. package/dist/{index-tq6f8007.d.ts → index-Bz3loIAf.d.ts} +4 -1
  34. package/dist/{index-UvnoZUAo.d.ts → index-CJ5fshD3.d.ts} +1 -1
  35. package/dist/{index-BvoXLnBf.d.ts → index-ChdhB7RK.d.ts} +1 -1
  36. package/dist/{index-DxyyVqzA.d.ts → index-cnaRPQPp.d.ts} +2 -2
  37. package/dist/{index-CYndvTWH.d.ts → index-garxxqgV.d.ts} +1 -1
  38. package/dist/{index-DuhzWWTr.d.ts → index-wUYiXH8c.d.ts} +1 -1
  39. package/dist/index.d.ts +69 -22
  40. package/dist/index.js +138 -8
  41. package/dist/{labelled-input-base-DiTme1JO.d.ts → labelled-input-base-Dp_9KP0G.d.ts} +1 -1
  42. package/dist/labelled-radial-input.d.ts +2 -2
  43. package/dist/labelled-range-input.d.ts +1 -1
  44. package/dist/labelled-slider-input.d.ts +1 -1
  45. package/dist/list-group-header.d.ts +1 -1
  46. package/dist/{menu-item-bF6narIz.d.ts → menu-item-B0zqw2xp.d.ts} +1 -1
  47. package/dist/menu.d.ts +2 -2
  48. package/dist/miller.d.ts +1 -1
  49. package/dist/panel.d.ts +1 -1
  50. package/dist/{split-layout-JK3xWVX2.d.ts → split-layout-C5SYbDrq.d.ts} +1 -1
  51. package/dist/split-layout.d.ts +1 -1
  52. package/dist/style.css +2 -82
  53. package/dist/tab-list-R_bGbDvO.js +766 -0
  54. package/dist/{tab-list-CexFFg6O.d.ts → tab-list-wC0xNz1b.d.ts} +2 -1
  55. package/dist/tabs.d.ts +1 -1
  56. package/dist/tabs.js +1 -673
  57. package/dist/{titlebar-Tqu-VvMU.d.ts → titlebar-B5zSTZnF.d.ts} +1 -1
  58. package/dist/titlebar.d.ts +1 -1
  59. package/dist/tree.d.ts +1 -1
  60. package/dist/{vertical-list-ztrdFvyT.d.ts → vertical-list-BYyb2n4x.d.ts} +1 -1
  61. package/dist/vertical-list.d.ts +1 -1
  62. package/docs-user/button.md +1 -0
  63. package/docs-user/colour-picker.md +19 -0
  64. package/docs-user/form.md +97 -4
  65. package/docs-user/index.json +2 -2
  66. package/docs-user/tabs.md +30 -0
  67. package/package.json +2 -1
  68. package/dist/form-CsXJX15p.js +0 -62
package/dist/style.css CHANGED
@@ -43,8 +43,8 @@
43
43
  --radius-m: 4px;
44
44
  --radius-l: 6px;
45
45
  --radius-xl: 8px;
46
- --shadow-m: light-dark(0 2px 8px #0000001a, 0 4px 12px #0000004d);
47
- --shadow-l: light-dark(0 4px 16px #00000026, 0 4px 24px #00000080);
46
+ --shadow-m: 0 3px 10px light-dark(#0000001a, #0000004d);
47
+ --shadow-l: 0 4px 20px light-dark(#00000026, #00000080);
48
48
  --disabled-opacity: .5;
49
49
  --transition: .15s ease-out;
50
50
  --prominence-idle-opacity: light-dark(.55, .6);
@@ -96,83 +96,3 @@
96
96
  ixfx-grouped-item-lister {
97
97
  display: block;
98
98
  }
99
- ixfx-form {
100
- display: block;
101
- }
102
-
103
- ixfx-form-group {
104
- display: block;
105
- container-type: inline-size;
106
- }
107
-
108
- ixfx-form-group fieldset {
109
- gap: var(--space-m) var(--space-l);
110
- margin: 0;
111
- border: 0;
112
- grid-template-columns: 1fr;
113
- min-inline-size: 0;
114
- margin-block-start: var(--space-m);
115
- margin-block-end: var(--space-m);
116
- padding: 0;
117
- display: grid;
118
- }
119
-
120
- ixfx-form-group fieldset > legend:empty {
121
- display: none;
122
- }
123
-
124
- ixfx-form-group fieldset > legend {
125
- font-weight: var(--font-weight-bold);
126
- grid-column: 1 / -1;
127
- margin-block-start: var(--space-m);
128
- margin-block-end: var(--space-s);
129
- padding: 0;
130
- }
131
-
132
- ixfx-form-group fieldset > :not(ixfx-form-part) {
133
- grid-column: 1 / -1;
134
- }
135
-
136
- ixfx-form-part {
137
- grid-column: 1 / -1;
138
- grid-template-columns: 1fr;
139
- align-items: start;
140
- display: grid;
141
- }
142
-
143
- ixfx-form-part > label {
144
- font-size: var(--ixfx-form-label-font-size, var(--text-s));
145
- font-weight: var(--ixfx-form-label-font-weight, inherit);
146
- font-family: var(--ixfx-form-label-font-family, inherit);
147
- color: var(--ixfx-form-label-color, inherit);
148
- text-transform: var(--ixfx-form-label-text-transform, uppercase);
149
- padding-bottom: var(--space-xs);
150
- grid-area: 1 / 1;
151
- }
152
-
153
- ixfx-form-part > input, ixfx-form-part > select, ixfx-form-part > textarea {
154
- grid-area: 2 / 1;
155
- }
156
-
157
- @container (width >= 30rem) {
158
- ixfx-form-group fieldset {
159
- grid-template-columns: max-content 1fr;
160
- }
161
-
162
- ixfx-form-part {
163
- grid-column: 1 / -1;
164
- grid-template-columns: subgrid;
165
- align-items: baseline;
166
- display: grid;
167
- }
168
-
169
- ixfx-form-part > label {
170
- padding-right: var(--space-xs);
171
- grid-area: 1 / 1;
172
- padding-bottom: 0;
173
- }
174
-
175
- ixfx-form-part > input, ixfx-form-part > select, ixfx-form-part > textarea {
176
- grid-area: 1 / 2;
177
- }
178
- }