@cck-ui/core 0.20.3 → 0.22.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 (40) hide show
  1. package/cjs/components/typography/index.cjs +13 -0
  2. package/cjs/components/typography/index.cjs.map +1 -0
  3. package/cjs/components/typography/typography.cjs +381 -0
  4. package/cjs/components/typography/typography.cjs.map +1 -0
  5. package/cjs/components/typography/typography.module.cjs +7 -0
  6. package/cjs/components/typography/typography.module.cjs.map +1 -0
  7. package/cjs/components/visually-hidden/index.cjs +13 -0
  8. package/cjs/components/visually-hidden/index.cjs.map +1 -0
  9. package/cjs/components/visually-hidden/visually-hidden.cjs +385 -0
  10. package/cjs/components/visually-hidden/visually-hidden.cjs.map +1 -0
  11. package/cjs/components/visually-hidden/visually-hidden.module.cjs +7 -0
  12. package/cjs/components/visually-hidden/visually-hidden.module.cjs.map +1 -0
  13. package/cjs/index.cjs +6 -0
  14. package/cjs/index.cjs.map +1 -1
  15. package/esm/components/typography/index.mjs +10 -0
  16. package/esm/components/typography/index.mjs.map +1 -0
  17. package/esm/components/typography/typography.mjs +381 -0
  18. package/esm/components/typography/typography.mjs.map +1 -0
  19. package/esm/components/typography/typography.module.mjs +7 -0
  20. package/esm/components/typography/typography.module.mjs.map +1 -0
  21. package/esm/components/visually-hidden/index.mjs +10 -0
  22. package/esm/components/visually-hidden/index.mjs.map +1 -0
  23. package/esm/components/visually-hidden/visually-hidden.mjs +385 -0
  24. package/esm/components/visually-hidden/visually-hidden.mjs.map +1 -0
  25. package/esm/components/visually-hidden/visually-hidden.module.mjs +7 -0
  26. package/esm/components/visually-hidden/visually-hidden.module.mjs.map +1 -0
  27. package/esm/index.mjs +5 -1
  28. package/esm/index.mjs.map +1 -1
  29. package/lib/components/index.d.ts +2 -0
  30. package/lib/components/typography/index.d.ts +6 -0
  31. package/lib/components/typography/typography.types.d.ts +9 -0
  32. package/lib/components/visually-hidden/index.d.ts +6 -0
  33. package/lib/components/visually-hidden/visually-hidden.types.d.ts +9 -0
  34. package/package.json +1 -1
  35. package/styles/typography.css +208 -0
  36. package/styles/typography.layer.css +209 -0
  37. package/styles/visually-hidden.css +11 -0
  38. package/styles/visually-hidden.layer.css +12 -0
  39. package/styles.css +221 -0
  40. package/styles.layer.css +221 -0
