@pantoken/components 0.2.1 → 0.2.3
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.
- package/dist/icons.css +1 -1
- package/dist/index.d.mts +56 -0
- package/dist/index.mjs +114 -2
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -83,150 +83,199 @@ declare function focusOutlineCss(options?: {
|
|
|
83
83
|
}): string;
|
|
84
84
|
//#endregion
|
|
85
85
|
//#region src/components/button.d.ts
|
|
86
|
+
/** Standalone `button` stylesheet — the prefixed CSS for the action button, ready to ship as a `.css` file. */
|
|
86
87
|
declare const buttonCss: (this: void, options?: ComponentOptions) => string;
|
|
87
88
|
//#endregion
|
|
88
89
|
//#region src/components/alert.d.ts
|
|
90
|
+
/** Standalone `alert` stylesheet — the prefixed CSS for the status message, ready to ship as a `.css` file. */
|
|
89
91
|
declare const alertCss: (this: void, options?: ComponentOptions) => string;
|
|
90
92
|
//#endregion
|
|
91
93
|
//#region src/components/badge.d.ts
|
|
94
|
+
/** Standalone `badge` stylesheet — the prefixed CSS for the count-and-status badge, ready to ship as a `.css` file. */
|
|
92
95
|
declare const badgeCss: (this: void, options?: ComponentOptions) => string;
|
|
93
96
|
//#endregion
|
|
94
97
|
//#region src/components/pill.d.ts
|
|
98
|
+
/** Standalone `pill` stylesheet — the prefixed CSS for the status pill, ready to ship as a `.css` file. */
|
|
95
99
|
declare const pillCss: (this: void, options?: ComponentOptions) => string;
|
|
96
100
|
//#endregion
|
|
97
101
|
//#region src/components/tag.d.ts
|
|
102
|
+
/** Standalone `tag` stylesheet — the prefixed CSS for the chip, ready to ship as a `.css` file. */
|
|
98
103
|
declare const tagCss: (this: void, options?: ComponentOptions) => string;
|
|
99
104
|
//#endregion
|
|
100
105
|
//#region src/components/avatar.d.ts
|
|
106
|
+
/** Standalone `avatar` stylesheet — the prefixed CSS for the avatar, ready to ship as a `.css` file. */
|
|
101
107
|
declare const avatarCss: (this: void, options?: ComponentOptions) => string;
|
|
102
108
|
//#endregion
|
|
103
109
|
//#region src/components/tabs.d.ts
|
|
110
|
+
/** Standalone `tabs` stylesheet — the prefixed CSS for the tabbed panels, ready to ship as a `.css` file. */
|
|
104
111
|
declare const tabsCss: (this: void, options?: ComponentOptions) => string;
|
|
105
112
|
//#endregion
|
|
106
113
|
//#region src/components/metric.d.ts
|
|
114
|
+
/** Standalone `metric` stylesheet — the prefixed CSS for the statistic, ready to ship as a `.css` file. */
|
|
107
115
|
declare const metricCss: (this: void, options?: ComponentOptions) => string;
|
|
108
116
|
//#endregion
|
|
109
117
|
//#region src/components/img.d.ts
|
|
118
|
+
/** Standalone `img` stylesheet — the prefixed CSS for the styled image, ready to ship as a `.css` file. */
|
|
110
119
|
declare const imgCss: (this: void, options?: ComponentOptions) => string;
|
|
111
120
|
//#endregion
|
|
112
121
|
//#region src/components/byline.d.ts
|
|
122
|
+
/** Standalone `byline` stylesheet — the prefixed CSS for the media object, ready to ship as a `.css` file. */
|
|
113
123
|
declare const bylineCss: (this: void, options?: ComponentOptions) => string;
|
|
114
124
|
//#endregion
|
|
115
125
|
//#region src/components/table.d.ts
|
|
126
|
+
/** Standalone `table` stylesheet — the prefixed CSS for the data table, ready to ship as a `.css` file. */
|
|
116
127
|
declare const tableCss: (this: void, options?: ComponentOptions) => string;
|
|
117
128
|
//#endregion
|
|
118
129
|
//#region src/components/link.d.ts
|
|
130
|
+
/** Standalone `link` stylesheet — the prefixed CSS for the hyperlink, ready to ship as a `.css` file. */
|
|
119
131
|
declare const linkCss: (this: void, options?: ComponentOptions) => string;
|
|
120
132
|
//#endregion
|
|
121
133
|
//#region src/components/list.d.ts
|
|
134
|
+
/** Standalone `list` stylesheet — the prefixed CSS for the spaced list, ready to ship as a `.css` file. */
|
|
122
135
|
declare const listCss: (this: void, options?: ComponentOptions) => string;
|
|
123
136
|
//#endregion
|
|
124
137
|
//#region src/components/checkbox.d.ts
|
|
138
|
+
/** Standalone `checkbox` stylesheet — the prefixed CSS for the checkbox and switch, ready to ship as a `.css` file. */
|
|
125
139
|
declare const checkboxCss: (this: void, options?: ComponentOptions) => string;
|
|
126
140
|
//#endregion
|
|
127
141
|
//#region src/components/radio.d.ts
|
|
142
|
+
/** Standalone `radio` stylesheet — the prefixed CSS for the radio button, ready to ship as a `.css` file. */
|
|
128
143
|
declare const radioCss: (this: void, options?: ComponentOptions) => string;
|
|
129
144
|
//#endregion
|
|
130
145
|
//#region src/components/spinner.d.ts
|
|
146
|
+
/** Standalone `spinner` stylesheet — the prefixed CSS for the loading ring, ready to ship as a `.css` file. */
|
|
131
147
|
declare const spinnerCss: (this: void, options?: ComponentOptions) => string;
|
|
132
148
|
//#endregion
|
|
133
149
|
//#region src/components/progress.d.ts
|
|
150
|
+
/** Standalone `progress` stylesheet — the prefixed CSS for the progress bar, ready to ship as a `.css` file. */
|
|
134
151
|
declare const progressCss: (this: void, options?: ComponentOptions) => string;
|
|
135
152
|
//#endregion
|
|
136
153
|
//#region src/components/menu.d.ts
|
|
154
|
+
/** Standalone `menu` stylesheet — the prefixed CSS for the dropdown menu, ready to ship as a `.css` file. */
|
|
137
155
|
declare const menuCss: (this: void, options?: ComponentOptions) => string;
|
|
138
156
|
//#endregion
|
|
139
157
|
//#region src/components/modal.d.ts
|
|
158
|
+
/** Standalone `modal` stylesheet — the prefixed CSS for the dialog surface, ready to ship as a `.css` file. */
|
|
140
159
|
declare const modalCss: (this: void, options?: ComponentOptions) => string;
|
|
141
160
|
//#endregion
|
|
142
161
|
//#region src/components/breadcrumb.d.ts
|
|
162
|
+
/** Standalone `breadcrumb` stylesheet — the prefixed CSS for the breadcrumb trail, ready to ship as a `.css` file. */
|
|
143
163
|
declare const breadcrumbCss: (this: void, options?: ComponentOptions) => string;
|
|
144
164
|
//#endregion
|
|
145
165
|
//#region src/components/billboard.d.ts
|
|
166
|
+
/** Standalone `billboard` stylesheet — the prefixed CSS for the empty-state block, ready to ship as a `.css` file. */
|
|
146
167
|
declare const billboardCss: (this: void, options?: ComponentOptions) => string;
|
|
147
168
|
//#endregion
|
|
148
169
|
//#region src/components/rating.d.ts
|
|
170
|
+
/** Standalone `rating` stylesheet — the prefixed CSS for the star rating, ready to ship as a `.css` file. */
|
|
149
171
|
declare const ratingCss: (this: void, options?: ComponentOptions) => string;
|
|
150
172
|
//#endregion
|
|
151
173
|
//#region src/components/toggle-group.d.ts
|
|
174
|
+
/** Standalone `toggleGroup` stylesheet — the prefixed CSS for the bordered disclosure, ready to ship as a `.css` file. */
|
|
152
175
|
declare const toggleGroupCss: (this: void, options?: ComponentOptions) => string;
|
|
153
176
|
//#endregion
|
|
154
177
|
//#region src/components/context-view.d.ts
|
|
178
|
+
/** Standalone `contextView` stylesheet — the prefixed CSS for the caret callout, ready to ship as a `.css` file. */
|
|
155
179
|
declare const contextViewCss: (this: void, options?: ComponentOptions) => string;
|
|
156
180
|
//#endregion
|
|
157
181
|
//#region src/components/progress-circle.d.ts
|
|
182
|
+
/** Standalone `progressCircle` stylesheet — the prefixed CSS for the progress ring, ready to ship as a `.css` file. */
|
|
158
183
|
declare const progressCircleCss: (this: void, options?: ComponentOptions) => string;
|
|
159
184
|
//#endregion
|
|
160
185
|
//#region src/components/pagination.d.ts
|
|
186
|
+
/** Standalone `pagination` stylesheet — the prefixed CSS for the page navigation, ready to ship as a `.css` file. */
|
|
161
187
|
declare const paginationCss: (this: void, options?: ComponentOptions) => string;
|
|
162
188
|
//#endregion
|
|
163
189
|
//#region src/components/truncate.d.ts
|
|
190
|
+
/** Standalone `truncate` stylesheet — the prefixed CSS for the truncation utility, ready to ship as a `.css` file. */
|
|
164
191
|
declare const truncateCss: (this: void, options?: ComponentOptions) => string;
|
|
165
192
|
//#endregion
|
|
166
193
|
//#region src/components/toggle-details.d.ts
|
|
194
|
+
/** Standalone `toggleDetails` stylesheet — the prefixed CSS for the details disclosure, ready to ship as a `.css` file. */
|
|
167
195
|
declare const toggleDetailsCss: (this: void, options?: ComponentOptions) => string;
|
|
168
196
|
//#endregion
|
|
169
197
|
//#region src/components/file-drop.d.ts
|
|
198
|
+
/** Standalone `fileDrop` stylesheet — the prefixed CSS for the file dropzone, ready to ship as a `.css` file. */
|
|
170
199
|
declare const fileDropCss: (this: void, options?: ComponentOptions) => string;
|
|
171
200
|
//#endregion
|
|
172
201
|
//#region src/components/side-nav-bar.d.ts
|
|
202
|
+
/** Standalone `sideNavBar` stylesheet — the prefixed CSS for the navigation rail, ready to ship as a `.css` file. */
|
|
173
203
|
declare const sideNavBarCss: (this: void, options?: ComponentOptions) => string;
|
|
174
204
|
//#endregion
|
|
175
205
|
//#region src/components/tree-browser.d.ts
|
|
206
|
+
/** Standalone `treeBrowser` stylesheet — the prefixed CSS for the disclosure tree, ready to ship as a `.css` file. */
|
|
176
207
|
declare const treeBrowserCss: (this: void, options?: ComponentOptions) => string;
|
|
177
208
|
//#endregion
|
|
178
209
|
//#region src/components/calendar.d.ts
|
|
210
|
+
/** Standalone `calendar` stylesheet — the prefixed CSS for the month grid, ready to ship as a `.css` file. */
|
|
179
211
|
declare const calendarCss: (this: void, options?: ComponentOptions) => string;
|
|
180
212
|
//#endregion
|
|
181
213
|
//#region src/components/popover.d.ts
|
|
214
|
+
/** Standalone `popover` stylesheet — the prefixed CSS for the popover surface, ready to ship as a `.css` file. */
|
|
182
215
|
declare const popoverCss: (this: void, options?: ComponentOptions) => string;
|
|
183
216
|
//#endregion
|
|
184
217
|
//#region src/components/tray.d.ts
|
|
218
|
+
/** Standalone `tray` stylesheet — the prefixed CSS for the sliding tray, ready to ship as a `.css` file. */
|
|
185
219
|
declare const trayCss: (this: void, options?: ComponentOptions) => string;
|
|
186
220
|
//#endregion
|
|
187
221
|
//#region src/components/tooltip.d.ts
|
|
222
|
+
/** Standalone `tooltip` stylesheet — the prefixed CSS for the tooltip bubble, ready to ship as a `.css` file. */
|
|
188
223
|
declare const tooltipCss: (this: void, options?: ComponentOptions) => string;
|
|
189
224
|
//#endregion
|
|
190
225
|
//#region src/components/range-input.d.ts
|
|
226
|
+
/** Standalone `rangeInput` stylesheet — the prefixed CSS for the range slider, ready to ship as a `.css` file. */
|
|
191
227
|
declare const rangeInputCss: (this: void, options?: ComponentOptions) => string;
|
|
192
228
|
//#endregion
|
|
193
229
|
//#region src/components/heading.d.ts
|
|
230
|
+
/** Standalone `heading` stylesheet — the prefixed CSS for the heading type, ready to ship as a `.css` file. */
|
|
194
231
|
declare const headingCss: (this: void, options?: ComponentOptions) => string;
|
|
195
232
|
//#endregion
|
|
196
233
|
//#region src/components/text.d.ts
|
|
234
|
+
/** Standalone `text` stylesheet — the prefixed CSS for the body typography, ready to ship as a `.css` file. */
|
|
197
235
|
declare const textCss: (this: void, options?: ComponentOptions) => string;
|
|
198
236
|
//#endregion
|
|
199
237
|
//#region src/components/close-button.d.ts
|
|
238
|
+
/** Standalone `closeButton` stylesheet — the prefixed CSS for the close button, ready to ship as a `.css` file. */
|
|
200
239
|
declare const closeButtonCss: (this: void, options?: ComponentOptions) => string;
|
|
201
240
|
//#endregion
|
|
202
241
|
//#region src/components/text-input.d.ts
|
|
242
|
+
/** Standalone `textInput` stylesheet — the prefixed CSS for the text input, ready to ship as a `.css` file. */
|
|
203
243
|
declare const textInputCss: (this: void, options?: ComponentOptions) => string;
|
|
204
244
|
//#endregion
|
|
205
245
|
//#region src/components/text-area.d.ts
|
|
246
|
+
/** Standalone `textArea` stylesheet — the prefixed CSS for the textarea, ready to ship as a `.css` file. */
|
|
206
247
|
declare const textAreaCss: (this: void, options?: ComponentOptions) => string;
|
|
207
248
|
//#endregion
|
|
208
249
|
//#region src/components/simple-select.d.ts
|
|
250
|
+
/** Standalone `simpleSelect` stylesheet — the prefixed CSS for the native select, ready to ship as a `.css` file. */
|
|
209
251
|
declare const simpleSelectCss: (this: void, options?: ComponentOptions) => string;
|
|
210
252
|
//#endregion
|
|
211
253
|
//#region src/components/input-group.d.ts
|
|
254
|
+
/** Standalone `inputGroup` stylesheet — the prefixed CSS for the input group, ready to ship as a `.css` file. */
|
|
212
255
|
declare const inputGroupCss: (this: void, options?: ComponentOptions) => string;
|
|
213
256
|
//#endregion
|
|
214
257
|
//#region src/components/number-input.d.ts
|
|
258
|
+
/** Standalone `numberInput` stylesheet — the prefixed CSS for the number input, ready to ship as a `.css` file. */
|
|
215
259
|
declare const numberInputCss: (this: void, options?: ComponentOptions) => string;
|
|
216
260
|
//#endregion
|
|
217
261
|
//#region src/components/in-place-edit.d.ts
|
|
262
|
+
/** Standalone `inPlaceEdit` stylesheet — the prefixed CSS for the in-place editor, ready to ship as a `.css` file. */
|
|
218
263
|
declare const inPlaceEditCss: (this: void, options?: ComponentOptions) => string;
|
|
219
264
|
//#endregion
|
|
220
265
|
//#region src/components/form-field-messages.d.ts
|
|
266
|
+
/** Standalone `formFieldMessages` stylesheet — the prefixed CSS for the field messages, ready to ship as a `.css` file. */
|
|
221
267
|
declare const formFieldMessagesCss: (this: void, options?: ComponentOptions) => string;
|
|
222
268
|
//#endregion
|
|
223
269
|
//#region src/components/form-field.d.ts
|
|
270
|
+
/** Standalone `formField` stylesheet — the prefixed CSS for the form-field wrapper, ready to ship as a `.css` file. */
|
|
224
271
|
declare const formFieldCss: (this: void, options?: ComponentOptions) => string;
|
|
225
272
|
//#endregion
|
|
226
273
|
//#region src/components/form-field-group.d.ts
|
|
274
|
+
/** Standalone `formFieldGroup` stylesheet — the prefixed CSS for the fieldset group, ready to ship as a `.css` file. */
|
|
227
275
|
declare const formFieldGroupCss: (this: void, options?: ComponentOptions) => string;
|
|
228
276
|
//#endregion
|
|
229
277
|
//#region src/components/radio-input-group.d.ts
|
|
278
|
+
/** Standalone `radioInputGroup` stylesheet — the prefixed CSS for the radio group, ready to ship as a `.css` file. */
|
|
230
279
|
declare const radioInputGroupCss: (this: void, options?: ComponentOptions) => string;
|
|
231
280
|
//#endregion
|
|
232
281
|
//#region src/components/select.d.ts
|
|
@@ -255,24 +304,31 @@ declare const radioInputGroupCss: (this: void, options?: ComponentOptions) => st
|
|
|
255
304
|
declare function selectCss(options?: ComponentOptions): string;
|
|
256
305
|
//#endregion
|
|
257
306
|
//#region src/utilities/view.d.ts
|
|
307
|
+
/** The View utility as a standalone, header-wrapped stylesheet. */
|
|
258
308
|
declare const viewCss: (this: void, options?: ComponentOptions) => string;
|
|
259
309
|
//#endregion
|
|
260
310
|
//#region src/utilities/spacing.d.ts
|
|
311
|
+
/** The spacing utilities as a standalone, header-wrapped stylesheet. */
|
|
261
312
|
declare const spacingUtilitiesCss: (this: void, options?: ComponentOptions) => string;
|
|
262
313
|
//#endregion
|
|
263
314
|
//#region src/utilities/layout.d.ts
|
|
315
|
+
/** The layout utilities as a standalone, header-wrapped stylesheet. */
|
|
264
316
|
declare const layoutUtilitiesCss: (this: void, options?: ComponentOptions) => string;
|
|
265
317
|
//#endregion
|
|
266
318
|
//#region src/utilities/responsive.d.ts
|
|
319
|
+
/** The responsive-visibility utilities as a standalone, header-wrapped stylesheet. */
|
|
267
320
|
declare const responsiveUtilitiesCss: (this: void, options?: ComponentOptions) => string;
|
|
268
321
|
//#endregion
|
|
269
322
|
//#region src/utilities/icon.d.ts
|
|
323
|
+
/** The icon utility as a standalone, header-wrapped stylesheet. */
|
|
270
324
|
declare const iconCss: (this: void, options?: ComponentOptions) => string;
|
|
271
325
|
//#endregion
|
|
272
326
|
//#region src/utilities/mask.d.ts
|
|
327
|
+
/** The mask utility as a standalone, header-wrapped stylesheet. */
|
|
273
328
|
declare const maskCss: (this: void, options?: ComponentOptions) => string;
|
|
274
329
|
//#endregion
|
|
275
330
|
//#region src/utilities/screen-reader-content.d.ts
|
|
331
|
+
/** The screen-reader-content utility as a standalone, header-wrapped stylesheet. */
|
|
276
332
|
declare const screenReaderContentCss: (this: void, options?: ComponentOptions) => string;
|
|
277
333
|
//#endregion
|
|
278
334
|
//#region src/utilities/icon-glyphs.d.ts
|