@@ -0,0 +1,385 @@
1
+ "use client";
2
+ import export_helper_default from "../../_virtual/_/plugin-vue/export-helper.mjs";
3
+ import { useComponentProps } from "../../core/config-provider/use-component-props/use-component-props.mjs";
4
+ import { CBox } from "../../core/box/index.mjs";
5
+ import { useStyles } from "../../core/styles-api/use-styles/use-styles.mjs";
6
+ import visually_hidden_module_default from "./visually-hidden.module.mjs";
7
+ import { computed, createBlock, defineComponent, mergeProps, openBlock, ref, renderSlot, useAttrs, withCtx } from "vue";
8
+ //#region packages/@cck-ui/core/src/components/visually-hidden/visually-hidden.vue
9
+ const _sfc_main = /*@__PURE__*/ defineComponent({
10
+ name: "CVisuallyHidden",
11
+ __name: "visually-hidden",
12
+ props: {
13
+ className: {
14
+ type: String,
15
+ required: false
16
+ },
17
+ style: {
18
+ type: [
19
+ Object,
20
+ Function,
21
+ Array
22
+ ],
23
+ required: false,
24
+ skipCheck: true
25
+ },
26
+ __vars: {
27
+ type: null,
28
+ required: false
29
+ },
30
+ __size: {
31
+ type: String,
32
+ required: false
33
+ },
34
+ hiddenFrom: {
35
+ type: null,
36
+ required: false
37
+ },
38
+ visibleFrom: {
39
+ type: null,
40
+ required: false
41
+ },
42
+ lightHidden: {
43
+ type: Boolean,
44
+ required: false
45
+ },
46
+ darkHidden: {
47
+ type: Boolean,
48
+ required: false
49
+ },
50
+ mod: {
51
+ type: [
52
+ Object,
53
+ String,
54
+ Array
55
+ ],
56
+ required: false
57
+ },
58
+ m: {
59
+ type: null,
60
+ required: false
61
+ },
62
+ my: {
63
+ type: null,
64
+ required: false
65
+ },
66
+ mx: {
67
+ type: null,
68
+ required: false
69
+ },
70
+ mt: {
71
+ type: null,
72
+ required: false
73
+ },
74
+ mb: {
75
+ type: null,
76
+ required: false
77
+ },
78
+ ms: {
79
+ type: null,
80
+ required: false
81
+ },
82
+ me: {
83
+ type: null,
84
+ required: false
85
+ },
86
+ mis: {
87
+ type: null,
88
+ required: false
89
+ },
90
+ mie: {
91
+ type: null,
92
+ required: false
93
+ },
94
+ ml: {
95
+ type: null,
96
+ required: false
97
+ },
98
+ mr: {
99
+ type: null,
100
+ required: false
101
+ },
102
+ p: {
103
+ type: null,
104
+ required: false
105
+ },
106
+ py: {
107
+ type: null,
108
+ required: false
109
+ },
110
+ px: {
111
+ type: null,
112
+ required: false
113
+ },
114
+ pt: {
115
+ type: null,
116
+ required: false
117
+ },
118
+ pb: {
119
+ type: null,
120
+ required: false
121
+ },
122
+ ps: {
123
+ type: null,
124
+ required: false
125
+ },
126
+ pe: {
127
+ type: null,
128
+ required: false
129
+ },
130
+ pis: {
131
+ type: null,
132
+ required: false
133
+ },
134
+ pie: {
135
+ type: null,
136
+ required: false
137
+ },
138
+ pl: {
139
+ type: null,
140
+ required: false
141
+ },
142
+ pr: {
143
+ type: null,
144
+ required: false
145
+ },
146
+ bd: {
147
+ type: null,
148
+ required: false
149
+ },
150
+ bdrs: {
151
+ type: null,
152
+ required: false
153
+ },
154
+ bg: {
155
+ type: null,
156
+ required: false
157
+ },
158
+ c: {
159
+ type: null,
160
+ required: false
161
+ },
162
+ opacity: {
163
+ type: [
164
+ String,
165
+ Object,
166
+ Number
167
+ ],
168
+ required: false
169
+ },
170
+ ff: {
171
+ type: [String, Object],
172
+ required: false
173
+ },
174
+ fz: {
175
+ type: null,
176
+ required: false
177
+ },
178
+ fw: {
179
+ type: null,
180
+ required: false
181
+ },
182
+ lts: {
183
+ type: null,
184
+ required: false
185
+ },
186
+ ta: {
187
+ type: [String, Object],
188
+ required: false
189
+ },
190
+ lh: {
191
+ type: null,
192
+ required: false
193
+ },
194
+ fs: {
195
+ type: null,
196
+ required: false
197
+ },
198
+ tt: {
199
+ type: [String, Object],
200
+ required: false
201
+ },
202
+ td: {
203
+ type: null,
204
+ required: false
205
+ },
206
+ w: {
207
+ type: null,
208
+ required: false
209
+ },
210
+ miw: {
211
+ type: null,
212
+ required: false
213
+ },
214
+ maw: {
215
+ type: null,
216
+ required: false
217
+ },
218
+ h: {
219
+ type: null,
220
+ required: false
221
+ },
222
+ mih: {
223
+ type: null,
224
+ required: false
225
+ },
226
+ mah: {
227
+ type: null,
228
+ required: false
229
+ },
230
+ bgsz: {
231
+ type: null,
232
+ required: false
233
+ },
234
+ bgp: {
235
+ type: null,
236
+ required: false
237
+ },
238
+ bgr: {
239
+ type: null,
240
+ required: false
241
+ },
242
+ bga: {
243
+ type: null,
244
+ required: false
245
+ },
246
+ pos: {
247
+ type: [String, Object],
248
+ required: false
249
+ },
250
+ top: {
251
+ type: null,
252
+ required: false
253
+ },
254
+ left: {
255
+ type: null,
256
+ required: false
257
+ },
258
+ bottom: {
259
+ type: null,
260
+ required: false
261
+ },
262
+ right: {
263
+ type: null,
264
+ required: false
265
+ },
266
+ inset: {
267
+ type: null,
268
+ required: false
269
+ },
270
+ display: {
271
+ type: null,
272
+ required: false
273
+ },
274
+ flex: {
275
+ type: null,
276
+ required: false
277
+ },
278
+ unstyled: {
279
+ type: Boolean,
280
+ required: false
281
+ },
282
+ variant: {
283
+ type: null,
284
+ required: false
285
+ },
286
+ classNames: {
287
+ type: null,
288
+ required: false
289
+ },
290
+ styles: {
291
+ type: null,
292
+ required: false
293
+ },
294
+ vars: {
295
+ type: Function,
296
+ required: false
297
+ },
298
+ attributes: {
299
+ type: null,
300
+ required: false
301
+ }
302
+ },
303
+ setup(__props, { expose: __expose }) {
304
+ const _root = ref(null);
305
+ const attrs = useAttrs();
306
+ const rawProps = __props;
307
+ const props = useComponentProps({
308
+ component: "CVisuallyHidden",
309
+ defaultProps: {},
310
+ props: rawProps
311
+ });
312
+ const knownProps = [
313
+ "className",
314
+ "style",
315
+ "classNames",
316
+ "styles",
317
+ "unstyled",
318
+ "vars",
319
+ "attributes"
320
+ ];
321
+ const styleProps = computed(() => ({
322
+ ...props.value,
323
+ ...attrs,
324
+ style: attrs.style ?? props.value.style
325
+ }));
326
+ const getStyles = useStyles({
327
+ name: "VisuallyHidden",
328
+ props: styleProps,
329
+ classes: visually_hidden_module_default,
330
+ className: () => props.value.className,
331
+ style: () => props.value.style,
332
+ classNames: props.value.classNames,
333
+ styles: props.value.styles,
334
+ unstyled: props.value.unstyled,
335
+ attributes: props.value.attributes
336
+ });
337
+ const rootAttrs = computed(() => getStyles("root"));
338
+ const mergedAttrs = computed(() => {
339
+ const others = {};
340
+ const propsValue = props.value;
341
+ for (const key in propsValue) if (!knownProps.includes(key)) others[key] = propsValue[key];
342
+ const userMod = props.value.mod;
343
+ const mergedMod = [...Array.isArray(userMod) ? userMod : [userMod].filter(Boolean)];
344
+ return {
345
+ ...others,
346
+ mod: mergedMod,
347
+ ...rootAttrs.value
348
+ };
349
+ });
350
+ __expose({ root: computed(() => _root.value?.root ?? null) });
351
+ const __returned__ = {
352
+ _root,
353
+ attrs,
354
+ rawProps,
355
+ props,
356
+ knownProps,
357
+ styleProps,
358
+ getStyles,
359
+ rootAttrs,
360
+ mergedAttrs,
361
+ get CBox() {
362
+ return CBox;
363
+ }
364
+ };
365
+ Object.defineProperty(__returned__, "__isScriptSetup", {
366
+ enumerable: false,
367
+ value: true
368
+ });
369
+ return __returned__;
370
+ }
371
+ });
372
+ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
373
+ return openBlock(), createBlock($setup["CBox"], mergeProps({
374
+ ref: "_root",
375
+ tag: "span"
376
+ }, $setup.mergedAttrs), {
377
+ default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
378
+ _: 3
379
+ }, 16);
380
+ }
381
+ var visually_hidden_default = /*#__PURE__*/ export_helper_default(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/cck-ui/cck-ui/packages/@cck-ui/core/src/components/visually-hidden/visually-hidden.vue"]]);
382
+ //#endregion
383
+ export { visually_hidden_default as default };
384
+
385
+ //# sourceMappingURL=visually-hidden.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"visually-hidden.mjs","names":[],"sources":["../../../src/components/visually-hidden/visually-hidden.vue"],"sourcesContent":["<template>\n <c-box ref=\"_root\" tag=\"span\" v-bind=\"mergedAttrs\">\n <slot />\n </c-box>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, useAttrs } from 'vue'\nimport { CBox, CStyleProp, useComponentProps, useStyles } from '../../core'\nimport { VisuallyHiddenFactory, VisuallyHiddenProps } from './visually-hidden.types'\nimport classes from './visually-hidden.module.css'\n\ndefineOptions({\n name: 'CVisuallyHidden',\n})\n\nconst _root = ref<InstanceType<typeof CBox> | null>(null)\n\nconst attrs = useAttrs()\n\nconst rawProps = defineProps<VisuallyHiddenProps>()\n\nconst props = useComponentProps({\n component: 'CVisuallyHidden',\n defaultProps: {},\n props: rawProps,\n})\n\nconst knownProps = ['className', 'style', 'classNames', 'styles', 'unstyled', 'vars', 'attributes']\n\nconst styleProps = computed(() => ({\n ...props.value,\n ...attrs,\n style: (attrs.style ?? props.value.style) as CStyleProp,\n}))\n\nconst getStyles = useStyles<VisuallyHiddenFactory>({\n name: 'VisuallyHidden',\n props: styleProps,\n classes,\n className: () => props.value.className,\n style: () => props.value.style,\n classNames: props.value.classNames,\n styles: props.value.styles,\n unstyled: props.value.unstyled,\n attributes: props.value.attributes,\n})\n\nconst rootAttrs = computed(() => getStyles('root'))\n\nconst mergedAttrs = computed(() => {\n const others: Record<string, any> = {}\n const propsValue = props.value\n for (const key in propsValue) {\n if (!knownProps.includes(key)) {\n others[key] = propsValue[key as keyof typeof propsValue]\n }\n }\n const userMod = props.value.mod\n const mergedMod = [...(Array.isArray(userMod) ? userMod : [userMod].filter(Boolean))]\n return { ...others, mod: mergedMod, ...rootAttrs.value }\n})\n\ndefineExpose({\n root: computed(() => _root.value?.root ?? null),\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBA,MAAM,QAAQ,IAAsC,IAAI;EAExD,MAAM,QAAQ,SAAS;EAEvB,MAAM,WAAW;EAEjB,MAAM,QAAQ,kBAAkB;GAC9B,WAAW;GACX,cAAc,CAAC;GACf,OAAO;EACT,CAAC;EAED,MAAM,aAAa;GAAC;GAAa;GAAS;GAAc;GAAU;GAAY;GAAQ;EAAY;EAElG,MAAM,aAAa,gBAAgB;GACjC,GAAG,MAAM;GACT,GAAG;GACH,OAAQ,MAAM,SAAS,MAAM,MAAM;EACrC,EAAE;EAEF,MAAM,YAAY,UAAiC;GACjD,MAAM;GACN,OAAO;GACP,SAAA;GACA,iBAAiB,MAAM,MAAM;GAC7B,aAAa,MAAM,MAAM;GACzB,YAAY,MAAM,MAAM;GACxB,QAAQ,MAAM,MAAM;GACpB,UAAU,MAAM,MAAM;GACtB,YAAY,MAAM,MAAM;EAC1B,CAAC;EAED,MAAM,YAAY,eAAe,UAAU,MAAM,CAAC;EAElD,MAAM,cAAc,eAAe;GACjC,MAAM,SAA8B,CAAC;GACrC,MAAM,aAAa,MAAM;GACzB,KAAK,MAAM,OAAO,YAChB,IAAI,CAAC,WAAW,SAAS,GAAG,GAC1B,OAAO,OAAO,WAAW;GAG7B,MAAM,UAAU,MAAM,MAAM;GAC5B,MAAM,YAAY,CAAC,GAAI,MAAM,QAAQ,OAAO,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC,OAAO,OAAO,CAAE;GACpF,OAAO;IAAE,GAAG;IAAQ,KAAK;IAAW,GAAG,UAAU;GAAM;EACzD,CAAC;EAED,SAAa,EACX,MAAM,eAAe,MAAM,OAAO,QAAQ,IAAI,EAChD,CAAC;;;;;;;;;;;;;;;;;;;;;;;qBAhEC,YAEQ,OAAA,SAFR,WAEQ;EAFD,KAAI;EAAQ,KAAI;IAAe,OAAA,WAAW,GAAA;yBACvC,CAAR,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA"}
@@ -0,0 +1,7 @@
1
+ "use client";
2
+ //#region packages/@cck-ui/core/src/components/visually-hidden/visually-hidden.module.css
3
+ var visually_hidden_module_default = { "root": "m_56280a25" };
4
+ //#endregion
5
+ export { visually_hidden_module_default as default };
6
+
7
+ //# sourceMappingURL=visually-hidden.module.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"visually-hidden.module.mjs","names":[],"sources":["../../../src/components/visually-hidden/visually-hidden.module.css"],"sourcesContent":[".root {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n width: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n white-space: nowrap;\n}\n"],"mappings":";;AAAA,IAAA,iCAAe,EAAC,QAAO,aAAY"}
package/esm/index.mjs CHANGED
@@ -77,6 +77,8 @@ import { CSpace } from "./components/space/index.mjs";
77
77
  import { CSplitter, CSplitterPane } from "./components/splitter/index.mjs";
78
78
  import { CStack } from "./components/stack/index.mjs";
79
79
  import { CText } from "./components/text/index.mjs";
80
+ import { CTypography } from "./components/typography/index.mjs";
81
+ import { CVisuallyHidden } from "./components/visually-hidden/index.mjs";
80
82
  //#region packages/@cck-ui/core/src/index.ts
81
83
  const INSTALLED_KEY = Symbol("INSTALLED_KEY");
82
84
  const components = [
@@ -116,6 +118,8 @@ const components = [
116
118
  CStack,
117
119
  CText,
118
120
  CTransition,
121
+ CTypography,
122
+ CVisuallyHidden,
119
123
  UnstyledButton
120
124
  ];
121
125
  const CckUI = { install(app) {
@@ -126,6 +130,6 @@ const CckUI = { install(app) {
126
130
  });
127
131
  } };
128
132
  //#endregion
129
- export { CActionIcon, CActionIconGroup, CActionIconGroupSection, CAlert, CAspectRatio, CBox, CButton, CButtonGroup, CButtonGroupSection, transitions as CCK_TRANSITIONS, CCenter, CCloseButton, CCol, CContainer, CCopyButton, CDefaultLoaders, CEmptyState, CEmptyStateActions, CEmptyStateDescription, CEmptyStateIndicator, CEmptyStateTitle, CFileButton, CFlex, CGrid, CGroup, CImage, CLoader, CONFIG_KEY, CPaper, CSemiCircleProgress, CSimpleGrid, CSkeleton, CSpace, CSplitter, CSplitterPane, CStack, CText, CTransition, CckConfigProvider, CckUI, CckUI as default, DEFAULT_THEME, FOCUS_CLASS_NAMES, STYLE_PROPS_DATA, THEME_KEY, UnstyledButton, alpha, camelToKebabCase, colorsTuple, createTheme, createVarsResolver, darken, deepMerge, defaultCssVariablesResolver, defaultVariantColorsResolver, em, extractStyleProps, filterProps, getBaseValue, getBreakpointValue, getCSSColorVariables, getComponentName, getFontSize, getGradient, getLineHeight, getPrimaryShade, getRadius, getShadow, getSize, getSortedBreakpoints, getSpacing, getThemeColor, getTransitionProps, hashStyleProps, isLightColor, isNumber, isNumberLike, isString, isStringNumber, isUndefined, isVirtualColor, keys, luminance, mergeThemeOverrides, normalizeNumberLikeStringProp, numberLikeStringToNumber, parseStyleProps, parseThemeColor, px, rem, resolveClassNames, resolveStyles, responsiveStyleManager, rgb, rgba, stylesToString, toRgba, useCckClassNamesPrefix, useCckColorScheme, useCckCssVariablesResolver, useCckEnv, useCckIsHeadless, useCckStyleNonce, useCckStylesTransform, useCckSxTransform, useCckTheme, useCckWithStaticClasses, useComponentProps, useConfigContext, useProviderColorScheme, useRandomClassName, useStyles, virtualColor, withClasses, withExtend, withInstall, withPropsDefaultSetter, withPropsFactory, withVarsResolver };
133
+ export { CActionIcon, CActionIconGroup, CActionIconGroupSection, CAlert, CAspectRatio, CBox, CButton, CButtonGroup, CButtonGroupSection, transitions as CCK_TRANSITIONS, CCenter, CCloseButton, CCol, CContainer, CCopyButton, CDefaultLoaders, CEmptyState, CEmptyStateActions, CEmptyStateDescription, CEmptyStateIndicator, CEmptyStateTitle, CFileButton, CFlex, CGrid, CGroup, CImage, CLoader, CONFIG_KEY, CPaper, CSemiCircleProgress, CSimpleGrid, CSkeleton, CSpace, CSplitter, CSplitterPane, CStack, CText, CTransition, CTypography, CVisuallyHidden, CckConfigProvider, CckUI, CckUI as default, DEFAULT_THEME, FOCUS_CLASS_NAMES, STYLE_PROPS_DATA, THEME_KEY, UnstyledButton, alpha, camelToKebabCase, colorsTuple, createTheme, createVarsResolver, darken, deepMerge, defaultCssVariablesResolver, defaultVariantColorsResolver, em, extractStyleProps, filterProps, getBaseValue, getBreakpointValue, getCSSColorVariables, getComponentName, getFontSize, getGradient, getLineHeight, getPrimaryShade, getRadius, getShadow, getSize, getSortedBreakpoints, getSpacing, getThemeColor, getTransitionProps, hashStyleProps, isLightColor, isNumber, isNumberLike, isString, isStringNumber, isUndefined, isVirtualColor, keys, luminance, mergeThemeOverrides, normalizeNumberLikeStringProp, numberLikeStringToNumber, parseStyleProps, parseThemeColor, px, rem, resolveClassNames, resolveStyles, responsiveStyleManager, rgb, rgba, stylesToString, toRgba, useCckClassNamesPrefix, useCckColorScheme, useCckCssVariablesResolver, useCckEnv, useCckIsHeadless, useCckStyleNonce, useCckStylesTransform, useCckSxTransform, useCckTheme, useCckWithStaticClasses, useComponentProps, useConfigContext, useProviderColorScheme, useRandomClassName, useStyles, virtualColor, withClasses, withExtend, withInstall, withPropsDefaultSetter, withPropsFactory, withVarsResolver };
130
134
 
131
135
  //# sourceMappingURL=index.mjs.map
package/esm/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","names":[],"sources":["../src/index.ts"],"sourcesContent":["import type { App, Plugin } from 'vue'\nimport {\n CActionIcon,\n CActionIconGroup,\n CActionIconGroupSection,\n CAlert,\n CAspectRatio,\n CButton,\n CButtonGroup,\n CButtonGroupSection,\n CCenter,\n CCloseButton,\n CCol,\n CContainer,\n CCopyButton,\n CEmptyState,\n CEmptyStateActions,\n CEmptyStateDescription,\n CEmptyStateIndicator,\n CEmptyStateTitle,\n CFileButton,\n CFlex,\n CGrid,\n CGroup,\n CImage,\n CLoader,\n CPaper,\n CSemiCircleProgress,\n CSimpleGrid,\n CSkeleton,\n CSpace,\n CSplitter,\n CSplitterPane,\n CStack,\n CText,\n CTransition,\n UnstyledButton,\n} from './components'\nimport { CckConfigProvider, CBox } from './core'\n\nconst INSTALLED_KEY = Symbol('INSTALLED_KEY')\n\nconst components = [\n CckConfigProvider,\n CBox,\n CActionIcon,\n CActionIconGroup,\n CActionIconGroupSection,\n CAlert,\n CAspectRatio,\n CButton,\n CButtonGroup,\n CButtonGroupSection,\n CCenter,\n CCloseButton,\n CCol,\n CContainer,\n CCopyButton,\n CEmptyState,\n CEmptyStateActions,\n CEmptyStateDescription,\n CEmptyStateIndicator,\n CEmptyStateTitle,\n CFileButton,\n CFlex,\n CGrid,\n CGroup,\n CImage,\n CLoader,\n CPaper,\n CSemiCircleProgress,\n CSimpleGrid,\n CSkeleton,\n CSpace,\n CSplitter,\n CSplitterPane,\n CStack,\n CText,\n CTransition,\n UnstyledButton,\n]\n\nconst CckUI: Plugin = {\n install(app: App) {\n if ((app as any)[INSTALLED_KEY]) {\n return\n }\n ;(app as any)[INSTALLED_KEY] = true\n components.forEach((c) => {\n if (c.name) {\n app.component(c.name, c)\n }\n })\n },\n}\n\nexport default CckUI\nexport { CckUI }\n\nexport * from './components'\nexport * from './core'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,MAAM,gBAAgB,OAAO,eAAe;AAE5C,MAAM,aAAa;CACjB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,QAAgB,EACpB,QAAQ,KAAU;CAChB,IAAK,IAAY,gBACf;CAED,IAAa,iBAAiB;CAC/B,WAAW,SAAS,MAAM;EACxB,IAAI,EAAE,MACJ,IAAI,UAAU,EAAE,MAAM,CAAC;CAE3B,CAAC;AACH,EACF"}
1
+ {"version":3,"file":"index.mjs","names":[],"sources":["../src/index.ts"],"sourcesContent":["import type { App, Plugin } from 'vue'\nimport {\n CActionIcon,\n CActionIconGroup,\n CActionIconGroupSection,\n CAlert,\n CAspectRatio,\n CButton,\n CButtonGroup,\n CButtonGroupSection,\n CCenter,\n CCloseButton,\n CCol,\n CContainer,\n CCopyButton,\n CEmptyState,\n CEmptyStateActions,\n CEmptyStateDescription,\n CEmptyStateIndicator,\n CEmptyStateTitle,\n CFileButton,\n CFlex,\n CGrid,\n CGroup,\n CImage,\n CLoader,\n CPaper,\n CSemiCircleProgress,\n CSimpleGrid,\n CSkeleton,\n CSpace,\n CSplitter,\n CSplitterPane,\n CStack,\n CText,\n CTransition,\n CTypography,\n CVisuallyHidden,\n UnstyledButton,\n} from './components'\nimport { CckConfigProvider, CBox } from './core'\n\nconst INSTALLED_KEY = Symbol('INSTALLED_KEY')\n\nconst components = [\n CckConfigProvider,\n CBox,\n CActionIcon,\n CActionIconGroup,\n CActionIconGroupSection,\n CAlert,\n CAspectRatio,\n CButton,\n CButtonGroup,\n CButtonGroupSection,\n CCenter,\n CCloseButton,\n CCol,\n CContainer,\n CCopyButton,\n CEmptyState,\n CEmptyStateActions,\n CEmptyStateDescription,\n CEmptyStateIndicator,\n CEmptyStateTitle,\n CFileButton,\n CFlex,\n CGrid,\n CGroup,\n CImage,\n CLoader,\n CPaper,\n CSemiCircleProgress,\n CSimpleGrid,\n CSkeleton,\n CSpace,\n CSplitter,\n CSplitterPane,\n CStack,\n CText,\n CTransition,\n CTypography,\n CVisuallyHidden,\n UnstyledButton,\n]\n\nconst CckUI: Plugin = {\n install(app: App) {\n if ((app as any)[INSTALLED_KEY]) {\n return\n }\n ;(app as any)[INSTALLED_KEY] = true\n components.forEach((c) => {\n if (c.name) {\n app.component(c.name, c)\n }\n })\n },\n}\n\nexport default CckUI\nexport { CckUI }\n\nexport * from './components'\nexport * from './core'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,MAAM,gBAAgB,OAAO,eAAe;AAE5C,MAAM,aAAa;CACjB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,QAAgB,EACpB,QAAQ,KAAU;CAChB,IAAK,IAAY,gBACf;CAED,IAAa,iBAAiB;CAC/B,WAAW,SAAS,MAAM;EACxB,IAAI,EAAE,MACJ,IAAI,UAAU,EAAE,MAAM,CAAC;CAE3B,CAAC;AACH,EACF"}
@@ -22,4 +22,6 @@ export * from './splitter';
22
22
  export * from './stack';
23
23
  export * from './transition';
24
24
  export * from './text';
25
+ export * from './typography';
25
26
  export * from './unstyled-button';
27
+ export * from './visually-hidden';
@@ -0,0 +1,6 @@
1
+ import { SFCWithInstallAndClasses } from '../../core';
2
+ import classes from './typography.module.css';
3
+ import Typography from './typography.vue';
4
+ export declare const CTypography: SFCWithInstallAndClasses<typeof Typography, typeof classes>;
5
+ export default CTypography;
6
+ export * from './typography.types';
@@ -0,0 +1,9 @@
1
+ import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
2
+ export type TypographyStylesNames = 'root';
3
+ export interface TypographyProps extends BoxProps, StylesApiProps<TypographyFactory>, /* @vue-ignore */ ElementProps<'div'> {
4
+ }
5
+ export type TypographyFactory = Factory<{
6
+ props: TypographyProps;
7
+ ref: HTMLDivElement;
8
+ stylesNames: TypographyStylesNames;
9
+ }>;
@@ -0,0 +1,6 @@
1
+ import { SFCWithInstallAndClasses } from '../../core';
2
+ import classes from './visually-hidden.module.css';
3
+ import VisuallyHidden from './visually-hidden.vue';
4
+ export declare const CVisuallyHidden: SFCWithInstallAndClasses<typeof VisuallyHidden, typeof classes>;
5
+ export default CVisuallyHidden;
6
+ export * from './visually-hidden.types';
@@ -0,0 +1,9 @@
1
+ import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
2
+ export type VisuallyHiddenStylesNames = 'root';
3
+ export interface VisuallyHiddenProps extends BoxProps, StylesApiProps<VisuallyHiddenFactory>, /* @vue-ignore */ ElementProps<'span'> {
4
+ }
5
+ export type VisuallyHiddenFactory = Factory<{
6
+ props: VisuallyHiddenProps;
7
+ ref: HTMLSpanElement;
8
+ stylesNames: VisuallyHiddenStylesNames;
9
+ }>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cck-ui/core",
3
- "version": "0.20.3",
3
+ "version": "0.22.0",
4
4
  "description": "Vue component library focused on usability, accessibility and developer experience",
5
5
  "homepage": "https://cck-ui.jackatlas.xyz",
6
6
  "license": "ISC",